Testare GUI – Cazuri de testare UI (Exemple)

Pentru a înțelege testarea GUI, mai întâi să înțelegem-

Ce este GUI?

Există două tipuri de interfețe pentru o aplicație de calculator. Interfața de linie de comandă este locul în care tastați text și computerul răspunde la acea comandă. GUI înseamnă Interfață grafică cu utilizatorul, în care interacționați cu computerul folosind mai degrabă imagini decât text.

Următoarele sunt elementele GUI care pot fi utilizate pentru interacțiunea dintre utilizator și aplicație:

Testarea GUI este o validare a elementelor de mai sus.

Ce este testarea GUI?

Testare GUI este un tip de testare software care verifică interfața grafică cu utilizatorul a software-ului. Scopul testării interfeței grafice cu utilizatorul (GUI) este de a se asigura că funcționalitățile aplicației software funcționează conform specificațiilor prin verificarea ecranelor și comenzilor precum meniuri, butoane, pictograme etc.

GUI este ceea ce vede utilizatorul. Spuneți că dacă vizitați guru99.com ceea ce veți vedea pe pagina de pornire este GUI (interfața grafică de utilizator) a site-ului. Un utilizator nu vede codul sursă. Interfața este vizibilă pentru utilizator. În special, accentul se pune pe structura designului, imaginile care funcționează corect sau nu.

În exemplul de mai sus, dacă trebuie să facem testarea GUI, verificăm mai întâi ca imaginile să fie complet vizibile în diferite browsere.

De asemenea, linkurile sunt disponibile, iar butonul ar trebui să funcționeze când este făcut clic.

De asemenea, dacă utilizatorul redimensionează ecranul, nici imaginile, nici conținutul nu ar trebui să se micșoreze, să decupeze sau să se suprapună.

Nevoia de testare a GUI

Acum, conceptul de bază al testării GUI este clar. Cele câteva întrebări care îți vor lovi în minte vor fi

• De ce testează GUI?
• Chiar este nevoie?
• Testarea funcționalului și a logicii aplicației nu este mai mult decât suficientă? Atunci de ce să pierzi timpul cu testarea UI.

Pentru a obține răspunsul pentru a gândi ca utilizator, nu ca tester. Un utilizator nu are cunoștințe despre software-ul/aplicația XYZ. Interfața de utilizare a aplicației este cea care decide dacă un utilizator va folosi aplicația în continuare sau nu.

Un utilizator normal observă mai întâi designul și aspectul aplicației/software-ului și cât de ușor este pentru el să înțeleagă interfața de utilizare. Dacă un utilizator nu se simte confortabil cu interfața sau găsește o aplicație complexă de înțeles, nu va mai folosi acea aplicație niciodată. De aceea, GUI este un motiv de îngrijorare și ar trebui efectuate teste adecvate pentru a vă asigura că GUI nu conține erori.

Ce faceți testarea GUI?

Următoarea listă de verificare va asigura testarea GUI detaliată în Testarea software-ului.

• Verificați toate elementele GUI pentru dimensiune, poziție, lățime, lungime și acceptarea caracterelor sau numerelor. De exemplu, trebuie să puteți furniza intrări în câmpurile de intrare.
• Verificați dacă puteți executa funcționalitatea dorită a aplicației folosind GUI
• Verificați că mesajele de eroare sunt afișate corect
• Verificați delimitarea clară a diferitelor secțiuni pe ecran
• Verificați fontul folosit într-o aplicație este lizibil
• Verificați dacă alinierea textului este corectă
• Verificați culoarea fontului și a mesajelor de avertizare este plăcută din punct de vedere estetic
• Verificați dacă imaginile au o claritate bună
• Verificați dacă imaginile sunt aliniate corect
• Verificați poziționarea elementelor GUI pentru o rezoluție diferită a ecranului.

Tehnici de testare GUI

Tehnici de testare GUI poate fi împărțit în trei părți:

Testare manuală

Conform acestei abordări, ecranele grafice sunt verificate manual de către testeri, în conformitate cu cerințele stabilite în documentul de cerințe de afaceri.

Înregistrați și reluați

Testarea GUI se poate face folosind instrumente de automatizare. Acest lucru se face în 2 părți. În timpul înregistrării, pașii de testare sunt capturați de instrumentul de automatizare. În timpul redării, pașii de testare înregistrați sunt executați în aplicația în curs de testare. Exemplu de astfel de instrumente – QTP.

Testare bazată pe model

Un model este o descriere grafică a comportamentului unui sistem. Ne ajută să înțelegem și să anticipăm comportamentul sistemului. Modelele ajută la o generație de cazuri de testare eficiente folosind cerințele de sistem. Următoarele trebuie luate în considerare pentru această testare bazată pe model:

• Construiți modelul
• Determinați intrările pentru model
• Calculați rezultatul așteptat pentru model
• Rulați testele
• Comparați rezultatul real cu rezultatul așteptat
• O decizie privind acțiunile ulterioare asupra modelului

Unele dintre tehnicile de modelare din care pot fi derivate cazuri de testare:

• Diagrame – Înfățișează starea unui sistem și verifică starea după o anumită intrare.
• Tabele de decizie – Tabele utilizate pentru a determina rezultatele pentru fiecare intrare aplicată

Testarea bazată pe model este o tehnică în evoluție pentru generarea cazurilor de testare din cerințe. Principalul său avantaj, în comparație cu cele două metode de mai sus, este că poate determina stări nedorite pe care GUI le poate atinge.

