GetBy, QueryBy, FindBy - Finding elements with React Testing Library queries

Finding elements with React Testing Library queries

Become familiar with all the ways to find elements in your rendered components with React Testing Library. This is a more in depth look at all the getBy, findBy and queryBy functions

React Testing Library queries intro

Intro to React Testing Library queries

Not started

GetBy, QueryBy, FindBy

Current

Single vs Multiple queries

Not started

Picking a query function by priority

Not started

Accessing queries with the screen object

Not started

Common query options (except TextMatch)

Not started

TextMatch in detail

Not started

Getting direct access to the DOM

Not started

React Testing Library queries

ByRole (common uses)

Not started

ByRole (less common uses)

GetBy, QueryBy, FindBy

There are different ways to find elements in your rendered React component tests. For example ...byText(), ...byLabelText(), ...byRole(), etc.

(We will cover all of those specific ones in detail later in this course.)

Each query has three variants. It is important to learn and remember their differences.

In this lesson, we will cover getBy, queryBy, and findBy.

This is also covered in our main React testing course. If you've taken that already, you can skip this lesson.

We'll soon move into the more advanced query APIs.

Loading full lesson content & code...

Ready to try running tests for this lesson?