Learn React Testing: Course OverviewCourse Overview

React Testing Library

Simplify component testing with React Testing Library.

Start

Key Concepts

Review core concepts you need to learn to master this subject

What is React Testing Library?

Installing RTL

RTL Render

getByX Queries

User Event

queryByX variant

findByX Variant

Jest Dom

What is React Testing Library?

React Testing Library (RTL) is a library for testing React applications. React Testing Library focuses on testing components from the end-user’s experience rather than testing the implementation and logic of the underlying React components.

React Testing Library

Lesson 1 of 1

1
What is React Testing Library?
In this lesson, you will learn how to test your React components with the React Testing Library (RTL). React Testing Lib…
Start
2
Setting up React Testing Library
In order to use React Testing Library, we will need to include the @testing-library/react package in our project by using npm like so: npm install @testing-library/react –save-dev Once we have …
Start
3
Querying with RTL
Now that we know how to set up RTL, we can finally start testing our React components. To do so, we first have to query for and extract the DOM nodes from our virtually rendered components. Then, w…
Start
4
Different Query Methods
Now that we know how to perform queries with .getByX methods, it is time for us to move on to the other query method variants. RTL has two other categories of query methods called .queryByX and .fi…
Start
5
Mimicking User Interactions
So far we’ve learned how to query and extract the different DOM nodes from our React components. Now, it’s time for us to learn how to mimic user interactions e.g. clicking a checkbox, typing text,…
Start
6
The waitFor() method
In the previous exercise we’ve learned about the .findByX query methods that allows us to test components that render asynchronously. But what about components that disappear asynchronously? Look…
Start
7
Review
Good job! We can now use React Testing Library (RTL) to test our React components. Let’s quickly review what we’ve learned so far: - React Testing Library allows us to test React components by mim…
Start