Testing a Screen with React Native Testing Library [Live Coding]

In this video I walk through my process for writing tests, using React Native Testing Library, on a React Native screen. We write tests for the client side validation and form submission.
Code and more resources: www.reactnativ...

[@BharatSingh-zk8lx]

haha loved this raw video, especially the google search for the issues.

[@suyesh]

Finally a good video on react native testing. Thank you.

[@ReactNativeSchool]

Glad you liked it! Let me know what other testing questions you have or what you'd like to see related to testing. It's a topic I want to dive deeper into.

[@kabugh]

I've recently learned how to do it in React, so React Native video comes perfectly on time. Thanks!

[@fotios4902]

I really liked the flow! Great tutorial!

[@anandhusajeev2146]

Nice video, for the last two days I too looking at the react-native testing library example for my project. looking for more on this topic, especially mocking API calls using Axios, handling redux form, and 'rematch' structured projects component handling using react native testing library

[@gastonquelali1226]

Excellent video, thanks

[@JulianKingman]

How do you decide how many things to test? Is there a checklist you go through when designing tests?

[@marcoscunha6151]

up

[@ludwigvillalba1886]

thanks for sharing!

[@borasumer]

What is we use useNavigation in that component, and not getting the navigation object from props?

[@johnj.rivers7318]

You have to mock useNavigation the same way

[@bashamuhammad2817]

Good video 👌. Keep it up

[@balders952]

What's the best UI (BlackBox) testing framework for react native? I use cypress for my reactjs projects using the react selectors to query the dom via components and props which is a game-changer. I cant seem to find anything similar for Native.

[@aligarajian8806]

awesome content, thank you!

[@alessandrob.g.4524]

Hey, how do you test focus events on a Text Input in React Native?

[@IvanStipic_Stiiv]

It is great you didn't edit the video, thanks for that! It is real word example of TDD workflow at last!

[@bobbytop6109]

Thankyou for the tutorial. But how can you mock the test with axios? It would be great if you could provide me some refrence or some example.

[@emyboybeats4330]

Do you have more videos on Testing? Testing videos aren't all that much on youtube

[@ReactNativeSchool]

I've got a few over on React Native School - www.reactnativeschool.com/topic/testing. Let me know what questions you have though. This is a topic I want to dive deeper into.

[@aadarshaacharya267]

Which theme are you using on VSCODE ? Is that Night Owl?

[@ReactNativeSchool]

It sure is!

[@emyboybeats4330]

what extension are you using to show the check marks?

[@ReactNativeSchool]

marketplace.visualstudio.com/items?itemName=Orta.vscode-jest

[@Norfeldt]

Just looked at your course material. It looks really good and relevant topics. If you are open for suggestions I would suggest covering payment - since it allows more investment return on taking the courses. I'm personally very interested in testing and would also love to automate a build process for both platforms like expo turtle does.

[@MerciBro]

Why is "Login" passing as 2. Shouldn't it be 5?

[@MerciBro]

Neverminded. I see my problem now.

[@loekTheDreamer]

i love tutorials that don't work in the real world. yes your page loads automatically but in the real world we have state that effect how things are loaded. now where do i actually find one dealing with a real app?

[@LCRASW123]

I'm new to react-native, is there a matcher like .toBeInTheDocument()?