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

17 lessons
Interactive test runner in browser
Step by step lessons

Course Lessons

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

React Testing Library queries intro

1
PRO

Intro to React Testing Library queries

Welcome to this course on React Testing Library queries

Start
2
PRO

GetBy, QueryBy, FindBy

The difference between GetBy, QueryBy, FindBy

Start
3
PRO

Single vs Multiple queries

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

Start
4
PRO

Picking a query function by priority

How to pick the most suitable query to get an element

Start
5
PRO

Accessing queries with the screen object

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

Start
6
PRO

Common query options (except TextMatch)

Some common query options that are on multiple query functions

Start
7
PRO

TextMatch in detail

Explaining what TextMatch is

Start
8
PRO

Getting direct access to the DOM

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

Start

React Testing Library queries

9
PRO

ByRole (common uses)

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

Start
10
PRO

ByRole (less common uses)

This lesson covers the remaining configuration options for the ByRole query

Start
11
PRO

ByLabelText

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

Start
12
PRO

ByPlaceholderText

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

Start
13
PRO

ByText

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

Start
14
PRO

ByDisplayValue

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

Start
15
PRO

ByAltText

Query for images by using the byAltText queries

Start
16
PRO

ByTitle

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

Start
17
PRO

ByTestId

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