Chaque navigateur et chaque appareil à partir d'un seul enregistrement
Enregistrez un test web une seule fois et exécutez-le dans Chrome, Edge et Firefox, sur des téléphones, des tablettes et des tailles d'écran, dans d'autres langues et sur des réseaux lents.
Enregistrer une fois, tester partout
Enregistrez un test web une seule fois, dans le navigateur que vous utilisez tous les jours.GUI Test Runner-Recorder crée ensuite le même test pour chaque navigateur, appareil et orientation que vous choisissez : Chrome, Edge et Firefox, iPhone, téléphones et tablettes Android, tailles d'écran d'ordinateur portable et de bureau, tenus à la verticale ou à l'horizontale.
Chacun est une version du test enregistré, appelée une branche.Une branche effectue les mêmes étapes sur la même page, mais à travers les éléments de la page elle-même : elle clique sur le bouton là où ce navigateur et cet écran l'affichent, et non là où il se trouvait dans l'enregistrement.Ses assertions sont relevées à nouveau à partir de ce que cet appareil affiche réellement.
Choisir les navigateurs et appareils
Quand vous enregistrez une application web, cochez Générer aussi ce test pour d'autres navigateurs et appareils sous l'adresse.Les choix s'ouvrent en dessous.
| Choix | Ce que cela signifie |
|---|---|
| Navigateurs | Les navigateurs installés sur cet ordinateur.Celui dans lequel vous enregistrez est toujours inclus. |
| Appareils | Téléphones, tablettes et tailles d'écran de bureau, groupés par fabricant.Saisissez du texte dans le champ de recherche pour en trouver un par son nom ou sa taille, comme galaxy, iphone 15 ou 1920. |
| Orientation | Portrait, paysage ou les deux, pour chaque téléphone et tablette, ou pour tous à la fois. |
| Langue, réseau, zoom | Les conditions dans lesquelles la page s'exécute, expliquées ci-dessous. |
Une case dans l'en-tête d'une liste coche toutes ses lignes, et la case d'un groupe coche chaque appareil qu'il contient.Sous les listes, la fenêtre indique combien de tests cela fait, combien de temps il faut pour les créer et l'espace disque qu'ils occupent.Quand les exécuter tous l'un après l'autre prendrait plus d'une heure, une note le signale.
Une fois le test sauvegardé, les branches sont créées aussitôt, en arrière-plan.Une petite carte en bas à droite de l'écran montre où en est la création, et Annuler s'arrête après la branche en cours : chaque branche déjà créée est conservée.Le message après la sauvegarde indique combien de branches ont été créées et combien demandent votre attention.
Langue, réseau, zoom et animations
L'onglet Langue, réseau, zoom ajoute des conditions.Chaque condition que vous cochez est une branche à part entière, combinée avec les navigateurs et appareils que vous avez choisis.La première ligne de chaque groupe est la page telle qu'elle est.
| Condition | Ce que reçoit la page |
|---|---|
| Langue et fuseau horaire | La langue du navigateur et l'heure d'une ville.Une page qui se traduit elle-même affiche cette langue, et les dates et les heures apparaissent à la manière locale. |
| Vitesse du réseau | 4G rapide, 4G lente ou 3G : la page se charge aussi lentement que sur cette connexion.Seuls Chrome et Edge peuvent ralentir leur réseau, donc Firefox est exclu de ces conditions. |
| Zoom | La page agrandie de 100 à 200 %, telle que la voit une personne qui a besoin d'un texte plus grand. |
| Animations réduites | Le réglage qui demande aux pages moins d'animations. |
Cochez Français (France) et 4G lente avec un iPhone.La branche vérifie la page en français, à la vitesse d'une connexion faible, sur l'écran du téléphone.Ses assertions de texte attendent les mots que la page affiche en français.
Ce que fait chaque version
Une branche est créée en rejouant le test enregistré dans ce navigateur et sur cet appareil, étape par étape, et en notant ce qu'il a fallu faire.
| Sur la page | Ce que fait la branche |
|---|---|
| Un élément se trouve ailleurs | Elle clique dessus là où il se trouve, au point dont la page dit qu'il lui appartient. |
| Un élément est sous la partie visible | Elle ajoute une étape Défiler jusqu'à qui le fait apparaître. |
| Un élément se trouve dans un menu | Elle ajoute d'abord l'étape qui ouvre le menu, et le referme quand il couvre ce qui suit. |
| L'élément d'une assertion a un aspect différent | Elle relève à nouveau l'image de l'assertion sur l'écran de cet appareil. |
| La page affiche un texte dans une autre langue | L'assertion de texte attend ce que la page affiche là. |
| Un fichier est choisi | Elle remet le fichier à la page, sans la fenêtre de fichiers du système. |
| Un élément n'est pas affiché du tout sur cet appareil | Une assertion sur cet élément est laissée de côté, avec la raison. |
Une branche est prête quand chaque étape a trouvé son élément.Quand une étape n'a pas pu être effectuée, la branche demande votre attention : ouvrez-la dans GUI Test Studio, où l'étape porte un coin ambre et où le panneau Propriétés dit pourquoi.
Sans fenêtre de navigateur
Une branche peut s'exécuter en mode headless : le navigateur travaille sans fenêtre, donc rien n'apparaît à l'écran et l'ordinateur reste à votre disposition pendant l'exécution.Les téléphones, les tablettes et les branches avec une condition s'exécutent toujours ainsi.Les branches de bureau aussi quand le test le permet, ce qui est activé par défaut.
L'interrupteur se trouve dans les Paramètres du projet du test, dans la carte Application web, dans les deux applications.Un test dont les étapes agissent sur quelque chose que la page ne peut pas voir, comme la fenêtre d'un autre programme, s'exécute avec une fenêtre, et le réglage dit pourquoi.
Les exécuter
Cliquez sur Exécuter le test pour un test web qui a des branches, et GUI Test Runner-Recorder vous demande lesquelles cette exécution couvre.
- 1
Cocher les exécutions
Chaque branche générée est cochée.Décochez ce dont vous n'avez pas besoin cette fois, ou cochez d'un coup un appareil ou un groupe entier.Une branche pas encore générée est grisée.
- 2
Vérifier la durée prévue
La durée sous la liste vient du temps qu'a pris chacune la dernière fois, et de la longueur du test pour celle qui n'a jamais été exécutée.C'est une valeur typique : une assertion qui attend quelque chose de lent peut allonger une exécution.
- 3
Exécuter
Les branches qui n'ont pas besoin de fenêtre s'exécutent côte à côte, jusqu'à quatre à la fois selon votre ordinateur, et les autres l'une après l'autre.À la fin, une fenêtre liste le verdict de chaque exécution, chacun avec son rapport.
Les exécuter côte à côte est un réglage : Paramètres, Préférences, Général, et l'interrupteur de la question avant l'exécution.
Les voir et les modifier dans GUI Test Studio
Un test web avec des branches reçoit un panneau Navigateurs et appareils dans la colonne de gauche de GUI Test Studio.Il les dessine sous forme d'arborescence : le test enregistré, puis chaque navigateur, chaque appareil, chaque orientation, chacun avec son état et le résultat de sa dernière exécution.
| Pour | Faites ceci |
|---|---|
| Vous déplacer | Faites glisser l'arrière-plan, tournez la molette pour zoomer, ou utilisez le bouton d'ajustement.Un bouton fait basculer l'arborescence entre une disposition de haut en bas et de gauche à droite. |
| Ouvrir une branche | Double-cliquez dessus.La chronologie affiche ce navigateur et cet appareil, avec ses propres images et étapes. |
| Agir sur plusieurs | Ctrl+cliquez dessus, ou sélectionnez un navigateur ou un appareil pour agir sur tout ce qu'il contient. |
| Les recréer | Régénérer, Générer, Ajouter des navigateurs et appareils... et Supprimer... se trouvent sous l'arborescence. |
Une modification sur une seule, ou sur toutes
Quand vous sauvegardez une branche après avoir changé ce que fait une étape, GUI Test Studio demande si le changement vaut pour chaque navigateur et appareil, ou pour celui-ci seulement.Le changement d'une image ou d'un moment reste toujours dans la branche.
Quand vous sauvegardez le test enregistré après avoir changé ce que font ses étapes, il propose Mettre à jour tous les navigateurs et appareils, qui recrée chaque branche à partir de lui, ou Les laisser tels quels.
En exécuter une depuis GUI Test Studio
La flèche à côté de Exécuter le test propose Sauvegarder et exécuter un seul navigateur ou appareil, puis Sauvegarder et exécuter en mode headless (sans fenêtre de navigateur) et Sauvegarder et exécuter avec une fenêtre de navigateur pour une exécution que vous voulez regarder.
Leurs rapports et leur historique
Pour ses résultats, chaque branche est un test à part entière : son rapport, son historique des exécutions, sa vidéo.Dans le rapport de confiance, le bouton Navigateurs et appareils liste l'enregistrement et chaque branche avec son dernier verdict, et ouvre le rapport de celle que vous choisissez.
Depuis la ligne de commande
gtr-cli exécute aussi les branches.gtr-cli info liste les branches d'un test avec le nom de chacune sur la ligne de commande, et la fenêtre Ligne de commande et CI/CD les propose dans une liste.
gtr-cli run Checkout.GTS --branch all --junit results\junit.xmlgtr-cli run Checkout.GTS --branch msedge__iphone-15__portraitgtr-cli generate Checkout.GTS --branch missing| Option | Ce qu'elle fait |
|---|---|
| --branch | all, recorded, un nom, ou plusieurs noms séparés par des virgules. |
| --headless on | S'exécuter sans fenêtre partout où le test le permet. test garde le choix propre au test, off affiche toujours le navigateur. |
| --parallel off | Exécuter les branches l'une après l'autre plutôt que côte à côte. |
Un test allégé peut contenir chaque branche générée.Voir Exécuter des tests dans votre pipeline.
Toujours bloqué ?Dites-nous ce que vous essayiez de faire, et nous répondons sous un jour ouvré.Ask our team