UI Testing: En Omfattende Guide

BY admin

| juni 18, 2021

UI testing er et viktig element i programvare testing syklus. FOR å validere om applikasjoner har de ønskede funksjonalitetene, og AT DE er brukervennlige, BØR QA-fagfolk teste alle grensesnittkomponenter. Dette forbedrer ikke bare programvarekvaliteten, men sikrer også at sluttbrukerne er komfortable når de bruker programmet.

i denne omfattende veiledningen tar vi opp alt du trenger å vite om UI-testing, fra de grunnleggende konseptene FOR UI-testing til hvordan du kan utføre en effektiv UI-test. Mot slutten vil vi dykke inn i utfordringene I UI-testing og gi praktiske løsninger.

Hva Er UI Testing?

Brukergrensesnitt eller ui-testing, også kjent SOM GUI-testing, er prosessen med å teste de visuelle elementene i et program for å validere om de nøyaktig oppfyller forventet ytelse og funksjonalitet. Ved å teste GUI, kan testere validere AT UI funksjoner er fri for feil.

det innebærer testing av alle visuelle indikatorer og grafiske ikoner, inkludert menyer, radioknapper, tekstbokser, avmerkingsbokser, verktøylinjer, farger, skrifter og mer.

de viktigste aspektene sjekket I UI testing inkluderer:

Visuell Design
Funksjonalitet
Brukervennlighet
Ytelse
Samsvar

UI-testing utføres manuelt eller automatisert med et testverktøy. Uansett hvilken metode som brukes, er målet å sikre at ALLE UI-elementer oppfyller de forespurte spesifikasjonene.

Behovet FOR UI-Testing

UI-testing er sentrert rundt to hovedtemaer. Først sjekker du hvordan programmet håndterer brukerhandlinger utført ved hjelp av tastaturet, musen og andre inngangsenheter. For det andre kontrollerer du om visuelle elementer vises og fungerer som de skal.

det er bare ved å gjøre dette at organisasjoner kan sikre at applikasjoner oppfyller deres funksjonelle krav, og at sluttbrukere vil lykkes med å vedta dem. AV denne grunn SPILLER UI-testing en viktig rolle før et program slippes til produksjon.

Ui Testing Sjekkliste: Viktige Testtilfeller

som de fleste typer programvare testing, kan OMFANGET AV GUI testing være svært bred. I denne delen setter vi sammen viktige testtilfeller som kan hjelpe QA-fagfolk til å teste grensesnittene grundig. Testtilfellene dekker ULIKE UI-aspekter, inkludert bilder, fargestandarder, sideinnhold, navigasjon, brukervennlighet og mer. Bruk denne sjekklisten for å sikre AT UI-testene dine er mer uttømmende.

datatypefeil – Sørg for at bare gyldige data kan angis for bestemte datatyper, for eksempel valuta og datoer.
feltbredder – hvis en bestemt tekstboks tillater et bestemt antall tegn, må du gjøre det klart i brukergrensesnittet at dataene som skrives inn, ikke skal overskride tegngrensen. ( For eksempel, et felt som tillater 50 tegn i programmets database bør ikke tillate brukere å skrive inn mer enn 50 tegn på grensesnittet).
Navigasjonselementer-Kontroller at alle navigasjonsknappene på siden fungerer som de skal, og at de omdirigerer brukere til høyre side eller skjerm.
Fremdriftslinjer – Når du viser skjermer som tar tid å gjengi resultater, bør en fremdriftslinje brukes til å vise brukeren at en prosess fortsatt kjører.
Type-fremover – hvis BRUKERGRENSESNITTET bruker rullegardinlister, må du sørge for at du inkluderer type fremover. I en rullegardinmeny med hundrevis av elementer, bør du skrive den første bokstaven hoppe over listen til elementer som begynner med bokstaven slik at brukerne ikke trenger å sjekke gjennom en lang liste.
rulling Av Tabeller – hvis data i tabellene strekker seg til en annen side, bør rullefunksjonen tillate brukere å rulle dataene, men beholde alle overskrifter intakt.
Feillogging – når systemet opplever en fatal feil, sørg for at programmet skriver feildetaljer til en hendelsesliste eller loggfil for senere gjennomgang.
Menyelementer-Sørg for at programmet bare viser gyldige menyelementer som er tilgjengelige i en bestemt tilstand.
arbeidsgenveier-for programmer som støtter snarveier, kontroller om de fungerer riktig, uansett hvilken nettleser, plattform eller enhet som brukes.
Bekreft handlingsknapper-Kontroller AT BRUKERGRENSESNITTET har fungerende bekreftelsesknapp hver gang brukeren vil lagre eller slette et element

i tillegg til å teste disse individuelle elementene, er DET også gunstig å gjøre UI-testing for å verifisere de mest kritiske end-to-end-prosessene. Siden dette er hvor brukerne dine vil samhandle oftest med søknaden din, vil du også se mest AVKASTNING fra å gjøre denne typen UI-testing.

