babel-plugin-component-identification

Identifies react components and adds an attribute to them with their identifier

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
babel-plugin-component-identification
521.2.07 years ago7 years agoMinified + gzip package size for babel-plugin-component-identification in KB

Readme

babel-plugin-component-identification

Identifies react components and adds a data-component-id to them with their identifier, this was made with the intention of aiding automated testing through easier DOM selectors and should not be used in production.
<div data-component-id="ExampleComponent">I am component</div>

This plugin identifies a component if it detects:
  • An instance of a class with a render method that returns JSX
  • A function that returns JSX

Install

npm install --save-dev babel-plugin-component-identification

Usage (.babelrc)

{
    "plugins": ["component-identification"]
}