Bilder, Bildschirmfotos und die Collage
Nehmen Sie ein Bildschirmfoto auf, nehmen Sie einen Frame auf, benennen Sie Ihre Bilder um und legen Sie ein Bild über den Bildschirm, um eine Prüfung vorzubereiten.
Woher Bilder kommen
Ein Test beginnt meist mit einer Aufzeichnung, aber Bilder sind genauso nützlich: ein Element, das die Aufzeichnung nie gezeigt hat, ein Bildschirm, den es noch nicht gibt, ein Moment, der es wert ist, behalten zu werden.Jedes Bild eines Tests liegt in den Inhaltsdateien und reist in der Testdatei mit.
| Um das zu bekommen | Verwenden Sie |
|---|---|
| Eine Bilddatei, die Sie schon haben | Medien importieren..., oben in den Inhaltsdateien |
| Etwas, das gerade auf Ihrem Bildschirm ist | Bildschirmfoto aufnehmen... |
| Ein Moment der Aufzeichnung | Frame aufnehmen |
| Ein ganzes Design, mit seinen Prüfungen | Ein Design aus Figma importieren |
Ein Bildschirmfoto aufnehmen
Ein Bildschirmfoto holt einen beliebigen Teil Ihres Bildschirms in den Test: einen Dialog, den die Aufzeichnung verpasst hat, einen Prototyp in Ihrem Browser, die App in einem anderen Design.
- 1
Auf „Bildschirmfoto aufnehmen“ klicken
In der Symbolleiste von GUI Test Studio, im Menü Zeitleiste oder mit Strg+Umschalt+P.GUI Test Studio tritt zur Seite und lässt eine kleine Leiste im Vordergrund Ihres Bildschirms zurück.
- 2
Den Bildschirm vorbereiten
Lassen Sie sich Zeit: Öffnen Sie das Fenster, das Menü oder die Seite, die Sie möchten.Ziehen Sie die Leiste weg, wenn sie etwas verdeckt.Weder die Leiste noch GUI Test Studio ist jemals im Bild.
- 3
Einen Teil aufnehmen oder alles
Klicken Sie auf Bereich aufnehmen... und ziehen Sie ein Rechteck um das, was Sie möchten, oder klicken Sie auf Ganzer Bildschirm.
- 4
Benennen und behalten
GUI Test Studio kommt mit dem Bild zurück.Geben Sie ihm einen Namen und klicken Sie auf In den Inhaltsdateien speichern, oder klicken Sie auf Neu aufnehmen, um es noch einmal zu versuchen.
Einen Frame aufnehmen
Frame aufnehmen behält den Moment unter dem Abspielkopf als Bild.Bewegen Sie den Abspielkopf an den gewünschten Moment und klicken Sie dann auf Frame aufnehmen, in der Symbolleiste der Zeitleiste oder in einem beliebigen Rechtsklick-Menü der Zeitleiste.Die Schaltfläche leuchtet nur, solange der Abspielkopf auf der Aufzeichnung steht.
Das Bild wird zu den Inhaltsdateien hinzugefügt und in diesem Moment auf die Zeitleiste gesetzt, als Clip von fünf Sekunden.Einmal Rückgängig nimmt den Clip zurück.
In Ihrer Aufzeichnung erscheint eine Bestätigung für eine Sekunde.Nehmen Sie diesen Frame auf und ziehen Sie seinen Clip in die Länge: Jetzt haben Sie einen stehenden Bildschirm, auf dem Sie in Ihrem eigenen Tempo eine Textprüfung, eine Bildprüfung und eine Layoutprüfung aufbauen können.
Bilder umbenennen und finden
Klicken Sie in den Inhaltsdateien mit der rechten Maustaste auf ein Bild oder eine Aufzeichnung und wählen Sie Umbenennen..., oder drücken Sie F2.Nennen Sie es nach dem, was es zeigt, etwa „Kasse-Schaltfläche“.Der Name wird mit dem Test gespeichert.
Wenn ein Test viele Dateien enthält, tippen Sie in das Suchfeld oben in den Inhaltsdateien, oder wählen Sie in der Liste daneben eine Art: Videos, Bilder, Designs oder Tests.
Ein Bild über den Bildschirm legen
Ein Bild muss den Bildschirm nicht ersetzen.Legen Sie es über die Aufzeichnung, und die Vorschau zeigt beides, wie eine Collage: die App wie aufgezeichnet, mit einer neuen Schaltfläche, einem neuen Badge oder einem neuen Dialog darauf.Das ist der schnellste Weg, eine Prüfung für etwas vorzubereiten, das noch nicht gebaut ist.
| Tun Sie dies | Und das Bild landet |
|---|---|
| Ziehen Sie es aus den Inhaltsdateien auf die Vorschau | Im Moment des Abspielkopfs, dort, wo Sie es ablegen, in seiner eigenen Größe. |
| Ziehen Sie es auf einen Clip der Zeitleiste | Über diesem Clip, in diesem Moment.Eine Spur wird hinzugefügt, wenn kein Platz ist. |
| Ziehen Sie es auf einen leeren Abschnitt der Spur „Bildreferenz“ | Dort, als der Bildschirm selbst: Allein in einem Moment füllt ein Bild die Vorschau. |
Verschieben, Größe ändern und drehen
Klicken Sie in der Vorschau auf ein Bild, um es auszuwählen.Es behält seine Anfasser, bis Sie auf etwas anderes klicken.
| Um | Tun Sie dies |
|---|---|
| Es zu verschieben | Ziehen Sie das Bild selbst. |
| Seine Größe zu ändern | Ziehen Sie an einer Ecke.Das Bild behält seine Proportionen. |
| Es zu drehen | Ziehen Sie den runden Anfasser darüber. |
| Zurückzugehen | Klicken Sie mit der rechten Maustaste darauf und wählen Sie Originalgröße oder Keine Drehung. |
| Näher hinzusehen | Drehen Sie das Mausrad über der Vorschau, um zu zoomen, und ziehen Sie an einer leeren Stelle, um sich zu bewegen. |
Während Sie ziehen, rastet das Bild an den Kanten und der Mitte des Frames und der anderen Bilder ein, und eine Hilfslinie zeigt, woran es ausgerichtet ist.Halten Sie Alt gedrückt, um frei zu verschieben, oder schalten Sie Bilder einrasten im Rechtsklick-Menü aus.
Bilder in den Editoren der Prüfungen
Jeder Editor einer Prüfung hat neben dem Frame eine Bilderablage mit den Bildern des Tests.Ziehen Sie eines auf den Frame, oder doppelklicken Sie darauf.Dort können Sie es genau wie in der Vorschau verschieben, in der Größe ändern und drehen.
| In diesem Editor | Ein Bild, das Sie ablegen |
|---|---|
| Editor für visuelle Ziele | Wird zum visuellen Ziel: Die Prüfung sucht nach diesem Bild. |
| Gruppen-Assertion-Editor | Wird auf dem Frame platziert und wird zu einem Bildmitglied der Gruppe. |
| Text-Assertion-Editor | Wird auf dem Frame platziert, sodass Sie die Wörter markieren können, die es enthält. |
| Layout-Assertion-Editor | Wird auf dem Frame platziert, sodass seine Elemente mit dem Rest erkannt werden können. |
Ein in einem Editor platziertes Bild erscheint auch in der Vorschau, in diesem Moment des Tests.Rückgängig im Editor nimmt es zurück, und Abbrechen nimmt jedes Bild zurück, das seit dem Öffnen des Editors platziert wurde.
Weiter: Eine Funktion testen, bevor es sie gibt führt all das zusammen.
Kommen Sie nicht weiter?Sagen Sie uns, was Sie tun wollten, und wir antworten innerhalb eines Werktags.Ask our team