NÅR du arbeider med ende-til-ende testing, UI testtilfeller er mye mer sannsynlig å ta organisasjonens øverste smerte poeng. Et viktig eksempel på en ende-til-ende-prosess som kan dra nytte AV UI-testing, behandler kredittkortbetalinger. I e-handel industrien, spesielt, sørge for at programmet kan ta alle nødvendige skritt for å godta og bekrefte en gyldig transaksjon er helt avgjørende. Ikke bare vil testprosesser som disse bekrefte at koden fungerer som den skal, men det vil også ha stor innvirkning på hele virksomheten.

Tilnærminger TIL UI-Testing

det er tre HOVED gui-testmetoder, nemlig:

Manuell Testing

i manuell testing utfører en menneskelig tester et sett med operasjoner for å kontrollere om applikasjonen fungerer riktig og at de grafiske elementene samsvarer med de dokumenterte kravene. Manuell-basert testing har bemerkelsesverdige ulemper ved at det kan være tidkrevende, og testdekningen er ekstremt lav. I tillegg er kvaliteten på testingen i denne tilnærmingen avhengig av testteamets kunnskap og evner.

Record-And-Playback Testing

også kjent som record-and-replay testing, det er utført ved hjelp av automatiseringsverktøy. Testverktøyet for AUTOMATISERT BRUKERGRENSESNITT registrerer alle oppgaver, handlinger og interaksjoner med programmet. De registrerte trinnene reproduseres, utføres og sammenlignes med forventet oppførsel. For videre testing kan replay-fasen gjentas med forskjellige datasett.

Modellbasert Testing

i denne testmetoden fokuserer vi på å bygge grafiske modeller som beskriver oppførselen til et system. Dette gir en dypere forståelse av systemet, noe som gjør at testeren kan generere svært effektive testtilfeller. I modellene bestemmer vi inngangene og utgangene til systemet, som igjen brukes til å kjøre testene. Modellbasert testing fungerer som følger:

Opprett en modell for systemet
Bestem systeminnganger
Kontroller forventet utgang
Utfør tester
Kontroller og valider systemutgang vs. forventet utgang

den modellbaserte tilnærmingen er stor fordi den tillater et høyere nivå av automatisering. Det dekker også et høyere antall tilstander i systemet, og forbedrer dermed testdekningen.

Scenarier FOR UI-Testing

NÅR DU utfører EN UI-test, MÅ QA-teamet utarbeide en testplan som identifiserer områdene i et program som skal testes, samt testressursene som er tilgjengelige. Med denne informasjonen kan testere nå definere testscenarier, opprette testtilfeller og skrive testskriptene.

et testscenario er et dokument som fremhever hvordan applikasjonen under test vil bli brukt i virkeligheten. Et enkelt testscenario i de fleste applikasjoner vil være «brukere vil logge på med et gyldig brukernavn eller ID og passord» i dette scenariet kan vi ha testtilfeller for flere GUI-hendelser. Dette inkluderer når en bruker:

Gir en kombinasjon av gyldig brukernavn og passord
Angir et ugyldig brukernavn
Angir et gyldig brukernavn, men et ugyldig passord
Glemmer Og prøver å tilbakestille passordet
Prøver å kopiere et passord fra passordfeltet
Prøver å kopiere et passord til passordfeltet
Treffer hjelp-knappen

selv om scenarier ikke kreves når du oppretter ui-testtilfeller, styrer de utviklingen. I utgangspunktet tjener de som base fra hvilke testsaker og testskript er utviklet som vist nedenfor:

Demo: En Praktisk UI Test

det er mange ting tatt i betraktning når du tester et brukergrensesnitt. La Oss vurdere Dette google-registreringsskjemaet som et eksempel.

ved hjelp av skjemaet ovenfor identifiserer vi 13 testtilfeller, merket TC – 1 TIL TC-13. I det minste bør vi utføre følgende UI-kontroller:

TC-1

Kontroller sideetiketten, plasseringen og skriften.

TC-2

Valider om sideoverskriften er riktig.
Kontroller skrifttypen som brukes.

TC-3

Kontroller markørfokus på standardfeltet.
Test de obligatoriske feltene ved å klikke på neste mens skjemaet er tomt.
Kontroller plasseringen og justeringen av tekstboksen.
Kontroller godkjenningen av både gyldige og ugyldige tegn i feltetikettene.

TC-4

Kontroller plasseringen og justeringen av tekstboksen.
Kontroller feltetiketter, valider godkjenningen av både gyldige og ugyldige tegn.

TC-5

Kontroller plasseringen og justeringen av tekstboksen.
Kontroller feltetiketter, valider godkjenningen av både gyldige og ugyldige tegn.

TC-6

Test feilmeldingen ved å skrive inn både tillatte og forbudte tegn.
Kontroller at feilmeldingen er riktig.

TC-7

Test pop-ups og hyperkoblinger.

TC-8

Sjekk feltetiketter, valider aksept av både gyldige og ugyldige tegn.
Kontroller plasseringen og justeringen av tekstboksen.

TC-9

