Тёмный

Testing In React Tutorial - Jest and React Testing Library 

PedroTech
Подписаться 214 тыс.
Просмотров 123 тыс.
50% 1

Опубликовано:

 

26 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 95   
@selfbrilliance9341
@selfbrilliance9341 4 месяца назад
I was thriving for this, all the videos on youtube just presumed that we know testing and made a bunch of tutorials on how to do testing but because of your video I know "what" and "why" is testing. Thank you ❤
@vandanavishnu1922
@vandanavishnu1922 2 года назад
Your Videos are very informative. I was able to answer lot of questions in my interview with just watching your videos( react hooks). Now I am watching this . I am sure it will definitely help me...Thanks a lot..
@PedroTechnologies
@PedroTechnologies 2 года назад
Best of luck!
@ArpithaIndira
@ArpithaIndira Месяц назад
It was so confusing for the beginner like me to understand this jest until you run the first test case..after that started understanding it even better..thanks for the work.. continue to grow🙏😊
@universecode1101
@universecode1101 2 года назад
Great topic Pedro, super useful for any developer ✌🏻
@PedroTechnologies
@PedroTechnologies 2 года назад
Thank you!!
@filipevalentegomes2383
@filipevalentegomes2383 2 года назад
That’s so funny, I was gonna take a course for this today, haven’t done testing in a while. Thanks for the video
@SharukhKhan-sd7xg
@SharukhKhan-sd7xg 2 года назад
Which course are you going to buy?
@PedroTechnologies
@PedroTechnologies 2 года назад
Hahahaha hope this video helps! Im planning on making a crash course on it!
@filipevalentegomes2383
@filipevalentegomes2383 2 года назад
@@PedroTechnologies awesome. Keep up the good work.
@SharukhKhan-sd7xg
@SharukhKhan-sd7xg 2 года назад
@@PedroTechnologies yes need that one
@filipevalentegomes2383
@filipevalentegomes2383 2 года назад
@@PedroTechnologies 13 min10 sec, there is an edit mistake I think. It jumps from on frame to another. Not sure if you know about that
@MehediHassan-pn5uc
@MehediHassan-pn5uc 2 года назад
Dude you're a underrated Gem! ❤️
@markganser5485
@markganser5485 2 года назад
Your videos are awesome! I'd love to see some more advanced testing examples on things such as custom hooks, testing where context is present, async functions, and mocking API responses!
@ankitkumarsharma2372
@ankitkumarsharma2372 2 года назад
Well, It's on exact time. I am going to start to learn Testing in react
@ometman
@ometman Год назад
Hey Pedro, thanks for making testing basics very simple.
@lokers_one
@lokers_one Год назад
These tests can produce false negatives and your test won't catch all possible bugs, as you convert string to number. It's very risky in JS world as we all know. For example `Number(false)` produces `0` too. Therefore you wouldn't catch all the bugs. Instead, you should change your assertion to expect to `.toEqual("0")`.
@mayurnagdev5545
@mayurnagdev5545 7 месяцев назад
Thank you this was really helpful
@rowland138
@rowland138 Месяц назад
Jesus Christ you are god of react js
@willmann96
@willmann96 Год назад
thank you for the clear and concise information.
@chaitanyasawant776
@chaitanyasawant776 2 года назад
Great topic. Make more videos on this topic
@NikhilPawar151
@NikhilPawar151 9 месяцев назад
Thank you for valuable content. This video clear my concept about testing in react.
@ThColinPereira
@ThColinPereira 2 года назад
Great video Pedro! Super helpful
@SinaTajik
@SinaTajik Год назад
The best tutorial for learning react unit test super simple and straight forward :)
@travelglobe8997
@travelglobe8997 11 месяцев назад
You got a new subscriber. Simple and on point. Good video bro.
@psydook
@psydook 2 года назад
Hey, thanks for the video! Can you also do one which is like a Coding Interview in React from Begginer to Advanced with something like some typescript concepts included ? I think this will benefit alot of people who are preparing for coding interviews. Thanks again !
@tootyrnt5533
@tootyrnt5533 10 месяцев назад
Nice video, would be cool to show how this can be set up with Vite + React.
@ggwellplayed4568
@ggwellplayed4568 2 года назад
Continue sharing your knowledge. God will take care fo you. Thanks dude ;)
@mysoregopinathshantanu8800
@mysoregopinathshantanu8800 2 года назад
This helps a lot. And really need more videos on testing.
@neverexecute2467
@neverexecute2467 2 года назад
This video is awesome and helps a lot, I also need create a dynamic XML sitemap and HTML sitemap in React
@rodrigocastro3934
@rodrigocastro3934 11 месяцев назад
Great video Pedro. It would be nice to have the 'advanced' version where testing state changes by clicking buttons ;))
@bananablu47
@bananablu47 2 года назад
Hey what is const { getByTestId } around 9:00 at line 6 ? An anonymous const?
@LeslieDuan
@LeslieDuan 2 года назад
thank you so much, hope to see tutorial about cypress
@parvathyvd
@parvathyvd 2 года назад
Thanks a lot Pedro :) Another useful video. You keep helping us.
@antidotejack2771
@antidotejack2771 Месяц назад
this is great, Thanks
@graycoder9911
@graycoder9911 9 месяцев назад
I only know of two great developers Ben awad and pedrotech
@karis7539
@karis7539 2 года назад
i personally love testing because i love automating things with Selenium or Playwright
@waleedsharif618
@waleedsharif618 2 года назад
Could you show jest --coverage And how to get 100% test coverage ?
@turing4991
@turing4991 2 года назад
You should try to make a video on publishing a react component. Publishing a hook is easy.
@amanjat7
@amanjat7 4 месяца назад
Helpful
@GlennMartin
@GlennMartin 2 года назад
Pedro my man, how about testing forms and components that fetch data. Would like to learn how to mock them.
@JaredFL
@JaredFL 2 года назад
I'd like to see a Webpack beginner video :)
@sodhigurpreetsingh
@sodhigurpreetsingh 2 года назад
Great video again pedro.. can you make a video on Formik or any other library you know is best for forms..
@salonipande6190
@salonipande6190 Год назад
@Pedro Tech can you please share the playlist of this course
@tsdineshjai8565
@tsdineshjai8565 2 года назад
Hey Pedro 👋, if possible do a crash course on this topic
@PedroTechnologies
@PedroTechnologies 2 года назад
Yes, thats on the plans!
@christianlewis7055
@christianlewis7055 Год назад
Weird feedback: that habit of repeatedly highlighting the test while you're busy talking is satisfying only as long as you repeatedly highly exactly the correct area. Like if you start highlighting a string, as long as you start at the opening double quote and finish exactly after the closing quote, I find it satisfying and might actually help to retain my interest. But if you don't hit the mark just right, it will bother me. 😄
@drawingdr9829
@drawingdr9829 2 года назад
hello bro thanx for your videos we are really benefit from them. you deployed react node mysql app in heroku but it very expansive . can you do a tutorial about deploy it in digital ocean? thank you
@rockndesign
@rockndesign 2 года назад
Thanks your video!!!
@azizkhujakhujaev2598
@azizkhujakhujaev2598 2 года назад
Nice video and can you please make a video about React Native testing library and in advance thanks!
@kranthikumar5215
@kranthikumar5215 Год назад
Love you pedro❤
@brilliantatosam
@brilliantatosam 2 года назад
Awesome content
@xman3666
@xman3666 Год назад
If i have a componente such a “loading” using lazy render react. How can I test the elements that come after the loading? 😢
@Way_Of_The_Light
@Way_Of_The_Light Год назад
ask ChatGPT
@shishirrai1069
@shishirrai1069 2 года назад
Please make video on jest and enzyme
@karthikbalaji383
@karthikbalaji383 2 года назад
I have never done testing before so can anyone tell me how percentage of the testing concepts are covered in this video.
@ankitchauhan8682
@ankitchauhan8682 Год назад
How is he using jsx with. Js extension?
@Popo-hr6gc
@Popo-hr6gc Год назад
What VSCode theme are u using?
@dylanheslop9161
@dylanheslop9161 9 месяцев назад
how can this be done with ts and vite
@suvendukumarsahoo4172
@suvendukumarsahoo4172 Год назад
He can u have idea testing for post api
@robertvelasquez8641
@robertvelasquez8641 Год назад
what if i use vite?
@456fghbsrtywrtwre
@456fghbsrtywrtwre Год назад
Awesome video. It has helped me a lot already. There is an issue for later versions. Just add screen.getByTestId instead of getByTestId and you are good to go. For getByRole as well.
@internetexplorer7880
@internetexplorer7880 2 года назад
What vscode theme is this?
@ranza658
@ranza658 2 года назад
Is source code available for this video?
@bradenmitchell3265
@bradenmitchell3265 2 года назад
Deja vu @ 13:09?
@PedroTechnologies
@PedroTechnologies 2 года назад
Thank you for letting me know! This was a mistake on the editing!
@demarbrown439
@demarbrown439 11 месяцев назад
13:00
@patrykK1028
@patrykK1028 Год назад
There's no link to the code :/
@primy3576
@primy3576 2 года назад
vs code theme?
@reactDevelopment
@reactDevelopment Год назад
can you make avideo on these act() mockComponent() isElement() isElementOfType() isDOMComponent() isCompositeComponent() isCompositeComponentWithType() findAllInRenderedTree() scryRenderedDOMComponentsWithClass() findRenderedDOMComponentWithClass() scryRenderedDOMComponentsWithTag() findRenderedDOMComponentWithTag() scryRenderedComponentsWithType() findRenderedComponentWithType() renderIntoDocument() Simulate
@gmmkeshav
@gmmkeshav Год назад
code of this video?
@WydeZ
@WydeZ Год назад
where is the code
@arihantjain8347
@arihantjain8347 Год назад
It wasn't in round figure, stuck at 999, so I made it 1K.
@thevasupodcast4561
@thevasupodcast4561 2 года назад
Hey i noticed that here you are using a derived state, which is not best practice. You should move the state to a higher level component.
@johnddonnet5151
@johnddonnet5151 4 месяца назад
Who uses js in 2023???
@PedroTechnologies
@PedroTechnologies 4 месяца назад
I make videos in js bc it is more easily understandable by a wider audience. Someone who knows ts, understands js. Whilst someone who knows js doesn't necessarily know ts. If the point of the video is not the ts syntax, I prefer to use javascript since more people can understand it :)
@JohnWickXD
@JohnWickXD 4 месяца назад
*I think you meant 2024
@Den1sNovikov
@Den1sNovikov 7 месяцев назад
How I suppose to do it with you, if u are not sharing starting demo code?))) Dislike.
@Human_Evolution-
@Human_Evolution- 2 года назад
I cannot reproduce this on my app at all. I hate this video. I hate testing. I watch you all the time and love your channel but testing has me so bitter I am downvoting you.
@christopherfoley4355
@christopherfoley4355 2 года назад
lol wow
@thegohmez6816
@thegohmez6816 2 года назад
WOW GRAPE.
@OPlutarch
@OPlutarch 2 года назад
Thanks! Can you make more videos about testing? I think that it's a topic that a lot of us we need to improve :) Greetings.
@PedroTechnologies
@PedroTechnologies 2 года назад
For sure!
@omarelgnn7344
@omarelgnn7344 2 года назад
@@PedroTechnologies yes this presentation of how to test the component or what should be tested and the component that renders data from API and so on Thanks for all
@DaltonLaboratories
@DaltonLaboratories 10 месяцев назад
I would rather use "test" over "it" in your examples. The second one is an alias and it reads better only when you name your tests like this: 'it("should do something.."), it("should display the counter")' etc. Nevertheless, good tutorial, thanks!
@harishg9429
@harishg9429 2 года назад
Can you pls make a video on testing components mocking API , also testing state. Thanks
@PedroTechnologies
@PedroTechnologies 2 года назад
I can fs make one! Testing states is not that good imo, i would rather just spy on the state function and test its functionality bc states dont update equally. Also, testing should be for testing how the UI changes, not how the internal logic acts :)
@harishg9429
@harishg9429 2 года назад
@@PedroTechnologies Thank you Pedro, I like all your videos, they are easy to follow and highly educational.
@mohitdhule9654
@mohitdhule9654 2 года назад
Thank you 🙏
@santhoshkashyap9405
@santhoshkashyap9405 Месяц назад
Thank you ;)
@cometarioxD
@cometarioxD 2 года назад
Watch out folks, if you're getting the error message, look for EVERY syntax error possible!
Далее
Stop Writing So Many Tests
10:02
Просмотров 90 тыс.
Modern Data Fetching in React (Complete Guide)
16:41
Просмотров 48 тыс.
Every React Concept Explained in 12 Minutes
11:53
Просмотров 658 тыс.
React Testing Tutorial (Jest + React Testing Library)
22:16
React Testing for Beginners: Start Here!
1:17:14
Просмотров 102 тыс.
Mocking Asynchronous Functions with Jest
21:50
Просмотров 70 тыс.
All The JavaScript You Need To Know For React
28:00
Просмотров 618 тыс.