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

Typescript transformer to strip data-test-id jsx attributes

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
typescript-transformer-jsx-remove-data-test-id
1.1.04 years ago5 years agoMinified + gzip package size for typescript-transformer-jsx-remove-data-test-id in KB

Readme

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
```typescript jsx function TestComponent() { return
Test
; } ```