Phase 3 — Tests visuels
La Phase 3 ajoute une couche visuelle à votre processus d'assurance qualité. Les analyses automatisées peuvent détecter les liens brisés et les erreurs JavaScript, mais elles ne peuvent pas vous dire que votre section hero est cassée dans Safari, ou qu'un déploiement récent a accidentellement rendu votre bouton principal invisible (texte blanc sur fond blanc). C'est précisément ce que couvre la Phase 3.
QuickMonitoring capture des captures d'écran pleine page de chaque page analysée dans plusieurs navigateurs réels — Chrome, Firefox, Safari et Edge — lors de chaque analyse. Ces captures peuvent être comparées côte à côte avec celles d'une analyse précédente, avec une mise en évidence des différences au niveau du pixel, afin que vous puissiez voir exactement ce qui a changé après un déploiement.
La Phase 3 inclut également les enregistrements de session : des sessions utilisateurs réelles capturées sur votre site en production via le SDK (installé en Phase 5) et rejouées dans un lecteur d'événements structuré. Les enregistrements vous permettent de passer de « quelque chose ne fonctionne pas » à « je vois exactement ce que l'utilisateur a fait » en quelques secondes.
Ce que couvre la Phase 3
| Fonctionnalité | Description |
|---|---|
| Captures d'écran multi-navigateurs | Capture des screenshots de chaque page analysée dans Chrome, Firefox et Safari simultanément lors d'une même analyse. |
| Différences de captures d'écran | Compare les captures d'écran de deux analyses côte à côte avec mise en évidence des différences au niveau du pixel. |
| Révision des différences | Acceptez ou rejetez les changements visuels dans une interface de révision ; les changements acceptés deviennent la nouvelle référence. |
| Enregistrements de session | Enregistre et rejoue les sessions utilisateurs réelles — clics, navigations et interactions — capturées via le SDK. |
| Événements d'enregistrement | Journal d'événements structuré associé à chaque enregistrement — clics, interactions de formulaires, profondeur de défilement et navigations de pages. |
Succès de cette phase
Les 5 succès de la Phase 3 sont tous de niveau Argent, valant 20 XP chacun.
Complétez les 5 pour débloquer le badge de la Phase 3 et passer à la Phase 4 — Tests & Automatisation.