UI Testing: a Comprehensive Guide

UI testing is an important element of the software testing cycle. LAADUNVARMISTUSAMMATTILAISTEN olisi testattava kaikki käyttöliittymäkomponentit, jotta voidaan varmistaa, onko sovelluksissa halutut toiminnot ja ovatko ne käyttäjäystävällisiä. Tämä ei ainoastaan paranna ohjelmiston laatua, vaan myös varmistaa, että loppukäyttäjät ovat mukavia sovellusta käytettäessä.

tässä kattavassa oppaassa käsitellään kaikkea, mitä sinun tarvitsee tietää KÄYTTÖLIITTYMÄTESTAUKSESTA, KÄYTTÖLIITTYMÄTESTAUKSEN peruskäsitteistä siihen, miten voit suorittaa tehokkaan KÄYTTÖLIITTYMÄTESTIN. Loppupuolella sukellamme KÄYTTÖLIITTYMÄTESTAUKSEN haasteisiin ja tarjoamme käytännöllisiä ratkaisuja.

mitä on KÄYTTÖLIITTYMÄTESTAUS?

käyttöliittymä-tai KÄYTTÖLIITTYMÄTESTAUS, joka tunnetaan myös nimellä GUI-testaus, on prosessi, jossa testataan sovelluksen visuaalisia elementtejä sen arvioimiseksi, vastaavatko ne tarkasti odotettua suorituskykyä ja toiminnallisuutta. Testaamalla käyttöliittymää testaajat voivat vahvistaa, että KÄYTTÖLIITTYMÄTOIMINNOISSA ei ole vikoja.

siinä testataan kaikki visuaaliset ilmaisimet ja graafiset kuvakkeet, kuten valikot, radiopainikkeet, tekstilaatikot, valintaruudut, työkalupalkit, värit, fontit ja paljon muuta.

KÄYTTÖLIITTYMÄTESTAUKSESSA tarkastettuja pääkohtia ovat:

• visuaalinen suunnittelu
• toiminnallisuus
• käytettävyys
• suorituskyky
• vaatimustenmukaisuus

KÄYTTÖLIITTYMÄTESTAUS suoritetaan manuaalisesti tai automatisoidusti testaustyökalulla. Käytetystä menetelmästä riippumatta tavoitteena on varmistaa, että kaikki käyttöliittymäelementit täyttävät vaaditut vaatimukset.

KÄYTTÖLIITTYMÄTESTAUKSEN tarve

KÄYTTÖLIITTYMÄTESTAUS keskittyy kahteen pääasiaan. Ensin tarkistetaan, miten sovellus käsittelee käyttäjän toimia näppäimistön, hiiren ja muiden syöttölaitteiden avulla. Toiseksi tarkistetaan, näytetäänkö visuaalisia elementtejä ja toimivatko ne oikein.

vain näin toimimalla organisaatiot voivat varmistaa, että sovellukset täyttävät niiden toiminnalliset vaatimukset ja että loppukäyttäjät ottavat ne onnistuneesti käyttöön. Tästä syystä KÄYTTÖLIITTYMÄTESTAUKSELLA on merkittävä rooli ennen kuin sovellus vapautetaan tuotantoon.

KÄYTTÖLIITTYMÄTESTAUKSEN tarkistuslista: olennaiset testitapaukset

kuten useimmat ohjelmistotestaukset, KÄYTTÖLIITTYMÄTESTAUKSEN laajuus voi olla hyvin laaja. Tähän osioon kokosimme olennaisia testitapauksia, joiden avulla QA-ammattilaiset voivat testata käyttöliittymiään perusteellisesti. Testitapaukset kattavat käyttöliittymän eri osa-alueet, kuten kuvat, väristandardit, sivun sisällön, navigoinnin, käytettävyyden ja paljon muuta. Käytä tätä tarkistuslistaa varmistaaksesi, että KÄYTTÖLIITTYMÄTESTISI ovat kattavampia.

