React Testing Library With Jest Tutorial For Beginners

No video

React Testing Library With Jest Tutorial For Beginners | How To Test React Components ?

Рет қаралды 72,203

2 жыл бұрын

Apply Now for free: bit.ly/35Rq2RY
AccioJob is an IIT Delhi alumni-led startup that runs a 6 month Pay after Placement Full Stack Web Dev Training. Students are trained on Data Structures and Algorithms, Full Stack Web Development and backend
web development. Students get placed above 5 LPA. AccioJob students are working at Amazon, Walmart, VISA, BharatPe, Paytm, ThoughtWorks
and 190+ more companies.
Key Highlights of the program:
- ZERO fees till Placement above 5 LPA in Software Development
- Average CTC: 8.3 LPA; Highest CTC: 41LPA
- Dedicated placement team & Interview preparation
- Industry-relevant Projects, Mock Interviews, Resume & Portfolio building
Eligibility: Graduate or Final Year of ANY DEGREE
Take your career on an exponential growth path now!
For any queries, you can WhatsApp or call on 8595563221
In this video we will learn about unit testing in React application using React testing library for testing React components and Jest as test runner.
This will be a beginner friendly tutorial and we will first understand what is React Testing Library, some rules and how jest is associated with it and after that we will write the unit test cases for our React Login application.
⭐️ GitHub link for Reference - github.com/dmalvia/React-test...
⭐️ React Testing Library - testing-library.com/
⭐️ Support my channel - www.buymeacoffee.com/dipeshma...
🔗 React Roadmap for Developers in 2021*
How to Learn React JS ? - • React JS Roadmap for D...
React Fundamentals Project - • Learn React JS Fundame...
Learn React Redux with Project - • Learn React Redux with...
What is Redux ? - • Understanding Redux Co...
Learn React Redux Thunk with Project - • Learn React Redux Thun...
Learn CSS GRID Tutorial - • Learn CSS GRID Tutoria...
🔗 Social Medias 🔗
Twitter: / imdmalvia
Facebook: / programmingwithdipesh
Instagram: / dipeshmalvia
LinkedIn: / dmalvia
⭐️ Tags ⭐️
- React Testing Library Crash Course
- React Testing Library Tutorial
- How to Test React Components
- Learn React Testing Library With Login Form
- Start Testing In ReactJs
⭐️ Hashtags ⭐️
#React #Testing #Library #Beginners #Tutorials
Disclaimer:
It doesn't feel good to have a disclaimer in every video but this is how the world is right now.
All videos are for educational purpose and use them wisely. Any video may have a slight mistake, please take decisions based on your research. This video is not forcing anything on you.

Пікірлер: 69

@DipeshMalvia 2 жыл бұрын

Apply Now for free: bit.ly/35Rq2RY AccioJob is an IIT Delhi alumni-led startup that runs a 6 month Pay after Placement Full Stack Web Dev Training.

@syedshaffeque3444 2 жыл бұрын

Excellent, I have been waiting for this tutorial. Eagerly waiting for videos on mock apis ,functions and coverage reports

@purnashankar7344 2 жыл бұрын

I have been waiting for this from long time.Thanks Dipesh , commenting even before watching it.

@DipeshMalvia 2 жыл бұрын

Hope you like it!

@surajdedhia9584 2 жыл бұрын

That's great tutorial. Could you please also post more advance testing example i.e. testing hooks, async calls, reading window events like fetch value from localStorage or sessionStorage etc.

@revanthkumarsake7035 2 жыл бұрын

no words, very clean and neat explanation. best video even for 0 knowledge. Thank you so much brother

@DipeshMalvia 2 жыл бұрын

You are most welcome

@gmjitendra Жыл бұрын

Very well covered and explained scenarios. Thanks Dipesh :)

@shwethasai9663 2 жыл бұрын

I have been waiting for this tutorial..exact correct time u uploaded..many thanks to u

@DipeshMalvia 2 жыл бұрын

Most welcome 😊

@aadimanchekar1032 2 жыл бұрын

Ah gold mine! Pls upload more videos on testing react applications for beginners

@yogitasonpitale8194 2 жыл бұрын

Thankx a lot for this video..i was looking for this kind of video since long time..

@shreyash8273 Жыл бұрын

Thanks sir. First time learned about testing.

@raj-thombare Жыл бұрын

great and simple explanation! i started with react + firebase then Node Express now jest!

@DipeshMalvia Жыл бұрын

Glad it helped!

@Potnurulaxmiprasad 2 жыл бұрын

Tq u brother bcz it will help to clear my project keep continue bro and do the videos on backend like springboot,hibernate..

@prajwalkv1175 2 жыл бұрын

Great tutorial. I was looking for this. Thank you so much😀

