Test della GUI – Casi di test dell'interfaccia utente (esempi)

Per comprendere il test della GUI, dobbiamo prima capire-

Cos'è la GUI?

Esistono due tipi di interfacce per un'applicazione informatica. L'interfaccia della riga di comando è il luogo in cui digiti il ​​testo e il computer risponde a quel comando. GUI sta per Graphical User Interface in cui interagisci con il computer utilizzando immagini anziché testo.

Di seguito sono riportati gli elementi GUI che possono essere utilizzati per l'interazione tra l'utente e l'applicazione:

Il test della GUI è una convalida degli elementi di cui sopra.

Cos'è il test della GUI?

Test della GUI è un tipo di test del software che controlla l'interfaccia utente grafica del software. Lo scopo del test dell'interfaccia utente grafica (GUI) è garantire che le funzionalità dell'applicazione software funzionino secondo le specifiche controllando schermate e controlli come menu, pulsanti, icone, ecc.

La GUI è ciò che vede l'utente. Se visiti guru99.com, ciò che vedrai nella home page è la GUI (interfaccia utente grafica) del sito. Un utente non vede il codice sorgente. L'interfaccia è visibile all'utente. Soprattutto l'attenzione è rivolta alla struttura del design, alle immagini che funzionano correttamente o meno.

Nell'esempio sopra, se dobbiamo eseguire un test della GUI, controlliamo prima che le immagini siano completamente visibili nei diversi browser.

Inoltre, i collegamenti sono disponibili e il pulsante dovrebbe funzionare quando viene cliccato.

Inoltre, se l'utente ridimensiona lo schermo, né le immagini né i contenuti dovranno ridursi, ritagliarsi o sovrapporsi.

Necessità di test della GUI

Ora il concetto di base del test della GUI è chiaro. Le poche domande che ti colpiranno in mente saranno

• Perché eseguire i test della GUI?
• È davvero necessario?
• Il test funzionale e logico dell'applicazione non è più che sufficiente?? Allora perché perdere tempo con i test dell'interfaccia utente.

Per avere la risposta bisogna pensare come un utente, non come un tester. Un utente non ha alcuna conoscenza del software/applicazione XYZ. È l'interfaccia utente dell'applicazione che decide se un utente utilizzerà ulteriormente l'applicazione o meno.

Un utente normale osserva prima il design e l'aspetto dell'applicazione/software e quanto è facile per lui comprendere l'interfaccia utente. Se un utente non è a suo agio con l'interfaccia o trova l'applicazione complessa da comprendere, non utilizzerà mai più quell'applicazione. Ecco perché la GUI è motivo di preoccupazione e devono essere eseguiti test appropriati per assicurarsi che la GUI sia priva di bug.

Cosa fai per testare la GUI del check-in?

La seguente checklist garantirà test GUI dettagliati nei test del software.

• Controlla tutti gli elementi della GUI per dimensioni, posizione, larghezza, lunghezza e accettazione di caratteri o numeri. Ad esempio, devi essere in grado di fornire input nei campi di input.
• Verifica di poter eseguire la funzionalità prevista dell'applicazione utilizzando la GUI
• Controllare che i messaggi di errore siano visualizzati correttamente
• Verificare la chiara demarcazione delle diverse sezioni sullo schermo
• Verificare che il carattere utilizzato in un'applicazione sia leggibile
• Verificare che l'allineamento del testo sia corretto
• Controlla che il colore del carattere e dei messaggi di avviso sia esteticamente gradevole
• Verificare che le immagini abbiano una buona nitidezza
• Controlla che le immagini siano allineate correttamente
• Controlla il posizionamento degli elementi della GUI per diverse risoluzioni dello schermo.

Tecniche di test della GUI

Tecniche di test della GUI possono essere classificati in tre parti:

Test basati su manuale

Con questo approccio, le schermate grafiche vengono controllate manualmente dai tester in conformità con i requisiti indicati nel documento dei requisiti aziendali.

Registra e riproduci

Il test della GUI può essere eseguito utilizzando strumenti di automazione. Questo viene fatto in 2 parti. Durante la registrazione, le fasi del test vengono acquisite dallo strumento di automazione. Durante la riproduzione, i passaggi del test registrati vengono eseguiti sull'applicazione sotto test. Esempio di tali strumenti – QTP.

Test basati su modelli

Un modello è una descrizione grafica del comportamento di un sistema. Ci aiuta a comprendere e prevedere il comportamento del sistema. I modelli aiutano nella generazione di casi di test efficienti utilizzando i requisiti di sistema. Per questo test basato su modello, è necessario considerare quanto segue:

• Costruisci il modello
• Determinare gli input per il modello
• Calcolare l'output atteso per il modello
• Esegui i test
• Confrontare il risultato effettivo con quello atteso
• Una decisione su ulteriori azioni sul modello

Alcune delle tecniche di modellazione da cui possono essere derivati ​​casi di test:

• Grafici: illustra lo stato di un sistema e controlla lo stato dopo alcuni input.
• Tabelle decisionali: tabelle utilizzate per determinare i risultati per ciascun input applicato

Il test basato su modello è una tecnica in evoluzione per generare casi di test dai requisiti. Il suo vantaggio principale, rispetto ai due metodi precedenti, è che può determinare stati indesiderati che la tua GUI può raggiungere.

Di seguito sono elencati gli strumenti open source disponibili per eseguire test automatizzati dell'interfaccia utente.

Prodotto	Concesso in licenza
AutoHotkey	GPL
Selenium	Apache
Siculi	CON
Struttura del robot	Apache
Acqua	BSD
Kit di strumenti per il Dojo	BSD

Esempi di casi di test di test della GUI

Il test della GUI implica fondamentalmente

1. Testare la dimensione, posizione, larghezza, altezza degli elementi.
2. Test dei messaggi di errore che vengono visualizzati.
3. Testare le diverse sezioni dello schermo.
4. Testare il carattere se è leggibile o meno.
5. Test dello schermo a diverse risoluzioni con l'ausilio dello zoom avanti e indietro, ad esempio 640 x 480, 600×800, ecc.
6. Testare l'allineamento dei testi e altri elementi come icone, pulsanti, ecc. se sono nella posizione corretta o meno.
7. Testare i colori dei caratteri.
8. Testare i colori dei messaggi di errore, messaggi di avviso.
9. Testare se l'immagine ha una buona chiarezza o meno.
10. Testare l'allineamento delle immagini.
11. Prova dell'ortografia.
12. L'utente non deve sentirsi frustrato durante l'utilizzo dell'interfaccia del sistema.
13. Testare se l'interfaccia è attraente o meno.
14. Test delle barre di scorrimento in base alla dimensione della pagina, se presente.
15. Test dei campi disabilitati, se presenti.
16. Test della dimensione delle immagini.
17. Verifica dei titoli se sono correttamente allineati o meno.
18. Test del colore del collegamento ipertestuale.

Demo: come eseguire il test della GUI

Qui utilizzeremo alcuni casi di test di esempio per la schermata seguente.

Di seguito è riportato un esempio di casi di test, che consistono in scenari di test di interfaccia utente e usabilità.

Caso di test 01- Verificare che la casella di testo con l'etichetta “Cartella di origine" sia allineato correttamente.

Caso di test 02 – Verificare che la casella di testo con l’etichetta “CONFEZIONE" sia allineato correttamente.

Caso test 03 – Verificare che l’etichetta con il nome “Scopri la nostra gamma di prodotti" è un pulsante che si trova alla fine del testoBox con il nome "Cartella di origine. "

Caso test 04 – Verificare che l’etichetta con il nome “Scopri la nostra gamma di prodotti" è un pulsante che si trova alla fine del testoBox con il nome "CONFEZIONE. "

Caso di test 05 – Verificare che la casella di testo con l’etichetta “Nome" sia allineato correttamente.

Caso test 06 – Verificare che l’etichetta “modificatori” è composto da 4 pulsanti di opzione con il nome public, default, private, protected.

Caso test 07 – Verificare che l’etichetta “modificatori" è composto da 4 pulsanti di opzione allineati correttamente in fila.

Caso test 08 – Verificare che l’etichetta “Superclasse"sotto l'etichetta"modificatori" è costituito da un menu a discesa che deve essere correttamente allineato.

Caso test 09 – Verificare che l’etichetta “Superclasse" è costituito da un pulsante con l'etichetta "Scopri la nostra gamma di prodotti” su di esso che deve essere correttamente allineato.

Caso test 10 – Verificare che facendo clic su qualsiasi pulsante di opzione il puntatore del mouse predefinito debba essere cambiato nel puntatore del mouse della mano.

Caso test 11 – Verificare che l'utente non debba essere in grado di digitare nel menu a discesa "Superclasse. "

Caso test 12 – Verificare che debba essere generato un errore corretto se qualcosa è stato scelto erroneamente.

Caso test 13 – Verificare che l'errore debba essere generato nel colore ROSSO ovunque sia necessario.

Caso di test 14 – Verificare che nei messaggi di errore siano utilizzate etichette appropriate.

Caso test 15 – Verificare che i singoli pulsanti radio debbano essere selezionati di default ogni volta.

Caso test 16 – Verificare che il pulsante TAB funzioni correttamente mentre si salta su un altro campo accanto al precedente.

Caso test 17 – Verificare che tutte le pagine debbano contenere il titolo corretto.

Caso test 18 – Verificare che il testo della pagina sia correttamente allineato.

Caso test 19 – Verificare che dopo aver aggiornato qualsiasi campo debba essere visualizzato un messaggio di conferma adeguato.

Caso di test 20: verificare che sia selezionato solo 1 pulsante di scelta e che sia possibile selezionare più di una casella di controllo.

Sfide nel test della GUI

Nell'ingegneria del software, il problema più comune mentre si fa Test di regressione è che la GUI dell'applicazione cambia frequentemente. È molto difficile testare e identificare se si tratta di un problema o di un miglioramento. Il problema si manifesta quando non si dispone di documenti relativi alle modifiche alla GUI.

Strumenti di test della GUI

Di seguito è riportato un elenco di quelli più popolari Strumenti di test della GUI :

1. Selenium
2. QTP
3. Cucumber
4. SilkTest
5. TestComplete
6. Tester della GUI Squish

Clicca qui per imparare Selenium, QTP & Cucumber.

Conclusione

Il successo di un prodotto software dipende immensamente da come la GUI interagisce con l'utente e dalla facilità nell'utilizzo delle sue varie funzionalità. Pertanto, il test della GUI è molto importante. Il test manuale della GUI può talvolta essere ripetitivo e noioso e quindi soggetto a errori. L'automazione è altamente consigliata per i test della GUI.