DOM Matchers

React Testing Library DOM Matchers

Course covering all DOM matchers in React Testing Library, including `.toHaveAttribute()`, `.toBeChecked()` - learn them all to make your tests cleaner and easier to write

DOM Matchers Introduction

Not started

DOM Matchers - Structure

Not started

DOM Matchers - Styling and Attributes

Current

DOM Matchers - Element State & Visibility

Not started

DOM Matchers - Form Elements

Not started

DOM Matchers - Accessibility

Not started

Deprecated DOM Matchers

Not started

DOM Matchers - Styling and Attributes

When testing your React applications, you will often need to check that a rendered HTML element has a specific attribute, class name, or inline style.

Note: There are other related helpers for form elements (like asserting the current value on a input field) - these are covered in an upcoming lesson.

Lesson covers:

toHaveAttribute, toHaveClass, toHaveStyle

Read on to find out how to use these features in React Testing Library.

Loading full lesson content & code...

Ready to try running tests for this lesson?