Catégories

Reconnaissance graphique

Comment fonctionne la reconnaissance des zones graphiques

La reconnaissance des zones graphiques est utilisée dans Agilitest pour permettre :

Voici comment cela fonctionne :

A tout moment lorsque vous êtes en mode "capture", vous pouvez identifier une zone rectangulaire de l'application testée par glisser-déposer.

La sélection d'un locator

Sélectionnez une zone graphique

Agilitest affiche alors l'image que vous avez sélectionnée et vous permet de la copier, de la sauvegarder, ou de passer directement à la génération d'un locator en l'utilisant, en activant l'affichage de l'arbre des éléments.

Affichage de l'image sélectionnée

Lorsque vous cliquez sur "Element Tree", Agilitest affichera la structure du logiciel ou DOM jusqu'au plus petit élément qui contient complètement l'image sélectionnée. Cette opération vous permettra d'assurer une identification unique de votre image qui pourrait être imprimée à plusieurs endroits de votre logiciel.

En effet, sans sélectionner un locator, vous pouvez vous retrouver avec une image présente à plusieurs endroits, il suffit d'utiliser l'outil loupe pour s'en rendre compte :

2 images similaires trouvées par la loupe sans ajout supplémentaire du locator

Pour résoudre ce problème, il suffit de sélectionner les éléments parents et leurs attributs pour générer un locator supplémentaire et de déposer le tout dans une nouvelle action de l'éditeur Agilitest.

Le site final locator comprenant une image et des éléments DOM : une image

Si pendant cette phase de sélection du site locator vous cliquez sur le bouton "Statistiques", Agilitest masquera temporairement la grille de capture afin que vous puissiez reconnaître le composant graphique dans la page.

La sélection finale du locator

Juste après le dépôt dans l'éditeur, la génération d'une nouvelle action est effectuée et affichée. Elle contient un lien vers une image qui est sauvegardée dans le répertoire src/assets/resources/images.

Le locator final dans Agilitest

Et les fichiers dans l'explorateur de projet

Vous pouvez visualiser toutes les images qui ont été utilisées dans votre projet en sélectionnant le menu "Show resources images" de l'explorateur de projet :

Une vue de toutes les images d'un projet
Menu de reconnaissance d'image

Le menu de recherche d'image que vous obtenez en cliquant sur l'image dans l'éditeur vous permet d'ajouter les informations suivantes :

  • Utilisation d'un locator pas unique pour identifier les occurrences, puis sélection par un index de l'image de manière unique.
  • Vous pouvez agir sur la tolérance de reconnaissance graphique et sur l'algorithme utilisé. Pour le moment, seul l'algorithme ATS est proposé et nous vous conseillons de conserver la tolérance par défaut (0,5%).

Affirmations graphiques

Les assertions d'occurrence vous permettront d'ajouter des contrôles sur la présence d'éléments graphiques dans vos applications, de les compter, de générer des temporisations d'attente, etc.

Pour les réaliser, il suffit de déposer l'élément graphique dans une action de type "Contrôle d'occurrence".

Contrôle des occurrences d'images

Cependant, nous devons porter une attention particulière à ce contrôle des occurrences : Agilitest va contrôler les images qui sont effectivement affichées sur la page (contrairement à une approche DOM qui peut potentiellement tracer les objets non affichés).

Dans ce cas, il faut s'assurer que la fenêtre est correctement dimensionnée et affichée pour permettre une reconnaissance complète des éléments.

Vous avez encore besoin d'aide ?
Contacter le support