React Testing Tutorial with React Testing Library and Jest

React testing crash course using Jest and React testing library.

Join Lama Dev groups

0:00 Introduction
0:44 Why testing is important?
2:34 React Testing Crash Course
16:00 Jest vs Testing Library?
17:00 React Testing Real World Example
34:40 React Jest Mock Async Data Testing Example w/ Axios
41:13 Outro

[shawn.builds]

The testing library gets updated/refreshed so frequently, your video was the most relevant and straightforward. Thanks so much!

[Corntrop]

Tdd was always weird to me but after this tutorial it makes sense. Thank you so much.

[exequiel_hyan]

For those having issues with Axios in jest, put this in your package.json user the 'scripts' object:

"test": "react-scripts test --transformIgnorePatterns \"node_modules/(?!axios)/\"",

It worked for me, hope it works for you too.

[berkinakkaya]

You made the whole process look extremely simple. Great tutorial, thanks!

[wmv]

Excellent tutorial, love it, thanks Lama Dev.
For anyone struggling with JEST intelli-sense not coming up in Visual Studio code.(automatic methods and variables suggestions popping up)
Just add a file named ' jsconfig.json ' at root level i.e in your top project folder and paste below code in that file.
{
"typeAcquisition": {
"include": [
"jest"
]
}
}
Probably restart VS code to be sure it got embedded.

[corinapelichowski]

Right, it’s hard to find relevant YouTube tutorials because everything in the tech world is changing so fast and things get old too quickly.

HOWEVER! This is the best React Testing tutorial I have come across so far. It’s relevant, to the point, and super easy to follow along. I highly recommend going to the git repo, downloading it, deleting the test file, and follow along.

That way you can learn how to test without getting overwhelmed with learning the components too. 10/10

[SimPwear]

Wow!! This is world class content 👑. Looking forward to more testing tutorials. Integrated testing 🔥 Redux 🔥 Node backend 🔥 But it is just a wish 😭😭😭

[ozzyfromspace]

Okay, while I'm riding the high of confidence you gave me about TDD, lemme start working on a react project with this approach :) . Thanks, Lama Dev!!

[eprisrichardson]

You always explain things in a way that even a kid could understand. This was very helpful. I'm using Mock Service Worker as recommended in the Testing Library docs, so I guess my mock API will be setup differently. I just have to figure that out. Thanks for the tutorial!!!

[carloscambon]

Thank you for your simplicity. You make it very easy to assimilate.

[luffymonkey]

Yes!!! Exactly the kind of video i was looking for and from an amazing channel that I like. Just started watching recently and your video tutorials are really good!

[mD-mpbb]

Entrance Song👍👍
I knew Jest and react testing library but I watched the course again.

[som_girl]

You’re a great teacher. Few minutes into your video, I understood testing without prior knowledge of JS testing

[ouniradoin]

you are amazing i never saw a tutorial like that with a nice explanation

[okorojohn]

Nice one from Genius Lama. Many thanks for wonderful lectures you dish out.

[jasonma]

Nice tutorial. Explained everything so well and was easy to understand.

[musab]

Awesome video we would like more content like this testing and integration testing

[gonwms]

Thanks Bruno! Amazing playlists. Thanks for your time

[jonathanbriceno]

Extraordinary video, all the content is very useful because you explain in a perfect way all the concepts of testing. It would be great to see other videos on this important topic. Immensely grateful.

[manojkumars]

Thanks a lot this made me understand how TDD works