visual-testing

Image snapshot testing for Vitest Browser Mode and Storybook: capture and compare image snapshots automatically and manually.

Package	What it is for	npm	Docs
storybook-addon-vis	Capturing and comparing image snapshots of your stories, automatically and manually, from Storybook Vitest addon tests.		Storybook addon
vitest-plugin-vis	Capturing and comparing image snapshots in tests that run in Vitest Browser Mode, without Storybook.		Vitest plugin

Which one do I need

If you test your stories with Storybook, use storybook-addon-vis. It uses vitest-plugin-vis internally to do the heavy lifting. If you do not use Storybook and write tests in Vitest Browser Mode directly, use vitest-plugin-vis, which was extracted from the addon to be used directly in Vitest.

A committed baseline image, one of the snapshots the showcase displays.

Links

• Documentation website
• Live Storybook
• Showcase
• Examples
• Contributing

For AI agents

llms.txt lists the entry points and documentation pages of both packages. Each package ships a copy as llms.txt in its npm package.