Le Scapin Screen Scanner
Guide d'installation et d'utilisation
Vous avez enregistré les écrans de l'application à tester avant même que celle ci ne soit développée. Cela vous a permis de concevoir vos tests en avance de phase. Aujourd'hui vos tests sont prêts et l'application vient juste d'être livrée sur l'environnement de qualification.
Vous êtes prêts à lancer l'exécution de vos tests mais, en l'état, l'agent d'automatisation chargé de les exécuter ne dispose pas encore des informations nécessaires pour interagir avec les boutons, zones de saisie et autres éléments d'interaction que vous avez identifié dans vos écrans.
Le Scapin Screen Scanner est l'extension Chrome pour remédier à cette situation. En quelques clics vous allez récupérer les informations de localisation dont a besoin l'agent d'automatisation pour fonctionner. Cette opération de récupération, nous l'appelons le mapping.
Ce guide vous explique comment ajouter cette extension à Google Chrome et comment l'utiliser.
Ajouter Scapin Screen Scanner à Google Chrome
L'extension Scapin Screen Scanner est une extension non répertoriée. Vous ne la trouverez pas via la barre de recherche de Chrome Web Store mais uniquement via le bouton ci-dessous :
Cliquez ensuite sur le bouton Ajouter à Google Chrome. L'extension apparait alors dans la liste des extensions disponibles :
Initialisation de l'Account Identifier
Lors de la 1ère utilisation de l'extension Scapin Screen Scanner, vous allez devoir renseigner le champ Account Identifier. Saisissez freetrial si vous avez l'abonnement gratuit. Si vous avez l'abonnement Entreprise saisissez l'identifiant client qui vous a été attribué. Connectez-vous avec vos email et mot de passe Scapin. Cet identifiant étant conservé par Chrome, vous n'aurez plus à le ressaisir lors des prochaines connexions.
Mode d'emploi de Scapin Screen Scanner
-
Rendez-vous sur la page de l'application sur laquelle vous voulez récupérer les informations de localisation.
-
Ouvrez Scapin Screen Scanner et connectez-vous. Apparait alors la liste des boîtes de rangement telle qu'elle existe dans le magasin des écrans. Cliquez sur la boîte dans laquelle se trouve l'écran correspondant à celui de votre application. Le bouton SCREENS apparait. Cliquez dessus pour accéder à la liste des écrans stockés dans la boîte de rangement.
-
Sélectionnez l'écran recherché.
-
Dans la liste des éléments d'interaction de l'écran, sélectionnez un élément.
-
Cliquez sur l'icône pour lancez la cueillette, déplacez la souris sur la page vers l'élément correspondant et cliquez pour récolter ses informations de localisation. Celles ci apparaissent alors dans la zone d'affichage.
Démonstration
La vidéo ci-dessous montre la récolte des informations de localisation d'une page de connexion à un site.
Dans cette vidéo la page web n'a pas le même aspect que l'image stockée dans le magasin d'écran. Cependant les mêmes éléments d'interaction existent de part et d'autre et c'est cela qui est important. L'agent d'automatisation n'a cure de l'aspect de la page web. Il n'a besoin pour fonctionner que des informations de localisation des éléments présents sur la page web.
Saisie manuelle des informations de localisation
L'extension Scapin Screen Scanner facilite énormément l'acquisition des informations de localisation. Avant que cette extension ne soit développée, la saisie de ces informations était manuelle. Ce mode de saisie est toujours accessible et peut, dans certains cas, être une solution de dépannage. C'est pourquoi elle mérite d'être documentée.
Pré-requis pour la saisie manuelle :
-
La maitrise du HTML, de CSS et du DOM d'une page web est indispensable
-
Maitriser l'usage de la console de développement de Chrome
Rendez-vous dans le magasin des écrans et sélectionnez un écran.
Cliquez sur CONFIGURE SCREEN ITEMS. Sélectionnez un élément et cliquez sur l'icône de saisie manuelle
Dans la dialogue de saisie des informations, sélectionnez une clé dans la liste déroulante puis saisissez sa valeur et cliquez sur le bouton + pour l'ajouter à la liste
Vous pouvez saisir plusieurs lignes et les réordonner en fonction des nécessités. Cliquez sur SAVE pour finaliser votre saisie.
