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 |
Which one do I need
Section titled “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.
The existing Storybook is still available.