React Testing Library DOM Matchers Course

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

0 of 7 lessons complete7 lessonsInteractive test runner in browser
Start course

Course Lessons

7 lessons to learn everything about React Testing Library DOM Matchers

DOM Matchers

1

DOM Matchers Introduction

PRO

Introduction to the course, showing what you will learn

Start
2

DOM Matchers - Structure

PRO

Learn how to use Jest DOM matchers to assert on DOM structure, including checking for empty elements, child elements, HTML content, and text content

Start
3

DOM Matchers - Styling and Attributes

PRO

Jest DOM matchers for testing element attributes, CSS classes, and inline styles in your React components

Start
4

DOM Matchers - Element State & Visibility

PRO

Test element states and visibility using Jest DOM matchers, including disabled/enabled states, visibility, focus, and button press states

Start
5

DOM Matchers - Form Elements

PRO

Comprehensive guide to testing form elements with Jest DOM matchers, including validation states, values, checkboxes, and form data

Start
6

DOM Matchers - Accessibility

PRO

Ensure your components are accessible by testing with Jest DOM accessibility matchers for ARIA attributes, roles, and error messages

Start
7

Deprecated DOM Matchers

PRO

Quick lesson on some deprecated DOM matchers that you may still see in code bases

Start