React Testing Library Crash Course

  Рет қаралды 89,262

Laith Academy

Laith Academy

Күн бұрын

This is a 1.25 hour crash course aimed to teach you the React Testing Library in great detail. Some of the things covered in this crash course include React, React Testing, Jest, FireEvent, Test Driven Development
Second Channel:
/ @laiture123
React Testing Library Udemy Course (With Discount):
www.udemy.com/course/the-reac...
Timelines:
0:00 - Introduction
2:40 - Manual vs Automated Testing
9:37 - Test Driven Development
12:13 - Intro to React Testing
19:27 - Our First Test
30:11 - More Tests
42:00 - Testing Functionality with FireEvent
1:11:43 - beforeEach, beforeAll, afterEach, afterAll
** TAGS **
React Testing Library
React
Unit Tests
Integration Tests
Test Driven Development
TDD
FireEvent
Testing
BeforeEach
** TAGS **

Пікірлер: 158
@liornitzan4602
@liornitzan4602 3 жыл бұрын
Good introduction to React Testing Library. Very clearly explained. I do have a few remarks though: 1. It wouldn't hurt to explain that we are using Jest as our testing environment and that the functions "test" and "expect" for example are Jest functions. 2. It is recommended to call queries like getBy... etc., on the screen method imported from the testing library rather than on the return value of render. This is recommended by the official docs. 3. It is recommended to use userEvent rather than fireEvent to trigger, well, user events. 4. It would help to explain the "Arrange" - "Act" - "Assert" testing methodology. 5. Regarding getByTestId - As already mentioned in another comment, it is recommended in the official docs to only use it if there is no other way, and there usually are alternatives.
@pranav854
@pranav854 3 жыл бұрын
Please keep posting more testing-related content. This is incredible and there isn't much testing-related videos out there!
@EverAfterBreak2
@EverAfterBreak2 3 жыл бұрын
Commeting so the algo helps this guy to get more viewers he deserves it.
@joshferriday8966
@joshferriday8966 3 жыл бұрын
Dude this is an awesome video! I've been trying to wrap my head around this all day and your video was the best introduction I found :)
@romimaximus
@romimaximus 2 жыл бұрын
yes, this is awesome, 👍, because all the videos that i found about testing, its somone adding some numbers, that has nothing to do with testing ,
@codingwithdidem
@codingwithdidem 3 жыл бұрын
Hello, this video deserves much more attention guys!
@shubhamranjan4596
@shubhamranjan4596 3 жыл бұрын
Yes baby
@leelakrishnaisukapalli8431
@leelakrishnaisukapalli8431 2 жыл бұрын
Yeah! You are right
@antnam4406
@antnam4406 Жыл бұрын
Share
@rohitv3955
@rohitv3955 3 жыл бұрын
Your video deserves a lot more views! Damn, never been this hooked (no pun intended) on a long programming video.
@kunaljain0212
@kunaljain0212 3 жыл бұрын
I have seen your GraphQL course, React with Typescript course, Docker Course and now this!!! Can't thank you enough for such informative videos man!
@franklinmoon2579
@franklinmoon2579 3 жыл бұрын
You're so good! I've been hunting for a teacher who doesn't just 'do the code' but explains the why. 10/10 Keep it up
@CoreyGumbs
@CoreyGumbs 3 жыл бұрын
Best tutorial ive seen so far on tdd. Thank you for explaining everything
@AlgorithmDoctor
@AlgorithmDoctor 2 жыл бұрын
This is the best React test crash course on KZfaq. Keep up the good job.
@akshaysharma30498
@akshaysharma30498 3 жыл бұрын
Thanks for the effort you've put in. Hope this video gets the attention it deserves :)
@sarahharb6773
@sarahharb6773 3 жыл бұрын
Best hour and a half of my life! This video deserves so much more attention.
@randomcell708
@randomcell708 3 жыл бұрын
Great explanation Laith. I know everyone has their own way of doing things, but you really explained the concepts well
@asim-gandu-phenchod
@asim-gandu-phenchod 2 жыл бұрын
Bravo. I have seen a lot of your tutorials and they are compact and well explained. Thank you so much
@pottaz
@pottaz 3 жыл бұрын
Great tutorial. Especially for someone starting out with the React ecosystem. Can you make a video using React Typescript with context API, HOC and testing? Think that will tick a lot of viewers' boxes. That will basically be the full package. The way you describe everything is very clear and straight forward. Keep up the great work!!!
@deepwebtube
@deepwebtube 2 жыл бұрын
Yes, great stuff!! Impressed with your simple and lucid examples.
@viveksharma-tt5nj
@viveksharma-tt5nj 3 жыл бұрын
thank you for explaining RTL in such a simple way, really appreciate you efforts.
@calebolojo5246
@calebolojo5246 2 жыл бұрын
This is by far the best video on TDD. Great job!
@OSCAR-CH
@OSCAR-CH 3 жыл бұрын
Hey bro, awesome video! Very interesting and quickly to understand. Hope you make more videos about testing. Thanksss
@nosmoking586
@nosmoking586 2 жыл бұрын
I have many paid course that teach Unit Test on React. But this is by far the best tutorial that I have ever watched.
@orubenlopes
@orubenlopes 3 жыл бұрын
The is some very high quality crash course. Thank you very much for sharing knowledge with the community!
@jamoliddinz
@jamoliddinz 2 жыл бұрын
this is really good. finished in one sit and learnt a lot. thank you
@zaquielrodriguezarce2500
@zaquielrodriguezarce2500 2 жыл бұрын
Awesome video, so useful! thank you so much for this content. 10/10 explanation
@SyamKumarVoleti
@SyamKumarVoleti 3 жыл бұрын
Thank you for the wonderful crash course. Subscribed :)
@veremox
@veremox 2 жыл бұрын
very nice, man! I struggled a bit with this lib until I realized it's logic is something like cascading css lol. helped a lot! thanks
@MrWildmore
@MrWildmore 3 жыл бұрын
thanks, you put a lot of effort here, totally useful for me, great work!
@raulmartinezjr7708
@raulmartinezjr7708 2 жыл бұрын
The best React Testing crash course :) Keep it up!
@zhitomiroreshenski9966
@zhitomiroreshenski9966 2 жыл бұрын
Very good and engaging course! Keep up the good work @Laith Harb!
@kazeemkazeem3204
@kazeemkazeem3204 2 жыл бұрын
This is pure gold. Thanks for this..
@adityabhadange1631
@adityabhadange1631 2 жыл бұрын
Thanks alot. This is wonderfully explained! 👍🏻
@nardove
@nardove 2 жыл бұрын
Thank you very much for the tutorial, easy to follow and engaging. The only comment I have is that I got a few eslint warnings, I did manage to fix them all after I finish the video but it did confused me a bit, so explaining that possible scenario could happen at the beginning would be great
@yogajourney9519
@yogajourney9519 3 жыл бұрын
Every single time I need to know something, Laith Harb has an amazing and recent crash course covering exactly what I'm trying to learn.
@haruwiki
@haruwiki 3 жыл бұрын
thank you for the video! by far the best RTL tutorial imo. Can you also make a video showing testing with async actions?
@laithacademy
@laithacademy 3 жыл бұрын
Yeh sometime in the future!
@MrR0gerrabbit
@MrR0gerrabbit 3 жыл бұрын
This was an amazing, highly efficient crash course. Thank you so much!
@chilly2171
@chilly2171 3 жыл бұрын
except multiple bad practises.
@damanvir_saini
@damanvir_saini 3 жыл бұрын
Thank you for this video. It is very informative. It really help me to understand the concepts.
@djvanschaik
@djvanschaik 2 жыл бұрын
Fantastic video, thanks a lot!
@codingpaddy9308
@codingpaddy9308 2 жыл бұрын
Excellent video, thank you!
@123thebruno
@123thebruno 3 жыл бұрын
The first time I tried to understand TDD my brain cried, now things are clearer. try to make more videos on the subject, KZfaq content is lacking about unit tests in web components. this video helped me a lot, thanks.
@user-yd5nl2et9x
@user-yd5nl2et9x 2 жыл бұрын
Thanks for this video! It helped me a lot
@mugiwaranoDave
@mugiwaranoDave 3 жыл бұрын
Thanks. Been looking for a good TDD crash course in React for some time now
@hendridgonzalez1765
@hendridgonzalez1765 2 жыл бұрын
Awesome course!!!! Recomended 100%
@vikas28978
@vikas28978 3 жыл бұрын
Great video. Explanation are done with appropriate details
@anakgoa0655
@anakgoa0655 3 жыл бұрын
thank you for this tutorial bro.. it's really help me, and I hope in the furute you will make another this Test tutorial like using Jest
@hardikganatra2453
@hardikganatra2453 3 жыл бұрын
Mann , This was so so amazing , you earned a sub definitely , Thanks
@mayankchauhan6680
@mayankchauhan6680 3 жыл бұрын
Brother, before your video I was kind of afraid of TDD but now I am in love with it. I really liked this way of development. Thanks Bro
@TylerpFarris
@TylerpFarris 3 жыл бұрын
Such a concise tutorial, thank you!
@tonypeirson6282
@tonypeirson6282 3 жыл бұрын
Excellent content. Subscribed 👍
@mahendranath2504
@mahendranath2504 3 жыл бұрын
Thank you so much, I liked your channel, immediately subscribed, notified, and like, excellent channel to learn
@thulioguirellehorta1382
@thulioguirellehorta1382 3 жыл бұрын
This is the best approach I had about testing, you convinced me to follow the TTD way of coding because it's pretty fun. Congratulations!!!
@emirsalihovic6616
@emirsalihovic6616 2 жыл бұрын
Well done!
@2CPT1MP
@2CPT1MP 3 жыл бұрын
That's some really high quality content
@mohamadilhamramadhan6354
@mohamadilhamramadhan6354 3 жыл бұрын
This is so awesome dude, thanks!
@ahmedtohamy3258
@ahmedtohamy3258 2 жыл бұрын
Great course !
@yaaibaadi
@yaaibaadi 2 жыл бұрын
Thanks for this video, it really helped me, may you be blessed with peace and happiness
@chandramouli39
@chandramouli39 3 жыл бұрын
Superb video. Very clear and concise explanation.
@panicogalactico7379
@panicogalactico7379 3 жыл бұрын
That was really good!! thanks!!
@romanprokopets3693
@romanprokopets3693 3 жыл бұрын
Thank you for this video, really useful and fascinating
@sunnypark2597
@sunnypark2597 2 жыл бұрын
Thank you so much !
@kenlee2284
@kenlee2284 3 жыл бұрын
it's really helpful! thanks.
@MyRc16
@MyRc16 2 жыл бұрын
Learning so much from you bro, thank you so much, second course i complete from your list n.n
@amarr1865
@amarr1865 2 жыл бұрын
Thanks for the video. A series or course on complete react testing unit, end to end, integration will be helpful for learners.
@havefun5519
@havefun5519 Жыл бұрын
Thanks for the tut of TDD.
@sreeananthakannan
@sreeananthakannan 3 жыл бұрын
One of the best videos to understand react unit test.......
@amiturfnd
@amiturfnd 2 жыл бұрын
Really helpful, thanks lots bro :)
@diegazo5556
@diegazo5556 2 жыл бұрын
This WAS very informative.Like and suscribed.
@b2elias
@b2elias 3 жыл бұрын
Thank you!
@virajjayasinghe3434
@virajjayasinghe3434 2 жыл бұрын
Thank you very much!
@KennyCarter90
@KennyCarter90 3 жыл бұрын
Good video, thank you!
@samirmahmudlu
@samirmahmudlu 3 жыл бұрын
Thank you so much.
@sinanyaman2007
@sinanyaman2007 3 жыл бұрын
This is some quality content :)
@cristhianjhlcom
@cristhianjhlcom 2 жыл бұрын
Hello, this video help me to understand a way better about testing with reactjs, thanks alot. I will subscribe :D
@MinhazRaufoon1567
@MinhazRaufoon1567 3 жыл бұрын
This deserves more views
@yuvarajpandiyans100
@yuvarajpandiyans100 3 жыл бұрын
great!! tq so much.
@namesare4fools
@namesare4fools 3 жыл бұрын
awesome video !!!! Subbed
@williamventura3503
@williamventura3503 Жыл бұрын
Great video.
@programmertik2046
@programmertik2046 3 жыл бұрын
Man why is he Underrarted !!!Awesome teaching bro !!!Loved it !Though i came here from Net NInja .
@nicolaslp4630
@nicolaslp4630 3 жыл бұрын
Nice explanation, thank you sir!
@niravpanchal6254
@niravpanchal6254 3 жыл бұрын
Very Well Explained!
@egzonberisha9906
@egzonberisha9906 3 жыл бұрын
This is the best video for introduction to testing
@josericardotrevino4984
@josericardotrevino4984 3 жыл бұрын
Amazing Tutorial!
@polebk193
@polebk193 3 жыл бұрын
good stuff!
@rabinarayansahoo8695
@rabinarayansahoo8695 3 жыл бұрын
Superbly explained....
@miltonlopezmontero5440
@miltonlopezmontero5440 2 жыл бұрын
Teacher thank you, awesome video.
@billgilmore8063
@billgilmore8063 3 жыл бұрын
this is a really good lesson thanks
@vivarantx
@vivarantx 2 жыл бұрын
subscribed....great content
@sairaj5660
@sairaj5660 3 жыл бұрын
Thank you so much ❤️
@aadil4236
@aadil4236 3 жыл бұрын
Best react-testing tutorial. Would appreciate tutorial on testing async functions in react...
@LPeraltaV
@LPeraltaV 3 жыл бұрын
Hi, thanks for this video, so much value in here! I would like to ask how can I test a component that receives props/is connected, I just keep in getting that the app should be wrapped in a provider which it already is, so I don't know how to simulate that behavior. Thanks in advance.
@henriquekutner6724
@henriquekutner6724 3 жыл бұрын
Thank you so much
@harrybanda
@harrybanda 3 жыл бұрын
Awesome!
@MrNimbus3000
@MrNimbus3000 3 жыл бұрын
Very correct and verbouse guide. This is exactly what i have looked for. A great thanks! You are master of explanation! Like, subscribe, arigato.
@reikoleci4303
@reikoleci4303 Жыл бұрын
best video around
@aaqibrasool6341
@aaqibrasool6341 3 жыл бұрын
you made my day bruh.
@thesanju95
@thesanju95 3 жыл бұрын
Hi, really helpful. What font are you using in the terminal and VScode?
@rezabozorgi311
@rezabozorgi311 2 жыл бұрын
thank you. In some cases we need state and props to be here in our tests. for that cases which way should we supposed to pass?
@2271masoud
@2271masoud 3 жыл бұрын
thanks for sharing your knowledge. 1:09:40 can be written in a simpler form : className={ counterValue >= 100 ? 'green' : counterValue
@NarcisMM
@NarcisMM 3 жыл бұрын
This was a great video! Very informative and well explained. I learned quite a bit outside of just the react testing library, by virtue of how you coded the counter. I'll be sure to check out your other react videos after this.
@ginn1349
@ginn1349 3 жыл бұрын
It's really helpful. You earned a sub from me.
@rockNbrain
@rockNbrain 3 жыл бұрын
tks bro!
@claudio513
@claudio513 2 жыл бұрын
Hi, I'm kina new to the TDD and i m trying to follow along. Not a blocking problem but i was wondering if there was an addon or something is missing in my configuration because when i geto to (26:60) component.G intellisense doesnt recognize all the available query. thanks in advance for you re time
3 React Mistakes, 1 App Killer
14:00
Jack Herrington
Рет қаралды 114 М.
React Testing Crash Course
58:36
Traversy Media
Рет қаралды 315 М.
Llegó al techo 😱
00:37
Juan De Dios Pantoja
Рет қаралды 61 МЛН
Викторина от МАМЫ 🆘 | WICSUR #shorts
00:58
Бискас
Рет қаралды 5 МЛН
What it feels like cleaning up after a toddler.
00:40
Daniel LaBelle
Рет қаралды 93 МЛН
Jest Crash Course - Learn How to Test your JavaScript Application
1:06:53
🚀  TDD, Where Did It All Go Wrong (Ian Cooper)
1:03:55
DevTernity Conference
Рет қаралды 556 М.
The Story of Next.js
12:13
uidotdev
Рет қаралды 561 М.
Stop, Intel’s Already Dead! - AMD Ryzen 9600X & 9700X Review
13:47
Linus Tech Tips
Рет қаралды 1,1 МЛН
So You Think You Know Git - FOSDEM 2024
47:00
GitButler
Рет қаралды 1 МЛН
Every React Concept Explained in 12 Minutes
11:53
Code Bootcamp
Рет қаралды 533 М.
React TDD in 30 Minute - Test Driven Development with Jest and Enzyme
30:48
Bitfumes - AI & LLMs
Рет қаралды 103 М.
C++ vs Rust: which is faster?
21:15
fasterthanlime
Рет қаралды 386 М.
React Testing Tutorial with React Testing Library and Jest
41:43
UseEffect Mistakes Every Beginner Should Avoid
18:05
PedroTech
Рет қаралды 28 М.