Москва. 27-28 ноября 2015

Автоматизированное тестирование верстки веб-сайтов методом сравнения с эталоном

Эмиль ХуснетдиновSmartHead. Казань, Россия

Автоматизированное тестирование верстки веб-сайтов методом сравнения с эталоном

Digital Production•Дизайн и креатив• Интерактивная коммуникация

Автоматизированное тестирование верстки веб-сайтов методом сравнения с эталоном

Digital Production• Уникальная верстка• Высокие требования к качеству

верстки

Автоматизированное тестирование верстки веб-сайтов методом сравнения с эталоном

Найти 5 отличий

Автоматизированное тестирование верстки веб-сайтов методом сравнения с эталоном

Автоматизированное тестирование верстки веб-сайтов методом сравнения с эталоном

Тестирование верстки• 10 страниц сайта• 1280x1024, 1920x1080• FF, IE11, Safari (Mac), Chrome, Opera

Автоматизированное тестирование верстки веб-сайтов методом сравнения с эталоном

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

10 х 2 х 5 = 100

Автоматизированное тестирование верстки веб-сайтов методом сравнения с эталоном

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

11 х 3 х 6 = 198

Автоматизированное тестирование верстки веб-сайтов методом сравнения с эталоном

Если вы думаете,что приключения опасны, попробуйте рутину:это смертельно.Пауло Коэльо

Автоматизированное тестирование верстки веб-сайтов методом сравнения с эталоном

Тестирование верстки - рутина

•Монотонная работа• Ручная подготовка данных• Трудоемкая задача

Автоматизированное тестирование верстки веб-сайтов методом сравнения с эталоном

Автоматизация тестирования верстки1. Создать скриншоты страниц сайта2. Сравнить изображения3. Сформировать отчет

Автоматизированное тестирование верстки веб-сайтов методом сравнения с эталоном

Создание скриншотов

PhantomJS Selenium

Автоматизированное тестирование верстки веб-сайтов методом сравнения с эталоном

Скриншоты в Chrome

Автоматизированное тестирование верстки веб-сайтов методом сравнения с эталоном

Скриншоты в Chrome Расширение листает страницу, склеивает скриншот и возвращает изображение

Автоматизированное тестирование верстки веб-сайтов методом сравнения с эталоном

Сравнение изображений

Автоматизированное тестирование верстки веб-сайтов методом сравнения с эталоном

Рендер шрифтов

Автоматизированное тестирование верстки веб-сайтов методом сравнения с эталоном

Анимации

Автоматизированное тестирование верстки веб-сайтов методом сравнения с эталоном

Различия в контенте

Автоматизированное тестирование верстки веб-сайтов методом сравнения с эталоном

Регрессионное тестирование

Автоматизированное тестирование верстки веб-сайтов методом сравнения с эталоном

Кроссбраузерное тестирование

Автоматизированное тестирование верстки веб-сайтов методом сравнения с эталоном

Отчет

Автоматизированное тестирование верстки веб-сайтов методом сравнения с эталоном

Автоматизация тестирования верстки• Уменьшилось количество ошибок при

тестировании• Все заинтересованные лица могут

выполнить тесты• Трудозатраты не изменились• Выросла удовлетворенность работой

Автоматизированное тестирование верстки веб-сайтов методом сравнения с эталоном

Спасибо!Эмиль Хуснетдиновemil@smarthead.ru