GUI Testing Tutorial: a Complete User Interface (UI) Testing Guide

a Complete Guide to GUI Testing: User Interface Testing Tutorial

What is GUI Testing?

GUI-testaus on prosessi, jossa testataan sovelluksen graafista käyttöliittymää, jotta varmistetaan asianmukainen toiminnallisuus spesifikaatioiden mukaisesti. Se edellyttää tarkistaa sovelluksen osat, kuten painikkeet, kuvakkeet, valintaruudut, väri, valikko, windows jne.

verkkosovelluksen visuaalisella dynamiikalla on keskeinen rooli sovelluksen hyväksymisessä käyttäjän kanssa.

näin ollen tämä hyväksyntä tuo asiakkaisiin pitkän sidonnaisuuden asiakkaan hakemuksella. Digitalisaation aikakaudella käyttöliittymä muuttuu nopeasti ja on avainasemassa uusien asiakkaiden houkuttelemisessa.

Käyttöliittymätestaus

jotta web-sovelluksen visuaalinen esteettisyys hyväksytään hyvin, KÄYTTÖLIITTYMÄTESTAUKSESTA ja Käytettävyystestauksesta tulee keskeinen osa yleistä LAADUNVARMISTUSKÄYTÄNTÖÄ. Mikä tahansa sovellus, jota voi käyttää URL-osoitteen kautta, on verkkopohjainen sovellus. Tällaisissa sovelluksissa testaamme pääasiassa sovelluksen etupäätä, jota loppukäyttäjä käyttää.

jokainen selain näyttää verkkosivut eri tavoin, joten on tärkeää, että sivu näyttää samalta eri selaimilla. Jos verkkosivu näytetään vääristyneenä ja hallitsemattomana, se johtaa katsojat poistumaan verkkosivulta. Joten sivusto olisi tehtävä UI testaus parempia tuloksia.

Selaintestaus käsittää alle kaksi tyyppiä:

Toiminnallisuustestaus

eri toimintojen testaus koko sovelluksen ajan. Se edellyttää validointi kaikki navigaatiot sekä kaikki kentän arvot, jotka ovat läsnä etupään sivuilla käyttäen kaikkia positiivisia sekä negatiivisia skenaarioita.

KÄYTTÖLIITTYMÄTESTAUS

verkkosivun ulkonäkö-ja tuntumakertoimen testaus. Katso ja tunne tekijä sisältää näytön tyyppi, fontti, kohdistus, Radiopainike, valintaruutu jne.

• KÄYTTÖLIITTYMÄTESTAUKSEN osa-alueita ovat käytettävyys, ulkonäkö & tuntuma, navigointiohjaimet/navigointipalkit, ohjeet ja teknisen tiedon tyyli, kuvat, taulukot, saavutettavuus jne.
• esteettömyyden testausta varten meidän on tarkistettava W3C-Web content accessibility guidelines.

Klikkaa tästä saadaksesi W3C-ohjeen.

lähestymistapa KÄYTTÖLIITTYMÄTESTAUKSEEN

valitsemme funktionaalisista testitapauksista osajoukon, joka kattaa kaikki sovelluksen toiminnot.

toinen vaihe on muuttaa kyseisiä testitapauksia unionin tuotannonalan testausvaatimusten mukaisesti.

seuraava vaihe on näiden testitapausten suorittaminen; tulosten vertaaminen odotettuihin tuloksiin, ja jos on eroja, niin asian nostaminen samasta. Sitä ei ole mahdollista testata kaikissa selaimissa. Yleensä asiakas päättää, missä selaimessa on testivaatimus.

koska tunnemme jokaisen selaimen näyttävän web-sivun eri tavalla, joten emme voi odottaa kaikkien selainten näyttävän Web-sivua täsmälleen samanlaisena.

esimerkiksi Windows-Firefoxissa avattavuus on erilainen kuin mac-Firefoxissa. Tällaiset asiat ovat hyväksyttäviä, koska nämä ovat käyttöjärjestelmän apuohjelmia ja meidän on hyväksyttävä ne sellaisenaan.

