Esercitazione sul test della GUI: casi di test dell'interfaccia utente (UI) con esempi

Sommario:

Anonim

Per capire il test GUI, prima di tutto capiamo

Cos'è la GUI?

Esistono due tipi di interfacce per un'applicazione per computer. Command Line Interface è dove digiti il ​​testo e il computer risponde a quel comando. GUI è l'acronimo di Graphical User Interface in cui si interagisce con il computer utilizzando immagini anziché testo.

Di seguito sono riportati gli elementi della 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.

Test della GUI

Il 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 l'utente vede. Dì se visiti guru99.com quello che vedrai dire che la homepage è la GUI (interfaccia utente grafica) del sito. Un utente non vede il codice sorgente. L'interfaccia è visibile all'utente. Soprattutto l'attenzione è sulla struttura del design, sulle immagini che funzionano correttamente o meno.

Nell'esempio sopra, se dobbiamo eseguire il 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 si fa clic.

Inoltre, se l'utente ridimensiona lo schermo, né le immagini né il contenuto devono ridursi, ritagliarsi o sovrapporsi.

In questo tutorial imparerai-

  • Cos'è il test GUI?
  • Necessità di test della GUI
  • Cosa fai testare la GUI?
  • Approccio al test della GUI
  • Casi di test di test della GUI
  • Demo: come condurre il test della GUI
  • Sfide nel test della GUI

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é testare la GUI?
  • È davvero necessario?
  • La verifica del funzionamento e della logica dell'applicazione non è più che sufficiente? Allora perché perdere tempo con i test dell'interfaccia utente.

Per ottenere la risposta 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 che un utente utilizzerà ulteriormente l'applicazione o meno.

Un utente normale prima osserva 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 un'applicazione complessa da capire, non utilizzerà mai più quell'applicazione. Ecco perché, la GUI è motivo di preoccupazione e dovrebbero essere eseguiti test adeguati per assicurarsi che la GUI sia priva di bug.

Cosa fai testare la GUI?

Il seguente elenco di controllo garantirà il test dettagliato della GUI nel 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 ai campi di input.
  • Verificare di poter eseguire la funzionalità prevista dell'applicazione utilizzando la GUI
  • Verificare che i messaggi di errore siano visualizzati correttamente
  • Verificare la chiara demarcazione delle diverse sezioni sullo schermo
  • Controllare che il carattere utilizzato in un'applicazione sia leggibile
  • Verificare che l'allineamento del testo sia corretto
  • Controllare il colore del carattere e dei messaggi di avviso è esteticamente gradevole
  • Verificare che le immagini abbiano una buona nitidezza
  • Verificare che le immagini siano correttamente allineate
  • Controllare il posizionamento degli elementi della GUI per una diversa risoluzione dello schermo.

Tecniche di test della GUI

Le tecniche di test della GUI possono essere suddivise in tre parti:

Test basato sul manuale

In base a 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, le fasi di test registrate vengono eseguite 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 in una generazione di casi di test efficienti utilizzando i requisiti di sistema. Quanto segue deve essere considerato per questo test basato su modello:

  • Costruisci il modello
  • Determina gli input per il modello
  • Calcola l'output previsto per il modello
  • Esegui i test
  • Confronta l'output effettivo con l'output previsto
  • Una decisione su ulteriori azioni sul modello

Alcune delle tecniche di modellazione da cui è possibile derivare i casi di test:

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

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

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

Prodotto Licenza sotto
AutoHotkey GPL
Selenio Apache
Sikuli MIT
Robot Framework Apache
acqua BSD
Dojo Toolkit BSD

Esempi di casi di test di test della GUI

Il test della GUI coinvolge fondamentalmente

  1. Testare le dimensioni, la posizione, la larghezza e l'altezza degli elementi.
  2. Verifica dei messaggi di errore che vengono visualizzati.
  3. Testare le diverse sezioni dello schermo.
  4. Verifica del carattere leggibile o meno.
  5. Test dello schermo in diverse risoluzioni con l'aiuto di ingrandire e rimpicciolire come 640 x 480, 600x800, ecc.
  6. Testare l'allineamento dei testi e altri elementi come icone, pulsanti, ecc.Sono nella posizione corretta o meno.
  7. Testare i colori dei caratteri.
  8. Testare i colori dei messaggi di errore, messaggi di avviso.
  9. Verificare se l'immagine ha una buona chiarezza o meno.
  10. Testare l'allineamento delle immagini.
  11. Verifica dell'ortografia.
  12. L'utente non deve sentirsi frustrato durante l'utilizzo dell'interfaccia di sistema.
  13. Verificare se l'interfaccia è attraente o meno.
  14. Verifica delle barre di scorrimento in base alle dimensioni della pagina, se presenti.
  15. Verifica degli eventuali campi disabilitati.
  16. Verifica della dimensione delle immagini.
  17. Verifica delle intestazioni se è correttamente allineato o meno.
  18. Verifica del colore del collegamento ipertestuale.

Demo: come eseguire il test della GUI

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

Di seguito è riportato l'esempio dei casi di test, che consiste in scenari di test dell'interfaccia utente e dell'usabilità.

TC 01- Verificare che la casella di testo con l'etichetta " Cartella di origine " sia allineata correttamente.

TC 02 - Verifica che la casella di testo con l'etichetta " Pacchetto " sia allineata correttamente.

TC 03 - Verifica che l'etichetta con il nome " Browse " sia un pulsante che si trova alla fine di TextBox con il nome " Source Folder ".

TC 04 - Verifica che l'etichetta con il nome " Browse " sia un pulsante che si trova alla fine di TextBox con il nome " Package ".

TC 05 - Verificare che la casella di testo con l'etichetta " Nome " sia allineata correttamente.

TC 06 - Verifica che l'etichetta " Modifiers " sia composta da 4 pulsanti radio con il nome public, default, private, protected.

TC 07 - Verificare che l'etichetta " Modifiers " sia composta da 4 pulsanti radio allineati correttamente in una riga.

TC 08 - Verificare che l'etichetta " Superclass " sotto l'etichetta " Modifiers " sia costituita da un menu a discesa che deve essere correttamente allineato.

TC 09 - Verificare che l'etichetta " Superclass " sia costituita da un pulsante con l'etichetta " Browse " su di esso che deve essere correttamente allineato.

TC 10 - Verificare che facendo clic su un qualsiasi pulsante di opzione, il puntatore del mouse predefinito deve essere modificato in puntatore del mouse manuale.

TC 11 - Verifica che l'utente non sia in grado di digitare nel menu a discesa " Superclass ".

TC 12 - Verificare che venga generato un errore corretto se qualcosa è stato scelto erroneamente.

TC 13 - Verificare che l'errore debba essere generato nel colore ROSSO ovunque sia necessario.

TC 14 - Verificare che le etichette appropriate debbano essere utilizzate nei messaggi di errore.

TC 15 - Verificare che i singoli pulsanti di opzione debbano essere selezionati di default ogni volta.

TC 16 - Verifica che il pulsante TAB debba funzionare correttamente mentre salti su un altro campo accanto al precedente.

TC 17 - Verificare che tutte le pagine debbano contenere il titolo corretto.

TC 18 - Verificare che il testo della pagina sia correttamente allineato.

TC 19 - Verificare che dopo l'aggiornamento di qualsiasi campo debba essere visualizzato un messaggio di conferma appropriato.

TC 20 - Verificare che sia necessario selezionare solo 1 pulsante di opzione e che sia possibile selezionare più di singole caselle di controllo.

Sfide nel test della GUI

In Ingegneria del software, il problema più comune durante il 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 alcun documento relativo alle modifiche alla GUI.

Strumenti di test della GUI

Di seguito è riportato un elenco di strumenti di test GUI popolari :

  • Ranorex
  • Selenio
  • QTP
  • Cetriolo
  • SilkTest
  • TestComplete
  • Squish GUI Tester

Clicca qui per imparare Selenio, QTP e Cetriolo.

Conclusione:

Il successo di un prodotto software dipende immensamente da come la GUI interagisce con l'utente e dalla facilità di utilizzo delle sue varie funzionalità. Quindi, il test della GUI è molto importante. I test manuali della GUI a volte possono essere ripetitivi e noiosi e quindi soggetti a errori. L'automazione è altamente raccomandata per i test della GUI.

Questo articolo è reso possibile dai contributi di Swati Ghildiyal, Prateek Chandra e Guru99.