@web/test-runner plugin to allow the build to be done by Vite
npm install @remcovaes/web-test-runner-vite-pluginA [@web/test-runner] plugin that allows files to be built with Vite instead of [@web/dev-server].
Inspired by [vite-web-test-runner].
```
npm install @remcovaes/web-test-runner-vite-plugin --save-dev
javascript
// web-test-runner.config.js
import { vitePlugin } from '@remcovaes/web-test-runner-vite-plugin';export default {
files: 'src/*/.test.ts',
plugins: [
vitePlugin(),
],
};
`Use the following prop in the [@web/test-runner] to remove vite logging.
`javascript
// web-test-runner.config.js
import { removeViteLogging } from '@remcovaes/web-test-runner-vite-plugin';export default {
...,
filterBrowserLogs: removeViteLogging,
};
`Use a [vite config] to make the build more complex.
This can be done via a config file or directly passing it to the plugin.
For example, to enable react support without a vite config, you can use the following config:
`javascript
// web-test-runner.config.js
import { vitePlugin } from './src/index.js';import reactRefresh from '@vitejs/plugin-react-refresh';
export default {
files: [ 'test//.test.ts', 'test//.test.jsx' ],
plugins: [
vitePlugin({
plugins: [ reactRefresh() ],
}),
],
};
``
[@web/test-runner]: https://modern-web.dev/docs/test-runner/overview/
[@web/dev-server]: https://modern-web.dev/docs/dev-server/overview/
[vite-web-test-runner]: https://github.com/material-svelte/vite-web-test-runner-plugin/
[vite config]: https://vitejs.dev/config/