Vérifications visuelles

Une vérification visuelle est un résultat attendu comme un autre : vous décrivez à quoi l'écran doit ressembler, et l'agent le vérifie sur le produit en ligne. Utilisez-la là où un résultat fonctionnel ne voit pas le problème : une mise en page qui s'effondre, une barre de navigation manquante, un écran en mode sombre qui n'a jamais basculé.

Formuler l'apparence comme un résultat attendu

Dites ce qu'une personne verrait, avec des mots assez précis pour être vérifiés :

• La page de tarifs affiche trois cartes d'offre côte à côte, avec Team marquée comme recommandée.
• En mode sombre, l'écran des paramètres a un fond sombre et un texte clair.
• La confirmation de commande affiche l'image du produit, le prix et un badge vert « Payé ».

Le résultat de l'étape repose sur l'examen de l'écran par l'agent lui-même et sur sa Final check, comme pour toute autre étape.

Comparer à une maquette

Pour comparer un écran à une maquette, joignez la maquette sous forme de fichier image :

1. Exportez le frame ou la capture d'écran en PNG, JPG ou WebP, et ajoutez-le aux Files du projet, dans Settings.
2. Sur l'étape, cliquez sur + Attach → File et choisissez-le.
3. Formulez le résultat attendu en nommant ce qui doit correspondre, par exemple « Le récapitulatif de commande correspond à la maquette jointe : mêmes sections, dans le même ordre, avec le total en bas ».

L'agent peut comparer une nouvelle capture d'écran du produit avec l'image jointe. La comparaison constitue une preuve pour l'étape, affichée sous ses Step Actions ; elle ne décide jamais seule du résultat.

Conserver une capture d'écran

Chaque étape conserve une capture d'écran de son état final. Pour conserver une capture nommée du résultat atteint, par exemple pour une revue de mise en production, cliquez sur + Attach → Evidence → Keep a screenshot. Elle apparaît avec l'étape dans les preuves de l'exécution.

Conseils

• Vérifiez une zone, pas une page entière. Une page entière avec des horodatages, des compteurs ou des fils d'actualité diffère à chaque exécution.
• Nommez les différences qui comptent. « La barre de navigation est absente » est un défaut ; un décalage d'un pixel n'en est pas un.
• Les étapes issues d'anciennes vérifications visuelles conservent leur lien de maquette sous forme de valeur jointe nommée « Figma design » ou « Design reference ». L'agent lit le lien comme du texte : remplacez-le par un fichier image pour une vraie comparaison.