• tietotyypin virheet-varmista, että vain valideja tietoja voidaan syöttää tiettyihin tietotyyppeihin, kuten valuutta ja päivämäärät.
• kentän leveydet – jos tietty tekstiruutu sallii tietyn määrän merkkejä, tee käyttöliittymässä selväksi, että syötetyt tiedot eivät saa ylittää merkkirajaa. (Esimerkiksi kentän, joka sallii 50 merkkiä sovelluksen tietokannassa, ei pitäisi sallia käyttäjien syöttää yli 50 merkkiä rajapintaan).
• navigointielementit-Tarkista, että kaikki sivun navigointipainikkeet toimivat oikein ja että ne ohjaavat käyttäjät oikealle sivulle tai näytölle.
• edistymispalkit – näytettäessä näyttöjä, jotka vievät aikaa tulosten esittämiseen, on käytettävä edistymispalkkia, joka näyttää käyttäjälle, että prosessi on yhä käynnissä.
• Type-ahead-jos käyttöliittymäsi käyttää pudotuslistoja, varmista, että sisällytät tyypin ahead. Pudotusvalikossa, jossa on satoja kohteita, ensimmäisen kirjaimen kirjoittamisen pitäisi ohittaa luettelo kyseisellä kirjaimella alkaviin kohteisiin siten, että käyttäjien ei tarvitse käydä läpi pitkää luetteloa.
• taulukon vieritys – jos taulukoidesi tiedot ulottuvat toiselle sivulle, vieritystoiminnon pitäisi antaa käyttäjien vierittää tietoja, mutta pitää kaikki otsakkeet koskemattomina.
• virheloki – kun järjestelmä kokee kohtalokkaan virheen, varmista, että sovellus kirjoittaa virhetiedot tapahtumienvalvojalle tai lokitiedostoon myöhempää tarkastelua varten.
• valikkokohteet-varmista, että sovellus näyttää vain kelvolliset valikkokohteet, jotka ovat saatavilla tietyssä tilassa.
• toimivat pikakuvakkeet-sovelluksille, jotka tukevat pikakuvakkeita, tarkista, toimivatko ne oikein riippumatta siitä, mitä selainta, alustaa tai laitetta käytetään.
• Vahvista toimintopainikkeet – varmista, että käyttöliittymällä on toimiva vahvista-painike aina, kun käyttäjä haluaa tallentaa tai poistaa kohteen

näiden yksittäisten elementtien testaamisen lisäksi on hyödyllistä tehdä KÄYTTÖLIITTYMÄTESTAUS kriittisimpien prosessien todentamiseksi. Koska tämä on, jos käyttäjät ovat vuorovaikutuksessa useimmiten sovelluksen kanssa, näet myös eniten ROI tekemästä tämän tyyppistä KÄYTTÖLIITTYMÄTESTAUSTA.

kun käsittelet päästä päähän-testausta, KÄYTTÖLIITTYMÄTESTISI käsittelevät paljon todennäköisemmin organisaatiosi kipupisteitä. Yksi merkittävä esimerkki päästä päähän-prosessista, joka voi hyötyä käyttöliittymien testauksesta, on luottokorttimaksujen käsittely. Erityisesti verkkokauppateollisuudessa on ehdottoman tärkeää varmistaa, että hakemuksesi voi toteuttaa kaikki tarvittavat toimenpiteet hyväksyäkseen ja todentaakseen pätevän tapahtuman. Tällaisten prosessien testaus ei ainoastaan vahvista koodin toimivuutta, vaan sillä on myös suuri vaikutus koko liiketoimintaan.

lähestymistavat KÄYTTÖLIITTYMÄTESTAUKSEEN

KÄYTTÖLIITTYMÄTESTAUKSEEN on kolme pääasiallista lähestymistapaa, nimittäin:

manuaalinen testaus

