typescript-transformer-jsx-remove-data-test-id
TypeScript icon, indicating that this package has built-in type declarations

1.1.0 • Public • Published

typescript-transformer-jsx-remove-data-test-id

Remove data-test-id attributes from production builds. Similar to babel-plugin-jsx-remove-data-test-id

Installation

yarn add --dev typescript-transformer-jsx-remove-data-test-id

Usage

Set up the transformer

Currently, typescript does not provide a way to use custom transformers without creating your own compiler on top of it.

However, it can be used with webpack with ts-loader or awesome-typescript-loader

const { removeDataTestIdTransformer } = require('typescript-transformer-jsx-remove-data-test-id');
 
module.exports = {
  // ...
  module: {
    rules: [
      {
        test: /\.tsx?$/,
        loader: 'ts-loader', // or 'awesome-typescript-loader'
        options: {
          // ... other options
          getCustomTransformers: () => ({
            before: [removeDataTestIdTransformer()]
          })
        }
      }
    ]
  }
  // ...
};

Add the attribute

Add data-test-id to your components

function TestComponent() {
  return <div data-test-id="test-component">Test</div>;
}

Readme

Keywords

none

Package Sidebar

Install

npm i typescript-transformer-jsx-remove-data-test-id

Weekly Downloads

781

Version

1.1.0

License

MIT

Unpacked Size

3.87 kB

Total Files

7

Last publish

Collaborators

  • andrewbents