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