Testiranje grafičkog sučelja – slučajevi testiranja korisničkog sučelja (primjeri)

Da bismo razumjeli testiranje GUI-ja, najprije moramo razumjeti -

Što je GUI?

Postoje dvije vrste sučelja za računalne aplikacije. Sučelje naredbenog retka mjesto je gdje upisujete tekst, a računalo odgovara na tu naredbu. GUI je kratica za grafičko korisničko sučelje gdje komunicirate s računalom koristeći slike, a ne tekst.

Slijede GUI elementi koji se mogu koristiti za interakciju između korisnika i aplikacije:

GUI testiranje je validacija gore navedenih elemenata.

Što je GUI testiranje?

GUI testiranje je vrsta testiranja softvera koja provjerava grafičko korisničko sučelje softvera. Svrha testiranja grafičkog korisničkog sučelja (GUI) je osigurati rad softverskih aplikacija prema specifikacijama provjerom zaslona i kontrola kao što su izbornici, gumbi, ikone itd.

GUI je ono što korisnik vidi. Recimo ako posjetite guru99.com ono što ćete vidjeti, recimo početnu stranicu, to je GUI (grafičko korisničko sučelje) stranice. Korisnik ne vidi izvorni kod. Sučelje je vidljivo korisniku. Posebno je fokus na strukturi dizajna, slikama da li rade ispravno ili ne.

U gornjem primjeru, ako moramo napraviti GUI testiranje, prvo provjeravamo trebaju li slike biti potpuno vidljive u različitim preglednicima.

Također, veze su dostupne, a gumb bi trebao raditi kada se klikne.

Također, ako korisnik promijeni veličinu zaslona, ​​ni slike ni sadržaj ne bi se trebali smanjivati, rezati ili preklapati.

Potreba za GUI testiranjem

Sada je osnovni koncept GUI testiranja jasan. Nekoliko pitanja koja će vam se sjetiti bit će

• Zašto testirati GUI?
• Je li to stvarno potrebno?
• Nije li testiranje funkcionalnosti i logike aplikacije više nego dovoljno?? Zašto onda gubiti vrijeme na testiranje korisničkog sučelja.

Da biste dobili odgovor razmišljajte kao korisnik, a ne kao tester. Korisnik nema nikakvog znanja o XYZ softveru/aplikaciji. UI aplikacije odlučuje hoće li korisnik dalje koristiti aplikaciju ili ne.

Normalan korisnik prvo promatra dizajn i izgled aplikacije/softvera i koliko mu je lako razumjeti korisničko sučelje. Ako korisniku nije ugodno sučelje ili smatra da je aplikacija složena za razumijevanje, on tu aplikaciju više nikada neće koristiti. Zbog toga je GUI razlog za zabrinutost i potrebno je provesti odgovarajuće testiranje kako bismo bili sigurni da GUI nema grešaka.

Što provjeravate GUI testiranje?

Sljedeći popis za provjeru osigurat će detaljno GUI testiranje u testiranju softvera.

• Provjerite sve elemente GUI-a za veličinu, položaj, širinu, duljinu i prihvaćanje znakova ili brojeva. Na primjer, morate biti u mogućnosti unijeti unose u polja za unos.
• Provjerite možete li izvršiti predviđenu funkcionalnost aplikacije pomoću GUI-ja
• Provjerite prikazuju li se ispravno poruke o pogreškama
• Provjerite jasno razgraničenje različitih odjeljaka na zaslonu
• Provjerite je li font korišten u aplikaciji čitljiv
• Provjerite je li tekst pravilno poravnat
• Provjerite boju fonta i poruka upozorenja je estetski ugodna
• Provjerite imaju li slike dobru jasnoću
• Provjerite jesu li slike ispravno poravnate
• Provjerite pozicioniranje GUI elemenata za različite razlučivosti zaslona.

GUI Tehnike testiranja

GUI Tehnike testiranja mogu se kategorizirati u tri dijela:

Ručno testiranje

Prema ovom pristupu, grafičke zaslone ručno provjeravaju testeri u skladu sa zahtjevima navedenim u dokumentu o poslovnim zahtjevima.

Snimanje i ponavljanje

GUI testiranje može se obaviti pomoću alata za automatizaciju. To se radi u 2 dijela. Tijekom snimanja korake testa bilježi alat za automatizaciju. Tijekom reprodukcije, snimljeni testni koraci izvode se na aplikaciji koja se testira. Primjer takvih alata – QTP.

Testiranje temeljeno na modelu

Model je grafički opis ponašanja sustava. Pomaže nam razumjeti i predvidjeti ponašanje sustava. Modeli pomažu u stvaranju učinkovitih testnih slučajeva koristeći zahtjeve sustava. Sljedeće treba uzeti u obzir za ovo testiranje temeljeno na modelu:

• Izgradite model
• Odredite ulazne podatke za model
• Izračunajte očekivani izlaz za model
• Pokrenite testove
• Usporedite stvarni output s očekivanim outputom
• Odluka o daljnjim radnjama na modelu

Neke od tehnika modeliranja iz kojih se mogu izvesti testni slučajevi:

• Grafikoni – Prikazuje stanje sustava i provjerava stanje nakon nekog unosa.
• Tablice odlučivanja – Tablice koje se koriste za određivanje rezultata za svaki primijenjeni unos

Testiranje temeljeno na modelu je tehnika koja se razvija za generiranje testnih slučajeva iz zahtjeva. Njegova glavna prednost, u usporedbi s gornje dvije metode, je da može odrediti nepoželjna stanja koja vaš GUI može postići.

