Vodič za GUI testiranje: Kompletni vodič za testiranje korisničkog sučelja (UI)

gui testing tutorial

Cjelovit vodič za GUI testiranje: Vodič za testiranje korisničkog sučelja

Što je GUI testiranje?

GUI testiranje postupak je testiranja grafičkog korisničkog sučelja aplikacije kako bi se osigurala odgovarajuća funkcionalnost prema specifikacijama. Uključuje provjeru komponenata aplikacije poput gumba, ikona, potvrdnih okvira, boje, izbornika, prozora itd.

kako uhvatiti bugove tijekom automatizacije gradnje

Vizualna dinamika web aplikacije igra ključnu ulogu u prihvaćanju aplikacije s korisnikom.

Slijedom toga, ovo prihvaćanje donosi dugoročno vezivanje kupaca s klijentovom aplikacijom. U ovom dobu digitalizacije, korisničko sučelje se brzo mijenja i drži ključnu utvrdu u privlačenju nove gomile mogućih kupaca.

Što ćete naučiti:

• Testiranje korisničkog sučelja
• Pristup za testiranje korisničkog sučelja
• Uobičajeni nedostaci korisničkog sučelja
• Ključni zahtjevi za ispitivanje korisničkog sučelja i upotrebljivosti
• Neke osnovne komponente
• Neke napredne komponente
• Stanja komponenata korisničkog sučelja
• Alati za testiranje grafičkog sučelja
• Primjeri GUI test slučajeva
• Zaključak
• Preporučena literatura

Testiranje korisničkog sučelja

Kako bi se osiguralo da je vizualna estetika web aplikacija dobro prihvaćena, testiranje korisničkog sučelja i upotrebljivosti postaje ključni aspekt cjelokupne prakse osiguranja kvalitete. Bilo kojoj aplikaciji kojoj se može pristupiti putem URL-a web je aplikacija. U takvim aplikacijama uglavnom testiramo prednji kraj aplikacije koji će koristiti krajnji korisnik.

Svaki preglednik prikazuje web stranice različito, stoga je važno da stranica izgleda jednako u različitim preglednicima. Ako se web stranica prikazuje iskrivljeno i bez upravljanja, gledatelji će napustiti web stranicu. Stoga bi web stranica trebala proći testiranje korisničkog sučelja radi boljih rezultata.

Testiranje preglednika sastoji se od dvije vrste:

Ispitivanje funkcionalnosti

Testiranje različitih funkcija tijekom aplikacije. Uključuje provjeru valjanosti svih navigacija, kao i svih vrijednosti polja koje su prisutne na naslovnim stranicama, koristeći sve pozitivne i negativne scenarije.

Testiranje korisničkog sučelja

Testiranje faktora izgleda i osjećaja web stranice. Faktor izgleda i osjećaja uključuje vrstu zaslona, ​​font, poravnanje, radio gumb, potvrdni okvir itd.

• Područja obuhvaćena testiranjem korisničkog sučelja su upotrebljivost, izgled i dojam, navigacijske kontrole / navigacijske trake, upute i tehnički stil podataka, slike, tablice, pristupačnost itd.
• Da bismo testirali dostupnost, moramo provjeriti smjernice za pristupačnost W3C-web sadržaja.

Klik ovdje da biste dobili smjernice za W3C.

Pristup za testiranje korisničkog sučelja

Iz funkcionalnih testnih slučajeva odabiremo podskup testnih slučajeva koji pokriva sve funkcionalnosti aplikacije.

Drugi je korak modifikacija tih test slučajeva prema zahtjevima za testiranje korisničkog sučelja.

Sljedeći će korak biti izvršavanje tih test slučajeva; uspoređujući rezultat s očekivanim rezultatima i ako postoji bilo kakva razlika, onda se postavlja pitanje za iste. Nije moguće testirati u svim preglednicima. Klijent obično odlučuje u kojem pregledniku postoji zahtjev za testiranje.

Kako znamo da svaki preglednik web stranicu prikazuje drugačije, tako ne možemo očekivati ​​da svi preglednici web stranicu prikazuju potpuno slično.

