jest-dom-extended

Extend and patch @testing-library/jest-dom matchers

What does this do?

• Patches the toHaveStyle color mismatch issue (#350)
• Provides a drop-in update that avoids changes to test files, making it easy to remove once the issue in @testing-library/jest-dom is fixed in the future.

Install

1npm install -D jest-dom-extended

Usage

Load the setup file after @testing-library/jest-dom in your test configuration.

Jest

1{
2  "setupFilesAfterEnv": [
3    "@testing-library/jest-dom",
4    "jest-dom-extended/jest"
5  ]
6}

Vitest

1export default defineConfig({
2  test: {
3    setupFiles: [
4      "@testing-library/jest-dom",
5      "jest-dom-extended/vitest",
6    ],
7  },
8});