React Testing Crash Course 

Great! We need more tutorials about testing, there isn't much of it on the internet

Thanks Brad, Mitchel. I learnt quite a lot today even though I've been testing for years. Really appreciate it guys!

What would we do without you brad? honestly I have no clue, respect guys, for all your hard work

This video was simply INCREDIBLE! Do yourself a favor and watch from start to finish. You won't regret it and will definitely add some items to your skillset, especially the amazing Cypress automated tests! It was so much simpler than I imagined to get automated E2E tests setup and running! Thanks Brad and Mitchel!

Perfect video! Testing is very important and I'm glad it's being covered. Thanks Techbase & Brad! :)

this is PURE GOLD. Best video to get into Jest. Thank you Brad and Mitchel

Thank you Traversy ! I enjoy both your project tutorials as well as your UDEMY courses !

Found another gem. Thank you so much, Brad and Techbase.

Awesome !! yeahhh "testing" !! we really needed a tutorial like this !! thankx Brad and Mitchel !! you dont know how much this helped me and many others Devs out there..!! 😊👍

Perfect timing! I was just looking for a testing library guide with react and then this videos just came out, amazing!

Exactly what I needed... perfect timing...🤩

A great video on testing, I have been looking for something like this for days and it really covered everything I needed for my current project. The only suggestion I have is being mindful of your IDE placement, as at times I couldnt see the full code, so had to replay several times in certain parts of the video. Thank you for the great content Mitchel and Brad

That is one awesome tutorial right there ! honestly great job Mitchel and thank you for this detailed how to test. keep up the hard work.

really well done, I have waited alot of tutorials and your knowledge and delivery is excellent, keep up the good work

This is exactly the content that I was looking for! Thank you so much!

End-to-end testing with Cypress is amazing, but it'll miss out on the tiny details that unit testing will cover. That's why the whole pyramid is essential. Great video!

I think these videos are incredible, Brad is known as the father of web tutorials and it's lovely to see people who have probably gain some knowledge from him create videos for the channel and for Brad to alway big up his friends

Hi! Really useful video. One suggested improvement is that, because of heavy indentation, maybe you could split the editor with a horizontal line instead of vertical? It's really hard to follow when you're scrolling left to right. At almost no point was it possible to read an entire instruction without you doing that. Thanks and keep doing what you're doing!

Great to see testing video. Not a lot of folks cover this much!

Thanks a bunch Mitchell & Brad for making this awesome video react testing tutorial for us!

YES. Thank you. This is the other half of the knowledge that is required at jobs!

This is really amazing brad, I have learnt a lot from your channel. Keep up the good work sir.

Just in time for my end of uni project, incredible, thank you!

This is such a good method of teaching how to test a react app. Loved the video!

Great tutorial, went from knowing nothing about automatic testing to slowly but surely implementing it in my own projects in just about 60 minutes.

This video was super informative...Thanks a bunch Mitchel! :)

Perfect Timing ❤️ Was just searching damn Brad ❤️❤️

that's it what I'm looking for these days:) thank you guys

Timing can't be better. I have been looking for this and boom 💥

Exactly what I was looking for ( i kw there are lots of others on YT, but not as a single video...) :D :D Awesome stuffs man. Will be very helpful. Please keep up the good works. :)

I have watched and taken countless testing courses but no one has ever explained the rationale behind testing better than this. Great Job 4:20/58:35

Thank you that was great! I was also able to enable typescript in both the unit and e2e testing files which made things a bit more clear having types/suggestions/warnings etc.

More about testing please! Great job team.

thanks a ton to both of you, god bless you both. Code without test cases is like driving without seat belts on, it upto you which one you prefer :)

Fantastic! Thanks for the content, I have your MERN eCommerce and miss a lot on good content covering tests.

Your teaching is always outstanding , we are waiting your new video, thanks for your hard work keep growing 🙏

I did not see the video was yours and when I listen to the intro music I was like...hell yeah! Muchas Gracias señor Brad

thanks for this course,this is the best and reliable channel to learn new techs, btw plz be noted "yarn install && yarn dev" command is replaced with "yarn add add yarn dev". for them who struggled at this point

I miss your speech videos (non tutorial ones). I wish you get better soon Brad 🙏🏼

Great video, thank you very much. Just one small bit of feedback/improvement, I find its always best to have the full code editor on the screen, not having to scroll left and right. Other than that, everything was great, thank you both.

these are the tutorials I am looking for ❤️

Hello Brad. Always good to see you. Still the king.

Awesome, this is the best testing tutorial for React i have ever watch

Always a pleasure to see your promoting other content creators! Testing is not talked about as much, glad to see this covered in this guest video! Great video, Mitchel!

