React Testing Library With Jest Tutorial For Beginners | How To Test React Components ?

React Testing Library With Jest Tutorial For Beginners | How To Test React Components ?

Dipesh Malvia

2 года назад

71,388 Просмотров

Apply Now for free: https://bit.ly/35Rq2RY

AccioJob is an IIT Delhi alumni-led startup that runs a 6 month Pay after Placement Full Stack Web Dev Training. Students are trained on Data Structures and Algorithms, Full Stack Web Development and backend
web development. Students get placed above 5 LPA. AccioJob students are working at Amazon, Walmart, VISA, BharatPe, Paytm, ThoughtWorks
and 190+ more companies.

Key Highlights of the program:
- ZERO fees till Placement above 5 LPA in Software Development
- Average CTC: 8.3 LPA; Highest CTC: 41LPA
- Dedicated placement team & Interview preparation
- Industry-relevant Projects, Mock Interviews, Resume & Portfolio building

Eligibility: Graduate or Final Year of ANY DEGREE
Take your career on an exponential growth path now!

For any queries, you can WhatsApp or call on 8595563221

In this video we will learn about unit testing in React application using React testing library for testing React components and Jest as test runner.
This will be a beginner friendly tutorial and we will first understand what is React Testing Library, some rules and how jest is associated with it and after that we will write the unit test cases for our React Login application.

⭐️ GitHub link for Reference - https://github.com/dmalvia/React-testing-Library-Tutorial
⭐️ React Testing Library - https://testing-library.com/
⭐️ Support my channel - https://www.buymeacoffee.com/dipeshmalvia

🔗 React Roadmap for Developers in 2021*
How to Learn React JS ? - https://youtu.be/06yVj8pcO5c
React Fundamentals Project - https://youtu.be/QoJGKwo20is
Learn React Redux with Project - https://youtu.be/0W6i5LYKCSI
What is Redux ? - https://youtu.be/qNjNn9BCWCc
Learn React Redux Thunk with Project - https://youtu.be/JDZRfLGNWdc
Learn CSS GRID Tutorial - https://youtu.be/zs7JzkWixPo

🔗 Social Medias 🔗
Twitter: https://twitter.com/IMDmalvia
Facebook: https://www.facebook.com/programmingwithdipesh
Instagram: https://www.instagram.com/dipeshmalvia
LinkedIn: https://www.linkedin.com/in/dmalvia/

⭐️ Tags ⭐️
- React Testing Library Crash Course
- React Testing Library Tutorial
- How to Test React Components
- Learn React Testing Library With Login Form
- Start Testing In ReactJs

⭐️ Hashtags ⭐️
#React #Testing #Library #Beginners #Tutorials

Disclaimer:
It doesn't feel good to have a disclaimer in every video but this is how the world is right now.
All videos are for educational purpose and use them wisely. Any video may have a slight mistake, please take decisions based on your research. This video is not forcing anything on you.

Тэги:

#react_testing_library_tutorial #react_testing_library #react #AccioJob #AccioJobPayAfterFirstSalary #PayAfterPlacement #react_testing #react_testing_tutorial #react_tests #jest_react_testing_library #jest_react_testing_tutorial #react_component_testing #react_component_testing_jest #how_to_test_react_components #how_to_test_react_components_with_jest #how_to_test_react_app #reactjs_testing_with_jest_and_enzyme_tutorial #react_testing_with_jest #testing_in_react_js #test_login_form
Ссылки и html тэги не поддерживаются


Комментарии:

@zhangshiyucao
@zhangshiyucao - 01.01.2024 14:59

Great tutorial. However i think a more useful test for the email field would be to expect a validation error to appear on the screen

Ответить
@user-bs8rl5zz1u
@user-bs8rl5zz1u - 20.10.2023 16:54

bro why should we use test cases ?? in ract js ??

Ответить
@foodsampatti9522
@foodsampatti9522 - 16.09.2023 08:25

do we need to add test-id every time?? like if for example there is a sideNavbar how do we need to create that test code?

Ответить
@user-uk1ym8gd1v
@user-uk1ym8gd1v - 14.09.2023 13:51

awasome

Ответить
@jitujahagirdar613
@jitujahagirdar613 - 13.09.2023 18:47

how to determined which test case write or not ?

is there any code coverage that know you have to write a test case for reaming code coverage or not ?

Ответить
@nouhiering
@nouhiering - 06.09.2023 18:26

helpful :D Thanks

Ответить
@madhumangal2664
@madhumangal2664 - 11.07.2023 19:28

How do we transition to react 18, if we have lot of enzyme based tests

Ответить
@UdayPawarUdi
@UdayPawarUdi - 19.06.2023 20:28

Nicevideo

Ответить
@timquattrochi8009
@timquattrochi8009 - 08.06.2023 01:29

How can I solve " SyntaxError: Cannot use import statement outside a module" when trying to test react applications?

Ответить
@shreyash8273
@shreyash8273 - 04.06.2023 17:53

Thanks sir. First time learned about testing.

Ответить
@sad6368
@sad6368 - 14.03.2023 06:43

Thanks sir, please reply my Instagram message 🙏

Ответить
@rajthombare31
@rajthombare31 - 16.02.2023 05:00

great and simple explanation! i started with react + firebase then Node Express now jest!

Ответить
@ittelugodikosam2231
@ittelugodikosam2231 - 08.02.2023 17:00