Perusselain: Normaalisti sovellus kehitetään kohdistamalla selain, jonka odotetaan olevan enimmäkseen loppukäyttäjien käytössä, sitä kutsutaan perusselaimeksi.

yleisesti esiintyvät KÄYTTÖLIITTYMÄVIRHEET

• painikkeen kohdistusongelmat
• nimilappujen tai tekstikenttien välinen epäjohdonmukainen tila
• rikkinäiset nimilaput eli yhden rivin merkki, joka näkyy kahdella rivillä
• tekstiruutujen, info-kuvakkeiden, – nimilappujen tai-pudotusten välinen virhe
• kenttien päällekkäisyys

epätäydelliset kentät

• sivun tiedot on kohdistettu väärin; some time-shiped up or down
• in any browser, while selecting some action, the vastaava toiminto ei tapahdu
• koon muuttaminen ei toimi odotetulla tavalla
• istunnon päättymisaika joko hyvin lyhyt tai hyvin pitkä joillakin selaimilla
• selainkohtaiset ongelmat – harvat kentät eivät ole muokattavissa syötettyäsi tietoja yhteen selaimeen, mutta muokattavissa toisessa selaimessa

Key UI ja käytettävyystestin vaatimukset

verkkosovelluksen Keskeiset Käyttöliittymätestausvaatimukset ovat:

1. eri komponenttien saatavuus käyttöliittymässä
2. KÄYTTÖLIITTYMÄKOMPONENTIN eri tilat

komponentti:

komponentti on rakenneosa, jota voidaan käyttää useiden muiden komponenttien yhdistelmänä sovelluksen muodostamiseksi. Komponentit voidaan käyttää uudelleen koko sovelluksen.

esimerkkejä komponentista ovat painike, tekstikenttä, Automaattisuggest, valintaruutu, pudotusvalikko jne.

jotkut peruskomponentit

valintaruutu: valintaruudusta voi valita yhden tai useamman vaihtoehdon

radiopainikkeet: Kun vain yksi vaihtoehto on valittava, radiopainikkeet ovat hyödyllisiä

joitakin kehittyneitä komponentteja

1. Harmonikka: useita kohteita voidaan pinota pystysuunnassa käyttämällä tätä komponenttia. Jokainen kohde voidaan laajentaa sen sisällön tarkastelemiseksi. Useampaa kohdetta voidaan laajentaa myös.

2. Leivänmurut: tämä on erittäin hyödyllinen komponentti, joka auttaa verkkosivuilla navigointi. Käyttäjä voi tunnistaa hänen nykyinen sijainti verkkosivuilla tämän komponentin.

3. Karuselli: Karusellikomponenttiin voidaan sisällyttää useita tietokokonaisuuksia. Tapa finders alareunassa osoittavat enemmän kohteita on läsnä. Nuolet auttavat navigoinnissa karusellin sisällä. Yleensä karusellinavigointi on konfiguroitu jatkuvaksi silmukaksi.

Klikkaa tästä saadaksesi lisätietoa KÄYTTÖLIITTYMÄKOMPONENTEISTA

käyttöliittymäkomponenttien osavaltioista

komponenttien saatavuus perustuu puhtaasti projektin vaatimusohjeisiin. Se vaihtelee hankkeesta toiseen.

perusosan eri KÄYTTÖLIITTYMÄTILAT ovat:

1. täyttämätön tila
2. täytetty tila ja tarkentunut
3. normaali tila ja oletusarvo
4. liikuntakyvytön tila
5. liikuntakyvytön tila
6. naamioitunut tila

täyttämätön tila:

ennen näppäillen minkä tahansa komponentin arvon sanotaan olevan täyttämätön tila. Täyttämätön tila näyttää mahdollisen paikkamerkin tekstin. Alla on tekstikenttäkomponentti.

täytetty tila:

käyttäjän näppäilemä arvo on täytetty tila.

