gui testing tutorial
Popoln vodnik za testiranje GUI: Vadnica za testiranje uporabniškega vmesnika
Kaj je testiranje GUI?
Testiranje grafičnega uporabniškega vmesnika je postopek testiranja grafičnega uporabniškega vmesnika aplikacije, da se zagotovi ustrezna funkcionalnost v skladu s specifikacijami. Vključuje preverjanje komponent aplikacije, kot so gumbi, ikone, potrditvena polja, barva, meni, okna itd.
uravnoteženje obremenitve brezžičnega usmerjevalnika z dvojnim Wanom
Vizualna dinamika spletne aplikacije igra ključno vlogo pri sprejemanju aplikacije z uporabnikom.
Posledično to sprejemanje prinaša dolgoročno suženjstvo strank s strankino prošnjo. V tej dobi digitalizacije se uporabniški vmesnik hitro spreminja in je ključna trdnost pri privabljanju nove množice možnih kupcev.
Kaj se boste naučili:
- Testiranje uporabniškega vmesnika
- Pristop za testiranje uporabniškega vmesnika
- Pogoste napake uporabniškega vmesnika
- Ključne zahteve za uporabniški vmesnik in preizkus uporabnosti
- Nekaj osnovnih komponent
- Nekaj naprednih komponent
- Stanja komponent uporabniškega vmesnika
- Orodja za preizkušanje GUI
- Vzorčni primeri primerov GUI
- Zaključek
- Priporočeno branje
Testiranje uporabniškega vmesnika
Da bi zagotovili, da je vizualna estetika spletne aplikacije dobro sprejeta, preizkus uporabniškega vmesnika in uporabnosti postaneta ključni vidik celotne prakse zagotavljanja kakovosti. Vsaka aplikacija, do katere je mogoče dostopati prek URL-ja, je spletna aplikacija. V takih aplikacijah testiramo predvsem sprednji del aplikacije, ki naj bi ga uporabljal končni uporabnik.
Vsak brskalnik prikazuje spletne strani drugače, zato je pomembno, da je stran v različnih brskalnikih videti enako. Če je spletna stran prikazana popačeno in brez nje, potem bodo gledalci zapustili spletno stran. Za boljše rezultate bi moralo spletno mesto opraviti testiranje uporabniškega vmesnika.
Preizkušanje brskalnikov obsega dve vrsti:
Preskušanje funkcionalnosti
Testiranje različnih funkcij v celotni aplikaciji. Vključuje preverjanje veljavnosti vseh navigacij in vseh vrednosti polj, ki so prisotne na začetnih straneh, z uporabo vseh pozitivnih in negativnih scenarijev.
Testiranje uporabniškega vmesnika
Testiranje dejavnika videza in občutka spletne strani. Faktor videza in občutka vključuje vrsto zaslona, pisavo, poravnavo, izbirni gumb, potrditveno polje itd.
- Področja, ki jih zajema testiranje uporabniškega vmesnika, so uporabnost, videz in občutek, krmiljenje za krmarjenje / navigacijske vrstice, navodila in slog tehničnih informacij, slike, tabele, dostopnost itd.
- Za testiranje dostopnosti moramo preveriti smernice za dostopnost do spletnih strani W3C.
Kliknite tukaj da dobite smernice za W3C.
Pristop za testiranje uporabniškega vmesnika
Med funkcionalnimi testnimi primeri izberemo podskupino testnih primerov, ki zajema vse funkcionalnosti aplikacije.
Drugi korak je prilagoditev teh testnih primerov v skladu z zahtevami za testiranje uporabniškega vmesnika.
Naslednji korak bo izvajanje teh testnih primerov; primerjavo rezultata s pričakovanimi rezultati in če obstaja kakšna razlika, potem sprožite vprašanje za iste. Preizkus v vseh brskalnikih ni izvedljiv. Običajno se stranka odloči, v katerem brskalniku je treba preskusiti.
Ker vemo, da vsak brskalnik prikaže spletno stran drugače, tako ne moremo pričakovati, da bodo vsi brskalniki prikazali spletno stran popolnoma podobno.
Na primer, spustni meni v windows-firefoxu bo drugačen kot mac-firefox. Takšna vprašanja so sprejemljiva, saj gre za pripomočke operacijskega sistema in jih moramo kot take sprejeti.
Osnovni brskalnik: Običajno je aplikacija razvita za ciljanje na brskalnik, ki naj bi ga večinoma uporabljali končni uporabniki, zato ga imenujemo osnovni brskalnik.
Pogoste napake uporabniškega vmesnika
- Težave s poravnavo gumbov
- Neskladen presledek med nalepkami ali polji z besedilom
- Zlomljene nalepke, tj. Enojna nalepka se prikaže v dveh vrsticah
- Neusklajenost med besedilnimi polji, ikonami informacij, nalepkami ali spustnimi meniji
- Prekrivanje polj
- Nepopolna polja
- Podatki na strani so neusklajeni; nekaj časa premaknjeno navzgor ali navzdol
- V katerem koli brskalniku se med izbiro nekega dejanja ne zgodi ustrezno dejanje
- Spreminjanje velikosti ne deluje po pričakovanjih
- Čas poteka seje je za nekatere brskalnike zelo kratek ali zelo dolg
- Težave glede brskalnika - Le malo polj ni mogoče urejati po vnosu podatkov v enem brskalniku, ampak jih je mogoče urejati v drugem brskalniku
Ključne zahteve za uporabniški vmesnik in preizkus uporabnosti
Ključne zahteve za testiranje uporabniškega vmesnika spletne aplikacije so:
- Razpoložljivost različnih komponent v uporabniškem vmesniku
- Različna stanja komponente uporabniškega vmesnika
Komponenta:
Komponenta je gradnik, ki se lahko uporablja s kombinacijo več drugih komponent za oblikovanje aplikacije. Komponente je mogoče znova uporabiti v celotni aplikaciji.
Primeri komponente vključujejo gumb, besedilno polje, samodejni predlog, potrditveno polje, spustni zaslon itd.
Nekaj osnovnih komponent
Potrditveno polje: V komponenti potrditvenega polja lahko izberete eno ali več možnosti
Radijski gumbi: Če je treba izbrati samo eno možnost, so uporabni izbirni gumbi
Nekaj naprednih komponent
1. Harmonika: S to komponento je mogoče navpično naložiti več predmetov. Vsak element lahko razširite, da si ogledate vsebino v njem. Tudi več elementov je mogoče razširiti.
2. drobtine: To je zelo uporabna komponenta, ki pomaga pri navigaciji po spletnih straneh. Uporabnik lahko iz te komponente prepozna svojo trenutno lokacijo na spletnem mestu.
3. Vrtiljak: V sestavni del vrtiljaka je mogoče vključiti več sklopov informacijskih elementov. Iskalniki poti na dnu kažejo, da je prisotnih več predmetov. Puščice pomagajo pri navigaciji znotraj vrtiljaka. Običajno je navigacija z vrtiljakom nastavljena kot neprekinjena zanka.
Kliknite tukaj da dobite več koristnih informacij o komponentah uporabniškega vmesnika
Stanja komponent uporabniškega vmesnika
Razpoložljivost komponent temelji izključno na smernicah projektnih zahtev. Od projekta do projekta se razlikuje.
Različna stanja uporabniškega vmesnika za osnovno komponento so:
- Neizpolnjena država
- Izpolnjeno stanje in v središču pozornosti
- Običajno stanje in privzeto stanje
- Lebdenje države
- Invalidska država
- Maskirana država
Neizpolnjena država:
Pred vnosom katere koli vrednosti v komponento naj bi bilo stanje neizpolnjeno. Stanje neizpolnjeno prikaže besedilo nadomestnega znaka, če obstaja. Spodaj je komponenta besedilnega polja.
Izpolnjeno stanje:
Komponenta z vrednostjo, ki jo vpiše uporabnik, je zapolnjena.
V središču pozornosti:
Uporabnik ponovno pregleda komponento, ki je že napolnjena. Komponenta mora prikazati kazalec, ki kaže, da je določena komponenta v fokusu
Običajno stanje:
Prikazovanje komponente z vrednostjo, ki jo je uporabnik že vnesel na zaslon, je opisano kot normalno stanje.
Privzeto stanje:
Komponenta, ki prikaže samodejno zapolnjeno vrednost s strežnika / zaledja. To vrednost lahko uporabnik v nekaterih primerih tudi ureja.
Stanje lebdenja:
Miškin kazalec miške nad komponento označi komponento, ki označuje dejanje lebdenja.
Pred lebdenjem:
Ko premaknete miškin kazalec:
Invalidi:
Komponenta je onemogočena in uporabnik ne more urejati polj.
Omogočeno stanje
Invalidska država
Maskirano stanje:
top world of warcraft zasebni strežnik
Občutljive podatke, kot je geslo, lahko s to komponento skrijete.
Ključne zahteve za testiranje uporabnosti spletne aplikacije so:
- Družina pisav
- Velikost pisave
- Barva
- Razmik med črkami
- Višina vrstice
- Preverjanje ozadja
- Izpolnitev / motnost
- Meritve komponent, kot so dolžina, širina in širina
- Lokacija / razmik med komponentami na zaslonu
Zgornje funkcije uporabnosti lahko preizkusite v kodi ali uporabite element za pregled v aplikaciji. Drug lažji način je uporaba dodatkov. Dodatki se lahko razlikujejo glede na brskalnik, v katerem je treba preizkusiti aplikacijo.
Podrobnosti o različnih dodatkih za brskalnik
Ime | Podrobnosti uporabe | Kompatibilnost |
---|---|---|
Ravnilo strani | Ta dodatek pomaga pri preizkušanju širine in višine komponent. Ugotoviti je mogoče tudi zgornji, levi, desni in spodnji položaj komponent | Chrome in Firefox |
Spletni inšpektor | Spletni inšpektor prikaže pisavo, barvo besedila in barvo ozadja s klikom na ikono spletnega inšpektorja in ga premakne nad odsek, ki ga je treba preizkusiti. | Chrome in Safari |
Fire Bug | Firebug je odprtokodni dodatek za spremljanje CSS, HTML, DOM, XHR in JavaScript na spletni strani. To je alternativa elementu za pregled, združljiv s Firefoxom. | Firefox |
ColorZilla | To je dodatek za izbiro barv, ki se uporablja za analizo barve spletne strani | Chrome in Firefox |
Izmeri ga | Uporablja se za preizkušanje širine, višine in poravnave elementov v slikovnih pikah. | Chrome, Safari in Firefox |
Prednosti dodatkov:
- Prihrani čas
- Enostaven za uporabo
- To je stroškovno učinkovito
Omejitev dodatkov:
- Napaka paralaksa med uporabo merjenja
- Združljiv med različnimi aplikacijami
- Združljiv z več brskalniki
Reference za dodatke:
- Spletni inšpektor: Apple Dev Tools
- Firebug: Firebug Wiki
- Izmerite IT
- Colorzilla
Orodja za preizkušanje GUI
V tehnološkem svetu je na voljo več orodij, ki bi preizkuševalcem pomagala pri testiranju uporabniškega vmesnika.
- Selen
- HP-jevo poenoteno funkcionalno testiranje
- Kumara
- Kodiran uporabniški vmesnik
- Pravzaprav
Podroben seznam orodij GUI je na voljo na samem softwaretestinghelp.com! Prosim kliknite tukaj .
Vzorčni primeri primerov GUI
1) Preverite delovanje vrtiljakov in iskalcev poti
dva) Preverite, ali polje za geslo sprejema vrednosti samo v maskiranem stanju
3) Prepričajte se, da gumb 'shrani' ostane neaktiven, dokler ne vnesete vseh obveznih polj
4) Preverite, ali je uporabniku dovoljeno krmarjenje do vrha strani z vrstico »Top«
5) Prepričajte se, da se prikaže pravilno sporočilo, ko uporabljeni filtri ne pridobijo nobenih rezultatov
6) Preverite navigacijo na povezavah, ki so na voljo v Glavah in nogah
7) Preverite, ali je izbirna tipka poravnana pravilno
8) Preverite, ali lahko hkrati izberete več možnosti v potrditvenih poljih
9) Preverite, ali je naslov vsakega odseka v krepkih črkah
10) S klikom preverite spremembo barve hiperpovezav
Zaključek
Spletna stran je duša mnogih podjetij. Prepričati se je treba, da izgleda v redu in deluje podobno v različnih brskalnikih in platformah. Tako je testiranje uporabniškega vmesnika zelo pomembno in bo zagotovilo veliko bazo strank in dodalo poslovno vrednost.
Priporočeno branje
- Najboljša orodja za testiranje programske opreme 2021 [QA Test Automation Tools]
- Alfa testiranje in beta testiranje (popoln vodnik)
- Preizkus eBook Prenos knjige
- Funkcionalno testiranje vs nefunkcionalno testiranje
- Popoln vodnik za preizkus preverjanja gradnje (testiranje BVT)
- Kaj je preskušanje vmesnika? Spoznajte njene vrste, strategijo in orodja
- Vodič za zunanje izvajanje QA: Testiranje programske opreme za zunanja podjetja
- Vrste testiranja programske opreme: različne vrste preskušanja s podrobnostmi