ZAPTEST helpt ontwikkelaars om hun mockups zo vroeg mogelijk te automatiseren. Met deze functie kunnen teams een Agile/DevOps-aanpak toepassen tijdens de ontwerpfase, zodat ze kunnen beginnen op de manier waarop ze verder willen gaan.
Het belang van mockups
Mockups zijn een essentieel onderdeel van een goed UI/UX-ontwerp. Ze zijn zoveel meer dan alleen de volgende stap van wireframes. In plaats daarvan bieden ze ontwikkelaars en ontwerpers een manier om hun product te conceptualiseren en om te zetten in iets tastbaars.
Door mockups te gebruiken tijdens de ontwikkelingsfasen kun je feedback snel verwerken. Deze high-definition representaties van je eindproduct bieden genoeg realisme om een goed gevoel te krijgen van het uiterlijk en de uitstraling van je toekomstige toepassing.
Mockups zijn ook een geweldige manier voor belanghebbenden of investeerders om te zien of het product aan hun verwachtingen voldoet. Het belangrijkste is dat als je feedback krijgt die betekent dat je wijzigingen moet aanbrengen, het eenvoudig is om deze nieuwe meningen in je mockup te verwerken, lang voordat je een regel code hebt vastgelegd.
Op ZAPTEST mockup gebaseerde automatisering
Als je eenmaal een mockup hebt opgeleverd waar iedereen tevreden mee is, kun je verder met de volgende stap. Een echte Agile/DevOps-aanpak omvat echter geautomatiseerd testen bij de eerste gelegenheid. Nu vraag je je misschien af, “hoe kan ik testen automatiseren als ik net in de ontwerpfase zit?”. Bij ZAPTEST begrijpen we dat continu testen zo vroeg mogelijk moet beginnen. Daarom bieden we mockup-gebaseerde automatisering.
In dit stuk laten we je zien hoe je testscripts en documentatie kunt genereren vanuit je mockup en deze parallel kunt testen op verschillende besturingssystemen.
Stap 1: Van mockup naar testscript
Je kunt mockups op verschillende manieren ontwerpen. Je kunt ze met de hand tekenen of populaire ontwerptools gebruiken zoals Figma of Placeit. Welke methode je ook verkiest, neem je eindproduct en gebruik de ZAPTESTs scan GUI-functie om het in ons platform te importeren.
De functie GUI scannen detecteert elke tekst in je mockup en maakt automatisch gerelateerde objecten. Bovendien legt automatische verankering relaties tussen tekstvelden in je mockup en labels in het script. Het resultaat hiervan is dat als je bepaalde tekst over het scherm verplaatst, alle gerelateerde elementen automatisch volgen. Als je bijvoorbeeld een mockup hebt van een inlogscherm, kun je een object “Gebruikersnaam” koppelen aan een tekstveld.
Bovendien kun je in dit stadium de standaard naamwaarden voor de objecten wijzigen om ervoor te zorgen dat je maximale duidelijkheid hebt. Deze functie is vooral handig als je veel verschillende knoppen op je mockup hebt.
Als resultaat van dit proces worden alle objecten opgeslagen en georganiseerd in de Repository Explorer.
Stap 2: Objecten toevoegen aan het script
Zodra je je mockup hebt geïmporteerd en gelabeld, is het tijd om er een testscript van te maken.
Om een stap in het ZAPTEST script te definiëren, hoef je alleen maar het object te lokaliseren in de GUI Map of Object Repository en erop te dubbelklikken. Of je kunt objecten naar een specifieke plaats in je script slepen. ZAPTEST zal een lijst met bewerkingen voorstellen waaruit je kunt kiezen voor de stap.
Het eerste wat je moet doen is een validatiestap toevoegen die controleert of je doelpagina bestaat. Vervolgens moet je “TYPE” selecteren en elk element uit je mockup toevoegen (bijvoorbeeld een verbonden “gebruikersnaam” en een tekstveld).
Vervolgens kun je “CLICK” toevoegen voor alle knoppen op je mockup die je gebruikers kunnen selecteren.
Tot slot, wanneer je applicatie klaar is om te testen, kies je een gewenste browser, selecteer je LAUNCH en typ je het adres van de app in. Nu kun je je script uitvoeren tegen de app.
Stap 3: Het script uitvoeren
ZAPTEST mockup testautomatisering is zo krachtig dat het script de eerste keer wordt uitgevoerd zonder dat er aanpassingen nodig zijn. Nu kun je je mockup testen vanuit je browser en een echt gevoel krijgen van de gebruikerservaring van je applicatie, allemaal zonder code te schrijven.
Zodra het script klaar is, kan het worden toegevoegd aan je CI/CD-pijplijn en worden gebruikt in je framework voor continu testen.
Deze functie bespaart natuurlijk veel tijd. Bovendien betekent het ook dat niet-technische ontwerpmedewerkers hun ideeën binnen enkele minuten kunnen omzetten in functionele toepassingen.
Maar daar houdt de tijdsbesparing niet op; met ZAPTEST mockup automation kun je ook documentatie maken.
1. Genereer documentatie
Met ZAPTEST kun je testdocumentatie genereren met een simpele klik op een knop. De documentatie is onderverdeeld in gedetailleerde stappen met een sectie voor verwachte resultaten. Het beste is dat je deze documenten kunt converteren naar verschillende formaten, zoals Word, PDF, HTML, XML en CSV. Bovendien kun je ook exporteren naar Micro Focus ALM, Rally (of CA Agile Center), Jira, o Azure DevOps en vele andere. De opties zijn eindeloos.
2. Parallelle uitvoering
De laatste stap in onze testautomatisering op basis van mockups is het gebruik van ZAPTEST M-RUN. Met onze krachtige tools voor software testautomatisering kunnen gebruikers meerdere scripts tegelijk uitvoeren op verschillende platforms. Gebruikers gebruiken applicaties op verschillende apparaten en besturingssystemen, dus is het noodzakelijk om op elk van deze eigenschappen te testen.
Enkele van de platformen waarop je met ZAPTEST M-RUN kunt testen zijn Android, iOS, Mac, Linux en Windows. Je kunt ZAPTEST aansluiten op echte fysieke apparaten en ons platform gebruiken om de test uit te voeren en de resultaten te beheren. Dit proces vertrouwt ook op de ZAPTEST 1SCRIPT-implementatie, die het testen en uitvoeren op verschillende platforms vergemakkelijkt zonder de last van het wijzigen van automatiseringscode voor elke afzonderlijke eigenschap.
Met live weergave op afstand kun je de tests parallel volgen. Wanneer de test is voltooid, kunt u de resultaten van elk afzonderlijk apparaat bekijken. Deze gegevens helpen ervoor te zorgen dat uw applicatie probleemloos werkt op de verschillende apparaten die uw belanghebbenden gebruiken.
Laatste gedachten
Zoals elke softwareontwikkelaar weet, komt testen vaak te laat. Het implementeren van testen in een later stadium van de softwareontwikkelingscyclus kan problemen aan het licht brengen die eerder hadden moeten worden opgemerkt, wat kan leiden tot dure codeherschrijvingen. Het kan echter ook te laat worden gedaan en grote vertragingen veroorzaken tijdens de levenscyclus van softwareontwikkeling (SDLC).
Mockup-ontwerpen zijn een geweldige manier om UI/UX-problemen in een vroeg stadium te identificeren. Voor Agile/DevOps-teams zijn ze echter ook een kans om continu testen zo snel mogelijk te implementeren. Dankzij de Computer Vision-technologie van ZAPTEST kun je nu je handgetekende of computergegenereerde mockups importeren, ze omzetten in code en ze testen op de verschillende apparaten die je belanghebbenden gebruiken.
Van daaruit kun je documentatie en testresultaten genereren die de UI/UX feedback aanvullen, zodat je applicatie de beste start maakt.