manuaalisessa testauksessa ihmisen testaaja suorittaa joukon toimintoja tarkistaakseen, toimiiko sovellus oikein ja että graafiset elementit vastaavat dokumentoituja vaatimuksia. Manuaalisella testauksella on merkittäviä haittoja, koska se voi olla aikaa vievää ja testin kattavuus on erittäin alhainen. Lisäksi testauksen laatu tässä lähestymistavassa riippuu testiryhmän tietämyksestä ja kyvyistä.

tallennus-ja Toistotestaus

tunnetaan myös nimellä record-and-replay-testaus, se suoritetaan automaatiotyökaluilla. Automatisoitu KÄYTTÖLIITTYMÄTESTAUSTYÖKALU tallentaa kaikki tehtävät, toimet ja vuorovaikutukset sovelluksen kanssa. Tallennetut vaiheet toistetaan, suoritetaan ja verrataan odotettuun käyttäytymiseen. Jatkotestausta varten uusintavaihe voidaan toistaa erilaisilla tietokokonaisuuksilla.

mallipohjainen testaus

tässä testausmenetelmässä keskitymme rakentamaan graafisia malleja, jotka kuvaavat järjestelmän käyttäytymistä. Tämä antaa syvemmän ymmärryksen järjestelmästä, jonka avulla testaaja voi tuottaa erittäin tehokkaita testitapauksia. Malleissa määritämme järjestelmän tulot ja lähdöt, joita puolestaan käytetään testien suorittamiseen. Mallipohjainen testaus toimii seuraavasti:

• Luo malli järjestelmälle
• Määritä järjestelmän tulot
• Tarkista odotettu tuotos
• suorita testit
• Tarkista ja validoi järjestelmän tuotos vs. odotettu tuotos

mallipohjainen lähestymistapa on hyvä, koska se mahdollistaa korkeamman automaation tason. Se kattaa myös suuremman määrän järjestelmän tiloja, mikä parantaa testin kattavuutta.

UI-Testiskenaariot

suorittaessaan UI-testiä LAADUNVARMISTUSRYHMÄN on laadittava testaussuunnitelma, jossa yksilöidään testattavan sovelluksen alueet sekä käytettävissä olevat testausresurssit. Näiden tietojen avulla testaajat voivat nyt määritellä testiskenaariot, luoda testitapauksia ja kirjoittaa testiskriptejä.

testiskenaario on dokumentti, joka valottaa, miten testattavaa sovellusta käytetään tosielämässä. Yksinkertainen testi skenaario useimmissa sovelluksissa olisi, ”käyttäjät onnistuneesti kirjautua voimassa käyttäjätunnus tai tunnus ja salasana” tässä skenaariossa, meillä voi olla testitapauksia useita GUI tapahtumia. Tämä Sisältää, kun käyttäjä:

• tarjoaa kelvollisen käyttäjätunnuksen ja salasanan yhdistelmän
• syöttää kelvottoman käyttäjätunnuksen
• syöttää kelvollisen käyttäjätunnuksen, mutta kelvottoman salasanan
• unohtaa ja yrittää palauttaa salasanan
• yrittää kopioida salasanan salasanakentästä
• yrittää kopioida salasanan salasanakenttään
• osuu ohjepainikkeeseen

vaikka skenaarioita ei tarvita käyttöliittymätestien luomisessa, ne ohjaavat niiden kehitystä. Periaatteessa ne toimivat pohjana, josta testitapaukset ja testikäsikirjoitukset kehitetään alla esitetyllä tavalla:

Demo: Käytännön KÄYTTÖLIITTYMÄTESTI

käyttöliittymää testattaessa otetaan huomioon monia asioita. Tarkastellaan tätä Google Rekisteröidy lomake esimerkkinä.

käyttämällä yllä olevaa lomaketta tunnistamme 13 testitapausta, joiden nimet ovat TC-1-TC-13. Meidän tulisi tehdä ainakin seuraavat KÄYTTÖLIITTYMÄTARKISTUKSET:

TC-1

• tarkista sivun etiketti, sijainti ja fontti.

