Blog

Le screenshot testing, ou test par captures d'écran, est l'approche la plus directe du test visuel : on capture l'état rendu d'une page ou d'un composant, on le compare à une capture de référence et on signale toute différence. Cette méthode, parfois appelée snapshot testing UI, séduit par sa simplicité conceptuelle et sa couverture transversale — un seul screenshot vérifie en bloc la mise en page, les couleurs, la typographie, les images et l'état des composants. En contrepartie, elle exige une discipline réelle sur le déterminisme du rendu : polices chargées avant la capture, données figées, animations désactivées, viewport stable.

Les articles regroupés ici détaillent les bonnes pratiques : choix entre screenshots full-page et par composant, gestion des zones dynamiques (dates, compteurs, carrousels), stratégies de nommage et de versionnement des baselines, comparaison avec d'autres approches comme le DOM snapshot ou le test d'accessibilité automatisé. On y aborde aussi les limites honnêtes de la méthode, notamment le bruit généré par les rendus inter-OS et le coût de maintenance des baselines sur un design system actif. Delta-QA repose sur cette mécanique de captures, avec un focus sur les pages web complètes plutôt que sur les composants isolés ; le but de cette page est d'aider chacun à choisir l'outil et la granularité adaptés à son contexte.