Testing React Apps with React Testing Library

Learn how to test React components with React Testing Library, the recommended library from Facebook for testing.

Created by : Rated :4.7 92286 views

Last Updated: 2022-05-03 11:05:01 English Course Type: Self Learning

The principles of TDD
Know what React Testing Library is and its differences with Enzyme
Understand how Jest works with React Testing Library
Query elements with getBy, queryBy, findBy, getAllBy, queryAllBy, findAllBy
Simulate user interaction with the fireEvent and userEvent API
Learn about coverage and debugging
How to mock third party libraries like Axios
How to use Typescript with a React App

Welcome to testing React components with React Testing Library! In this course, you will learn lots of things. You will learn:

The principles of Test Driven Development
Know what is React Testing Library (RTL) and its differences with Enzyme (another popular test framework for React)
Understand how Create React App (CRA) works.
Understand how Jest works with RTL
How to test with RTL and query elements with:
- getBy, queryBy, findBy, getAllBy, queryAllBy, findAllBy
How to simulate user interaction with the fireEvent API
How to simulate user interaction with the userEvent API
Testing components in isolation (unit tests)
Learn about coverage and debugging
How to mock 3rd party libraries like Axios and mock a GET request
Learn about the pitfalls of CRA

You will have all the fundamental tools to test any React component and have that coverage at 100%!

Have fun, and never stop learning!

Be familiarized with React components

Web developers
Full stack developers
Developers interested in TDD
Frontend developers

Section 1 : Introduction 2 Lectures 00:13:24
Lecture 1 :
Introduction to TDD Preview
Lecture 2 :
Introduction to RTL
Section 2 : Create React App 1 Lectures 00:08:49
Lecture 1 :
Create React App behind the scenes
Section 3 : Jest 2 Lectures 00:16:08
Lecture 1 :
Understanding Jest
Lecture 2 :
Writing our first test
Section 4 : React Testing Library 11 Lectures 01:25:38
Lecture 1 :
Rendering a component with RTL
Lecture 2 :
Selecting elements with getByText
Lecture 3 :
Selecting elements with getByRole
Lecture 4 :
queryBy search variant
Lecture 5 :
findBy search variant (part 1)
Lecture 6 :
findBy search variant (part 2)
Lecture 7 :
findBy search variant (part 3)
Lecture 8 :
Querying multiple elements
Lecture 9 :
User interaction with the fireEvent function
Lecture 10 :
User interaction with the user event API
Lecture 11 :
Testing a component in isolation with the user event API
Section 5 : Coverage and debugging 2 Lectures 00:11:40
Lecture 1 :
Coverage
Lecture 2 :
Debugging
Section 6 : A more complex example 2 Lectures 00:21:27
Lecture 1 :
Creating a Pokemon component
Lecture 2 :
Testing the Pokemon component
Section 7 : More custom matchers 1 Lectures 00:01:41
Lecture 1 :
Jest DOM library from RTL

How do i access the course after purchase?
It's simple. When you sign up, you'll immediately have unlimited viewing of thousands of expert courses, paths to guide your learning, tools to measure your skills and hands-on resources like exercise files. There’s no limit on what you can learn and you can cancel at any time.
Are these video based online self-learning courses?
Yes. All of the courses comes with online video based lectures created by certified instructors. Instructors have crafted these courses with a blend of high quality interactive videos, lectures, quizzes & real world projects to give you an indepth knowledge about the topic.
Can i play & pause the course as per my convenience?
Yes absolutely & thats one of the advantage of self-paced courses. You can anytime pause or resume the course & come back & forth from one lecture to another lecture, play the videos mulitple times & so on.
How do i contact the instructor for any doubts or questions?
Most of these courses have general questions & answers already covered within the course lectures. However, if you need any further help from the instructor, you can use the inbuilt Chat with Instructor option to send a message to an instructor & they will reply you within 24 hours. You can ask as many questions as you want.
Do i need a pc to access the course or can i do it on mobile & tablet as well?
Brilliant question? Isn't it? You can access the courses on any device like PC, Mobile, Tablet & even on a smart tv. For mobile & a tablet you can download the Learnfly android or an iOS app. If mobile app is not available in your country, you can access the course directly by visting our website, its fully mobile friendly.
Do i get any certificate for the courses?
Yes. Once you complete any course on our platform along with provided assessments by the instructor, you will be eligble to get certificate of course completion.
For how long can i access my course on the platform?
You require an active subscription to access courses on our platform. If your subscription is active, you can access any course on our platform with no restrictions.
Is there any free trial?
Currently, we do not offer any free trial.
Can i cancel anytime?
Yes, you can cancel your subscription at any time. Your subscription will auto-renew until you cancel, but why would you want to?

David Armendariz,

192668 Course Views

3 Courses

Hi! My name is David Armendariz and I am a software developer and mathematician. I have experience working as a Full Stack developer in different projects and I am myself a curious mind that tries to teach what I learn on a daily basis.