Les bugs de régression visuelle sont sournois. Une modification CSS dans un composant peut casser les mises en page sur l'ensemble de votre site. Voici comment les détecter automatiquement.
Étape 1 : Créez votre Référence
Accédez à Régression Visuelle dans QAProof et ajoutez votre première URL. Nous capturerons une capture d'écran et l'enregistrerons comme référence. C'est à elle que les futures captures seront comparées.
Étape 2 : Définissez votre Planning
Choisissez la fréquence d'exécution des vérifications :
- Quotidienne — pour les sites de production avec des mises à jour fréquentes
- Hebdomadaire — pour les sites stables avec des changements occasionnels
- Mensuelle — pour les sites archivés ou hérités
- À la demande — déclenchements manuels via API ou tableau de bord
Étape 3 : Configurez les Alertes
Définissez vos préférences de notification. Recevez des alertes par e-mail lorsque des différences visuelles sont détectées, ou uniquement lorsque les scores tombent sous votre seuil.
Étape 4 : Examinez les Changements
Lorsque des différences sont détectées, examinez-les dans le tableau de bord. Approuvez les changements légitimes pour mettre à jour la référence, ou enquêtez sur les différences inattendues.
Et voilà ! Vous surveillez désormais les régressions visuelles 24 heures sur 24, 7 jours sur 7.