React Testing Library Crash Course

  Рет қаралды 48,103

Laith Academy

Laith Academy

Күн бұрын

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

Пікірлер: 51
@yogajourney9519
@yogajourney9519 2 жыл бұрын
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!
@louierichardson123
@louierichardson123 2 жыл бұрын
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.
@mdzahangirhossain8540
@mdzahangirhossain8540 2 жыл бұрын
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.
@nanonkay5669
@nanonkay5669 2 жыл бұрын
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!!!!
@brandonmchugh9821
@brandonmchugh9821 2 жыл бұрын
Best explanation/tutorial of react unit tests ive come across. This is the only that's helped me so far
@donovan8031
@donovan8031 2 жыл бұрын
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 KZfaq 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!
@romimaximus
@romimaximus 2 жыл бұрын
Yeahhh !! awesome !! .. im sure lots of devs been waiting for a good testing video tutorial like this.... thankx for sharing...!! 😎👍
@edwin_castillo
@edwin_castillo Жыл бұрын
Awesome video, I was seekin' something like this to have a whole overview about testing library on React, thanks, keep it up!
@markopavic7012
@markopavic7012 2 жыл бұрын
I was waiting for this!!!
@Sajee362
@Sajee362 2 жыл бұрын
Best Testing Video in the entire Universe
@EK-rp8jp
@EK-rp8jp 2 жыл бұрын
another great video, thanks a lot!
@alec3979
@alec3979 Жыл бұрын
Excellent tutorial!
@you3667
@you3667 2 жыл бұрын
You are a great teacher! thx!
@worldbest3097
@worldbest3097 2 жыл бұрын
wow, definitely i need this
@danianiazi8229
@danianiazi8229 2 жыл бұрын
Love your channel 💙
@MunshiWahid
@MunshiWahid 2 жыл бұрын
I have also bought the course. 😊
@abanoubashraf1308
@abanoubashraf1308 2 жыл бұрын
please do tailwind css crash course, i love the way you explain stuff, good wok bro
@khandoor7228
@khandoor7228 2 жыл бұрын
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!
@laithacademy
@laithacademy 2 жыл бұрын
Thanks for the support :)
@LumbreraEnMiCamino
@LumbreraEnMiCamino 2 жыл бұрын
This is what I was looking for
@carminetambascia6355
@carminetambascia6355 2 жыл бұрын
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("")
@jassencastilloespinoza4780
@jassencastilloespinoza4780 2 жыл бұрын
thank you!! your are awesome
@mortezaahmadi5710
@mortezaahmadi5710 2 жыл бұрын
Great content! ty very much
@RahulKumar-wu1dv
@RahulKumar-wu1dv 2 жыл бұрын
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)
@mahendranath2504
@mahendranath2504 2 жыл бұрын
Thanks you so much 👍🏼🙏⭐❤️
@RizaHariati
@RizaHariati 2 жыл бұрын
Thank you!
@ispaxannixteridas370
@ispaxannixteridas370 Жыл бұрын
Great course thanks. Advice to anyone watching this -> 1.25 speed
@Ga2-20
@Ga2-20 2 жыл бұрын
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 :)
@dek99s
@dek99s 2 жыл бұрын
great!
@manoj-k
@manoj-k 2 жыл бұрын
🔥🔥🔥
@carminetambascia6355
@carminetambascia6355 2 жыл бұрын
Eslint has a rule that prefer have the render in each test
@MA-hn2dc
@MA-hn2dc 2 жыл бұрын
I don't know if is it possible to add Udemy's courses to Skillshare website ??
@marian_tsx
@marian_tsx 2 жыл бұрын
Instead of doing "Password" and "Confirm Password" for match wouldn't /^password$/i and /^confirm password$/i have worked for exact match regex?
@nikBun312
@nikBun312 8 ай бұрын
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.
@masoudhesami1382
@masoudhesami1382 2 жыл бұрын
How can i watch this course entirely ?
@exodion4173
@exodion4173 2 жыл бұрын
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!
@arihantjain8347
@arihantjain8347 Жыл бұрын
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?
@osamagamal495
@osamagamal495 Жыл бұрын
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€?
@danianiazi8229
@danianiazi8229 2 жыл бұрын
Do crash courses on Flux , Recoil , mern with AWS will be much helpful
@saranyasingh6847
@saranyasingh6847 Жыл бұрын
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 ?
@mohammedal-haifi7538
@mohammedal-haifi7538 2 жыл бұрын
Great materials. Can you please update the udemy code. It does not work anymore
@nikBun312
@nikBun312 8 ай бұрын
Do you recommend to watch this youtube lesson after watching your course RTL Bootcamp in udemy?
@codernerd7076
@codernerd7076 2 жыл бұрын
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... 🤔
@nanonkay5669
@nanonkay5669 2 жыл бұрын
It's only $10, so it's really not that big of a loss
@codernerd7076
@codernerd7076 2 жыл бұрын
@@nanonkay5669 sadly for me it is like the dollar is much higher them my local currency
@nanonkay5669
@nanonkay5669 2 жыл бұрын
@@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
@lardosian
@lardosian 2 жыл бұрын
@@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.
@akhilaravindakshan420
@akhilaravindakshan420 2 жыл бұрын
I was looking for this course and its not available in business account :(
@bufootballa
@bufootballa 2 жыл бұрын
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!
@topherreynolds3999
@topherreynolds3999 3 ай бұрын
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 😛
@lucasfrutig4945
@lucasfrutig4945 2 жыл бұрын
nice tutorial, i have a doubt, why dont use toHaveValue? Instead .value plus toBe?
React Query Crash Course
38:51
Laith Academy
Рет қаралды 63 М.
Jest Crash Course - Learn How to Test your JavaScript Application
1:06:53
Пранк пошел не по плану…🥲
00:59
Саша Квашеная
Рет қаралды 6 МЛН
Why Is He Unhappy…?
00:26
Alan Chikin Chow
Рет қаралды 56 МЛН
Best KFC Homemade For My Son #cooking #shorts
00:58
BANKII
Рет қаралды 69 МЛН
UNO!
00:18
БРУНО
Рет қаралды 1,3 МЛН
Goodbye, useEffect - David Khourshid
29:59
BeJS
Рет қаралды 497 М.
React Testing Library Crash Course
1:16:52
Laith Academy
Рет қаралды 89 М.
React Testing Tutorial with React Testing Library and Jest
41:43
React Unit Testing Crash Course: Beginner to Advanced Guide
42:59
Monsterlessons Academy
Рет қаралды 1,8 М.
Cypress (Web Testing Framework) Crash Course - 2021
2:03:05
Laith Academy
Рет қаралды 106 М.
Testing In React Tutorial - Jest and React Testing Library
21:28
The ONLY REASON To Unit Test
8:26
Theo - t3․gg
Рет қаралды 75 М.
React with Redux Toolkit Crash Course
1:09:05
Laith Academy
Рет қаралды 98 М.
React vs Angular vs Vue vs Svelte vs SolidJS | E2 Code & Curiosity Podcast
32:35
Maximilian Schwarzmüller
Рет қаралды 14 М.
Пранк пошел не по плану…🥲
00:59
Саша Квашеная
Рет қаралды 6 МЛН