Storybook — Tous les articles et tutoriels

Storybook s'est imposé comme l'environnement de référence pour développer, documenter et tester des composants UI isolés. Pour les équipes qui maintiennent un design system, chaque story devient une cible naturelle de test visuel : un composant rendu dans un état précis, sans dépendance applicative, parfaitement reproductible. Cette granularité fine permet de détecter une régression visuelle au niveau du bouton ou de la card, avant même qu'elle ne se propage dans une page assemblée.

Les articles de cette page traitent de l'écosystème Storybook sous l'angle du test visuel : intégration avec Chromatic (l'outil natif de l'équipe Storybook), alternatives comme Loki, Storyshots ou Playwright component testing, gestion des décorateurs et des états (hover, focus, dark mode), bonnes pratiques pour rendre les stories déterministes. On aborde aussi la question récurrente : faut-il tester uniquement les composants en story, ou aussi les pages réelles qui les assemblent ? Les deux approches sont complémentaires, et c'est précisément là que Delta-QA s'inscrit — sur le test des pages web rendues en conditions réelles, en complément d'une couverture composant assurée par Storybook. Cette page aide à structurer une stratégie cohérente entre les deux niveaux.