Régression visuelle — Tous les articles et tutoriels

La régression visuelle désigne tout écart de rendu introduit involontairement entre deux versions d'une interface : un padding qui saute, une couleur qui dérive, un composant qui se replie sur mobile après une mise à jour de framework. Ces régressions échappent presque toujours aux tests unitaires et fonctionnels, puisque le DOM peut rester strictement identique pendant que le rendu visible se dégrade. Détecter ces écarts demande une baseline stable, une capture déterministe et un diff capable de distinguer les vrais bugs des variations cosmétiques inoffensives (anti-aliasing, animations, données dynamiques).

Cette page rassemble les articles consacrés au cycle baseline-capture-comparaison-validation : comment construire une baseline fiable, comment gérer les faux positifs liés aux polices ou aux pixels mobiles, comment intégrer un workflow de validation manuelle des diffs dans une équipe QA. Vous y trouverez aussi des retours sur les pièges classiques (refonte CSS de masse, migration Angular ou React, changement de CDN d'images) qui transforment un déploiement banal en chasse au bug visuel. Delta-QA s'inscrit dans cette discipline avec une approche desktop et locale, mais le sujet dépasse largement l'outil : c'est avant tout une méthodologie qui se rode au fil des projets, et ces articles cherchent à partager ce qui marche réellement sur le terrain, indépendamment de la stack utilisée.