Na primjer, padajući izbornik windows-firefox bit će drugačiji od mac-firefoxa. Takva su pitanja prihvatljiva, jer se radi o uslužnim programima operativnog sustava i mi ih moramo prihvatiti kao takve.

Osnovni preglednik: Uobičajeno se razvija aplikacija usmjerena na preglednik koji se očekuje da će ga uglavnom koristiti krajnji korisnici, a naziva se osnovnim preglednikom.

Uobičajeni nedostaci korisničkog sučelja

• Problemi s poravnavanjem gumba
• Nedosljedan razmak između naljepnica ili okvira za tekst
• Slomljene naljepnice, tj. Oznaka s jednim retkom prikazuje se u dva retka
• Neusklađenost tekstnih okvira, ikona s informacijama, naljepnica ili padajućih padajućih
• Preklapanje polja
• Nepotpuna polja
• Podaci na stranici su neusklađeni; neki pomaknuti prema gore ili dolje
• U bilo kojem pregledniku, dok odabirete neku radnju, odgovarajuća se radnja ne događa
• Promjena veličine ne radi kako se očekivalo
• Vrijeme isteka sesije bilo je vrlo kratko ili jako dugo za neke preglednike
• Problemi specifični za preglednik - Malo polja nije moguće uređivati ​​nakon unosa podataka u jedan preglednik, ali ih je moguće uređivati ​​u drugom pregledniku

Ključni zahtjevi za ispitivanje korisničkog sučelja i upotrebljivosti

Ključni zahtjevi za testiranje korisničkog sučelja web aplikacije su:

1. Dostupnost različitih komponenti u korisničkom sučelju
2. Razna stanja komponente UI

Komponenta:

Komponenta je gradivni blok koji se može koristiti s kombinacijom nekoliko drugih komponenata za formiranje aplikacije. Komponente se mogu ponovno koristiti u aplikaciji.

Primjeri komponente uključuju gumb, tekstualno polje, automatsko predlaganje, potvrdni okvir, padajući itd.

Neke osnovne komponente

Potvrdni okvir: Jedna ili više opcija mogu se odabrati iz komponente okvira za potvrdu

Radio tipke: Kada treba odabrati samo jednu opciju, korisni su radio gumbi

Neke napredne komponente

1. Harmonika: Pomoću ove komponente više se predmeta može vertikalno složiti. Svaka se stavka može proširiti za prikaz sadržaja u njoj. Može se proširiti i više stavki.

2. Krušne mrvice: Ovo je vrlo korisna komponenta koja pomaže u navigaciji web stranicama. Korisnik može prepoznati svoje trenutno mjesto na web mjestu iz ove komponente.

3. Vrtuljak: U komponentu vrtuljka može se ugraditi više skupova informacija. Pronalazači puta na dnu pokazuju da je prisutno više predmeta. Strelice pomažu u navigaciji unutar vrtuljka. Obično je navigacija vrtuljkom konfigurirana kao kontinuirana petlja.

Klik ovdje kako biste dobili korisnije informacije o komponentama korisničkog sučelja

Stanja komponenata korisničkog sučelja

Dostupnost komponenata temelji se isključivo na smjernicama projektnih zahtjeva. To će varirati od jednog do drugog projekta.

Različita stanja korisničkog sučelja za osnovnu komponentu su:

1. Neispunjena država
2. Ispunjena država i u fokusu
3. Normalno stanje i zadano stanje
4. Hover država
5. Država s invaliditetom
6. Maskirana država

Neispunjena država:

Prije unošenja bilo koje vrijednosti u komponenti, kaže se da je to nepopunjeno stanje. Neispunjeno stanje prikazuje tekst rezerviranog mjesta, ako postoji. Ispod je komponenta tekstualnog polja.

Ispunjeno stanje:

Komponenta s vrijednošću koju je korisnik unijeo u stanje je popunjena.

U fokusu:

Korisnik ponovno pregleda komponentu koja je već ispunjena. Komponenta bi trebala prikazati kursor, pokazujući da je određena komponenta u fokusu

Normalno stanje:

Prikaz komponente s vrijednošću koju je korisnik već unio na zaslon opisuje se kao normalno stanje.

Zadana država:

Komponenta koja prikazuje automatski popunjenu vrijednost s poslužitelja / pozadine. Ovu vrijednost korisnik također može uređivati ​​u nekim scenarijima.

Stanje lebdenja:

Prelazak mišem preko komponente ističe komponentu koja označava radnju zadržavanja pokazivača.

Prije lebdenja:

Kad zadržite pokazivač miša:

uzorak životopisa za iskusnog ispitivača softvera

Država s invaliditetom:

Komponenta je onemogućena i korisnik ne može uređivati ​​polja.

Omogućeno stanje

Država s invaliditetom

Maskirano stanje:

Pomoću ove komponente mogu se sakriti osjetljivi podaci poput lozinke.

Ključni zahtjevi za USAID-ovim testiranjem web aplikacije su:

1. Obitelj fontova
2. Veličina fonta
3. Boja
4. Razmak između slova
5. Visina crte
6. Provjera pozadine
7. Ispunjavanje / neprozirnost
8. Mjerenja komponenata poput duljine, širine i širine
9. Mjesto / razmak između komponenata na zaslonu

Gore navedene značajke upotrebljivosti mogu se testirati u kodu ili pomoću elementa inspekcije u aplikaciji. Drugi lakši način je korištenje dodataka. Dodaci se mogu razlikovati ovisno o pregledniku u kojem bi program trebao biti testiran.

Pojedinosti o raznim dodacima za preglednik

Prednosti dodataka:

• Štedi vrijeme
• Jednostavan za korištenje
• Isplativo je

Ograničenje dodataka:

• Pogreška paralaksa tijekom korištenja mjerenja
• Kompatibilan u svim aplikacijama
• Kompatibilan s više preglednika

Reference za dodatke:

• Web inspektor: Apple Dev Tools
• Palikuća: Firebug Wiki
• Izmjerite IT
• Colorzilla

Alati za testiranje grafičkog sučelja

U svijetu tehnologije dostupno je nekoliko alata koji bi pomogli testerima u testiranju korisničkog sučelja.

• Selen
• HP objedinjeno funkcionalno testiranje
• Krastavac
• Kodirano korisničko sučelje
• Zapravo

Detaljan popis GUI alata dostupan je na samom softwaretestinghelp.com! Molimo kliknite ovdje .

Primjeri GUI test slučajeva

1) Provjerite rad strelica vrtuljaka i tragača za putovima
dva) Provjerite prihvaća li polje lozinke vrijednosti samo u maskiranom stanju
3) Provjerite ostaje li gumb 'spremi' neaktivan sve dok se ne unesu sva obavezna polja
4) Provjerite da li je korisniku dopušteno kretanje do vrha stranice pomoću trake 'Top'
5) Provjerite prikazuje li se ispravna poruka kada primijenjeni filtri ne donose nikakve rezultate
6) Potvrdite navigaciju putem veza dostupnih u zaglavljima i podnožjima
7) Provjerite je li poravnanje radio gumba točno
8) Provjerite može li se istovremeno odabrati više opcija u potvrdnim okvirima
9) Provjerite je li naslov svakog odjeljka podebljanim slovima
10) Provjerite promjenu boje hiperveza klikom

Zaključak

Web stranica je duša mnogih tvrtki. Vrlo je potrebno osigurati da izgleda u redu i slično funkcionira na različitim preglednicima i platformama. Stoga je testiranje korisničkog sučelja vrlo važno i osigurat će veliku bazu kupaca i dodatnu poslovnu vrijednost.

Preporučena literatura

• Najbolji alati za testiranje softvera 2021. (Alati za automatizaciju ispitivanja kvalitete)
• Alfa testiranje i beta testiranje (cjelovit vodič)
• Preuzimanje e-knjige za testiranje primera
• Funkcionalno ispitivanje vs nefunkcionalno testiranje
• Potpuni vodič za testiranje provjere izrade (BVT testiranje)
• Što je ispitivanje sučelja? Upoznajte njegove vrste, strategiju i alate
• QA Vodič za outsourcing: Testiranje softvera za outsourcing tvrtke
• Vrste testiranja softvera: različite vrste ispitivanja s pojedinostima