Mai jos sunt disponibile instrumente open source pentru a efectua testul automat al UI.

Produs	Licențiat sub
AutoHotkey	GPL
Selenium	Apache
Sikuli	MIT
Cadrul robotului	Apache
Apa	BSD
Set de instrumente Dojo	BSD

Exemple de cazuri de testare GUI

Testarea GUI implică practic

1. Testarea dimensiunii, poziției, lățimii, înălțimii elementelor.
2. Testarea mesajelor de eroare care sunt afișate.
3. Testarea diferitelor secțiuni ale ecranului.
4. Testarea fontului dacă este lizibil sau nu.
5. Testarea ecranului în diferite rezoluții cu ajutorul măririi și micșorării de tip 640 x 480, 600×800 etc.
6. Testarea alinierii textelor și a altor elemente precum pictogramele, butoanele etc. sunt la locul potrivit sau nu.
7. Testarea culorilor fonturilor.
8. Testarea culorilor mesajelor de eroare, mesaje de avertizare.
9. Testează dacă imaginea are o claritate bună sau nu.
10. Testarea alinierii imaginilor.
11. Testarea ortografiei.
12. Utilizatorul nu trebuie să fie frustrat în timpul utilizării interfeței sistemului.
13. Testarea dacă interfața este atractivă sau nu.
14. Testarea barelor de defilare în funcție de dimensiunea paginii, dacă există.
15. Testarea câmpurilor dezactivate, dacă există.
16. Testarea dimensiunii imaginilor.
17. Testarea titlurilor dacă este aliniată corect sau nu.
18. Testarea culorii hyperlinkului.

Demo: Cum se face Testul GUI

Aici vom folosi câteva exemple de cazuri de testare pentru următorul ecran.

Urmează mai jos exemplul cazurilor de testare, care constă în scenarii de testare a UI și uzabilitate.

Cazul de testare 01- Verificați că caseta de text cu eticheta „Folder sursă” este aliniat corect.

Cazul de testare 02 – Verificați că caseta de text cu eticheta „Pachet” este aliniat corect.

Cazul de testare 03 – Verificați acea etichetă cu numele „Naviga” este un buton care se află la sfârșitul textuluiBox cu denumirea "Folder sursă. "

Cazul de testare 04 – Verificați acea etichetă cu numele „Naviga” este un buton care se află la sfârșitul textuluiBox cu denumirea "Pachet. "

Cazul de testare 05 – Verificați că caseta de text cu eticheta „Nume” este aliniat corect.

Cazul de testare 06 – Verificați dacă eticheta „Modificatorii” este format din 4 butoane radio cu numele public, default, private, protected.

Cazul de testare 07 – Verificați dacă eticheta „Modificatorii” constă din 4 butoane radio care sunt aliniate corespunzător pe rând.

Cazul de testare 08 – Verificați dacă eticheta „Superclasă” sub eticheta ”Modificatorii” constă într-un meniu derulant care trebuie aliniat corespunzător.

Cazul de testare 09 – Verificați dacă eticheta „Superclasă” constă dintr-un buton cu eticheta „Naviga” pe ea care trebuie aliniată corespunzător.

Cazul de testare 10 – Verificați că făcând clic pe orice buton radio, indicatorul implicit al mouse-ului trebuie schimbat în indicatorul de mână al mouse-ului.

Cazul de testare 11 – Verificați că utilizatorul nu trebuie să poată introduce meniul derulant „Superclasă. "

Cazul de testare 12 – Verificați dacă trebuie să fie generată o eroare corectă dacă ceva a fost ales greșit.

Cazul de testare 13 – Verificați dacă eroarea trebuie să fie generată în culoarea ROȘU oriunde este necesar.

Cazul de testare 14 – Verificați dacă etichetele adecvate trebuie utilizate în mesajele de eroare.

Cazul de testare 15 – Verificați dacă butoanele radio unice trebuie selectate implicit de fiecare dată.

Cazul de testare 16 – Verificați dacă butonul TAB trebuie să funcționeze corect în timp ce săriți pe un alt câmp lângă cel precedent.

Cazul de testare 17 – Verificați dacă toate paginile trebuie să conțină titlul corespunzător.

Cazul de testare 18 – Verificați dacă textul paginii trebuie aliniat corect.

Cazul de testare 19 – Verificați că după actualizarea oricărui câmp trebuie să fie afișat un mesaj de confirmare corespunzător.

Cazul de testare 20 – Verificați dacă trebuie selectat un singur buton radio și că pot fi selectate mai multe casete de selectare.

Provocări în testarea GUI

În Inginerie Software, cea mai frecventă problemă în timp ce faci Testarea regresiei este că interfața grafică a aplicației se schimbă frecvent. Este foarte dificil să testați și să identificați dacă este o problemă sau o îmbunătățire. Problema se manifestă atunci când nu aveți documente referitoare la modificările GUI.

Instrumente de testare GUI

Mai jos este o listă de populare Instrumente de testare GUI :

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

Faceți clic aici pentru a afla Selenium, QTP & Cucumber.

Concluzie

Succesul unui produs software depinde foarte mult de modul în care interacționează interfața grafică cu utilizatorul și de ușurința în utilizarea diferitelor sale caracteristici. Prin urmare, testarea GUI este foarte importantă. Testarea manuală a GUI poate fi uneori repetitivă și plictisitoare și, prin urmare, predispusă la erori. Automatizarea este foarte recomandată pentru testarea GUI.