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"]
}