React Testing Library Crash Course
Vložit
- čas přidán 2. 06. 2024
- This course is a part of a larger Udemy course that will teach you the ins and outs of React Testing Library. I really hope that you enjoy this video and learn a lot from it.
Udemy Course (With Discount):
www.udemy.com/course/the-reac...
Timeline:
0:00 - What is Testing and Why we Care
17:30 - Our App
24:25 - RTL Philosophy
28:10 - Structure of Test
35:35 - Querying for Elements
1:01:00 - User Events and Browser Interactions
1:53:18 - Organizing Test Files
I've been trying to find a good crash course for a few days. I've stumbled across this one, and I am so glad I did! Great style of teaching my friend.
Thank you, thank you, thank you for being one of the few people who make tutorials that zoom in generously. It makes the tutorial so much easier to follow!
Lovely! Just have bought the course on udemy. You are a gem... Thanks for the good quality crash courses, hope to see a lot more of you.
Awesome video, I was seekin' something like this to have a whole overview about testing library on React, thanks, keep it up!
Best explanation/tutorial of react unit tests ive come across. This is the only that's helped me so far
LAITH, LAITH, MY MAN LAITH!!!!! I WAS WAITING FOR YOU TO DROP THIS ONE AND HERE YOU ARE BLESSING US THIS FESTIVE SEASON MY MAN!!!!
Yeahhh !! awesome !! .. im sure lots of devs been waiting for a good testing video tutorial like this.... thankx for sharing...!! 😎👍
This is the best introduction to React testing so far. I have learned so much for this video compared to other React Testing resources online that didn't really explain JS testing concepts all too well imo. Not only have you earned a CZcams subscriber, I also purchased your Udemy course. I am a little over halfway through, I am enjoying it. You can expect a positive review on this Udemy course from me once I am done. Keep up the good work here!
I was waiting for this!!!
Excellent tutorial!
can't use render directly on beforeEach its giving linting error:
Forbidden usage of `render` within testing framework `beforeEach` setup eslint (testing-library/no-render-in-setup)
You are a great teacher! thx!
Love your channel 💙
another great video, thanks a lot!
Best Testing Video in the entire Universe
wow, definitely i need this
This is what I was looking for
please do tailwind css crash course, i love the way you explain stuff, good wok bro
This looks awesome Laith. I will get the Udemy course because it looks awesome even if I don't know when I'll get to it : ( Thanks!
Thanks for the support :)
Great content! ty very much
I have also bought the course. 😊
thank you!! your are awesome
Hello :)
Do you explain here or on udemy how to test components with children props?
And how to test if some component renders children properly?
Thanks :)
Thanks you so much 👍🏼🙏⭐❤️
Thank you!
I don't know if is it possible to add Udemy's courses to Skillshare website ??
is there a react test which includes how to handle provider, store, preloadState and browserRouter/memoryRouter in this video? if not, this may become ideas of your next video.
Great course thanks. Advice to anyone watching this -> 1.25 speed
I dont understand, since it is recommended that the form should be submitted instead of button, but if we submit the form, userEvent.click("button") throws an error, what to do?
great!
Instead of doing "Password" and "Confirm Password" for match wouldn't /^password$/i and /^confirm password$/i have worked for exact match regex?
Eslint has a rule that prefer have the render in each test
The first one could also be simplified as such :
const {emailInputElement, passwordInputElement, confirmPasswordInputElement} = typeIntoForm({})
expect(emailInputElement.value).toBe("")
expect(confirmPasswordInputElement.value).toBe("")
expect(passwordInputElement.value).toBe("")
Great materials. Can you please update the udemy code. It does not work anymore
How can i watch this course entirely ?
Do crash courses on Flux , Recoil , mern with AWS will be much helpful
Do you recommend to watch this youtube lesson after watching your course RTL Bootcamp in udemy?
🔥🔥🔥
Thinking about buying it, but it's an 5 hour udemy course but you already uploaded about 50% here so I only getting 2.5 hours of content for it while I'm also eye balling a new nest.js course as well got to think about this... 🤔
It's only $10, so it's really not that big of a loss
@@nanonkay5669 sadly for me it is like the dollar is much higher them my local currency
@@codernerd7076 ah I see. In that case, watch this for some react testing concepts and look for another source/tutorial to complete whatever's left
@@codernerd7076 There are many Nest tutorials on youtube, maybe learn from those and the official Nest docs, after all that's how tutorials are made, you may find more of a sense of accomplishment by following the docs and learning by yourself.
the link in teh description navigates me to the udemy platform where the price is 20€ but I go to the cart it says 180€.
how can I buy it with 20€?
Warning: An update to App inside a test was not wrapped in act(...). When testing, code that causes React state updates should be wrapped into act(...):
can someone help me resolve it ?
I was looking for this course and its not available in business account :(
Same! I still just bought it on my personal account as Laith is always delivering high quality content and we can show him some support! Flash sale going on right now!
I took your Testing course on Net Ninja's YT and was very impressed. Definitely going to buy this!
Hope this is even better than that.
Edit - Bought it. Can't wait to start!
Just FYI for "should show email error message on invalid email" I had to use async and await... maybe my computer is just too fast 😛
nice tutorial, i have a doubt, why dont use toHaveValue? Instead .value plus toBe?