Question 1

What's the difference between eslint-plugin-jest-dom and eslint-plugin-testing-library?

Accepted Answer

eslint-plugin-jest-dom focuses specifically on linting jest-dom matchers for DOM assertions, while eslint-plugin-testing-library covers broader Testing Library best practices like query usage. They are complementary; use both for comprehensive Testing Library linting in your test suite.

Question 2

How to configure eslint-plugin-jest-dom with ESLint v9 flat config?

Accepted Answer

Use the flat/recommended config by requiring it from the plugin: in eslint.config.js, apply `require('eslint-plugin-jest-dom').configs['flat/recommended']` to your test files. The README notes this is supported but documentation may lag, so refer to ESLint's official docs for updates.

Question 3

Does eslint-plugin-jest-dom work with TypeScript?

Accepted Answer

Yes, it works with TypeScript projects as long as ESLint is configured to parse TypeScript files, typically using @typescript-eslint parser. The plugin rules apply to test code regardless of language, but ensure your ESLint setup includes relevant TypeScript plugins.

Question 4

Can I disable specific rules in eslint-plugin-jest-dom?

Accepted Answer

Yes, you can customize rule enforcement in your ESLint configuration. For example, set 'jest-dom/prefer-checked' to 'off' or 'warn' in the rules section to adjust based on team preferences, as shown in the Usage examples.

Question 5

How does eslint-plugin-jest-dom improve test readability?

Accepted Answer

It promotes semantic jest-dom matchers like `toHaveFocus()` over manual checks like `document.activeElement`, making tests more intuitive and aligned with user interactions. This reduces cognitive load and ensures consistency, as highlighted in the plugin's philosophy.

Question 6

Is eslint-plugin-jest-dom worth it for small projects?

Accepted Answer

It may add overhead if you have minimal DOM tests, but it helps enforce best practices from the start. Consider using it if you plan to scale or want automated linting to catch common jest-dom mistakes early, as recommended in the plugin's value proposition.

Jest-DOM

What is Jest-DOM?

Overview

Use Cases

Best For

Related Projects

Found a gem we're missing?

Not Ideal For

Pros & Cons

Pros

Cons

Frequently Asked Questions