vite-plugin-test

Vite plugin with mocha and puppeteer
Headless test your Vue, React and Lit-Element component

Installation

  npm install --save-dev vite-plugin-test puppeteer

Getting Started

• yarn install
• yarn build

Example Code

• Vue

  yarn --cwd examples/vue test

• Lit-Element

  yarn --cwd examples/lit-element test

• React

  yarn --cwd examples/react test

Options

export interface TestPluginOptions {
  dir?: string
  watch?: boolean
  loaders?: {
    [ext: string]: Loader
  }
}

• dir - [default: 'tests'] directory where the test or spec files
• watch - [default: false] enable/diable watch
• loaders - when you have a .js test files with jsx or tsx code
  (Please see ./examples/react/vite.config.test.ts)

  loaders: {
    '.spec.js': 'jsx'
  }

Plugin usage

• Create vite.config.test.js file

import { defineConfig } from 'vite'

import vue from '@vitejs/plugin-vue'
import viteTestPlugin from 'vite-plugin-test'

export default defineConfig({
  plugins: [
    vue(),
    viteTestPlugin({ 
      watch: true 
    })
  ]
})

• vite --config vite.config.test.js

TODO

• Code Coverage