Storybook et test visuel : pourquoi tester les composants isolés ne suffit pas
Comment tester visuellement vos composants Storybook ? Pourquoi Chromatic, Loki et Percy ne suffisent pas sans test des pages assemblées.
Lire la suite →156 articles
Le test visuel est une discipline du quality assurance qui consiste à comparer automatiquement le rendu visible d'une interface entre deux versions, pour détecter les régressions invisibles aux tests fonctionnels classiques. Là où un test unitaire vérifie qu'une fonction retourne la bonne valeur, un test visuel vérifie que ce que l'utilisateur voit reste conforme à ce qui était prévu.
Cette page rassemble les articles du blog Delta-QA dédiés au test visuel sous toutes ses facettes : méthodes de comparaison (pixel par pixel, perceptuelle, structurelle), outils du marché, intégration dans les pipelines CI/CD, ROI mesurable pour les équipes QA. Que vous découvriez la discipline ou que vous cherchiez à industrialiser votre pratique, vous trouverez ici les guides, comparatifs et retours d'expérience pour avancer.
Delta-QA est un outil de test visuel no-code, avec une option On-Premise — l'objet de ce blog est aussi de partager honnêtement les forces et limites de chaque approche, sans cacher les arbitrages.
Comment tester visuellement vos composants Storybook ? Pourquoi Chromatic, Loki et Percy ne suffisent pas sans test des pages assemblées.
Lire la suite →Les approches du test visuel avec Selenium (screenshots natifs, plugins, intégrations Applitools), leurs limites et les alternatives plus efficaces.
Lire la suite →Une régression CSS est un bug visuel involontaire causé par la cascade, l'héritage ou la spécificité. Invisible aux linters et aux tests fonctionnels.
Lire la suite →Guide pour QA managers : construire un business case, lever la résistance au changement et mesurer le ROI de l'automatisation des tests de non-régression.
Lire la suite →Pourquoi Chrome, Firefox et Safari rendent votre site différemment : moteurs de rendu, CSS non standard, polices et solutions concrètes pour corriger.
Lire la suite →Les bugs d'interface font jusqu'à 70 % des bugs signalés en production. Pourquoi votre QA ne les voit pas, et comment la non-régression automatisée y remédie.
Lire la suite →Playwright vs Puppeteer : quel outil choisir pour vos tests de non-régression ? Pourquoi un outil no-code peut tout changer.
Lire la suite →Cumulative Layout Shift, FOUC et lazy loading mal implémenté sont des problèmes visuels que les tests de performance manquent.
Lire la suite →Non-régression en monorepo Nx, Turborepo ou Lerna : exploiter le graphe de dépendances pour ne tester que les projets affectés, sans pipeline de 45 minutes.
Lire la suite →