Comprendre les tests GUI permet d'abord de comprendre-
Qu'est-ce que l'interface graphique?
Il existe deux types d'interfaces pour une application informatique. L'interface de ligne de commande est l'endroit où vous tapez du texte et l'ordinateur répond à cette commande. GUI signifie Interface utilisateur graphique où vous interagissez avec l'ordinateur en utilisant des images plutôt que du texte.
Voici les éléments de l'interface graphique qui peuvent être utilisés pour l'interaction entre l'utilisateur et l'application:
Le test GUI est une validation des éléments ci-dessus.
Test de l'interface graphique
Le test GUI est un type de test logiciel qui vérifie l'interface utilisateur graphique du logiciel. Le but des tests d'interface utilisateur graphique (GUI) est de garantir que les fonctionnalités de l'application logicielle fonctionnent conformément aux spécifications en vérifiant les écrans et les commandes comme les menus, les boutons, les icônes, etc.
L'interface graphique est ce que voit l'utilisateur. Dites si vous visitez guru99.com ce que vous verrez sur la page d'accueil, c'est l'interface graphique (GUI) du site. Un utilisateur ne voit pas le code source. L'interface est visible par l'utilisateur. L'accent est mis en particulier sur la structure de conception, les images qu'ils fonctionnent correctement ou non.
Dans l'exemple ci-dessus, si nous devons faire des tests d'interface graphique, nous vérifions d'abord que les images doivent être complètement visibles dans différents navigateurs.
En outre, les liens sont disponibles et le bouton devrait fonctionner lorsque vous cliquez dessus.
De plus, si l'utilisateur redimensionne l'écran, ni les images ni le contenu ne doivent rétrécir, recadrer ou se chevaucher.
Dans ce didacticiel, vous apprendrez-
- Qu'est-ce que le test GUI?
- Besoin de tests GUI
- Que faites-vous lors de l'enregistrement des tests d'interface graphique?
- Approche du test GUI
- Cas de test de test GUI
- Démo: Comment effectuer un test GUI
- Défis des tests d'interface graphique
Besoin de tests GUI
Maintenant, le concept de base du test GUI est clair. Les quelques questions qui vous viendront à l'esprit seront
- Pourquoi faire des tests GUI?
- Est-ce vraiment nécessaire?
- Les tests fonctionnels et logiques de l'application ne sont-ils pas plus que suffisants? Alors pourquoi perdre du temps sur les tests d'interface utilisateur.
Pour obtenir la réponse, pensez en tant qu'utilisateur, pas en tant que testeur. Un utilisateur n'a aucune connaissance du logiciel / application XYZ. C'est l'interface utilisateur de l'application qui décide qu'un utilisateur va utiliser davantage l'application ou non.
Un utilisateur normal observe d'abord la conception et l'apparence de l'application / du logiciel et la facilité avec laquelle il comprend l'interface utilisateur. Si un utilisateur n'est pas à l'aise avec l'interface ou trouve une application complexe à comprendre, il n'utilisera plus jamais cette application. C'est pourquoi, l'interface graphique est un sujet de préoccupation, et des tests appropriés doivent être effectués afin de s'assurer que l'interface graphique est exempte de bogues.
Que faites-vous lors de l'enregistrement des tests d'interface graphique?
La liste de contrôle suivante garantira des tests d'interface utilisateur détaillés lors des tests de logiciels.
- Vérifiez tous les éléments de l'interface graphique pour la taille, la position, la largeur, la longueur et l'acceptation des caractères ou des nombres. Par exemple, vous devez être en mesure de fournir des entrées dans les champs de saisie.
- Vérifiez que vous pouvez exécuter la fonctionnalité prévue de l'application à l'aide de l'interface graphique
- Vérifiez que les messages d'erreur s'affichent correctement
- Vérifiez la démarcation claire des différentes sections à l'écran
- Vérifier que la police utilisée dans une application est lisible
- Vérifiez que l'alignement du texte est correct
- Vérifiez la couleur de la police et les messages d'avertissement sont esthétiquement agréables
- Vérifiez que les images ont une bonne clarté
- Vérifiez que les images sont correctement alignées
- Vérifiez le positionnement des éléments de l'interface graphique pour différentes résolutions d'écran.
Techniques de test GUI
Les techniques de test GUI peuvent être classées en trois parties:
Test manuel
Dans le cadre de cette approche, les écrans graphiques sont vérifiés manuellement par les testeurs conformément aux exigences énoncées dans le document des exigences commerciales.
Enregistrer et rejouer
Les tests d'interface graphique peuvent être effectués à l'aide d'outils d'automatisation. Cela se fait en 2 parties. Pendant l'enregistrement, les étapes de test sont capturées par l'outil d'automatisation. Pendant la lecture, les étapes de test enregistrées sont exécutées sur l'application en cours de test. Exemple de tels outils - QTP.
Test basé sur un modèle
Un modèle est une description graphique du comportement d'un système. Cela nous aide à comprendre et à prévoir le comportement du système. Les modèles aident à une génération de cas de test efficaces utilisant les exigences du système. Les éléments suivants doivent être pris en compte pour ce test basé sur un modèle:
- Construisez le modèle
- Déterminer les entrées pour le modèle
- Calculer la sortie attendue pour le modèle
- Exécutez les tests
- Comparez la sortie réelle avec la sortie attendue
- Une décision sur une action ultérieure sur le modèle
Certaines des techniques de modélisation à partir desquelles les cas de test peuvent être dérivés:
- Graphiques - Représente l'état d'un système et vérifie l'état après une entrée.
- Tables de décision - Tables utilisées pour déterminer les résultats pour chaque entrée appliquée
Le test basé sur un modèle est une technique évolutive pour générer des cas de test à partir des exigences . Son principal avantage, par rapport aux deux méthodes ci-dessus, est qu'il peut déterminer les états indésirables que votre interface graphique peut atteindre.
Voici les outils open source disponibles pour effectuer des tests d'interface utilisateur automatisés.
| Produit | Licencié sous |
|---|---|
| Raccourci automatique | GPL |
| Sélénium | Apache |
| Sikuli | MIT |
| Cadre de robot | Apache |
| L'eau | BSD |
| Boîte à outils Dojo | BSD |
Exemples de cas de test de test GUI
Le test GUI implique essentiellement
- Test de la taille, de la position, de la largeur, de la hauteur des éléments.
- Test des messages d'erreur qui s'affichent.
- Test des différentes sections de l'écran.
- Test de la police, qu'elle soit lisible ou non.
- Test de l'écran dans différentes résolutions à l'aide d'un zoom avant et d'un zoom arrière comme 640 x 480, 600x800, etc.
- Tester l'alignement des textes et d'autres éléments comme les icônes, les boutons, etc. sont à la bonne place ou non.
- Test des couleurs des polices.
- Test des couleurs des messages d'erreur, messages d'avertissement.
- Tester si l'image a une bonne clarté ou non.
- Test de l'alignement des images.
- Test de l'orthographe.
- L'utilisateur ne doit pas être frustré lors de l'utilisation de l'interface système.
- Tester si l'interface est attrayante ou non.
- Test des barres de défilement en fonction de la taille de la page le cas échéant.
- Test des champs désactivés le cas échéant.
- Test de la taille des images.
- Test des titres, qu'ils soient correctement alignés ou non.
- Test de la couleur du lien hypertexte.
Démo: Comment faire un test GUI
Ici, nous allons utiliser quelques exemples de cas de test pour l'écran suivant.
Voici ci-dessous l'exemple des cas de test, qui se compose de scénarios de test d'interface utilisateur et d'utilisabilité.
TC 01- Vérifiez que la zone de texte avec l'étiquette « Dossier source » est correctement alignée.
TC 02 - Vérifiez que la zone de texte avec l'étiquette « Package » est correctement alignée.
TC 03 - Vérifiez que l'étiquette portant le nom « Parcourir » est un bouton situé à la fin de TextBox avec le nom « Dossier source ».
TC 04 - Vérifiez que l'étiquette avec le nom " Parcourir " est un bouton qui se trouve à la fin de TextBox avec le nom " Package ".
TC 05 - Vérifiez que la zone de texte avec l'étiquette « Nom » est correctement alignée.
TC 06 - Vérifiez que l'étiquette « Modificateurs » est constituée de 4 boutons radio avec le nom public, par défaut, privé, protégé.
TC 07 - Vérifiez que l'étiquette « Modificateurs » se compose de 4 boutons radio qui sont correctement alignés dans une rangée.
TC 08 - Vérifiez que l'étiquette « Superclasse » sous l'étiquette « Modificateurs » est constituée d'une liste déroulante qui doit être correctement alignée.
TC 09 - Vérifier que le libellé " Superclasse " est constitué d'un bouton avec le libellé " Parcourir " dessus qui doit être correctement aligné.
TC 10 - Vérifiez qu'en cliquant sur n'importe quel bouton radio, le pointeur de la souris par défaut doit être remplacé par le pointeur de la souris.
TC 11 - Vérifiez que l'utilisateur ne doit pas être en mesure de taper dans la liste déroulante de « Superclasse ».
TC 12 - Vérifiez qu'une erreur correcte doit être générée si quelque chose a été choisi par erreur.
TC 13 - Vérifiez que l'erreur doit être générée dans la couleur ROUGE partout où c'est nécessaire.
TC 14 - Vérifiez que les étiquettes appropriées doivent être utilisées dans les messages d'erreur.
TC 15 - Vérifiez que les boutons radio uniques doivent être sélectionnés par défaut à chaque fois.
TC 16 - Vérifiez que le bouton TAB doit fonctionner correctement en sautant sur un autre champ à côté du précédent.
TC 17 - Vérifiez que toutes les pages doivent contenir le bon titre.
TC 18 - Vérifiez que le texte de la page doit être correctement aligné.
TC 19 - Vérifiez qu'après la mise à jour d'un champ, un message de confirmation approprié doit être affiché.
TC 20 - Vérifiez qu'un seul bouton radio doit être sélectionné et que plusieurs cases à cocher peuvent être sélectionnées.
Défis des tests d'interface graphique
En génie logiciel, le problème le plus courant lors des tests de régression est que l'interface graphique de l'application change fréquemment. Il est très difficile de tester et d'identifier s'il s'agit d'un problème ou d'une amélioration. Le problème se manifeste lorsque vous ne disposez d'aucun document concernant les modifications de l'interface graphique.
Outils de test GUI
Voici une liste des outils de test GUI populaires :
- Ranorex
- Sélénium
- QTP
- Concombre
- SilkTest
- TestComplete
- Testeur d'interface graphique Squish
Cliquez ici pour apprendre Selenium, QTP & Cucumber.
Conclusion:
Le succès d'un produit logiciel dépend énormément de la manière dont l'interface graphique interagit avec l'utilisateur et de la facilité d'utilisation de ses diverses fonctionnalités. Par conséquent, les tests d'interface graphique sont très importants. Les tests manuels de l'interface graphique peuvent parfois être répétitifs et ennuyeux et donc sujets aux erreurs. L'automatisation est fortement recommandée pour les tests d'interface graphique.
Cet article est rendu possible grâce aux contributions de Swati Ghildiyal, Prateek Chandra et Guru99.