Chromatic
Plateforme de visual regression testing créée par l'équipe Storybook. Capture des snapshots de chaque composant à chaque PR (Chrome seul en Free, cross-browser dès le Starter) et alerte sur tout pixel qui a bougé. Inclut aussi accessibility testing (WCAG), interaction testing et UI Review pour designers/PMs.
Forces
- Intégration native avec Storybook, zéro config si Storybook existe déjà
- UI Review collaboratif : designers, PMs et devs valident sans pull du code
- Cross-browser inclus dès le Starter (Chrome, Safari, Firefox, Edge)
- Pas de coût par utilisateur, projets, collaborateurs et runs parallèles illimités
- Programme Free for open-source disponible sur demande
Limites
- Free tier limité à 5 000 snapshots/mois et Chrome seul, vite court en équipe
- Saut Free → Starter brutal à 179 $/mois, pas de plan intermédiaire
- Overage à 0,008 $/snapshot, la facture peut grimper sans monitoring
- Lock-in modéré : les snapshots et l'historique vivent chez Chromatic, pas auto-hébergeables
Pour qui
- Équipes design system avec Storybook qui veulent fermer la boucle visual regression
- Projets où designers et PMs doivent valider l'UI avant merge sans tirer le code en local
- Composants critiques (boutons, formulaires, layouts) qui doivent rester pixel-perfect