ByPlaceholderText - 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

Not started

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)

RTL Queries: ByPlaceholderText

Although not as useful as other queries (like getByLabelText()), sometimes the only way to select an input is by its placeholder value.

In those cases, getByPlaceholderText() is an easy to use RTL query.

Loading full lesson content & code...

Share this lessonTweet (X) it

Invite a teammate to learn with you by sharing this lesson or dropping the link in your team chat.

Ready to try running tests for this lesson?