jest-dom

What is jest-dom?

The jest-dom package provides a set of custom jest matchers that you can use to extend jest. These will make your tests more declarative, clear to read, and to maintain. You can use these matchers to test the state of the DOM in your tests.

What are jest-dom's main functionalities?

toBeInTheDocument

This matcher checks if an element is present in the document.

expect(element).toBeInTheDocument();

toHaveTextContent

This matcher checks if an element has a specific text content.

expect(element).toHaveTextContent('Hello World');

toBeVisible

This matcher checks if an element is visible to the user.

expect(element).toBeVisible();

toHaveAttribute

This matcher checks if an element has a specific attribute with a specific value.

expect(element).toHaveAttribute('type', 'button');

toHaveClass

This matcher checks if an element has a specific class.

expect(element).toHaveClass('btn-primary');

Other packages similar to jest-dom

chai-dom

chai-dom provides similar functionality to jest-dom but for the Chai assertion library. It extends Chai with custom matchers for DOM nodes, allowing you to write more expressive tests for your DOM elements.

enzyme

Enzyme is a JavaScript Testing utility for React that makes it easier to assert, manipulate, and traverse your React Components' output. While it provides some similar functionalities to jest-dom, it is more focused on React component testing.

README

jest-dom has moved to @testing-library/jest-dom. Please uninstall jest-dom and install @testing-library/jest-dom instead, or use an older version of jest-dom. Learn more about this change here: https://github.com/testing-library/dom-testing-library/issues/260 Thanks! :)