Storybook addon
storybook-addon-vis allows you to perform self contained Visual Testing for Storybook.
The image snapshots are stored locally and are used to detect visual regressions.
Features
Section titled “Features”- You can capture and compare image snapshot both automatically and manually.
- You can take a snapshot of the whole page or a specific component.
- You can take snapshots in different environments, platform, browser, screen size and themes.
- You can enable, disable, and customize how the snapshots are taken and compared.
- The snapshots are stored locally.
Where to go next
Section titled “Where to go next”- Install the addon.
- Set it up in Vitest, Storybook and TypeScript.
- Capture snapshots automatically or manually.
- Check troubleshooting if something does not work.