eslint-plugin

@masknet/jsx/prefer-test-id

Enforces data-test-id attribute is present on interactive DOM elements to help with UI testing

Rule Details

Options

/**
 * @minItems Infinity
 */
export type Options = [
  {
    'id'?: string
    'elements'?: string[]
    'attributes'?: string[]
    'ignore-attributes'?: string[]
  },
]

Incorrect

<button>Download</button>

Correct

<button data-test-id="download-button">Download</button>

Attributes

• Recommended
• Fixable
• Suggestions
• Configurable
• Requires type information

Thanks

• https://github.com/davidcalhoun/eslint-plugin-test-selectors

This site is open source. Improve this page.