Kogan.com integrated Chromatic for visual regression testing after migrating to Remix to catch UI changes that unit tests miss. The implementation leverages existing Storybook stories and includes an automated pipeline that generates API mocks from OpenAPI schemas, keeping stories synchronized with backend contracts. Chromatic runs visual comparisons in CI during pull requests, surfacing UI changes for explicit approval. Key learnings include the importance of good Storybook coverage, baseline discipline, and treating visual testing as part of a broader strategy rather than a standalone solution.

6m read timeFrom devblog.kogan.com
Post cover image
Table of contents
Why Chromatic?Storybook as the FoundationAutomatic API Mocking with OpenAPI

Sort: