Images, captures d'écran et collage
Prenez une capture d'écran, capturez une image, renommez vos images, et posez une image sur l'écran pour préparer une assertion.
D'où viennent les images
Un test part d'habitude d'un enregistrement, mais les images sont tout aussi utiles : un élément que l'enregistrement n'a jamais montré, un écran qui n'existe pas encore, un moment qui mérite d'être gardé.Chaque image d'un test se trouve dans les Fichiers de contenu, et voyage à l'intérieur du fichier de test.
| Pour obtenir | Utilisez |
|---|---|
| Un fichier image que vous avez déjà | Importer des médias..., en haut des Fichiers de contenu |
| Quelque chose qui est à votre écran en ce moment | Prendre une capture d'écran... |
| Un moment de l'enregistrement | Capturer l'image |
| Une maquette entière, avec ses assertions | Importer une maquette depuis Figma |
Prendre une capture d'écran
Une capture d'écran fait entrer n'importe quelle partie de votre écran dans le test : une boîte de dialogue que l'enregistrement a manquée, un prototype dans votre navigateur, l'application dans un autre thème.
- 1
Cliquer sur Prendre une capture d'écran
Dans la barre d'outils de GUI Test Studio, dans le menu Chronologie, ou avec Ctrl+Maj+P.GUI Test Studio s'efface et laisse une petite barre au premier plan de votre écran.
- 2
Préparer l'écran
Prenez votre temps : ouvrez la fenêtre, le menu ou la page que vous voulez.Faites glisser la barre ailleurs si elle couvre quelque chose.Ni la barre ni GUI Test Studio ne figurent jamais dans l'image.
- 3
Capturer une partie, ou tout
Cliquez sur Capturer une zone... et tracez un rectangle autour de ce que vous voulez, ou cliquez sur Écran entier.
- 4
La nommer et la garder
GUI Test Studio revient avec l'image.Donnez-lui un nom et cliquez sur Sauvegarder dans les Fichiers de contenu, ou cliquez sur Reprendre pour recommencer.
Capturer une image de l'enregistrement
Capturer l'image garde le moment situé sous la tête de lecture sous forme d'image.Placez la tête de lecture au moment voulu, puis cliquez sur Capturer l'image dans la barre d'outils de la chronologie ou dans n'importe quel menu contextuel de la chronologie.Le bouton ne s'allume que lorsque la tête de lecture se trouve sur l'enregistrement.
L'image est ajoutée aux Fichiers de contenu et placée sur la chronologie à ce moment, sous forme d'un clip de cinq secondes.Une seule annulation retire le clip.
Une confirmation apparaît pendant une seconde dans votre enregistrement.Capturez cette image et étirez son clip : vous avez maintenant un écran fixe sur lequel construire une assertion de texte, une assertion visuelle et une assertion de disposition, à votre rythme.
Renommer et retrouver les images
Faites un clic droit sur une image ou un enregistrement dans les Fichiers de contenu et choisissez Renommer..., ou appuyez sur F2.Donnez-lui le nom de ce qu'elle montre, comme « Bouton Paiement ».Le nom est sauvegardé avec le test.
Quand un test contient beaucoup de fichiers, tapez dans le champ de recherche en haut des Fichiers de contenu, ou choisissez un type dans la liste à côté : vidéos, images, maquettes ou tests.
Poser une image sur l'écran
Une image n'a pas à remplacer l'écran.Posez-la sur l'enregistrement et l'aperçu montre les deux, comme un collage : l'application telle qu'enregistrée, avec un nouveau bouton, un nouveau badge ou une nouvelle boîte de dialogue posés dessus.C'est le moyen le plus rapide de préparer une assertion pour quelque chose qui n'est pas encore développé.
| Faites ceci | Et l'image arrive |
|---|---|
| Faites-la glisser depuis les Fichiers de contenu sur l'aperçu | Au moment de la tête de lecture, là où vous la déposez, à sa propre taille. |
| Faites-la glisser sur un clip de la chronologie | Au-dessus de ce clip, à ce moment.Une piste est ajoutée quand il n'y a pas de place. |
| Faites-la glisser sur une portion vide de la piste Référence visuelle | À cet endroit, comme l'écran lui-même : seule à un moment, une image remplit l'aperçu. |
La déplacer, la redimensionner et la faire pivoter
Cliquez sur une image dans l'aperçu pour la sélectionner.Elle garde ses poignées jusqu'à ce que vous cliquiez sur autre chose.
| Pour | Faites ceci |
|---|---|
| La déplacer | Faites glisser l'image elle-même. |
| La redimensionner | Faites glisser un coin.L'image garde ses proportions. |
| La faire pivoter | Faites glisser la poignée ronde au-dessus d'elle. |
| Revenir en arrière | Faites un clic droit dessus et choisissez Taille d'origine ou Aucune rotation. |
| Regarder de plus près | Tournez la molette de la souris au-dessus de l'aperçu pour zoomer, et faites glisser un endroit vide pour vous déplacer. |
Pendant que vous la faites glisser, l'image s'aligne sur les bords et le milieu de l'écran affiché et des autres images, et une ligne guide montre sur quoi elle est alignée.Maintenez Alt pour la déplacer librement, ou désactivez Magnétisme des images dans le menu contextuel.
Les images dans les éditeurs d'assertion
Chaque éditeur d'assertion a un volet Images à côté de l'écran affiché, avec les images du test.Faites-en glisser une sur l'écran affiché, ou double-cliquez dessus.Vous pouvez alors la déplacer, la redimensionner et la faire pivoter exactement comme dans l'aperçu.
| Dans cet éditeur | Une image que vous déposez |
|---|---|
| Éditeur de cible visuelle | Devient la cible visuelle : l'assertion cherche cette image. |
| Éditeur d'assertion de groupe | Est placée sur l'écran affiché et devient un membre visuel du groupe. |
| Éditeur d'assertion de texte | Est placée sur l'écran affiché, pour que vous puissiez marquer les mots qu'elle contient. |
| Éditeur d'assertion de disposition | Est placée sur l'écran affiché, pour que ses éléments soient détectés avec le reste. |
Une image placée dans un éditeur apparaît aussi dans l'aperçu, à ce moment du test.La commande Annuler de l'éditeur la retire, et le bouton Annuler qui ferme l'éditeur retire toutes les images placées depuis son ouverture.
Ensuite : Tester une fonctionnalité avant qu'elle existe rassemble tout cela.
Toujours bloqué ?Dites-nous ce que vous essayiez de faire, et nous répondons sous un jour ouvré.Ask our team