Автоматизация визуального тестирования адаптивного дизайна на примере 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 Описание элементов