how test methods ( which have some javascript logic inside ) of react component . ?

Ответить
@CodeGeekStudio
@CodeGeekStudio - 01.02.2023 13:55

i am getting this error Cannot read properties of undefined (reading 'body')

Ответить
@naivecoder2794
@naivecoder2794 - 19.01.2023 07:31

That's one of a gem tutorial buddy :) <3 Keep up the Good Work

Ответить
@RohitSaini-nu1ub
@RohitSaini-nu1ub - 01.12.2022 10:19

Great tutorial 🎉🎉🎉

Ответить
@gmjitendra
@gmjitendra - 17.10.2022 06:16

Very well covered and explained scenarios. Thanks Dipesh :)

Ответить
@jakobskovsndergard7912
@jakobskovsndergard7912 - 29.09.2022 19:20

is this for react 18?

Ответить
@mailjamalmd
@mailjamalmd - 08.09.2022 12:37

Awesome man! Thanks 🙂

Ответить
@prajwalkv1175
@prajwalkv1175 - 26.07.2022 14:31

Great tutorial. I was looking for this. Thank you so much😀

Ответить
@saptarshimukherjee5539
@saptarshimukherjee5539 - 22.07.2022 09:19

plz make more videos in react testing library and jest its a request🙂

Ответить
@ritamehra3186
@ritamehra3186 - 18.07.2022 07:16

really valuable knowledge. thank you for sharing :)

Ответить
@harishgangadharappa9715
@harishgangadharappa9715 - 08.06.2022 20:38

Thank you

Ответить
@letslive3782
@letslive3782 - 30.05.2022 12:11

Sir, how many more videos are there in this playlist?

Ответить
@poojanb3566
@poojanb3566 - 25.05.2022 11:22

I have some queries and want to discuss with you. Is there any online chat facility is available?

Ответить
@poojanb3566
@poojanb3566 - 25.05.2022 11:21

Hi

Ответить
@motivationalstory17
@motivationalstory17 - 21.05.2022 19:38

Please more video on redux and hook testing

Ответить
@abhi_8243
@abhi_8243 - 15.05.2022 18:31

Please make a video on enzyme. Please sir

Ответить
@Potnurulaxmiprasad
@Potnurulaxmiprasad - 13.05.2022 20:11

Tq u brother bcz it will help to clear my project keep continue bro and do the videos on backend like springboot,hibernate..

Ответить
@revanthkumarsake7035
@revanthkumarsake7035 - 10.05.2022 15:11

no words, very clean and neat explanation. best video even for 0 knowledge. Thank you so much brother

Ответить
@harishg9429
@harishg9429 - 02.05.2022 05:57

Great video, thanks Dipesh. Could you also make a video on testing mock data. Thanks

Ответить
@yogitasonpitale8194
@yogitasonpitale8194 - 21.04.2022 10:20

Thankx a lot for this video..i was looking for this kind of video since long time..

Ответить
@janiirigi907
@janiirigi907 - 18.04.2022 08:57

Wonderful !! Could you also make on how test hooks and mock APIs.. Thanks in advance 😊

Ответить
@amitchaudhary3760
@amitchaudhary3760 - 18.04.2022 08:26

Thank you !! 😊

Ответить
@syedshaffeque3444
@syedshaffeque3444 - 17.04.2022 11:40

Excellent, I have been waiting for this tutorial. Eagerly waiting for videos on mock apis ,functions and coverage reports

Ответить
@surajdedhia9584
@surajdedhia9584 - 17.04.2022 11:27

That's great tutorial. Could you please also post more advance testing example i.e. testing hooks, async calls, reading window events like fetch value from localStorage or sessionStorage etc.

Ответить
@aadimanchekar1032
@aadimanchekar1032 - 16.04.2022 06:24

Ah gold mine! Pls upload more videos on testing react applications for beginners

Ответить
@manimaran-pr8rg
@manimaran-pr8rg - 16.04.2022 03:08

Its amazing login form test cases.Can you have a do video for use reducer redux test cases RTL with jest.

Ответить
@realindian9721
@realindian9721 - 15.04.2022 06:12

Sir jii wordpress woocommerce with gatsby or react js par bhi series bna doh plz

Ответить
@shwethasai9663
@shwethasai9663 - 14.04.2022 18:43

I have been waiting for this tutorial..exact correct time u uploaded..many thanks to u

Ответить
@saketabhishek5147
@saketabhishek5147 - 14.04.2022 18:30

Please make more video on react testing library it's a request bro. How to test Api ,use graphql hooks and many others

Ответить
@shishirrai1069
@shishirrai1069 - 14.04.2022 17:50

Please make video on enzyme and jest

Ответить
@ganeshk8410
@ganeshk8410 - 14.04.2022 16:23

Thanks @dipesh.
Also please teach us to mock apis ,functions etc

Ответить
@universecode1101
@universecode1101 - 14.04.2022 16:17

Nice 😄✌🏻

Ответить
@purnashankar7344
@purnashankar7344 - 14.04.2022 16:10

I have been waiting for this from long time.Thanks Dipesh , commenting even before watching it.

Ответить
@DeepakGupta-pz4fx
@DeepakGupta-pz4fx - 14.04.2022 15:55

Thank you sir 😊 ❤❤ your consistency hard work 👏 🙏

Ответить
@adammsangi
@adammsangi - 14.04.2022 15:52

Always my mentor

Ответить