@DipeshMalvia Жыл бұрын

Welcome Prajwal!

@saketabhishek5147 2 жыл бұрын

Please make more video on react testing library it's a request bro. How to test Api ,use graphql hooks and many others

@DipeshMalvia 2 жыл бұрын

Ok I will try

@harishg9429 2 жыл бұрын

Great video, thanks Dipesh. Could you also make a video on testing mock data. Thanks

@janiirigi907 2 жыл бұрын

Wonderful !! Could you also make on how test hooks and mock APIs.. Thanks in advance 😊

@ikik790 4 ай бұрын

Informative tutorial.. make more for api calls as well

@DeepakGupta-pz4fx 2 жыл бұрын

Thank you sir 😊 ❤❤ your consistency hard work 👏 🙏

@DipeshMalvia 2 жыл бұрын

Most welcome 😊

@ritamehra3186 2 жыл бұрын

really valuable knowledge. thank you for sharing :)

@DipeshMalvia 2 жыл бұрын

Glad it was helpful!

@nouhiering 11 ай бұрын

helpful :D Thanks

@amitchaudhary3760 2 жыл бұрын

Thank you !! 😊

@manimaran-pr8rg 2 жыл бұрын

Its amazing login form test cases.Can you have a do video for use reducer redux test cases RTL with jest.

@mailjamalmd Жыл бұрын

Awesome man! Thanks 🙂

@DipeshMalvia Жыл бұрын

Happy to help!

@Shubhu284 10 ай бұрын

awasome

@saptarshimukherjee5539 2 жыл бұрын

plz make more videos in react testing library and jest its a request🙂

@RohitSainiHaryana Жыл бұрын

Great tutorial 🎉🎉🎉

@DipeshMalvia Жыл бұрын

Thanks!

@jitujahagirdar613 10 ай бұрын

how to determined which test case write or not ? is there any code coverage that know you have to write a test case for reaming code coverage or not ?

@letslive3782 2 жыл бұрын

Sir, how many more videos are there in this playlist?

@ganeshk8410 2 жыл бұрын

Thanks @dipesh. Also please teach us to mock apis ,functions etc

@DipeshMalvia 2 жыл бұрын

Sure, I'll take a note

@abhi_8243 2 жыл бұрын

@@DipeshMalvia yes please

@motivationalstory17 2 жыл бұрын

Please more video on redux and hook testing

@IndianGermanDiaries Жыл бұрын

That's one of a gem tutorial buddy :)

@DipeshMalvia Жыл бұрын

Glad you liked it

@universecode1101 2 жыл бұрын

Nice 😄✌🏻

@DipeshMalvia 2 жыл бұрын

Thanks ✌

@harishgangadharappa9715 2 жыл бұрын

Thank you

@DipeshMalvia 2 жыл бұрын

Thanks and glad you liked it!

@adammsangi 2 жыл бұрын

Always my mentor

@DipeshMalvia 2 жыл бұрын

Thanks!

@foodsampatti9522 10 ай бұрын

do we need to add test-id every time?? like if for example there is a sideNavbar how do we need to create that test code?

@user-bs8rl5zz1u 9 ай бұрын

bro why should we use test cases ?? in ract js ??

@UdayPawarUdi Жыл бұрын

Nicevideo

@madhumangal2664 Жыл бұрын

How do we transition to react 18, if we have lot of enzyme based tests

@zhangshiyucao 7 ай бұрын

Great tutorial. However i think a more useful test for the email field would be to expect a validation error to appear on the screen

@KrzysztofChrzan 3 ай бұрын

Are these unit tests?

@abhi_8243 2 жыл бұрын

Please make a video on enzyme. Please sir

@ittelugodikosam2231 Жыл бұрын

how test methods ( which have some javascript logic inside ) of react component . ?

@shishirrai1069 2 жыл бұрын

Please make video on enzyme and jest

@DipeshMalvia 2 жыл бұрын

Sure, that is in my list

@poojanb3566 2 жыл бұрын

I have some queries and want to discuss with you. Is there any online chat facility is available?

@jakobskovsndergard7912 Жыл бұрын

is this for react 18?

@realindian9721 2 жыл бұрын

Sir jii wordpress woocommerce with gatsby or react js par bhi series bna doh plz

@timquattrochi8009 Жыл бұрын

How can I solve " SyntaxError: Cannot use import statement outside a module" when trying to test react applications?

@eshwerhari4989 5 ай бұрын

use "require" instead of "import"

@CodeGeekStudio Жыл бұрын

i am getting this error Cannot read properties of undefined (reading 'body')

@CodeGeekStudio Жыл бұрын

Please sir help me how can I solve this issue?

@poojanb3566 2 жыл бұрын