Slijede dostupni alati otvorenog koda za provođenje automatiziranog testiranja korisničkog sučelja.

Proizvod	Licencirano pod
AutoHotkey	GPL
Selenium	apaš
Sikuli	MIT
Robotski okvir	apaš
Vater	BSD
Dojo alat	BSD

Primjeri testiranja GUI Testovi

GUI testiranje u osnovi uključuje

1. Ispitivanje veličine, položaja, širine, visine elemenata.
2. Testiranje poruka o pogreškama koje se prikazuju.
3. Testiranje različitih dijelova zaslona.
4. Testiranje fonta je li čitljiv ili ne.
5. Testiranje zaslona u različitim rezolucijama uz pomoć zumiranja i smanjivanja poput 640 x 480, 600×800 itd.
6. Testiranje poravnanja tekstova i drugih elemenata poput ikona, gumba itd. jesu li na pravom mjestu ili ne.
7. Testiranje boja fontova.
8. Testiranje boja poruka o greškama, poruka upozorenja.
9. Testiranje ima li slika dobru jasnoću ili ne.
10. Testiranje poravnanja slika.
11. Provjera pravopisa.
12. Korisnik se ne smije frustrirati tijekom korištenja sučelja sustava.
13. Testiranje je li sučelje privlačno ili ne.
14. Testiranje traka za pomicanje prema veličini stranice ako ih ima.
15. Testiranje onemogućenih polja ako postoje.
16. Testiranje veličine slika.
17. Testiranje naslova jesu li ispravno poravnati ili ne.
18. Testiranje boje hiperveze.

Demo: Kako napraviti GUI Test

Ovdje ćemo koristiti neke primjere testnih slučajeva za sljedeći zaslon.

U nastavku slijedi primjer testnih slučajeva koji se sastoji od scenarija testiranja korisničkog sučelja i upotrebljivosti.

Testni slučaj 01 - Provjerite je li tekstni okvir s oznakom "Izvorna mapa” je ispravno poravnat.

Testni slučaj 02 – Provjerite je li tekstni okvir s oznakom "Paket” je ispravno poravnat.

Testni slučaj 03 – Provjerite tu oznaku s nazivom "Pretraga” je gumb koji se nalazi na kraju tekstaBox s imenom "Izvorna mapa".

Testni slučaj 04 – Provjerite tu oznaku s nazivom "Pretraga” je gumb koji se nalazi na kraju tekstaBox s imenom "Paket".

Testni slučaj 05 – Provjerite je li tekstni okvir s oznakom "Ime i Prezime” je ispravno poravnat.

Testni slučaj 06 – Provjerite je li oznaka "Izmjenjivači” sastoji se od 4 radio gumba s nazivom javno, zadano, privatno, zaštićeno.

Testni slučaj 07 – Provjerite je li oznaka "Izmjenjivači” sastoji se od 4 radio gumba koji su pravilno poredani u nizu.

Testni slučaj 08 – Provjerite je li oznaka "Superrazred” ispod oznake “Izmjenjivači” sastoji se od padajućeg izbornika koji mora biti ispravno poravnat.

Testni slučaj 09 – Provjerite je li oznaka "Superrazred” sastoji se od gumba s oznakom “Pretraga” na njemu koji mora biti ispravno poravnat.

Testni slučaj 10 – Provjerite mora li se klikom na bilo koji radio gumb zadani pokazivač miša promijeniti u pokazivač miša u ruci.

Testni slučaj 11 – Provjerite da korisnik ne može upisivati ​​u padajući izbornik "Superrazred".

Testni slučaj 12 – Provjerite mora li biti generirana ispravna pogreška ako je nešto pogrešno odabrano.

Testni slučaj 13 – Provjerite mora li se pogreška generirati u CRVENOJ boji gdje god je to potrebno.

Testni slučaj 14 – Provjerite moraju li se koristiti odgovarajuće oznake u porukama o pogreškama.

Testni slučaj 15 – Provjerite moraju li pojedinačni radio gumbi biti odabrani prema zadanim postavkama svaki put.

Testni slučaj 16 – Provjerite radi li gumb TAB ispravno dok skače na drugo polje pored prethodnog.

Testni slučaj 17 – Provjerite moraju li sve stranice sadržavati ispravan naslov.

Testni slučaj 18 – Provjerite mora li tekst na stranici biti ispravno poravnat.

Testni slučaj 19 – Provjerite mora li se nakon ažuriranja bilo kojeg polja prikazati ispravna potvrdna poruka.

Testni slučaj 20 – Provjerite mora li biti odabran samo 1 radio gumb i može biti odabrano više od jednog potvrdnog okvira.

Izazovi u GUI testiranju

U softverskom inženjerstvu, najčešći problem tijekom rada Ispitivanje regresije je da se GUI aplikacije često mijenja. Vrlo je teško testirati i utvrditi radi li se o problemu ili poboljšanju. Problem se manifestira kada nemate nikakve dokumente u vezi s promjenama GUI-ja.

GUI alati za testiranje

Slijedi popis popularnih GUI alati za testiranje :

1. Selenium
2. QTP
3. Cucumber
4. SilkTest
5. Test Complete
6. Squish GUI tester

Kliknite ovdje da biste saznali Selenium, QTP & Cucumber.

Zaključak

Uspjeh softverskog proizvoda neizmjerno ovisi o tome kako GUI komunicira s korisnikom i jednostavnosti korištenja njegovih različitih značajki. Stoga je GUI testiranje vrlo važno. Ručno testiranje GUI-ja ponekad može biti ponavljajuće i dosadno te stoga podložno pogreškama. Automatizacija se toplo preporučuje za GUI testiranje.