First of all, great video, it is very educational and easy to listen to. I would like to say a couple things however: Firstly, you said that integration tests are more than just combining unit tests, but I feel like you didn't really cover the whole idea of what the difference is and why you need both. For those reading this in the future, a unit test tests a single component and is very useful to find problems with specific parts of your program. The purpose of an integration test is to test if the components correctly function when put together. They basically test the connection between components. If you rely solely on integration tests you may find errors, but it will be harder to see in which component they might be whereas unit tests generally point you right to the faulty component. Unit tests are also really useful for boundary testing: Testing cases near branching points in the code, and other edge cases. EDIT: In other words, for important parts of your code you would want both unit and integration tests. In this case I would have used unit tests to see if the buttons work correctly and to see if the text boxes take their inputs correctly, and an integration test to see if clicking the pay button actually correctly registers the inputs of the fields and passes them on to the next component, instead of just combining the unit tests. Secondly, I feel like your code editor is a bit too small, you can't really see the code, even though that should be the focus of the video. EDIT 2: At 42:55 you also say that there is only one text box so just targeting "textbox" is fine. That is of course only the case if no other textbox will be added later. If you only have one test like this it would be easy to edit, but if you write a lot of tests like this adding components to pages can get very tedious very quickly because of the amount of tests you will have to edit, on top of the new tests you already have to write. EDIT 3: At about 45:00 you say "use as small of a value as possible", but I would personally argue that this way, you do not test larger values which are much more important. I would say a better option would be to reset the database before and/or after your tests, and to at least test larger values in your integration tests (especially very large values).

Exactly what I'm trying to learn at the moment!

Thank you very much, Mitchel! I learnt a lot with your good explanations.

Great!! This video really help me understanding testing!

that helped library seems very OP, thanks for showing

Love you both, great content on both channels thank you

thanks for this I was exactly looking for this

Thank you, I never knew testing could be this fun😁

Once again you read my mind, I just need this course 😲

Thanks for this. I loved it ❤️ Learnt a thing or two

Thank you very much, before watching this video, I was afraid to write test codes, and now I think I would make it well

Just came at the right time. Thank you

Thanks man, I was about to start learning react testing and I found your tutorial

Wow! That’s cool! Will definitely find a use for Cyprus. I will also look at Selinium too

Desperately needed such a content ❤️❤️☺️

Awesome testing course 🔥🔥

I am praying for you to have your all problems solved and all mighty to give you strength to fight you problems. please be strong!

Great video! Thank you for your work

yep, this is the best video on what to test on the internet, ty guys

Perfect! ❤️ More React stuff 😍

Thank you for this amazing video!

Thank you so much for this great video!

When you did the cypress bit with testing playground I think testing finally clicked for me.

Fantastic, now I have a basic understanding of React testing.

Thank you so much. This is very helpful. I have learn a lot from this video.

Great vid, learnt a lot

Thanks for the video, we helpful me so much!

Thank you. Great! direct on point type video on testing in react.

nice instructor, the project is absolutely enormous for a 1hr tutorial, was overkill for my CPU

I learned about the Test Playground tool which is super useful. I loved E2E testing using cypress. I think unit testing part could be improved by including different ways to get and different assertions along with a small example of mocking. Mitchel is very nice instructor. He explained things very nicely. On all as always great video loved it.👌🙌

Really helpful video as always. For future reference, I really struggle to follow along and understand the code because it was half the width of the screen.

Thanks a lot for this amazing tutorial.

Great video man! Thanks

Thanks! It is a great overview

Great!

Thanks a lot man we need testing tutorials

More of these, please!!

This is why I like Brad more because he focus on doing more instead of just showing stuffs.

Thank you so much! really helpful!

A very good video! Hopefully, we can have more React testing videos. One more question, if I have a button driving user to another route, like from “/“ to “/user”, should it be covered on End-to-End testing?

Thank you so much, informative!

Using hotkeys to clear the test output is nice for testing. If you have a macro keyboard, you can make a clear button, it's super handy! CLEAR TERMINAL: press Ctrl + Shift + P key together

This looks so cool, I really want to do it. I'm having a lot of issues with the setup, because some of it is deprecated.

Doing my first testing tomorrow right in time😄

I'm struggling to find elements in the DOM when using React & Styled Components - did you have a work around for this? Fantastic well structured tutorial, thanks.

extremely informative, thanks mate

Thank you very much for this awesome video

thank you my favorite coder , nice

it's really a interesting video and very helpful and very easy way of testing especially for a beginner.

Hey brad how are you doing? Thanks, for this great tutorial. I would love a tutorial series about the implementation of the front-end with React and typescript. It's so confusing. I can make sense of the types in typescript alone, but when it comes to React with typescript (with all the ReactNodeElemeents and stuff it doesn't make sense. A recommendation to some course on youtube or book will do as well, but I prefer to learn from you it's easy and concise) Sorry for this long ass comment.

Great job! Tks

perfect tutorial, right to the point.

Great tutorial!! I have a suggestion though, the editor font size could be smaller, the way it is now its hard to read the code in its entirety because its too zoom in :)

Finally completed this in 7 days, daily chunk by chunk. 🎯

Good content - I would recommend making the application screen smaller so we could actually read all of the code - but again, very nice presentation

You are the greatest this was needed