Immagini, screenshot e collage
Acquisite uno screenshot, catturate un fotogramma, rinominate le vostre immagini e sovrapponete un'immagine allo schermo per preparare un controllo.
Da dove vengono le immagini
Un test parte di solito da una registrazione, ma le immagini sono altrettanto utili: un elemento che la registrazione non ha mai mostrato, una schermata che non esiste ancora, un momento che vale la pena conservare.Ogni immagine di un test si trova nei Contenuti, e viaggia dentro il file del test.
| Per ottenere | Usate |
|---|---|
| Un file di immagine che avete già | Importa media..., in cima ai Contenuti |
| Qualcosa che è sul vostro schermo in questo momento | Acquisisci screenshot... |
| Un momento della registrazione | Cattura fotogramma |
| Un intero design, con i suoi controlli | Importare un design da Figma |
Acquisire uno screenshot
Uno screenshot porta nel test qualsiasi parte del vostro schermo: una finestra di dialogo che la registrazione non ha colto, un prototipo nel vostro browser, l'app in un altro tema.
- 1
Fare clic su Acquisisci screenshot
Nella barra degli strumenti di GUI Test Studio, nel menu Timeline, oppure con Ctrl+Maiusc+P.GUI Test Studio si fa da parte e lascia una piccola barra in primo piano sul vostro schermo.
- 2
Preparare lo schermo
Prendetevi il tempo che serve: aprite la finestra, il menu o la pagina che volete.Trascinate via la barra se copre qualcosa.Né la barra né GUI Test Studio compaiono mai nell'immagine.
- 3
Catturare una parte, o tutto
Fate clic su Cattura un'area... e trascinate un rettangolo attorno a ciò che volete, oppure fate clic su Tutto lo schermo.
- 4
Darle un nome e conservarla
GUI Test Studio torna con l'immagine.Datele un nome e fate clic su Salva nei Contenuti, oppure fate clic su Rifai per riprovare.
Catturare un fotogramma
Cattura fotogramma conserva come immagine il momento sotto l'indicatore di riproduzione.Spostate l'indicatore di riproduzione sul momento che volete, poi fate clic su Cattura fotogramma nella barra degli strumenti della timeline o in qualsiasi menu contestuale della timeline.Il pulsante si accende solo mentre l'indicatore di riproduzione si trova sulla registrazione.
L'immagine viene aggiunta ai Contenuti e collocata sulla timeline in quel momento, come una clip di cinque secondi.Un solo Annulla toglie la clip.
Nella vostra registrazione una conferma compare per un secondo.Catturate quel fotogramma e allungate la sua clip: ora avete una schermata ferma su cui costruire un'asserzione testuale, un'asserzione visiva e un'asserzione di layout, con il vostro ritmo.
Rinominare e trovare le immagini
Fate clic con il pulsante destro su un'immagine o su una registrazione nei Contenuti e scegliete Rinomina..., oppure premete F2.Chiamatela come ciò che mostra, per esempio “Pulsante Pagamento”.Il nome viene salvato con il test.
Quando un test contiene molti file, digitate nel campo di ricerca in cima ai Contenuti, oppure scegliete un tipo nell'elenco accanto: video, immagini, design o test.
Mettere un'immagine sopra lo schermo
Un'immagine non deve per forza sostituire lo schermo.Mettetela sopra la registrazione e l'anteprima mostra entrambe, come un collage: l'app come è stata registrata, con un nuovo pulsante, badge o finestra di dialogo sovrapposto.È il modo più rapido per preparare un controllo per qualcosa che non è ancora stato realizzato.
| Fate così | E l'immagine arriva |
|---|---|
| Trascinatela dai Contenuti sull'anteprima | Nel momento dell'indicatore di riproduzione, dove la rilasciate, alle sue dimensioni. |
| Trascinatela su una clip della timeline | Sopra quella clip, in quel momento.Viene aggiunta una traccia quando non c'è spazio. |
| Trascinatela su un tratto vuoto della traccia Riferimento visivo | Lì, come lo schermo stesso: da sola in un momento, un'immagine riempie l'anteprima. |
Spostarla, ridimensionarla e ruotarla
Fate clic su un'immagine nell'anteprima per selezionarla.Conserva le sue maniglie finché non fate clic su qualcos'altro.
| Per | Fate così |
|---|---|
| Spostarla | Trascinate l'immagine stessa. |
| Ridimensionarla | Trascinate un angolo.L'immagine mantiene le sue proporzioni. |
| Ruotarla | Trascinate la maniglia rotonda sopra di essa. |
| Tornare indietro | Fate clic con il pulsante destro su di essa e scegliete Dimensioni originali o Nessuna rotazione. |
| Guardare più da vicino | Girate la rotellina del mouse sull'anteprima per ingrandire, e trascinate un punto vuoto per spostarvi. |
Mentre trascinate, l'immagine si aggancia ai bordi e al centro del fotogramma e delle altre immagini, e una linea guida mostra a che cosa è allineata.Tenete premuto Alt per spostarla liberamente, oppure disattivate Aggancia immagini nel menu contestuale.
Le immagini negli editor dei controlli
Ogni editor di controllo ha un pannello Immagini accanto al fotogramma, con le immagini del test.Trascinatene una sul fotogramma, oppure fate doppio clic su di essa.Lì potete spostarla, ridimensionarla e ruotarla esattamente come nell'anteprima.
| In questo editor | Un'immagine che rilasciate |
|---|---|
| Editor dell'obiettivo visivo | Diventa l'obiettivo visivo: il controllo cerca quell'immagine. |
| Editor dell'asserzione di gruppo | Viene collocata sul fotogramma e diventa un membro visivo del gruppo. |
| Editor dell'asserzione testuale | Viene collocata sul fotogramma, così potete contrassegnare le parole che contiene. |
| Editor dell'asserzione di layout | Viene collocata sul fotogramma, così i suoi elementi possono essere rilevati insieme agli altri. |
Un'immagine collocata in un editor compare anche nell'anteprima, in quel momento del test.Annulla dell'editor (annullamento dell'ultima azione) la toglie, e Annulla (chiusura senza salvare) toglie ogni immagine collocata da quando l'editor è stato aperto.
Successivo: Testare una funzionalità prima che esista mette insieme tutto questo.
Ancora bloccati?Diteci cosa stavate cercando di fare e rispondiamo entro un giorno lavorativo.Ask our team