VBot Recorder pour Google Chrome

Test de régression visuelle - Comment cela fonctionne-t-il ?

Comme mentionné dans notre article précédent, un test de régression visuel est l'idée principale derrière cette extension. Il s'agit d'un outil qui vérifie votre code en comparant des captures d'écran entre le nouveau code et l'ancien. Les développeurs de l'outil suggèrent qu'il s'agit d'une méthode efficace pour tester les logiciels, car elle vous permet de tester le même code avec les mêmes données, sans avoir à utiliser le système de production.

Comment cet outil est-il conçu pour fonctionner ?

L'outil peut enregistrer les interactions de l'utilisateur à l'intérieur de la page, de quelque manière qu'elles se produisent, ce qui inclut les actions du clavier, de la souris et de l'écran tactile. Toutes les interactions sont enregistrées, y compris les clics, les glissements, les défilements, les événements de focus et de flou, entre autres. Ensuite, après que le développeur ait généré les étapes de test, il est possible de générer un fichier JSON qui décrit les instructions qui ont été enregistrées sous la forme d'une étape de test, qui est le format le plus courant pour décrire les instructions pour les tests automatisés.

Pour pouvoir générer les étapes de test, nous avons implémenté une bibliothèque appelée libvbot, qui est une bibliothèque qui facilite l'enregistrement des interactions UI. Cette bibliothèque a été conçue pour être utilisée pour enregistrer l'interaction de l'utilisateur à l'intérieur de la page.

Lorsque le développeur génère les étapes de test, il est possible de comparer les captures d'écran entre le nouveau test et la ligne de base, ce qui vous permet de vérifier les changements qui ont été apportés à votre application.