Comprehensive regression testing
Chromatic tests every component and page for visual changes and functional regressions. Every commit gets checked before merge.
“Chromatic has been indispensable since the day we added it. It has really increased the confidence and speed with which we merge changes 💯”
How does regression testing work?
Powered by your Storybook
Your existing Storybook stories power Chromatic’s visual and interaction tests with no extra setup. Capture every UI state, test it on every commit, and review changes before merge.
Why use Storybook? Every piece of UI is now a component. The superpower of components is that you can render a specific variation in isolation by passing in props and mocking APIs and events. Save these variations in a reproducible format called stories using Storybook.
Chromatic is built and maintained by the team behind Storybook. Together, Storybook and Chromatic give teams a structured way to develop, test, and document UI.
“The more things we have in Storybook, the more coverage we get in Chromatic.”
Detect even the tiniest of regressions
From colors to component logic, Chromatic flags any changes in appearance and functionality by comprehensively testing your UI. This helps prevent accidental regressions and enables you to ship with confidence every time.
“Visual diffs make changes apparent and unmistakable... Chromatic has been extremely useful and confidence-inspiring.”
Merge without the conflicts
Review changes at a glance in Chromatic before you merge. Stay in the loop with instant notifications straight to Git and CI tools with no surprises.
+ SSO/SAMLFrequently asked questions
“I really believe Chromatic was the last missing block to really perform visual regression testing. In an era where front-end development tools got more and more visual, testing interfaces had to inherently become visual: this is Chromatic.”
