Visual testing & review for web user interfaces • Chromatic
Chromatic is a visual testing & review tool that scans every possible UI state across browsers to catch visual and functional bugs before they reach users. Assign reviewers and resolve discussions to streamline team sign-off.
Enterprise - Chromatic
Chromatic is the company behind Storybook that helps enterprises scale frontend quality and boost developer velocity. Over half of the Fortune 50 use Storybook. Platform
Visual testing for Storybook - Chromatic
Chromatic catches visual and functional bugs in your stories automatically. It runs UI tests across browsers, viewports, and themes to speed up frontend teams. Made by Storybook.
Cypress • Chromatic
Cypress drives the browser to specific pages and states in your app. For each state, Chromatic automatically captures the UI, complete with DOM, styling, and assets then takes a snapshot of it. Whenever tests run, new snapshots are captured and compared to baseline snapshots to find visual changes.
UI Tests • Chromatic
Chromatic auto-tests how your UI looks and works, catching bugs in seconds. Integrates seamlessly into your CI workflow so you can focus on shipping. Stop wasting time on manual testing.
About us • Chromatic
To fuel our open source work we build Chromatic, a cloud service that scans every possible UI state across browsers to catch visual and functional bugs. Assign reviewers and resolve discussions to streamline team sign-off.
Visual Testing • Chromatic
Chromatic automatically visual tests every component and page, flagging even the subtlest appearance changes. Every commit is tested in the cloud.
Introduction • Chromatic docs
Chromatic’s streamlined workflow involves four steps: Cloud Rendering: Chromatic renders your UI components in a cloud-based browser. Snapshot Capture: Chromatic takes a snapshot for each test, with all tests running simultaneously to save you time.
Setup TurboSnap • Chromatic docs
To enable TurboSnap for your project, add the --only-changed flag to your chromatic script, or add the onlyChanged: true option to your GitHub workflow config. {"scripts": {"chromatic": "chromatic --only-changed"}} Or for GitHub Actions:
Test • Chromatic docs
Chromatic integrates with your existing functional testing framework to enable visual testing of your UI. Here’s how Chromatic works, depending on your setup: Storybook. Chromatic handles the entire test process, including building and uploading …