Comparaison des exécutions
La fonctionnalité Comparaison des exécutions vous permet de comparer deux exécutions du même cas de test côte à côte à travers les captures d’écran, le HTML de la page, les logs et les paramètres d’exécution. Les deux exécutions s’affichent dans un panneau divisé, avec les changements mis en évidence action par action.
C'est particulièrement utile lorsqu'un test qui passait se met soudainement à échouer et que vous devez comprendre ce qui a changé.
Quand l'utiliser
Investiguer une régression: comparez une exécution réussie avec une exécution échouée pour identifier ce qui a cassé.
Repérer des différences visuelles: la superposition de diff de captures d'écran détecte les changements pixel par pixel entre deux exécutions.
Comparer des configurations: vérifiez si un navigateur, un environnement ou un persona différent a causé un résultat différent.
Déboguer des différences de logs: comparez les logs de la console côte à côte. Masquez les horodatages pour une vue plus claire.
Examiner les changements HTML: voyez exactement quelles parties du code source de la page ont changé entre les deux exécutions.
Comment ça fonctionne
La Comparaison des exécutions charge les données enregistrées pour chaque action des deux exécutions et les présente selon quatre modes de visualisation :
Capture d'écran: captures d'écran côte à côte avec un bouton « Diff » qui superpose les différences pixel par pixel.
HTML: un diff du code HTML de la page à chaque action, avec les ajouts en vert et les suppressions en rouge.
Logs: un diff côte à côte des logs de la console du navigateur. Utilisez la case « Masquer les horodatages » pour retirer les préfixes temporels et vous concentrer sur le contenu réel.
Paramètres d'exécution: un diff de la configuration d'exécution : environnement, persona, navigateur, emplacement, résolution et paramètres avancés.
L'en-tête de chaque panneau affiche le statut de l'exécution, la date et l'heure, la durée, ainsi que la description, le timing et le statut de l'action en cours (Réussi, Échoué, Ignoré ou Non exécuté).
Comment comparer deux exécutions
Ouvrez un rapport d'Exécution de Test terminée.
Trouvez la liste des exécutions passées pour ce cas de test.
Cliquez sur l'icône de comparaison à côté de l'exécution que vous souhaitez comparer avec l'exécution actuelle.
La page de Comparaison des exécutions s'ouvre avec les deux exécutions côte à côte.
La page de Comparaison des exécutions
La page est divisée en deux panneaux redimensionnables: l'Exécution A à gauche, l'Exécution B à droite. Faites glisser le séparateur pour les redimensionner.
En haut, vous trouverez une flèche de retour, le titre de la page, et des flèches de navigation synchronisée au centre pour avancer ou reculer les deux panneaux en même temps. Utilisez les onglets de mode de visualisation (Capture d'écran, HTML, Logs, Paramètres d'exécution) pour changer le type de comparaison.
Chaque panneau dispose également de ses propres flèches de navigation indépendantes en bas, ce qui est utile lorsque les deux exécutions ont un nombre d'actions différent.
Onglet Capture d'écran
L'onglet Capture d'écran est la vue par défaut. Chaque panneau affiche la capture d'écran prise à l'action en cours.
Cliquez sur le bouton « Diff » sous une capture d'écran pour activer une superposition des différences pixel par pixel. Cette superposition met en évidence chaque pixel qui a changé entre les deux exécutions, ce qui permet de repérer facilement les régressions visuelles, même subtiles, comme un bouton décalé ou une icône manquante.
Cliquez à nouveau sur le bouton pour revenir à la capture d'écran originale.
Onglet HTML
L'onglet HTML affiche un diff au niveau du code source HTML de la page à l'action en cours.
Les lignes ajoutées dans l'Exécution B apparaissent surlignées en vert.
Les lignes supprimées (présentes dans l'Exécution A mais pas dans l'Exécution B) apparaissent surlignées en rouge.
Les lignes inchangées sont affichées pour le contexte.
C'est utile lorsqu'un changement visuel est causé par une modification du DOM — par exemple, un élément manquant, un nom de classe modifié ou un attribut mis à jour.
Onglet Logs
L'onglet Logs affiche un diff côte à côte des logs de la console du navigateur capturés pendant chaque exécution.
Comme pour l'onglet HTML, les ajouts apparaissent en vert et les suppressions en rouge. Cela permet de repérer de nouvelles erreurs, des entrées de log manquantes ou des réponses API modifiées entre les deux exécutions.
Une case à cocher « Masquer les horodatages » est disponible en haut. Lorsqu'elle est activée, elle retire le préfixe [AAAA-MM-JJ HH:MM:SS.mmm] de chaque ligne de log afin de vous concentrer sur le contenu réel sans que les différences temporelles ne créent de faux écarts.
Onglet Paramètres d'exécution
L'onglet Paramètres d'exécution affiche un diff de la configuration utilisée pour chaque exécution. Cela inclut :
Contexte d'exécution — nom de l'environnement, URL de l'environnement et persona.
Paramètres du navigateur — type de navigateur, emplacement et résolution d'écran.
Paramètres avancés — en-têtes personnalisés et toute autre configuration avancée.
C'est utile lorsque deux exécutions du même cas de test produisent des résultats différents et que vous souhaitez vérifier si la différence provient d'un changement de configuration plutôt que d'un changement de code.
Bon à savoir
Vous ne pouvez comparer que des exécutions terminées. Le bouton de comparaison est désactivé pour les exécutions encore en cours.
Si une exécution n'a aucune action enregistrée, un message vous indiquera qu'il n'y a rien à comparer.
L'option « Masquer les horodatages » dans le mode Logs retire les préfixes
[AAAA-MM-JJ HH:MM:SS.mmm]pour faciliter la comparaison du contenu des logs.