{"_id":"@axelpro/babel-plugin-react-add-test-id","_rev":"1-65e8cdd18cd5a47a0246dd8f050cac4c","name":"@axelpro/babel-plugin-react-add-test-id","dist-tags":{"latest":"0.0.2"},"versions":{"0.0.1":{"name":"@axelpro/babel-plugin-react-add-test-id","version":"0.0.1","keywords":["babel","babel-plugin","react","add","test","test-id"],"license":"MIT","_id":"@axelpro/babel-plugin-react-add-test-id@0.0.1","maintainers":[{"name":"pavelpayko","email":"pavel.payko@yandex.ru"}],"dist":{"shasum":"acfa4b77652732123798a46b6da7961f0ce06ccf","tarball":"https://registry.npmjs.org/@axelpro/babel-plugin-react-add-test-id/-/babel-plugin-react-add-test-id-0.0.1.tgz","fileCount":3,"integrity":"sha512-EDKkueU9ytTYk3o8ZTdxV5NOW/vNVAyr03DYx4dYre3/GFLjjczxPxDAH7Rl54m/PKwn08H0lyEgLiOABKLL/Q==","signatures":[{"sig":"MEYCIQCDpeexIy+UGoa74ceYYqAEHuBHXUyRgYNRQ6h/E/WhPgIhAL5hBQ2tijMQJn4QBiG5TTV0twprg+6gs2tqgUegfE0q","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":7517},"main":"lib/index.js","gitHead":"3ee90e75ac598fe59eee609dec4665648432e1fb","scripts":{"test":"babel-node test/index.js","build":"babel src --out-dir lib","prepublish":"npm run build"},"_npmUser":{"name":"pavelpayko","email":"pavel.payko@yandex.ru"},"_npmVersion":"10.9.0","description":"Add data-test-id attribute on react components","directories":{},"_nodeVersion":"18.20.4","dependencies":{"@babel/types":"^7.8.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"mocha":"^7.0.1","eslint":"^6.8.0","@babel/cli":"^7.8.4","@babel/core":"^7.2.0","@babel/node":"^7.8.4","babel-eslint":"^10.0.3","@babel/preset-env":"^7.4.3","@babel/preset-react":"^7.0.0","eslint-plugin-import":"^2.0.0","@babel/plugin-syntax-jsx":"^7.8.3"},"_npmOperationalInternal":{"tmp":"tmp/babel-plugin-react-add-test-id_0.0.1_1739952517270_0.6078619790769106","host":"s3://npm-registry-packages-npm-production"}},"0.0.2":{"name":"@axelpro/babel-plugin-react-add-test-id","version":"0.0.2","description":"Add data-test-id attribute on react components","main":"lib/index.js","scripts":{"test":"babel-node test/index.js","build":"babel src --out-dir lib","prepublish":"npm run build"},"keywords":["babel","babel-plugin","react","add","test","test-id"],"license":"MIT","devDependencies":{"@babel/cli":"^7.8.4","@babel/core":"^7.2.0","@babel/node":"^7.8.4","@babel/plugin-syntax-jsx":"^7.8.3","@babel/preset-env":"^7.4.3","@babel/preset-react":"^7.0.0","babel-eslint":"^10.0.3","eslint":"^6.8.0","eslint-plugin-import":"^2.0.0","mocha":"^7.0.1"},"dependencies":{"@babel/types":"^7.8.3"},"_id":"@axelpro/babel-plugin-react-add-test-id@0.0.2","gitHead":"0a2286613812e3c65172f4a5b0d213426585d1a7","_nodeVersion":"18.20.4","_npmVersion":"10.9.0","dist":{"integrity":"sha512-WyCzWxLiLzypnm5TEGPpWSXDTbQ2Eyo0r8t3T5HxzeZykXtFraOpXWr9vSyjJDmP/u62BhZVl2Ml648ybpSwLQ==","shasum":"c2e5c40276b9ef7711c4aa2aa6ab006657618df1","tarball":"https://registry.npmjs.org/@axelpro/babel-plugin-react-add-test-id/-/babel-plugin-react-add-test-id-0.0.2.tgz","fileCount":4,"unpackedSize":13940,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIDQFgraauEe+QWnJpNTAFJJz8rCdmib3IoCBA8WJEOncAiEA0xhgORT/WzFbV58VQk2F+SqNtLGRgO08eqv3M1HdNZQ="}]},"_npmUser":{"name":"pavelpayko","email":"pavel.payko@yandex.ru"},"directories":{},"maintainers":[{"name":"pavelpayko","email":"pavel.payko@yandex.ru"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/babel-plugin-react-add-test-id_0.0.2_1739954878200_0.5924256869296418"},"_hasShrinkwrap":false}},"time":{"created":"2025-02-19T08:08:37.168Z","modified":"2025-02-19T08:47:58.846Z","0.0.1":"2025-02-19T08:08:37.446Z","0.0.2":"2025-02-19T08:47:58.357Z"},"license":"MIT","keywords":["babel","babel-plugin","react","add","test","test-id"],"description":"Add data-test-id attribute on react components","maintainers":[{"name":"pavelpayko","email":"pavel.payko@yandex.ru"}],"readme":"# babel-plugin-react-add-test-id\r\n\r\n## Example\r\n\r\n#### in\r\n\r\n```\r\nconst Foo = () =>\r\n  <Bar>\r\n    <div>\r\n  </Bar>\r\n```\r\n\r\n#### out\r\n\r\n```\r\nconst Foo = () =>\r\n  <Bar data-test-id=\"Foo-Bar\">\r\n    <div data-test-id=\"Foo-Bar-div\">\r\n  </Bar>\r\n```\r\n\r\n## Useful with styled-components\r\n\r\n#### in\r\n\r\n```\r\nconst Wrapper = styled.div`...`\r\n\r\nconst Bar = styled.div`...`\r\n\r\nconst Foo = () =>\r\n  <Wrapper>\r\n    <Bar>\r\n  </Wrapper>\r\n```\r\n\r\n#### out\r\n\r\n```\r\nconst Wrapper = styled.div`...`\r\n\r\nconst Bar = styled.div`...`\r\n\r\nconst Foo = () =>\r\n  <Wrapper data-test-id=\"Foo-Wrapper\">\r\n    <Bar data-test-id=\"Foo-Wrapper-Bar\">\r\n  </Wrapper>\r\n```\r\n\r\n## Install\r\n\r\n`yarn add @axelpro/babel-plugin-react-add-test-id`\r\n\r\nor\r\n\r\n`npm install @axelpro/babel-plugin-react-add-test-id`\r\nor\r\n\r\n`pnpm install @axelpro/babel-plugin-react-add-test-id`\r\n\r\n## Usage\r\n\r\nin .babelrc\r\n\r\n```\r\n\"plugins\": [\r\n  \"@axelpro/babel-plugin-react-add-test-id\",\r\n  ...\r\n```\r\n\r\n## Options\r\n\r\n| Property                 | Type             | Default                                                                                                                                           | Description                                 |\r\n| ------------------------ | ---------------- | ------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------- |\r\n| attrName                 | String           | `data-test-id`                                                                                                                                    | Define the attribute name                   |\r\n| mode                     | String           | `regular`                                                                                                                                         | One of `minimal`, `regular`, `full`         |\r\n| ignoreElements           | Array of Strings | [`div`, `input`, `a`, `button`, `span`, `p`, `br`, `hr`, `ul`, `ol`, `li`, `img`, `form`, `h1`, `h2`, `h3`, `h4`, `h5`, `h6`, `svg`, `path`, `g`] | Avoid adding test id on those elements      |\r\n| additionalIgnoreElements | Array of Strings | []                                                                                                                                                | Add extra ignoreElements                    |\r\n| delimiter                | String           | `-`                                                                                                                                               | Separate components name with the delimiter |\r\n\r\nin .babelrc\r\n\r\n```\r\n\"plugins\": [\r\n  [\"@axelpro/babel-plugin-react-add-test-id\", {\"attrName\": \"data-test-id-example\"}\r\n],\r\n```\r\n","readmeFilename":"README.md"}