Finding elements with React Testing Library queries Course

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

0 of 17 lessons complete17 lessonsInteractive test runner in browser
Start course

Course Lessons

17 lessons to learn everything about Finding elements with React Testing Library queries

React Testing Library queries intro

1

Intro to React Testing Library queries

PRO

Welcome to this course on React Testing Library queries

Start
2

GetBy, QueryBy, FindBy

PRO

The difference between GetBy, QueryBy, FindBy

Start
3

Single vs Multiple queries

PRO

Learn how to select either a single element, or multiple elements

Start
4

Picking a query function by priority

PRO

How to pick the most suitable query to get an element

Start
5

Accessing queries with the screen object

PRO

How to get the functions that we need to query for elements, via the screen object

Start
6

Common query options (except TextMatch)

PRO

Some common query options that are on multiple query functions

Start
7

TextMatch in detail

PRO

Explaining what TextMatch is

Start
8

Getting direct access to the DOM

PRO

How to get elements in the DOM with regular functions, like document.querySelector

Start

React Testing Library queries

9

ByRole (common uses)

PRO

All of the common uses for the ByRole queries: how to use them and how to find which roles to query by

Start
10

ByRole (less common uses)

PRO

This lesson covers the remaining configuration options for the ByRole query

Start
11

ByLabelText

PRO

Covering the ByLabelText queries: how to find form elements via their labels

Start
12

ByPlaceholderText

PRO

Everything you need to know about the byPlaceholderText queries, how to use it to find input elements by their placeholder text

Start
13

ByText

PRO

How to use the byText queries to find elements by their text content

Start
14

ByDisplayValue

PRO

Lesson on the byDisplayValue queries, how to use it to find form elements by their current display value

Start
15

ByAltText

PRO

Query for images by using the byAltText queries

Start
16

ByTitle

PRO

Learn how to use the byTitle queries, how to use it to find elements by their title attribute

Start
17

ByTestId

PRO

As a fallback, use the byTestId queries to target elements with data-testid, how to use it to find elements by their data-testid attributes

Start