Skip to content

Testing Vue 3 application with @vitest/browser in the browser

Notifications You must be signed in to change notification settings

userquin/vitest-vue-e2e-browser

Repository files navigation

Vitest Browser Vue 3 e2e

Testing Vue 3 application with @vitest/browser in the browser:

This repo is using a custom vitest and @vitest/browser package versions from this PR.

Run

This repo is using pnpm as package manager.

pnpm install && pnpm test:e2e

Open in StackBlitz

Vue DevTools

Vue DevTools is detecting the app inside @vitest/browser: Select component in the page button not working.

Vue DevTools

Change Vitest PR

If you're working with the Vitest PR 3584 and you want to change somehing on it, you will need to build Vitest and create tgz files for vitest and @vitest/browser packages:

  • run nr build && pnpm pack from root: will generate vitest-0.xx.z.tgz (xx.z is the Vitest version)
  • open another terminal and change to packages/browser folder (cd packages/browser) and run pnpm pack: will generate vitest-browser-0.xx.z.tgz (xx.z is the Vitest version)

If you want to run your fork of this repository in StackBlitz, you NEED to include Vitest PR 3674: none provider changes in your Vitest PR 3584 local fork.

Once you've generated vitest and @vitest/browser in your local, uninstall both dev dependencies in your local fork in this repository, don't remove the corresponding tgz files before uninstalling the dependencies:

  • run pnpm remove -D @vitest/browser
  • run pnpm remove -D vitest

Override both tar.gz files in your local fork in this repo and add both dependencies using the file: protocol:

  • pnpm add -D ./vitest-0.xx.z.tgz
  • pnpm add -D ./vitest-browser-0.xx.z.tgz

About

Testing Vue 3 application with @vitest/browser in the browser

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published