tarkennustilassa:

käyttäjä tarkistaa osan, joka on jo täytetty. Komponentin tulee näyttää kohdistin, mikä osoittaa, että kohdistettu komponentti

normaalitilassa:

komponentin näyttö, jonka käyttäjä on jo syöttänyt näyttöön, on kuvattu normaalitilassa.

oletustila:

komponentti, joka näyttää automaattisesti asutun arvon palvelimelta/taustaosalta. Käyttäjä voi myös muokata tätä arvoa joissakin skenaarioissa.

Hover-tila:

hiiren osoittaminen komponentin yllä korostaa hover-toiminnon ilmaisevaa komponenttia.

ennen leijumista:

on Hover:

käytöstä poistettu tila:

komponentti on poistettu käytöstä eikä käyttäjä voi muokata kenttiä.

käytössä oleva tila

vammainen tila

naamioitunut tila:

arkaluonteiset tiedot, kuten salasana, voidaan piilottaa tämän komponentin avulla.

verkkosovelluksen Keskeiset KÄYTETTÄVYYSTESTAUSVAATIMUKSET ovat:

1. kirjasinperhe
2. kirjasinkoko
3. väri
4. Kirjainväli
5. Rivin korkeus
6. Taustavalistus
7. täyttöaste/peittävyys
8. komponenttien mitat, kuten pituus, leveys ja leveys
9. komponenttien sijainti/väli näytöllä

edellä mainitut käytettävyysominaisuudet voidaan testata koodissa tai sovelluksen inspect-elementillä. Toinen helpompi tapa on käyttää lisäosia. Lisäosat voivat vaihdella sen mukaan, missä selaimessa sovellusta pitäisi testata.

eri Selainlisäosien yksityiskohdat

lisäosien edut:

• säästää aikaa
• helppokäyttöinen
• kustannustehokas

lisäosien rajoittaminen:

• Parallaksivirhe käytettäessä mittausta
• yhteensopiva eri sovelluksissa
• yhteensopiva useiden selainten kanssa

viittaukset lisäosiin:

• Web Inspector: Apple Dev Tools
• Firebug: Firebug Wiki
• Measure IT
• Colorzilla

GUI Testing Tools

teknologiamaailmassa on useita työkaluja, jotka auttaisivat testaajia KÄYTTÖLIITTYMÄTESTAUKSESSA.

• seleeni
• HP Unified Functional Testing
• Kurkku
• koodattu UI
• Sahi

yksityiskohtainen luettelo KÄYTTÖLIITTYMÄTYÖKALUISTA on saatavilla softwaretestinghelp.com itse! Klikkaa tästä.

näytteen GUI-testitapaukset

1) Varmista, että karusellinuolet ja-löytäjät toimivat
2) Varmista, että salasanakenttä hyväksyy arvot vain naamioidussa tilassa
3) Varmista, että ”Tallenna” – painike pysyy toimimattomana, kunnes kaikki vaaditut kentät on syötetty
4) Varmista, että käyttäjä saa navigoida sivun yläreunaan käyttäen ” Top ” – palkkia
5) Tarkista, että oikea viesti näytetään kun käytetyt suodattimet eivät nouda tuloksia
6) Tarkista navigointi otsikoiden ja alatunnisteiden linkeistä
7) Tarkista radiopainikkeiden linjaus on tarkka
8) Tarkista, että valintaruuduissa voidaan valita useita vaihtoehtoja kerrallaan
9) varmista, että jokaisen osion otsikko on lihavoiduin kirjaimin
10) Tarkista hyperlinkkien värinmuutos klikkaamalla

johtopäätös

verkkosivu on monen yrityksen sielu. On erittäin tärkeää varmistaa, että se näyttää hienolta ja toimii samalla tavalla eri selaimilla & alustoilla. Näin ollen käyttöliittymien testaus on erittäin tärkeää ja se varmistaa suuren asiakaskunnan ja liiketoiminnan lisäarvon.