Skip to content

michellocana/babel-plugin-jsx-auto-test-id

Repository files navigation

babel-plugin-jsx-auto-test-id · package version tests

Automatically adds data-test id's to every component host element. Useful to E2E tests.

Usage

Via .babelrc:

{
  "plugins": ["jsx-auto-test-id"]
}

If you want to set a custom attribute name:

{
  "plugins": ["jsx-auto-test-id", { "attributeName": "data-my-custom-test-id" }]
}

Example

Input (React)

function App() {
  return (
    <div>
      <p>foo</p>
      <p>bar</p>
    </div>
  )
}

Output

<div data-test="App">
  <p>foo</p>
  <p>bar</p>
</div>

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published