Lagre et uovertruffen passord.
Kontroller feltetiketter, valider godkjenningen av både gyldige og ugyldige tegn.
Kontroller plasseringen og justeringen av tekstboksen.

TC-10

Bekreft ikon posisjon.
Test ikonet viser eller skjuler brukerpassordet.
Kontroller bildekvaliteten.

TC-11

Test feilmeldingen ved å skrive inn både tillatte og forbudte tegn.
Kontroller at feilmeldingen er riktig.

TC-12

Test pop-ups og hyperkoblinger.

TC-13

Test skjema innsending.
Kontroller knappens posisjon og klarhet.

Utfordringer I Ui Testing

Programvare testere står overfor en rekke problemer når du utfører UI tester. Noen av de mest bemerkelsesverdige utfordringene inkluderer:

Stadig skiftende UI – det er vanlig å oppgradere programmer hele tiden for å imøtekomme nye funksjoner og funksjonalitet. Når oppgraderinger gjøres ofte, utføre omfattende UI tester blir en utfordring.
økende testing kompleksitet-Moderne applikasjoner har betydelig komplekse funksjoner, inkludert innebygde rammer, komplekse flytskjemaer, kart, diagrammer og andre webelementer. DETTE gjør UI tester for å bli mer utfordrende.
UI-tester kan være tidkrevende-å lage effektive UI – testskript og utføre testene kan ta tid, spesielt når en tester ikke bruker riktig verktøy.
Vedlikeholde TESTSKRIPT FOR BRUKERGRENSESNITT – etter hvert som utviklere gjør endringer i brukergrensesnittet, blir det utfordrende å vedlikeholde testskriptene.
Håndtering av flere feil – når du utfører komplekse ui-tester under stramme tidslinjer, bruker testere mye tid på å lage skript. I slike scenarier blir det en utfordring å fikse feil under testprosessen.
Beregner AVKASTNINGEN for UI – testautomatisering – SIDEN BRUKERGRENSESNITTET fortsetter å endre seg, endres også testene. Dette øker mengden av tid brukt PÅ UI testing, og dermed forsinke leveringsprosessen. Til slutt blir det vanskelig å beregne AVKASTNINGEN for kontinuerlig å utføre UI-tester.

Hvordan Overvinne Vanlige UI Testing Utfordringer

Her er noen praktiske tips som kan hjelpe deg å overvinne DE OVENNEVNTE UI testing utfordringer.

Velg RIKTIG TESTAUTOMATISERINGSVERKTØY for BRUKERGRENSESNITT

det første trinnet når du løser utfordringer med programvaretesting, er å velge riktig automatiseringsverktøy. Det finnes ulike testverktøy i markedet som du kan bruke for prosjektet. Men fokusere på å velge en som integreres sømløst med arbeidsflyten. En stor UI automatisering verktøyet har posten / avspilling evner, støtter gjenbrukbare tester, og krever minimalt vedlikehold. Den støtter også rapportering og har feil sporing evner.

Bruk et objekt-repository

En tilnærming for å redusere testvedlikehold og de tilknyttede kostnadene er å bruke et delt repository. Det er også en god ide å redusere antall UI-testtilfeller i de første teststadiene, og deretter øke dekningen når du beveger deg fremover. Dette sikrer en høyere suksessrate i testtilfeller.

Velg kodeløse automatiseringstestverktøy

for å eliminere bryet med å gjøre gjentatte endringer i testkoden, bør utviklere og QA-team utnytte kraften til kodeløs automatisering. Hvis Du Er En Selenvifte, vil TestCraft for eksempel automatisere hele testopprettelses-og utførelsesprosessen, og dermed spare deg for mye tid og kostnader.

Standarder For organisasjonskodegjennomgang

kodingskulturen til en bedrift har en betydelig innvirkning på hvor godt teamene deres håndterer testutfordringer i applikasjonsutviklingssyklusen. Av denne grunn bør organisasjoner fokusere på å trene teamene sine på de beste testautomatiseringspraksisene, så det er spesifikke kriterier for kodegjennomgang eller endringer i hele bedriften. En god tilnærming ville være å engasjere testautomatiseringseksperter i noen intense brainstorming økter.

Endelig Ord

UI-testing er en viktig driver for forbedret brukeropplevelse og kundetilfredshet. De fleste sluttbrukere bryr seg ikke om hvor godt koden din fungerer eller hvor ren den er. Selv om de drar nytte av høy kodekvalitet, er de mer opptatt av hva de praktisk talt kan se og berøre.

som sådan bør testere sikre at applikasjonens grensesnitt er enkelt å bruke og navigere, ser bra ut på alle nettlesere og enheter, og viktigst, det fungerer riktig.

den eneste måten å oppnå dette på er å integrere omfattende UI-tester i utviklingsprosessen.

Ved hjelp av riktig verktøy for å opprette og utføre testtilfeller GJØR UI testing mer vellykket. Ta kontakt med våre testautomatiseringseksperter og lær hvordan TestCraft kan forbedre testopplevelsen din.