vite-test

use vite to test your vue app in real browser and/or puppeteer

benefits

• very quick execution
• native environment compared to jest & js-dom

usage

sample package.json scripts:

"scripts": {
  "test:debug": "vite-test --debug",
  "test": "vite-test | tap-dot"
}

• vite-test --debug to keep vite server open on http://localhost:3000 to debug your test in browser dev tools directly, e.g. on http://localhost:3000/test.html
• vite-test | tap-dot CI friendly exit code by tap-dot library (npm install tap-dot)

Also see /test directory

terminal / CI

vite-test will run your tests in puppeteer

browser through vite

Open http://localhost:3000/test.html when running vite dev server and open your dev tools

dependencies

• @vue/test-utils – version 2+ which supports Vue 3
• puppeteer to run tests on your CI
• zora test runner