1.1.1 • Published 3 years ago
babel-plugin-react-add-data-attribute v1.1.1
babel-plugin-react-data-testid
Example
in
const Foo = () =>
<Bar>
<div>
</Bar>
out
const Foo = () =>
<Bar data-test-id="Foo-Bar">
<div data-test-id="Foo-Bar-div">
</Bar>
Useful with styled-components
in
const Wrapper = styled.div`...`
const Bar = styled.div`...`
const Foo = () =>
<Wrapper>
<Bar>
</Wrapper>
out
const Wrapper = styled.div`...`
const Bar = styled.div`...`
const Foo = () =>
<Wrapper data-test="Foo-Wrapper">
<Bar data-test="Foo-Wrapper-Bar">
</Wrapper>
Install
yarn add davidgustys/babel-plugin-react-add-data-attribute
or
npm install davidgustys/babel-plugin-react-add-data-attribute
Usage
in .babelrc
"plugins": [
"davidgustys/babel-plugin-react-add-data-attribute",
...