ZAPTEST hjælper udviklere med at automatisere deres mockups så tidligt som muligt. Denne funktion giver teams mulighed for at anvende en Agile/DevOps-tilgang under designfasen, så de kan begynde på den måde, de har tænkt sig at fortsætte på.
Vigtigheden af mockups
Mockups er en vigtig del af godt UI/UX-design. De er så meget mere end bare det næste trin af wireframes. I stedet tilbyder de udviklere og designere en måde at konceptualisere deres produkt på og gøre det til noget håndgribeligt.
Ved at bruge mockups i udviklingsfasen kan du hurtigt indarbejde feedback. Disse high-definition repræsentationer af dit endelige produkt giver nok realisme til, at du kan få en god fornemmelse af udseendet og fornemmelsen af din fremtidige applikation.
Mockups er også en god måde for interessenter eller investorer at se, om produktet lever op til deres forventninger. Og vigtigst af alt: Hvis du får feedback, der betyder, at du er nødt til at foretage ændringer, er det nemt at indarbejde disse nye meninger i din mockup, længe før du har skrevet en linje kode.
ZAPTEST mockup-baseret automatisering
Når du har leveret en mockup, som alle er tilfredse med, kan du gå videre til næste trin. Men en ægte Agile/DevOps-tilgang involverer automatiseret test så tidligt som muligt. Nu tænker du måske: “Hvordan kan jeg automatisere test, når jeg kun er i designfasen?” Hos ZAPTEST forstår vi, at kontinuerlig testning skal begynde så tidligt som muligt, og derfor tilbyder vi mockup-baseret automatisering.
I denne artikel viser vi dig, hvordan du kan generere testscripts og dokumentation fra din mockup og teste den parallelt på tværs af forskellige operativsystemer.
Trin 1: Fra mockup til testscript
Du kan designe mockups på mange forskellige måder. Du kan tegne dem i hånden eller bruge populære designværktøjer som Figma eller Placeit. Uanset hvilken metode du foretrækker, skal du tage dit endelige produkt og bruge ZAPTESTs scan GUI-funktion til at importere det til vores platform.
Scan GUI-funktionen registrerer al tekst i din mockup og opretter automatisk relaterede objekter. Desuden skaber automatisk forankring relationer mellem tekstfelter i din mockup og labels i scriptet. Resultatet af dette er, at hvis du flytter en bestemt tekst rundt på skærmen, vil alle relaterede elementer automatisk følge den. Hvis du f.eks. har en mockup af en login-skærm, kan du forbinde et “Brugernavn”-objekt til et tekstfelt.
Derudover kan du i denne fase ændre standardnavnene for objekterne for at sikre, at du har maksimal klarhed. Denne funktion er især nyttig, hvis du har mange forskellige knapper på din mockup.
Som et resultat af denne proces gemmes og organiseres alle objekter i Repository Explorer.
Trin 2: Tilføjelse af objekter til scriptet
Når du har importeret og mærket din mockup, er det tid til at lave den om til et testscript.
For at definere et trin i ZAPTEST-scriptet skal du bare finde objektet i GUI Map eller Object Repository og dobbeltklikke på det. Eller du kan trække og slippe objekter til et bestemt sted i dit script. ZAPTEST vil foreslå en liste over operationer, du kan vælge imellem til trinnet.
Det første, du skal gøre, er at tilføje et valideringstrin, der verificerer, at din målside eksisterer. Dernæst skal du vælge “TYPE” og tilføje hvert element fra din mockup (dvs. et tilsluttet “brugernavn” og et tekstfelt).
Derefter kan du tilføje “KLIK” til alle knapper på din mockup, som dine brugere kan vælge.
Til sidst, når din applikation er klar til at blive testet, skal du vælge den ønskede browser, vælge LAUNCH og indtaste appens adresse. Nu kan du køre dit script mod appen.
Trin 3: Udfør scriptet
ZAPTEST mockup test automation er så kraftfuld, at scriptet kører første gang uden behov for ændringer. Nu kan du teste din mockup fra din browser og få en reel fornemmelse af brugeroplevelsen af din applikation, helt uden at skrive kode.
Når scriptet er klar, kan det føjes til din CI/CD-pipeline og bruges i dit kontinuerlige testframework.
Denne funktion sparer naturligvis en masse tid. Det betyder også, at ikke-tekniske designmedarbejdere kan omdanne deres ideer til funktionelle applikationer på få minutter – ikke noget med at vente på at få ideerne på benene.
Men tidsbesparelsen stopper ikke der; ZAPTEST mockup automation giver dig også mulighed for at skabe dokumentation.
1. Generer dokumentation
Med ZAPTEST kan du generere testdokumentation med et enkelt klik på en knap. Dokumentationen er opdelt i detaljerede trin med et afsnit om forventede resultater. Det bedste er, at du kan konvertere disse dokumenter til en række forskellige formater, som Word, PDF, HTML, XML og CSV. Derudover kan du også eksportere til Micro Focus ALM, Rally (eller CA Agile Center), Jira, o Azure DevOps og mange andre. Mulighederne er uendelige.
2. Parallel udførelse
Det sidste trin i vores mockup-baserede testautomatisering er at bruge ZAPTEST M-RUN. Vores kraftfulde værktøjer til automatisering af softwaretest giver brugerne mulighed for at køre flere scripts på samme tid på flere forskellige platforme. Brugere tilgår applikationer på tværs af forskellige enheder og operativsystemer, så det er bydende nødvendigt at teste på tværs af alle disse egenskaber.
Nogle af de platforme, som ZAPTEST M-RUN lader dig teste mod, er Android, iOS, Mac, Linux og Windows. Du kan forbinde ZAPTEST med fysiske enheder fra den virkelige verden og bruge vores platform til at køre testen og administrere resultaterne. Denne proces er også afhængig af ZAPTEST 1SCRIPT-implementering, som letter test og udførelse på tværs af forskellige platforme uden byrden ved at ændre automatiseringskoden, så den passer til hver enkelt ejendom.
Live fjernvisning giver dig mulighed for at overvåge testene parallelt. Når testen er færdig, kan du se resultaterne for hver enkelt enhed. Disse data er med til at sikre, at din applikation kan køre problemfrit på tværs af de forskellige enheder, som dine interessenter bruger.
Afsluttende tanker
Som enhver softwareudvikler ved, kommer test ofte for sent. Implementering af test på et senere tidspunkt i softwareudviklingscyklussen kan afsløre problemer, der burde have været opdaget tidligere, hvilket kan føre til dyre omskrivninger af koden. Men det kan også ske for sent og forårsage store forsinkelser i softwareudviklingens livscyklus (SDLC).
Mockup-design er en god måde at identificere UI/UX-problemer på tidligt. Men for Agile/DevOps-teams er de også en mulighed for at implementere kontinuerlig testning så hurtigt som muligt. Takket være ZAPTESTs Computer Vision-teknologi kan du nu importere dine håndtegnede eller computergenererede mockups, konvertere dem til kode og teste dem mod de forskellige enheder, som dine interessenter bruger.
Derfra kan du generere dokumentation og testresultater, der supplerer UI/UX-feedbacken og sikrer, at din applikation får den bedste start.