TC-2

• Vahvista, onko sivun otsikko oikea.
• Tarkista käytetty fontti.

TC-3

• Tarkista kohdistimen tarkennus oletuskentässä.
• testaa pakolliset kentät napsauttamalla Seuraava lomakkeen ollessa tyhjä.
• Tarkista tekstiruudun sijainti ja linjaus.
• Tarkista sekä kelvollisten että kelvottomien merkkien hyväksyntä kenttämerkeistä.

TC-4

• Tarkista tekstiruudun sijainti ja kohdistus.
• Tarkista kenttämerkit, validoi sekä kelvollisten että kelvottomien merkkien hyväksyntä.

TC-5

• Tarkista tekstiruudun sijainti ja kohdistus.
• Tarkista kenttämerkit, validoi sekä kelvollisten että kelvottomien merkkien hyväksyntä.

TC-6

• testaa Virheilmoitus syöttämällä sekä sallitut että kielletyt merkit.
• Tarkista virheviestin oikeellisuus.

TC-7

• testaa ponnahdusikkunoita ja hyperlinkkejä.

TC-8

• Tarkista kenttämerkit, vahvista sekä kelvollisten että kelvottomien merkkien hyväksyminen.
• Tarkista tekstiruudun sijainti ja linjaus.

TC-9

• Tallenna vertaansa vailla oleva salasana.
• Tarkista kenttämerkit, validoi sekä kelvollisten että kelvottomien merkkien hyväksyntä.
• Tarkista tekstiruudun sijainti ja linjaus.

TC-10

• Tarkista kuvakkeen sijainti.
• testaa kuvake näyttää tai piilottaa käyttäjän salasanan.
• Tarkista kuvanlaatu.

TC-11

• testaa Virheilmoitus syöttämällä sekä sallitut että kielletyt merkit.
• Tarkista virheviestin oikeellisuus.

TC-12

• testaa ponnahdusikkunoita ja hyperlinkkejä.

TC-13

• Testilomakkeen toimittaminen.
• Tarkista painikkeen sijainti ja selkeys.

haasteet KÄYTTÖLIITTYMÄTESTAUKSESSA

Ohjelmistotestaajat kohtaavat useita ongelmia suorittaessaan KÄYTTÖLIITTYMÄTESTEJÄ. Merkittävimpiä haasteita ovat:

• jatkuvasti muuttuva käyttöliittymä-on tavallista päivittää sovelluksia jatkuvasti uusia ominaisuuksia ja toimintoja varten. Kun päivityksiä tehdään usein, kattavien KÄYTTÖLIITTYMÄTESTIEN suorittaminen tulee haasteeksi.
• testauksen monimutkaisuus lisääntyy-nykyaikaisissa sovelluksissa on huomattavan monimutkaisia ominaisuuksia, kuten sulautettuja kehyksiä, monimutkaisia vuokaavioita, karttoja, kaavioita ja muita web-elementtejä. Tämä tekee KÄYTTÖLIITTYMÄTESTEISTÄ entistä haastavampia.
• KÄYTTÖLIITTYMÄTESTIT voivat olla aikaa vieviä-tehokkaiden KÄYTTÖLIITTYMÄTESTIEN luominen ja testien suorittaminen voi viedä aikaa varsinkin silloin, kun testaaja ei käytä oikeaa työkalua.
• KÄYTTÖLIITTYMÄTESTIEN ylläpitäminen – kehittäjien tehdessä muutoksia käyttöliittymään, testikriptien ylläpitäminen käy haastavaksi.
• useiden virheiden käsittely – suorittaessaan monimutkaisia KÄYTTÖLIITTYMÄTESTEJÄ tiukassa aikataulussa testaajat käyttävät paljon aikaa skriptien luomiseen. Tällaisissa skenaarioissa virheiden korjaaminen testausprosessin aikana on haastavaa.
• käyttöliittymän TESTIAUTOMAATION ROI: n laskenta – koska käyttöliittymä muuttuu jatkuvasti, myös testit muuttuvat. Tämä lisää käyttöliittymän testaukseen käytettävää aikaa, mikä viivästyttää toimitusprosessia. Lopulta ROI: n laskeminen jatkuvasti suoritettaville KÄYTTÖLIITTYMÄTESTEILLE käy vaikeaksi.

