Supported frameworks

• React
• Vue
• Svelte

Installation

Warning: This plugin is still in development!

Install using yarn or npm:

1yarn add vite-plugin-test-selectors -D

Usage

Add to your vite config:

1import { defineConfig } from 'vite';
2import StripTestSelectors from 'vite-plugin-test-selectors';
3
4export default defineConfig({
5  plugins: [
6    StripTestSelectors()
7  ]
8});

Then, customize any of the following options:

1StripTestSelectors({
2  dev: false,
3  selectors: ['data-test'],
4  suffixes: ['.jsx', '.tsx', '.vue', '.svelte'],
5})

'Dev' is a boolean that determines whether to apply the plugin on serve or build. It defaults to 'false', only stripping test attributes in production builds.

The provided selectors are optional (defaulting to only 'data-test'), and are parsed as selector-*, where * is any string optionally followed by a value assignment. For example:

1<!-- Will not be stripped -->
2<Component class="someClass" data-test />
3<!-- Will be stripped -->
4<Component class="someClass" data-test-component data-test-id="someId" />

Suffixes are also optional, and are an array of any valid file extensions. They default to '.jsx', '.tsx', '.vue', and '.svelte'.

For example usage, check out the included demos.

Testing

1yarn test

Credits

Authors: kiosion