Автоматизация визуального
тестирования адаптивного
дизайна на примере Galen
Framework и Applitools Eyes
О себе
Дарья Кисель
QA Automation Engineer
ISsoft / Coherent Solutions
https://comaqa.by
http://www.coherentsolutions.com/
О чём речь
•
Что как и зачем автоматизировать в визуальном
тестировании
•
Что делать с приложением, если его дизайн
«отзывчивый»
•
Galen Framework. Пишем спецификацию к дизайну
•
Интеграция фреймворка с Java тестами
•
Applitools Eyes SDK. Работа с API и интеграция с
Java тестами
•
Выводы
Немного теории
Автоматизация визуального тестирования
(тестирование визуальных регрессий)
•
это НЕ функциональное тестирование
•
это регрессионное тестирование
•
это тестирование с точки зрения конечного
пользователя
•
это обязательно наличие expected baseline image
•
это сравнение двух вариантов visual output
Что мы тестируем
Динамический контент и его реакции на действия
пользователей или изменения среды отображения
Важно
•
Первое впечатление пользователя (заказчика)
•
Приложения с картами, графиками, игры
•
Мобильные и нативные приложения
Цель автоматизации визуального
тестирования
•
Замена сотни ассертов одной визуальной проверкой
•
Кроссбраузерность и кроссплатформенность
•
Поддержка непрерывной интеграции
Рассмотрим один пример
«отзывчивого» дизайна
Вспомогательные схемы
Desktop
[max – 1211px]
Вспомогательные схемы
Laptop
[1210 – 779px]
Вспомогательные схемы
Tablet [778 – 491px]
Вспомогательные схемы
Mobile [490px – min]
Пишем спецификацию gspec
Описание элементов
Выделяем общее
Используем циклы
Делим
на компоненты
Тестовые случаи и тестовые наборы
Параметризация
Применяем в Java тестах
Тестируем в рандомных разрешениях
Спасибо за внимание
Кисель Дарья
ISSoft / Coherent Solutions
www.comaqa.by
Автоматизация визуального тестирования адаптивного дизайна на примере Galen Framework и Applitools Eyes
