Percy and Chromatic for Storybook
Integrate Percy and Chromatic into CI pipelines for automated visual review of Storybook components.
Percy Overview
Percy is a cloud-based VRT platform that integrates with CI pipelines. It captures screenshots of web pages and Storybook stories, stores baselines in the cloud, and generates visual diff reviews accessible via a web UI. It supports Playwright, Cypress, Selenium, and Storybook.
Chromatic Overview
Chromatic is a VRT platform purpose-built for Storybook. It captures all stories in cloud browsers, compares them to baselines, and generates a diff review UI. Chromatic also publishes Storybook as a hosted component documentation site.
All lessons in this course
- Visual Regression Testing Concepts
- Percy and Chromatic for Storybook
- CSS Unit Testing with Jest
- Accessibility Testing: color-contrast and focus