React Testing Tutorial with React Testing Library and Jest

แชร์
ฝัง
  • เผยแพร่เมื่อ 30 ก.ย. 2024

ความคิดเห็น • 129

  • @SimPwear84
    @SimPwear84 2 ปีที่แล้ว +46

    Wow!! This is world class content 👑. Looking forward to more testing tutorials. Integrated testing 🔥 Redux 🔥 Node backend 🔥 But it is just a wish 😭😭😭

  • @shawn.builds
    @shawn.builds ปีที่แล้ว +3

    The testing library gets updated/refreshed so frequently, your video was the most relevant and straightforward. Thanks so much!

  • @exequiel_hyan
    @exequiel_hyan ปีที่แล้ว +6

    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.

  • @wmv1990
    @wmv1990 2 ปีที่แล้ว +7

    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.

  • @berkinakkaya981
    @berkinakkaya981 2 ปีที่แล้ว +10

    You made the whole process look extremely simple. Great tutorial, thanks!

  • @Corntrop
    @Corntrop 2 ปีที่แล้ว +7

    Tdd was always weird to me but after this tutorial it makes sense. Thank you so much.

  • @2bad898
    @2bad898 2 ปีที่แล้ว +1

    ReactDOM.render is no longer supported in React 18 :(

  • @ozzyfromspace
    @ozzyfromspace 2 ปีที่แล้ว +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 ปีที่แล้ว +2

    Nice one from Genius Lama. Many thanks for wonderful lectures you dish out.

  • @corinapelichowski2950
    @corinapelichowski2950 9 หลายเดือนก่อน +1

    Right, it’s hard to find relevant TH-cam 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

  • @eprisrichardson678
    @eprisrichardson678 2 ปีที่แล้ว +2

    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!!!

  • @ayushshende4290
    @ayushshende4290 2 ปีที่แล้ว +1

    Big Fan Lama, amazing content as always. Just a request, if you could make some tutorials on web3 and dapps development.

  • @haciendadad
    @haciendadad 5 หลายเดือนก่อน

    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!

  • @noisinnang8371
    @noisinnang8371 4 หลายเดือนก่อน

    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

  • @mehrdad1068
    @mehrdad1068 2 ปีที่แล้ว

    Please make tutorial for comment_like_share🙏🙏
    Please upgrade social media with comment like share
    🙏🙏🙏🌱🌻

  • @jasonma1904
    @jasonma1904 2 ปีที่แล้ว +2

    Nice tutorial. Explained everything so well and was easy to understand.

  • @vaibhavirakeshmore4029
    @vaibhavirakeshmore4029 ปีที่แล้ว

    Wallby js not working.i got warning wallby.js is updating and will be started automatically when the update is complete.please help me

  • @avertry9529
    @avertry9529 2 ปีที่แล้ว

    Who polices the police?
    Who tests the tests?
    If you know what to expect, why not certify components, something does not sit well with me about testing? Maybe because I don't fully understand it.

  • @grogu4344
    @grogu4344 2 ปีที่แล้ว +1

    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?

  • @manishachollangi3874
    @manishachollangi3874 11 หลายเดือนก่อน

    Loved it❤❤.. thank you so much sir, can you please make videos on react with redux saga sir

  • @BSK_Rick
    @BSK_Rick ปีที่แล้ว

    Yoo, thanks, now All my react counters Will be tested hahaha ver Nice video

  • @gouravnainwaya5669
    @gouravnainwaya5669 2 ปีที่แล้ว +1

    Plz make react native projects

  • @himanshulal97
    @himanshulal97 2 ปีที่แล้ว

    This like and comment for your wellness explanation

  • @juliuscaesarcaesar37
    @juliuscaesarcaesar37 2 ปีที่แล้ว

    some testing aren't working for me especially .not.toBe... etc.

  • @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?

  • @viniciusm.m.7822
    @viniciusm.m.7822 2 ปีที่แล้ว +1

    Obrigado, meu brother!
    God bless you!

  • @franciscrypto9143
    @franciscrypto9143 ปีที่แล้ว

    i don't understand every you just said. I don't even know where to start learning the fundamentals. INTERNET HAS SO MANY SOURCES but I'm overwhelm where should i choose.

  • @dragonhot6951
    @dragonhot6951 ปีที่แล้ว

    wallby is paid ,do suggest something as free

  • @musab9621
    @musab9621 2 ปีที่แล้ว +1

    Awesome video we would like more content like this testing and integration testing

  • @natyt.1503
    @natyt.1503 2 ปีที่แล้ว

    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

  • @LopsidedView514
    @LopsidedView514 8 หลายเดือนก่อน

    Can somebody tell me which testing
    extension is he using?

  • @RavindraSingh-lp9pl
    @RavindraSingh-lp9pl ปีที่แล้ว

    @Lama Dev...kindly make complete course on Jest Testing

  • @jaylee3862
    @jaylee3862 2 ปีที่แล้ว

    this guy. this guy. this guy knows what exactly I need!!!!!!! damn. I'm pretty sure he lives in my closet.

  • @rajankhunt7002
    @rajankhunt7002 ปีที่แล้ว

    Good Video, Good Explenantion, Good Content and My good comment.

  • @KaranSethia24
    @KaranSethia24 10 หลายเดือนก่อน

    does rtl and jest work with react app created with vite??

  • @Endrit719
    @Endrit719 2 ปีที่แล้ว

    Earned my subscribe

  • @geepy5708
    @geepy5708 2 ปีที่แล้ว

    Why do we need to perform testing operations?

  • @mdalimran7926
    @mdalimran7926 2 ปีที่แล้ว

    Wow! It's really a great video about testing. We're expecting a series video about testing PLEASE... 😍😍😍

  • @mD-mp8bb
    @mD-mp8bb ปีที่แล้ว

    Entrance Song👍👍
    I knew Jest and react testing library but I watched the course again.

  • @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 (:

  • @coder5336
    @coder5336 2 ปีที่แล้ว

    how to make wire transfer to wallaby

  • @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

  • @sachinporwal4275
    @sachinporwal4275 2 ปีที่แล้ว

    Make one video for node js Testing. Means how to test backend in MERN Application

  • @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.

  • @snorlax-frontend
    @snorlax-frontend ปีที่แล้ว

    i want to know. when did u start learning in this field

  • @rampritsahani281
    @rampritsahani281 2 ปีที่แล้ว

    Thank you for this wonder full testing video ca you please create with redux toolkit

  • @neliobila
    @neliobila ปีที่แล้ว

    How to get multiple elements by css class

  • @carloscambon5402
    @carloscambon5402 2 ปีที่แล้ว +1

    Thank you for your simplicity. You make it very easy to assimilate.

  • @주현-o2o
    @주현-o2o 2 ปีที่แล้ว

    Wow this is very Goood tutorial. Thank you. and Could you explain cypress end-to-end testing also?

  • @mehrdad1068
    @mehrdad1068 2 ปีที่แล้ว

    Please make tutorial for building marketplace like opensea 🙏🙏🍋

  • @hellocat7760
    @hellocat7760 5 หลายเดือนก่อน

    i will need more about advanced testing using jest/vitest, lama you are super fast and Smart Dev. Your teaching style is amazing. ✨✨jjj

  • @sharathjayagopal
    @sharathjayagopal ปีที่แล้ว

    Great tutorial!🔥🔥🔥 Learned a lot 👍👍👍. Thanks so much and hope to learn more from you in the future.

  • @gonwms
    @gonwms 2 ปีที่แล้ว

    Thanks Bruno! Amazing playlists. Thanks for your time

  • @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

  • @ShivamMishra-xb5mv
    @ShivamMishra-xb5mv 2 ปีที่แล้ว

    How much time it take to learn complete MERN stack if a person can dedicate 10 hr per day

  • @tauhidhasan5527
    @tauhidhasan5527 ปีที่แล้ว

    Thanks it is cristal clear to me now

  • @isahbala2540
    @isahbala2540 2 ปีที่แล้ว

    Please what microphone are you using for this video

  • @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 🙌

  • @AbhishekKumar-pe5lg
    @AbhishekKumar-pe5lg 2 ปีที่แล้ว

    AWESOME VIDEOS, We would like to have more videos on react testing. Thanks

  • @eghambaramsubramanian3188
    @eghambaramsubramanian3188 2 ปีที่แล้ว

    Wow Lama.. Can you make react developer tool usage video

  • @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!

  • @mehrdad1068
    @mehrdad1068 2 ปีที่แล้ว

    Hi lama please make tutorial for building marketplace like opensea 🌱🌻

  • @masterkey-do3jv
    @masterkey-do3jv ปีที่แล้ว

    great tutorial on internet of jest

  • @cpabuildcpa343
    @cpabuildcpa343 2 ปีที่แล้ว

    Hello, I want to communicate with you, sir lama dev

  • @raihanuddin1167
    @raihanuddin1167 2 ปีที่แล้ว

    i have a request . kindly create a high level react / mern project with testing

  • @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?

  • @khangle5968
    @khangle5968 2 ปีที่แล้ว

    Liked before watching because I know this is gonna be an amazing video! Thank you!

  • @mahimas2682
    @mahimas2682 2 ปีที่แล้ว

    When i am giving a command yarn test or npm run test it is showing error missing test sctipt.. Can anyone tekk me solution of this

  • @pokémonplaydate
    @pokémonplaydate 2 ปีที่แล้ว

    This is a GOLD content. Thanks Lama! Please make videos with TDD :)) I will definitely watch all of your videos!

  • @alihafezis
    @alihafezis ปีที่แล้ว

    very nice.
    please create another tutorials about react testing library 💪🤟

  • @mahendranath2504
    @mahendranath2504 2 ปีที่แล้ว

    Thank you so much for the excellent content 👍👌🙌❤💕

  • @ryeasv
    @ryeasv 8 หลายเดือนก่อน

    thanks alot

  • @sherlya6440
    @sherlya6440 2 ปีที่แล้ว

    Good Tutorial for beginners. Thanks

  • @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?

  • @adejumoahmad2679
    @adejumoahmad2679 2 ปีที่แล้ว

    Thanks so much lama dev, i have always wanted to learn tdd but didn't knw how to go about it 😢

  • @piyushmahapatra5402
    @piyushmahapatra5402 2 ปีที่แล้ว

    damn, are you a demi god ?
    this is world class content.

  • @daliovic24
    @daliovic24 ปีที่แล้ว

    This was extremely helpful!

  • @terrificsoprano5025
    @terrificsoprano5025 2 ปีที่แล้ว

    I wish you make Vue JS videos...

  • @azfacts9968
    @azfacts9968 2 ปีที่แล้ว

    That was great 👍 need more videos on testing library and please also mentioned source

  • @adebisisheriff159
    @adebisisheriff159 ปีที่แล้ว

    Thanks for your simplicity

  • @marufmarzuq
    @marufmarzuq 2 ปีที่แล้ว

    Thank you friend for this amazing tutorial ❤️

  • @AbdulKader-hk1yl
    @AbdulKader-hk1yl 2 ปีที่แล้ว

    Please make a video about MUI v5.

  • @xcrxwadda8287
    @xcrxwadda8287 2 ปีที่แล้ว

    I literally love your projects,,, please more MERN projects

  • @picklenickil
    @picklenickil 2 ปีที่แล้ว

    Ayy... Lama back again with another banger..

  • @PattySpicy
    @PattySpicy 2 ปีที่แล้ว

    love your contents ! and waiting for more test tutorials
    with the project you have built ! 🥰

  • @mauroinde
    @mauroinde ปีที่แล้ว

    Maybe you can do the next of this with redux passing data to a component in testing ?

  • @manojkumars995
    @manojkumars995 2 ปีที่แล้ว

    Thanks a lot this made me understand how TDD works

  • @karlithoscolima
    @karlithoscolima 2 ปีที่แล้ว

    More testing pleaseeeeee

  • @caservtom7485
    @caservtom7485 2 ปีที่แล้ว

    Lama, thank you. I learned so much from your videos.

  • @cristianparadagualteros3305
    @cristianparadagualteros3305 2 ปีที่แล้ว

    This is amazing, and among other things I learn English

  • @som_girl6702
    @som_girl6702 ปีที่แล้ว

    You’re a great teacher. Few minutes into your video, I understood testing without prior knowledge of JS testing

  • @waleedsharif618
    @waleedsharif618 2 ปีที่แล้ว

    How to test onclick or a function without passing it as props ?

  • @alainroos5383
    @alainroos5383 ปีที่แล้ว

    Very good tutorial as always ! Thank you

  • @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?

  • @vijayaganthsivalingam9789
    @vijayaganthsivalingam9789 2 ปีที่แล้ว

    it's great one. We need some more real world examples. Thanks!

  • @dhwajsharma
    @dhwajsharma 2 ปีที่แล้ว +1

    Vscode theme?

    • @papai_91
      @papai_91 8 หลายเดือนก่อน

      tokyo-night

  • @ouniradoin7027
    @ouniradoin7027 ปีที่แล้ว

    you are amazing i never saw a tutorial like that with a nice explanation

  • @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.

  • @tupac0199
    @tupac0199 2 ปีที่แล้ว

    Thanks lama.

  • @dalestewart
    @dalestewart 2 ปีที่แล้ว

    Good introductory tutorial using TDD.