React Testing Tutorial with React Testing Library and Jest

  Рет қаралды 123,527

Lama Dev

Lama Dev

Күн бұрын

React testing crash course using Jest and React testing library.
Discover Wallaby: bit.ly/lamadevwallaby
Get a 20% discount: bit.ly/wallaby20
Support the channel: / @lamadev
Buy me a coffee: www.buymeacoffee.com/lamadev
Source Code: github.com/safak/youtube2022/...
Join Lama Dev groups
Facebook: / lamadev
Instagram: / lamawebdev
Discord: / discord
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

Пікірлер: 134
@berkinakkaya981
@berkinakkaya981 2 жыл бұрын
You made the whole process look extremely simple. Great tutorial, thanks!
@shawn.builds
@shawn.builds Жыл бұрын
The testing library gets updated/refreshed so frequently, your video was the most relevant and straightforward. Thanks so much!
@exequielmleziva4599
@exequielmleziva4599 Жыл бұрын
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.
@luffymonkey6967
@luffymonkey6967 Жыл бұрын
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!
@jonathanbriceno3865
@jonathanbriceno3865 2 жыл бұрын
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.
@eprisrichardson678
@eprisrichardson678 Жыл бұрын
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!!!
@Corntrop
@Corntrop 2 жыл бұрын
Tdd was always weird to me but after this tutorial it makes sense. Thank you so much.
@carloscambon5402
@carloscambon5402 Жыл бұрын
Thank you for your simplicity. You make it very easy to assimilate.
@wmv1990
@wmv1990 2 жыл бұрын
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.
@som_girl6702
@som_girl6702 Жыл бұрын
You’re a great teacher. Few minutes into your video, I understood testing without prior knowledge of JS testing
@PattyBeautCode
@PattyBeautCode Жыл бұрын
love your contents ! and waiting for more test tutorials with the project you have built ! 🥰
@jasonma1904
@jasonma1904 2 жыл бұрын
Nice tutorial. Explained everything so well and was easy to understand.
@ozzyfromspace
@ozzyfromspace 2 жыл бұрын
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!!
@okorojohn7788
@okorojohn7788 2 жыл бұрын
Nice one from Genius Lama. Many thanks for wonderful lectures you dish out.
@gonzalowilliams
@gonzalowilliams 2 жыл бұрын
Thanks Bruno! Amazing playlists. Thanks for your time
@michiharuono4050
@michiharuono4050 Жыл бұрын
This is a GOLD content. Thanks Lama! Please make videos with TDD :)) I will definitely watch all of your videos!
@corinapelichowski2950
@corinapelichowski2950 7 ай бұрын
Right, it’s hard to find relevant KZfaq 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
@ouniradoin7027
@ouniradoin7027 Жыл бұрын
you are amazing i never saw a tutorial like that with a nice explanation
@khangle5968
@khangle5968 2 жыл бұрын
Liked before watching because I know this is gonna be an amazing video! Thank you!
@worldbest3097
@worldbest3097 2 жыл бұрын
thx! always waiting and watching!!
@sharathjayagopal
@sharathjayagopal Жыл бұрын
Great tutorial!🔥🔥🔥 Learned a lot 👍👍👍. Thanks so much and hope to learn more from you in the future.
@arifhusainsoudagar8869
@arifhusainsoudagar8869 2 жыл бұрын
Awaiting for this 😇 thank you
@caservtom7485
@caservtom7485 2 жыл бұрын
Lama, thank you. I learned so much from your videos.
@alainroos5383
@alainroos5383 Жыл бұрын
Very good tutorial as always ! Thank you
@mdalimran7926
@mdalimran7926 2 жыл бұрын
Wow! It's really a great video about testing. We're expecting a series video about testing PLEASE... 😍😍😍
@musab9621
@musab9621 2 жыл бұрын
Awesome video we would like more content like this testing and integration testing
@azfacts9968
@azfacts9968 2 жыл бұрын
That was great 👍 need more videos on testing library and please also mentioned source
@ozkanselcuk1735
@ozkanselcuk1735 2 жыл бұрын
This channel without any other source can make you a full stack developer. Again great job and amazing content Safak.
@diegocodes1202
@diegocodes1202 2 жыл бұрын
Don't come here talking shit man
@mD-mp8bb
@mD-mp8bb Жыл бұрын
Entrance Song👍👍 I knew Jest and react testing library but I watched the course again.
@SimPwear84
@SimPwear84 2 жыл бұрын
Wow!! This is world class content 👑. Looking forward to more testing tutorials. Integrated testing 🔥 Redux 🔥 Node backend 🔥 But it is just a wish 😭😭😭
@marufmarzuq
@marufmarzuq 2 жыл бұрын
Thank you friend for this amazing tutorial ❤️
@mattsmith541
@mattsmith541 2 жыл бұрын
Excellent tutorial. Thanks a lot!!
@picklenickil
@picklenickil 2 жыл бұрын
Ayy... Lama back again with another banger..
@dansalomon7112
@dansalomon7112 Жыл бұрын
Awesome tutorial !👑
@vijayaganthsivalingam9789
@vijayaganthsivalingam9789 Жыл бұрын
it's great one. We need some more real world examples. Thanks!
@daliovic24
@daliovic24 Жыл бұрын
This was extremely helpful!
@haciendadad
@haciendadad 3 ай бұрын
GREAT Video!! Man, I HATE unit testing!!! Now I joined a new team and they assigned me to get the teams unit test coverage to be at least 85%. All our code is in React, so I am hoping that I can use this test library because it looks a lot more fun than the regular jest. And that Wallaby VS Code extension is awesome! I might even do some unit testing on the weekends? uh, maybe once or twice only. :-) Definitely subscribed and liked!! I really like everything about his testing style. Good pace, great examples! I hate super simple examples. And the length isn't too long, well done sir! #HatTip!
@AbhishekKumar-pe5lg
@AbhishekKumar-pe5lg 2 жыл бұрын
AWESOME VIDEOS, We would like to have more videos on react testing. Thanks
@grogu4344
@grogu4344 2 жыл бұрын
good job man, more testing video with this library is appreciated! :) Can you do also a video with react and cypress? you suggest this library for testing?
@adebisisheriff159
@adebisisheriff159 Жыл бұрын
Thanks for your simplicity
@ayushshende4290
@ayushshende4290 2 жыл бұрын
Big Fan Lama, amazing content as always. Just a request, if you could make some tutorials on web3 and dapps development.
@mfion1
@mfion1 2 жыл бұрын
great video and good code organization
@manojkumars995
@manojkumars995 Жыл бұрын
Thanks a lot this made me understand how TDD works
@mahendranath2504
@mahendranath2504 Жыл бұрын
Thank you so much for the excellent content 👍👌🙌❤💕
@jonmaridandal3213
@jonmaridandal3213 2 жыл бұрын
This is what i needed right now
@ogbuezekiel7400
@ogbuezekiel7400 2 жыл бұрын
LamaDev is the man of the year!!! 🥰
@tauhidhasan5527
@tauhidhasan5527 11 ай бұрын
Thanks it is cristal clear to me now
@viniciusm.m.7822
@viniciusm.m.7822 2 жыл бұрын
Obrigado, meu brother! God bless you!
@dalestewart
@dalestewart 2 жыл бұрын
Good introductory tutorial using TDD.
@fichamann1527
@fichamann1527 2 жыл бұрын
I was afraid of test but your tutorial is easy to understand.
@sherlya6440
@sherlya6440 Жыл бұрын
Good Tutorial for beginners. Thanks
@user-sf7yg1oo6x
@user-sf7yg1oo6x 2 жыл бұрын
Wow this is very Goood tutorial. Thank you. and Could you explain cypress end-to-end testing also?
@mohamedabdulla8097
@mohamedabdulla8097 Жыл бұрын
Great. Want more in this topic
@ashrafshehata6566
@ashrafshehata6566 2 жыл бұрын
nice tutorial and easy to understand
@xcrxwadda8287
@xcrxwadda8287 2 жыл бұрын
I literally love your projects,,, please more MERN projects
@darmar8609
@darmar8609 2 жыл бұрын
Thanking you! 👏
@Endrit719
@Endrit719 Жыл бұрын
Earned my subscribe
@petermuturi4402
@petermuturi4402 2 жыл бұрын
This was awesome
@JohnDoe-rh2fw
@JohnDoe-rh2fw 2 жыл бұрын
Great job, for real 👍
@adejumoahmad2679
@adejumoahmad2679 2 жыл бұрын
Thanks so much lama dev, i have always wanted to learn tdd but didn't knw how to go about it 😢
@noisinnang8371
@noisinnang8371 2 ай бұрын
Thank you very much. I would also like to see a video on testing sign-in with Google and using some kind of authentication. I also want to see more videos on React or Next.js projects with MySQL
@tupac0199
@tupac0199 2 жыл бұрын
Thanks lama.
@ryeasv
@ryeasv 5 ай бұрын
thanks alot
@alihafezis
@alihafezis Жыл бұрын
very nice. please create another tutorials about react testing library 💪🤟
@manishachollangi3874
@manishachollangi3874 8 ай бұрын
Loved it❤❤.. thank you so much sir, can you please make videos on react with redux saga sir
@RavindraSingh-lp9pl
@RavindraSingh-lp9pl 10 ай бұрын
@Lama Dev...kindly make complete course on Jest Testing
@AhmedAdel-xg1cm
@AhmedAdel-xg1cm 2 жыл бұрын
Thank you friend for this amazing tutorial you are my hero :) , could you please make restaurant management api using node js
@divewithadarsh914
@divewithadarsh914 2 жыл бұрын
Love from India.❤️ Your teaching style is just awesome. Much better than the millions of web dev related youtube videos, the way you explain every single little thing with too much simplicity is just beyond admiration. Please start uploading the playlist of web technologies i bet you will be the one of the most successful and the most Praised youtuber in the upcoming years.We need that the most. God bless you ❤️
@manojrao9867
@manojrao9867 Жыл бұрын
Wonderful.
@dalyryl
@dalyryl 2 жыл бұрын
ooh sheeshhhhh here it is!
@karlithoscolima
@karlithoscolima 2 жыл бұрын
More testing pleaseeeeee
@shahemhaddad2717
@shahemhaddad2717 Жыл бұрын
Thanks for the good content, I have a question about using Jest on Nodejs app, after a long search I found that I have to use babel as a compiler (babel-jest) to be able to work with ES6 syntax. are there a way to deal with it the same way you did here for react app? Thanks a lot 🙌
@hsingh110
@hsingh110 Жыл бұрын
a really great tutorial, thank you so much! I was able to follow and understand up to 36th minute. Why do we create a __mocks__ directory and an axios.js file in it and not use them?
@piyushmahapatra5402
@piyushmahapatra5402 2 жыл бұрын
damn, are you a demi god ? this is world class content.
@natyt.1503
@natyt.1503 Жыл бұрын
really helped me out with this one thanks...btw, do you do any BDD by any chance...something with Cucumberjs and gherkin would really be much appreciated...thanks for all your vids
@zackOverflow
@zackOverflow 2 жыл бұрын
Hi, thank you for the content. I like to ask, can I apply the same concept as in this video to test React Native App?
@Leonavancini
@Leonavancini 2 жыл бұрын
This help me a lot to understand how its works , its a very good tutorial and simple. All testing cases need to be very methodical right? This take me a lot of time to made it, now I understand why some companies don't have tested applications, BTW I don't know if I'm right but it's necessary to make a test to check if error message will visible in error case right? I wanna try to make it that test.
@synt-x6458
@synt-x6458 2 жыл бұрын
Awesome
@cristianparadagualteros3305
@cristianparadagualteros3305 2 жыл бұрын
This is amazing, and among other things I learn English
@hellocat7760
@hellocat7760 2 ай бұрын
i will need more about advanced testing using jest/vitest, lama you are super fast and Smart Dev. Your teaching style is amazing. ✨✨jjj
@rajankhunt7002
@rajankhunt7002 Жыл бұрын
Good Video, Good Explenantion, Good Content and My good comment.
@Rick-pz1ju
@Rick-pz1ju Жыл бұрын
Yoo, thanks, now All my react counters Will be tested hahaha ver Nice video
@nurettinsen473
@nurettinsen473 2 жыл бұрын
mocha chai for backend please, because you You explain the topics very well. and We are waiting for examples on redis topic (:
@toomanyarguments
@toomanyarguments 2 жыл бұрын
hey, i have a very often crucial question. i have to test a component which gets a setState function as a prop, how can i mock this setState function while testing the component?
@HimanshuSharma-zi5ve
@HimanshuSharma-zi5ve 2 жыл бұрын
this guy reads my mind 😂
@masterkey-do3jv
@masterkey-do3jv 10 ай бұрын
great tutorial on internet of jest
@eghambaramsubramanian3188
@eghambaramsubramanian3188 2 жыл бұрын
Wow Lama.. Can you make react developer tool usage video
@codeenv
@codeenv 2 жыл бұрын
wow this is awesome and great looks cool and please lama can you create an app with email verification using the MERN STACK?
@mauroinde
@mauroinde Жыл бұрын
Maybe you can do the next of this with redux passing data to a component in testing ?
@kavinkumarb7323
@kavinkumarb7323 2 жыл бұрын
Need more testing videos 😞
@sarfarajshaikh6038
@sarfarajshaikh6038 2 жыл бұрын
Can we have a video on svelte testing?
@061_suryak4
@061_suryak4 Жыл бұрын
hi, i got error like could not find react-redux context value; please ensure the component is wrapped in a but i also wrapped by provider within store and i change old to latest version please gave me a any solution
@himanshulal97
@himanshulal97 Жыл бұрын
This like and comment for your wellness explanation
@sachindodti6733
@sachindodti6733 2 жыл бұрын
wow wow wow!!!!
@sachinporwal4275
@sachinporwal4275 2 жыл бұрын
Make one video for node js Testing. Means how to test backend in MERN Application
@gbolaboaluko5576
@gbolaboaluko5576 2 жыл бұрын
Are you going to do a tutorial on react native
@rampritsahani281
@rampritsahani281 2 жыл бұрын
Thank you for this wonder full testing video ca you please create with redux toolkit
@AbdulKader-hk1yl
@AbdulKader-hk1yl 2 жыл бұрын
Please make a video about MUI v5.
@isahbala2540
@isahbala2540 2 жыл бұрын
Please what microphone are you using for this video
@KaranSethia24
@KaranSethia24 7 ай бұрын
does rtl and jest work with react app created with vite??
Тестирование React приложения
1:03:02
Михаил Непомнящий
Рет қаралды 62 М.
Pydantic is OP, here's why
18:10
Carberra
Рет қаралды 15 М.
THE POLICE TAKES ME! feat @PANDAGIRLOFFICIAL #shorts
00:31
PANDA BOI
Рет қаралды 23 МЛН
Wait for the last one! 👀
00:28
Josh Horton
Рет қаралды 134 МЛН
OMG😳 #tiktok #shorts #potapova_blog
00:58
Potapova_blog
Рет қаралды 4,3 МЛН
Jest Crash Course - Learn How to Test your JavaScript Application
1:06:53
Testing In React Tutorial - Jest and React Testing Library
21:28
React Testing Crash Course
58:36
Traversy Media
Рет қаралды 313 М.
React Testing for Beginners: Start Here!
1:17:14
Programming with Mosh
Рет қаралды 73 М.
Learn React useReducer Hook with Examples
14:19
Lama Dev
Рет қаралды 169 М.
Stop Writing So Many Tests
10:02
Web Dev Simplified
Рет қаралды 82 М.
Mocking Asynchronous Functions with Jest
21:50
Swashbuckling with Code
Рет қаралды 67 М.
Test-Driven Development // Fun TDD Introduction with JavaScript
12:55
Vitest with React Testing Library, Jest-dom & MSW
18:44
Learn from Scratch
Рет қаралды 8 М.
Игровой Комп с Авито за 4500р
1:00
ЖЕЛЕЗНЫЙ КОРОЛЬ
Рет қаралды 1,9 МЛН
Спутниковый телефон #обзор #товары
0:35
Product show
Рет қаралды 2 МЛН
Хотела заскамить на Айфон!😱📱(@gertieinar)
0:21
Взрывная История
Рет қаралды 5 МЛН
GamePad İle Bisiklet Yönetmek #shorts
0:26
Osman Kabadayı
Рет қаралды 493 М.