no-default-test-id

Part of: componentApi preset (opt-in — not in recommended)

data-testid must be type-required and consumer-provided. A runtime default contradicts the type-level requirement and silently masks consumer omissions — the consumer believes they are covered by the type system, but the default lets the component render with a generic test-id that collides in multi-instance tests.

Why This MattersCopy Anchor Link

ExamplesCopy Anchor Link

IncorrectCopy Anchor Link

function Button({ "data-testid": testId = "button", ...props }) {
  return <button data-testid={testId} {...props} />;
}

CorrectCopy Anchor Link

function Button({ "data-testid": testId, ...props }: { "data-testid": string }) {
  return <button data-testid={testId} {...props} />;
}

Auto-fixCopy Anchor Link

This rule provides an auto-fix that removes the default value, leaving the bare binding identifier.

ConfigurationCopy Anchor Link

// eslint.config.mjs
export default [
  {
    rules: {
      "react-features/no-default-test-id": "error",
    },
  },
];

This rule is part of eslint-plugin-react-features.

Use this rule

npm install -D oxlint-plugin-react-features

{  "jsPlugins": ["oxlint-plugin-react-features"],  "rules": {    "react-features/no-default-test-id": "error"  }}

import { defineConfig } from 'vite-plus';export default defineConfig({  lint: {    jsPlugins: ['oxlint-plugin-react-features'],    rules: {      'react-features/no-default-test-id': 'error',    },  },});