ZAPTEST hjelper utviklere med å automatisere mockupene sine så tidlig som mulig. Denne funksjonen lar team ta i bruk en Agile/DevOps-tilnærming i løpet av designstadiet, slik at de kan begynne slik de har tenkt å fortsette.
Viktigheten av mockups
Mockups er en viktig del av flott UI/UX-design. De er så mye mer enn bare neste trinn med wireframes. I stedet tilbyr de utviklere og designere en måte å konseptualisere produktet sitt og gjøre det om til noe håndgripelig.
Ved å bruke mockups i utviklingsfasene kan du raskt innlemme tilbakemeldinger. Disse høyoppløselige representasjonene av sluttproduktet ditt gir nok realisme til at du kan få en god følelse av utseendet og følelsen til din fremtidige applikasjon.
Mockups er også en fin måte for interessenter eller investorer å se om produktet oppfyller deres forventninger. Viktigst av alt, hvis du får tilbakemelding som betyr at du må gjøre endringer, er det enkelt å inkludere disse nye meningene i mockupen din lenge før du har begått en kodelinje.
ZAPTEST mockup-basert automatisering
Når du har levert en mockup som alle er fornøyd med, kan du gå videre til neste trinn. En ekte Agile/DevOps-tilnærming innebærer imidlertid automatisert testing så tidlig som mulig. Nå lurer du kanskje på “hvordan kan jeg automatisere testing når jeg bare er i designfasen?” Hos ZAPTEST forstår vi at kontinuerlig testing bør begynne så tidlig som mulig, og det er derfor vi tilbyr mockup-basert automatisering.
I dette stykket viser vi deg hvordan du kan generere testskript og dokumentasjon fra mockupen din og parallellteste den på tvers av forskjellige operativsystemer.
Trinn 1: Fra mockup til testskript
Du kan designe mockups på en rekke måter. Du kan tegne dem for hånd eller bruke populære designverktøy som Figma eller Placeit. Uansett hvilken metode du foretrekker, ta sluttproduktet ditt og bruk ZAPTESTs skanne-GUI-funksjon for å importere det til plattformen vår.
Skanne GUI-funksjonen oppdager all tekst i mockupen og oppretter automatisk relaterte objekter. Dessuten etablerer automatisk forankring relasjoner mellom alle tekstfelter i mockupen og etiketter i skriptet. Resultatet av dette er at hvis du flytter spesifikk tekst rundt på skjermen, vil eventuelle relaterte elementer automatisk følge den. For eksempel, hvis du har en mockup av en påloggingsskjerm, kan du koble et “Brukernavn”-objekt til et tekstfelt.
I tillegg, i løpet av dette stadiet, kan du endre standard navneverdier for objektene for å sikre at du har maksimal klarhet. Denne funksjonen er spesielt nyttig hvis du har mange forskjellige knapper på mockupen.
Som et resultat av denne prosessen blir alle objekter lagret og organisert i Repository Explorer.
Trinn 2: Legge til objekter i skriptet
Når du har importert og merket mockupen din, er det på tide å gjøre den om til et testskript.
For å definere et trinn i ZAPTEST-skriptet, trenger du bare å finne objektet i GUI Map eller Object Repository og dobbeltklikke på det. Eller du kan dra og slippe objekter til et bestemt sted i skriptet. ZAPTEST vil foreslå en liste over operasjoner å velge mellom for trinnet.
Det første du må gjøre er å legge til et valideringstrinn som bekrefter at målsiden din eksisterer. Deretter må du velge “TYPE” og legge til hvert element fra mockupen din (dvs. et tilkoblet “brukernavn” og et tekstfelt.)
Deretter kan du legge til “KLIKK” for alle knapper på mockupen som brukerne dine kan velge.
Til slutt, når applikasjonen din er klar til å teste, velg en ønsket nettleser, velg LAUNCH og skriv inn appens adresse. Nå kan du kjøre skriptet ditt mot appen.
Trinn 3: Utfør skriptet
ZAPTEST mockup testautomatisering er så kraftig at skriptet kjøres første gang uten behov for noen modifikasjoner. Nå kan du teste ut modellen fra nettleseren din og få en ekte følelse av brukeropplevelsen til applikasjonen din, alt uten å skrive noen kode.
Når skriptet er klart, kan det legges til CI/CD-pipeline og brukes i ditt kontinuerlige testrammeverk.
Denne funksjonen sparer åpenbart mye tid. Dessuten betyr det også at ikke-tekniske designmedarbeidere kan forvandle ideene sine til funksjonelle applikasjoner på få minutter – ikke lenger å vente for å få ideer på beina.
Tidsbesparelsen stopper imidlertid ikke der; ZAPTEST mockup-automatisering lar deg også lage dokumentasjon.
1. Generer dokumentasjon
ZAPTEST lar deg generere testdokumentasjon med et enkelt klikk på en knapp. Dokumentasjonen er brutt ned i detaljerte trinn med et avsnitt for forventede resultater. Det beste er at du kan konvertere disse dokumentene til en rekke formater, som Word, PDF, HTML, XML og CSV. På toppen av det kan du også eksportere til Micro Focus ALM, Rally (eller CA Agile Center), Jira, o Azure DevOps og mange andre. Alternativene er uendelige.
2. Parallell utførelse
Det siste trinnet for vår mockup-baserte testautomatisering innebærer bruk av ZAPTEST M-RUN. Våre kraftige programvaretestautomatiseringsverktøy lar brukere kjøre flere skript samtidig over flere forskjellige plattformer. Brukere får tilgang til applikasjoner på tvers av forskjellige enheter og operativsystemer, så det er viktig å teste på tvers av hver av disse egenskapene.
Noen av plattformene som ZAPTEST M-RUN lar deg teste mot er Android, iOS, Mac, Linux og Windows. Du kan koble ZAPTEST til fysiske enheter i den virkelige verden og bruke plattformen vår til å kjøre testen og administrere resultatene. Denne prosessen er også avhengig av ZAPTEST 1SCRIPT-implementering, som forenkler testing og utførelse på tvers av forskjellige plattformer uten byrden med å endre automatiseringskode for å passe hver enkelt egenskap.
Live remote view lar deg overvåke testene parallelt. Når testen er fullført, kan du gjennomgå resultatene for hver enkelt enhet. Disse dataene bidrar til å sikre at applikasjonen din kan kjøre jevnt på tvers av de ulike enhetene som interessentene dine bruker.
Siste tanker
Som enhver programvareutvikler vet, kommer testing ofte for sent. Implementering av testing på et senere tidspunkt i programvareutviklingssyklusen kan avsløre problemer som burde vært fanget opp tidligere, noe som kan føre til kostbare kodeomskrivinger. Det kan imidlertid også gjøres for sent og forårsake store forsinkelser i programvareutviklingslivssyklusen (SDLC).
Mockup-design er en fin måte å identifisere UI/UX-problemer tidlig. For Agile/DevOps-team er de imidlertid også en mulighet til å implementere kontinuerlig testing så snart som mulig. Takket være ZAPTESTs Computer Vision-teknologi kan du nå importere dine håndtegnede eller datagenererte mockups, konvertere dem til kode og teste dem mot de ulike enhetene som interessentene dine bruker.
Derfra kan du generere dokumentasjon og testresultater som forsterker UI/UX-tilbakemeldingen, og sikrer at applikasjonen din får den beste starten.
