ZAPTEST помага на разработчиците да автоматизират своите макети възможно най-рано. Тази функция позволява на екипите да възприемат Agile/DevOps подход по време на етап на проектиране, което им позволява да започнат по начина, по който възнамеряват да продължат.
Значението на макетите
Макетите са съществена част от добрия дизайн на UI/UX. Те са много повече от следващия етап на телеграмите. Вместо това те предлагат на разработчиците и дизайнерите начин да концептуализират своя продукт и да го превърнат в нещо осезаемо.
Използването на макети по време на фазите на разработване ви позволява бързо да включите обратна връзка. Тези изображения с висока разделителна способност на крайния продукт са достатъчно реалистични, за да можете да добиете добра представа за външния вид на бъдещото си приложение.
Макетите са и чудесен начин заинтересованите страни или инвеститорите да видят дали продуктът отговаря на техните очаквания. Най-важното е, че ако получите обратна връзка, която означава, че трябва да направите промени, е лесно да включите тези нови мнения в макета много преди да сте направили и ред код.
Автоматизация на базата на макет ZAPTEST
След като сте представили макет, от който всички са доволни, можете да преминете към следващата стъпка. Истинският Agile/DevOps подход обаче включва автоматизирано тестване при първа възможност. Сега може да се запитате: “Как мога да автоматизирам тестването, когато съм само на етап проектиране?” В ZAPTEST разбираме, че непрекъснатото тестване трябва да започне възможно най-рано, поради което предлагаме автоматизация, базирана на макети.
В този материал ще ви покажем как можете да генерирате тестови скриптове и документация от вашия макет и да го тествате паралелно в различни операционни системи.
Стъпка 1: От макет до тестови скрипт
Можете да проектирате макети по различни начини. Можете да ги нарисувате на ръка или да използвате популярни инструменти за проектиране като Figma или Placeit. Какъвто и метод да предпочитате, вземете крайния си продукт и използвайте функцията за сканиране на GUI на ZAPTESTs, за да го импортирате в нашата платформа.
Функцията за сканиране на графичния потребителски интерфейс открива всеки текст в макета и автоматично създава свързани обекти. Освен това автоматичното закрепване създава връзки между всички текстови полета в макета и етикетите в скрипта. Резултатът от това е, че ако преместите определен текст на екрана, всички свързани с него елементи ще го последват автоматично. Например, ако имате макет на екран за влизане в системата, можете да свържете обект “Потребителско име” към текстово поле.
Освен това на този етап можете да промените стойностите на имената по подразбиране за обектите, за да осигурите максимална яснота. Тази функция е особено полезна, ако в макета има много различни бутони.
В резултат на този процес всички обекти се съхраняват и организират в Изследователя на хранилището.
Стъпка 2: Добавяне на обекти в скрипта
След като импортирате и маркирате макета си, е време да го превърнете в тестови скрипт.
За да дефинирате стъпка в скрипта ZAPTEST, трябва само да намерите обекта в картата на графичния интерфейс или в хранилището на обекти и да щракнете два пъти върху него. Или можете да плъзгате и пускате обекти на определено място в скрипта. ZAPTEST ще предложи списък с операции, от които да изберете за стъпката.
Първото нещо, което трябва да направите, е да добавите стъпка за валидиране, която проверява съществуването на целевата страница. След това трябва да изберете “TYPE” и да добавите всеки елемент от вашия макет (т.е. свързано “потребителско име” и текстово поле.)
След това можете да добавите “CLICK” за всички бутони в макета, които потребителите могат да избират.
Накрая, когато приложението ви е готово за тестване, изберете желания браузър, изберете LAUNCH и въведете адреса на приложението. Сега можете да стартирате скрипта си срещу приложението.
Стъпка 3: Изпълнение на скрипта
Автоматизацията на тестовете на макети ZAPTEST е толкова мощна, че скриптът се изпълнява от първия път, без да са необходими каквито и да било модификации. Сега можете да изпробвате макета от браузъра си и да получите реална представа за потребителското изживяване на вашето приложение, без да пишете код.
След като скриптът е готов, той може да бъде добавен към вашия CI/CD конвейер и да се използва в рамката ви за непрекъснато тестване.
Тази функция очевидно спестява много време. Нещо повече, това означава също, че служителите, които не са технически специалисти, могат да превърнат идеите си във функционални приложения за минути – вече не е нужно да се чака, за да се реализират идеите.
Въпреки това спестеното време не спира дотук; автоматизацията на макети ZAPTEST ви позволява да създавате и документация.
1. Генериране на документация
ZAPTEST ви позволява да генерирате тестова документация само с едно кликване на бутон. Документацията е разделена на подробни стъпки с раздел за очакваните резултати. Най-хубавото е, че можете да конвертирате тези документи в различни формати, като Word, PDF, HTML, XML и CSV. Освен това можете да експортирате и към Micro Focus ALM, Rally (или CA Agile Center), Jira, Azure DevOps и много други. Възможностите са безкрайни.
2. Паралелно изпълнение
Последната стъпка за нашата автоматизация на тестовете, базирана на макети, включва използването на ZAPTEST M-RUN. Нашите мощни инструменти за автоматизация на софтуерни тестове позволяват на потребителите да изпълняват множество скриптове едновременно на няколко различни платформи. Потребителите имат достъп до приложенията от различни устройства и операционни системи, така че е наложително да тествате всички тези свойства.
Някои от платформите, с които ZAPTEST M-RUN ви позволява да тествате, са Android, iOS, Mac, Linux и Windows. Можете да свържете ZAPTEST към реални физически устройства и да използвате нашата платформа за провеждане на теста и управление на резултатите. Този процес също така разчита на внедряването на ZAPTEST 1SCRIPT, което улеснява тестването и изпълнението на различни платформи, без да се налага да се променя кодът за автоматизация, за да отговаря на всяко отделно свойство.
Дистанционният преглед в реално време ви позволява да наблюдавате тестовете паралелно. Когато тестът приключи, можете да прегледате резултатите за всяко отделно устройство. Тези данни помагат да се гарантира, че приложението ви може да работи безпроблемно на различните устройства, които заинтересованите страни използват.
Заключителни мисли
Както всеки разработчик на софтуер знае, тестването често идва твърде късно. Извършването на тестване на по-късен етап от цикъла на разработване на софтуера може да разкрие проблеми, които е трябвало да бъдат установени по-рано, което води до скъпоструващо пренаписване на кода. Тя обаче може да бъде направена твърде късно и да доведе до големи забавяния по време на жизнения цикъл на разработката на софтуер (SDLC).
Проектите на макети са чудесен начин за ранно идентифициране на проблеми с UI/UX. За екипите на Agile/DevOps обаче те са и възможност да приложат непрекъснато тестване възможно най-скоро. Благодарение на технологията за компютърно зрение на ZAPTEST вече можете да импортирате ръчно нарисувани или компютърно генерирани макети, да ги преобразувате в код и да ги тествате с различните устройства, които използват заинтересованите страни.
Оттам можете да генерирате документация и резултати от тестове, които допълват обратната връзка за UI/UX и гарантират, че приложението ви ще започне по най-добрия начин.