Vitest plugin

vitest-plugin-vis performs self-contained visual testing for tests that run in Vitest Browser Mode.

It takes screenshots through your browser provider, compares them with baseline images in your repository, and writes the differences to disk. There is no cloud service. The snapshots are files that you commit.

If your components live in Storybook, use storybook-addon-vis instead. It runs this plugin for your stories. Choosing a package compares the two.

Where to go next

• Get started: install the plugin and take a first snapshot.
• Configuration: the Vitest, .gitignore and TypeScript setup.
• Features: every capability, each linked to its guide.
• Guides: automatic snapshots, manual snapshots, thresholds and comparison and more in the sidebar.
• Examples: the vpv and workspace test cases.
• Troubleshooting if something does not work.