React Testing Library for Beginners: React.js Testing Tutorial #3

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

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

  • @felipemuner
    @felipemuner 3 ปีที่แล้ว +3

    One year ago I discovered this channel and since then I don't lose one episode.
    Congrats Bruno !

    • @BrunoAntunesPT
      @BrunoAntunesPT  3 ปีที่แล้ว

      Thank you very much Felipe 😍😍 muito muito obrigado meu irmão ❤️❤️

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

    Telling a story when testing? Bruno is poetic. Love it.

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

    I was searching for such quality content on testing for long. I am happy that I came across your channel. I subscribed immediately!!!😄

  • @md.shakibhassan8960
    @md.shakibhassan8960 9 หลายเดือนก่อน

    Excellent ! Please keep it up :)

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

    bruno i love the way you teach m8. clear as crystal

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

      So happy to read that Tommy, thank you very much =D

  • @alemesa.youtube
    @alemesa.youtube 2 ปีที่แล้ว +2

    hey Bruno I just wanted to say that I have been lurking for a bit on your channel and I think you're very underrated man.
    You explain everything very clear and concise, even with complex topics, also you have a really good "tutorial" voice I would say :)

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

      Thank you Alejandro 😍 and to be honest : I don't like my voice 😂😂😂

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

    Wow this is amazing, got stuck in watching testing tutorial, was not able to understand a single bit, but now ican say i got the best channel to learn react testing 😊

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

    Omg your content is so great that i watch your videos even on the weekend, I started to learn about testing a few days ago and your videos is helping me a lot, you’re awesome Bruno, I really like your content wish you all the best my friend

    • @BrunoAntunesPT
      @BrunoAntunesPT  3 ปีที่แล้ว

      Thank you very very much for your continuous support my friend ❤️❤️❤️ I'm soo happy every time I see you here on the comments 😍😍
      If you have any questions regarding testing or anything else feel free to ping me 😉😉

    • @washingtoncampos6862
      @washingtoncampos6862 3 ปีที่แล้ว +1

      @@BrunoAntunesPT sure my friend, I’ll start some projects using tdd like you showed in your video, and when I got a question I’ll ask you for sure my friend, thank you so much for all the help ❤️❤️❤️

    • @BrunoAntunesPT
      @BrunoAntunesPT  3 ปีที่แล้ว

      That's awesome 😍 if you get stuck I'll be here 😉😉

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

    appreciate the video 🖤

  • @oleksandr5128
    @oleksandr5128 3 ปีที่แล้ว +1

    I enjoyed those videos; it covers many of my gaps and makes me think better about the application.

    • @BrunoAntunesPT
      @BrunoAntunesPT  3 ปีที่แล้ว

      Thank you very much Oleksandr 😍
      I'm very happy knowing the video helped cover some of your gaps ❤️❤️

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

    Great series, Bruno. Thanks

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

    Thank you 🙏🏻

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

    Thanks Bruno!
    This series awesome and is coming out at the perfect time for me as well!

    • @BrunoAntunesPT
      @BrunoAntunesPT  3 ปีที่แล้ว

      That's awesome Michael, thank you 😍😍

  • @dev.caixeiroviajante
    @dev.caixeiroviajante ปีที่แล้ว +1

    Valeu pelo conteúdo incrível, Bruno !!!

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

    thank you !!! )

  • @volkancelik9489
    @volkancelik9489 3 ปีที่แล้ว +1

    great content, thanks! looking forward to see the series with machine learning...

    • @BrunoAntunesPT
      @BrunoAntunesPT  3 ปีที่แล้ว +1

      Thank you 😍 well, I have never done anything related with machine learning other than at university 😅

  • @DevAmateur
    @DevAmateur 3 ปีที่แล้ว +1

    Bruno, your work is amazing! It is noted that you take time to prepare your videos and it makes it easy for us to learn from them.
    Congratulations, great work, keep going
    PS even when you make mistakes, we are humans after all, you quickly correct them, incredible

    • @BrunoAntunesPT
      @BrunoAntunesPT  3 ปีที่แล้ว +1

      Thank you very much my friend 😍
      When I make mistakes I always ask myself if I should cut them from the video or not. Lots of people don't like the mistakes in the video and when the mistakes are very distracting I cut them off.
      But.... One of the reasons I keep mistakes is because when I was learning how to code, I always felt very bad -- instructors never made mistakes and it literally gave me anxiety every single time i made a mistake, so usually I keep mistakes there for that reason -- to show juniors that everyone makes mistakes even after 15 years coding 😅🙂

    • @DevAmateur
      @DevAmateur 3 ปีที่แล้ว +1

      @@BrunoAntunesPT It is interesting because I feel that you type too fast ahaha and you don't even look at the keyboard.
      Personally, I am working to accomplish the same. When it is letters and words, it is ok, but when it comes to symbols and arrow keys, I need to practice even more to not look into the keyboard.
      You are an inspiration.

    • @BrunoAntunesPT
      @BrunoAntunesPT  3 ปีที่แล้ว

      ​@@DevAmateur I can only type fast when I'm used to a keyboard, otherwise I'm very very bad!!!
      The other day I did a presentation using another laptop (Apple), and.... I felt embarrassed by my own mistakes xD
      PS - I'm now trying to get used to a Microsoft Ergonomic Keyboard: www.microsoft.com/en-gb/d/microsoft-ergonomic-keyboard/93841ngdwr1h
      Getting used to this keyboard has been very challenging, but I feel a lot less pressure on my wrists by the end of the day, that's the main reason I'm still trying =D

    • @BrunoAntunesPT
      @BrunoAntunesPT  3 ปีที่แล้ว +1

      If you want to "learn how to type fast", you can have a look at this free course about touch typing: www.typingclub.com/
      They have exercises with videos that you can do - it helps quite a lot if you want to improve your typing accuracy and speed =)

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

    Thank you for these videos, Bruno, they're great! Best programming on youtube :D Could you do some intermediate/advanced problems with RTL sometime? For example, testing elements in a table or more complex conditions, and their best practices. Thank you 🙏

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

      Thank you very much 🙂 if you can provide me with one component example that you are finding hard to test and you think that could be helpful to more people, I'll do a video on it 🙂 any GitHub repo you can share? 🙂

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

      ​@@BrunoAntunesPT Thank you. Your videos are always incredibly helpful!! I'd love to see a video on TDD with RTL and Formik, maybe with a mock API call on submit. BTW, if you ever decide to create an entire course on React, NextJS and/or testing, I'd definitely purchase a copy.

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

    Thank you for the Video.
    I have one Problem though.
    The {selectall} doesnt work.
    user.type(...,"{selectall}5"); adds the 5 and does not replace it.
    What can I do?

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

    Gold Bruno

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

    Hey Bruno. Thank you for your videos - they are awesome! Can i ask you, have you tried the use userEvent v14? Since the package was updated to 14th version some steps don't work. I found a bit info in the docs about using const user = userEvent.setup()... should we use await /async with user? What to use instead {selectall} , user.clear(.....)? Solved it. You repo also has a code line with set it to 1 if non but the video 0 with 0 it start to work in version 14 with async await and clear -> type -> click. Thank you.

  • @curiousprogrammer90
    @curiousprogrammer90 3 ปีที่แล้ว +1

    Awesome!

  • @AnjaliGupta-se9ri
    @AnjaliGupta-se9ri ปีที่แล้ว

    Hey Bruno, good work.. great tutorial. but if we keep testing for all the elements to see if they are present in the dom or not or if a particular text is present in the dom, wouldn't that be too much of expect statements and a lot of test cases as in a real world application there are so many texts and so many buttons. Is testing like this a correct approach or should we consider snapshot testing

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

    I have a problem when I put render function into beforeEach(). Like this "Forbidden usage of `render` within testing framework `beforeEach` setup"

  • @vidumini23
    @vidumini23 3 ปีที่แล้ว +1

    Thank you...

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

    Hi! Thank you so much for the videos, they are extremely helpful! I have a question: will the "beforeEach" run for all the tests or only inside the describe block they are at? Like... will they stack with other "beforeEach"?

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

    hey bruno, when i run npm t all tests are running. Can we run test for specific component ? For example i have form.test.jsx and counter.test.jsx i just want to run test for counter.test.jsx

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

    I stuck on this video with testing-library/user-event version 14.4.3

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

    Hi, Bruno, thanks for your amazing videos, I have an enquiry I followed this video till the end and did like you exactly but when I push changes on github deploy job has been failed, when I open logs I found the error is about coverage threshold I did it 100% as you in previous video but the actual value is 92.85%, how to solve that?