Skip to content

visual-testing

Capture and compare image snapshots automatically and manually, in Storybook and in Vitest Browser Mode.

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. npm Storybook addon
vitest-plugin-vis Capturing and comparing image snapshots in tests that run in Vitest Browser Mode, without Storybook. npm Vitest plugin

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.

The existing Storybook is still available.