kuinka voittaa yleiset KÄYTTÖLIITTYMÄTESTAUSHAASTEET

Tässä muutamia käytännön vinkkejä, joiden avulla voit voittaa edellä mainitut KÄYTTÖLIITTYMÄTESTAUSHAASTEET.

Valitse oikea käyttöliittymän testiautomaatiotyökalu

ensimmäinen askel ohjelmistojen testaukseen liittyvien haasteiden ratkaisemisessa on oikean automaatiotyökalun valinta. Markkinoilla on erilaisia testausvälineitä, joita voit käyttää projektissasi. Keskity kuitenkin valitsemaan sellainen, joka integroituu saumattomasti työnkulkuusi. Suuri UI automaatio työkalu on ennätys / toisto ominaisuuksia, tukee uudelleenkäytettäviä testejä, ja vaatii vähän huoltoa. Se tukee myös raportointia ja siinä on vikojen seurantaominaisuudet.

Hyödynnä oliovarastoa

yksi tapa vähentää testin ylläpitoa ja siihen liittyviä kustannuksia on käyttää jaettua arkistoa. On myös hyvä idea vähentää käyttöliittymän testitapausten määrää alustavien testausvaiheiden aikana ja lisätä sitten kattavuutta, kun siirryt eteenpäin. Tämä takaa suuremman onnistumisprosentin testeissä.

valitse kooditon automaatio testausvälineet

poistaaksesi toistuvien muutosten vaivan testikoodissa, kehittäjien ja LAADUNVARMISTUSTIIMIEN tulisi hyödyntää koodittoman automaation voimaa. Jos olet Seleenifani, esimerkiksi, TestCraft automatisoi koko testin luomisen ja suorittamisen prosessi, mikä säästää paljon aikaa ja kustannuksia.

Organizational code review-standardit

yrityksen koodauskulttuurilla on merkittävä vaikutus siihen, miten hyvin heidän tiiminsä vastaavat testauksen haasteisiin sovelluskehityksen syklissä. Tästä syystä organisaatioiden olisi keskityttävä kouluttamaan tiimejään parhaista testiautomaatiokäytännöistä, joten koodin tarkistamiselle tai muutoksille on omat kriteerinsä koko yrityksessä. Hyvä lähestymistapa olisi sitouttaa testiautomaation asiantuntijoita intensiivisiin aivoriihiin.

lopullinen sana

KÄYTTÖLIITTYMÄTESTAUS on olennainen tekijä käyttäjäkokemuksen ja asiakastyytyväisyyden parantamisessa. Useimmat loppukäyttäjät eivät välitä siitä, kuinka hyvin koodi toimii tai kuinka puhdas se on. Vaikka he hyötyvät korkeasta koodin laadusta, he ovat enemmän huolissaan siitä, mitä he voivat käytännössä nähdä ja koskettaa.

sellaisenaan testaajien tulisi varmistaa, että heidän sovelluksensa käyttöliittymä on helppokäyttöinen ja navigoitava, näyttää hyvältä kaikissa selaimissa ja laitteissa ja mikä tärkeintä, se toimii oikein.

ainoa tapa saavuttaa tämä on integroida kattavat KÄYTTÖLIITTYMÄTESTIT omaan kehitysprosessiin.

oikean työkalun käyttäminen testitapausten luomiseen ja toteuttamiseen tekee KÄYTTÖLIITTYMÄTESTAUKSESTA menestyksekkäämpää. Ota yhteyttä testiautomaation asiantuntijoihimme ja opi, miten TestCraft voi parantaa testauskokemustasi.