Automated regression testing

Что это?

Код не может быть пофикшен

Зачем?

Тестирование на основе скриншотов

Простой алгоритм

• Выбираем определенные области на экране, делаем базовые скриншоты и сохраняем их в репозиторий
• Изменяем код
• Прогоняем тесты еще раз
• Если есть изменения — фиксим, если это баг; обновляем скриншоты, если это ожидаемое изменение

Нюансы

• Текст рендерится по-разному в зависимости от платформы
• Браузеры
• 3rd party элементы

Браузеры

• PhantomJS
• Selenium

Инструменты

PhantomCSS

• PhantomJS и SlimerJS only
• Нет репортов из коробки
• Не развивается
• CasperJS под капотом

BackstopJS

• PhantomJS и SlimerJS
• Декларативные тесты, что удобно для простых кейсов
• Более удобное указание размера вьюпорта
• Репорты есть
• CasperJS под капотом
• Развивается

Gemini

• Selenium или PhantomJS
• Поддержка SauceLabs и BrowserStack
• Репорты есть
• Разрабатывается Яндексом
• Приятная дока
• В последнее время часто выпускают новые версии

SC5 style guide

• sc5-styleguide-visualtest