In simple English
This tool takes pictures of your web interface components automatically. It checks if anything looks broken after you make changes. You run it on your own computer or server for free. It needs Node.js and Docker to run inside a sealed container. It saves time on manual visual checks.
What it is
Creevey is a visual regression testing tool that integrates directly with Storybook. It captures screenshots of your UI components across multiple web browsers and highlights any visual differences.
What it is good for
Solo builders who use Storybook and want to catch visual bugs before users see them. It removes the need for expensive commercial screenshot testing services.
- Runs locally or on your own server without monthly subscription fees.
- Includes a web user interface to view test results and approve changes.
- Tests multiple web browsers at the same time using Docker.
- Requires Node version 18 or higher and Docker installed on your machine.
- First test run always fails until you approve the baseline screenshots.
- Subtle browser rendering differences can cause false alarms in your tests.
Manual visual inspection of web components
Storybook
- garris/BackstopJS7.2k stars
Catches visual regressions by comparing DOM screenshots across viewports.
- HypothesisWorks/hypothesis9.1k stars
A Python library that generates test inputs and reduces any failure to the smallest example that still fails.
- wntrblm/nox1.6k stars
Runs your tests and other jobs in fresh isolated environments, described in an ordinary Python file.
yarn add -D creevey yarn creevey test -s --ui