Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Москва. 27-28 ноября 2015
Автоматизированное
тестирование верстки веб-сайтов
методом сравнения с эталоном
Эмиль Хуснетдино...
Автоматизированное тестирование верстки веб-сайтов методом сравнения с эталоном
Digital Production
• Дизайн и креатив
• Ин...
Автоматизированное тестирование верстки веб-сайтов методом сравнения с эталоном
Digital Production
• Уникальная верстка
• ...
Автоматизированное тестирование верстки веб-сайтов методом сравнения с эталоном
Найти 5 отличий
Автоматизированное тестирование верстки веб-сайтов методом сравнения с эталоном
Автоматизированное тестирование верстки веб-сайтов методом сравнения с эталоном
Тестирование верстки
• 10 страниц сайта
• ...
Автоматизированное тестирование верстки веб-сайтов методом сравнения с эталоном
Тестирование верстки
10 х 2 х 5 = 100
Автоматизированное тестирование верстки веб-сайтов методом сравнения с эталоном
Тестирование верстки
11 х 3 х 6 = 198
Автоматизированное тестирование верстки веб-сайтов методом сравнения с эталоном
Если вы думаете,
что приключения опасны,
п...
Автоматизированное тестирование верстки веб-сайтов методом сравнения с эталоном
Тестирование верстки -
рутина
• Монотонная...
Автоматизированное тестирование верстки веб-сайтов методом сравнения с эталоном
Автоматизация
тестирования верстки
1. Созд...
Автоматизированное тестирование верстки веб-сайтов методом сравнения с эталоном
Создание скриншотов
PhantomJS Selenium
Автоматизированное тестирование верстки веб-сайтов методом сравнения с эталоном
Скриншоты в Chrome
Автоматизированное тестирование верстки веб-сайтов методом сравнения с эталоном
Скриншоты в Chrome
Расширение листает стра...
Автоматизированное тестирование верстки веб-сайтов методом сравнения с эталоном
Сравнение изображений
Автоматизированное тестирование верстки веб-сайтов методом сравнения с эталоном
Рендер шрифтов
Автоматизированное тестирование верстки веб-сайтов методом сравнения с эталоном
Анимации
Автоматизированное тестирование верстки веб-сайтов методом сравнения с эталоном
Различия в контенте
Автоматизированное тестирование верстки веб-сайтов методом сравнения с эталоном
Регрессионное тестирование
Автоматизированное тестирование верстки веб-сайтов методом сравнения с эталоном
Кроссбраузерное
тестирование
Автоматизированное тестирование верстки веб-сайтов методом сравнения с эталоном
Отчет
Автоматизированное тестирование верстки веб-сайтов методом сравнения с эталоном
Автоматизация
тестирования верстки
• Умень...
Автоматизированное тестирование верстки веб-сайтов методом сравнения с эталоном
Спасибо!
Эмиль Хуснетдинов
emil@smarthead....
Upcoming SlideShare
Loading in …5
×

Автоматизированное тестирование верстки веб-сайтов, используя сравнение с дизайн-макетом

5,890 views

Published on

Доклад Эмиля Хуснетдинова на конференции SQA Days-18, 27-28 ноября 2015 г., Москва
www.sqadays.com

Published in: Education
  • Be the first to comment

Автоматизированное тестирование верстки веб-сайтов, используя сравнение с дизайн-макетом

  1. 1. Москва. 27-28 ноября 2015 Автоматизированное тестирование верстки веб-сайтов методом сравнения с эталоном Эмиль Хуснетдинов SmartHead. Казань, Россия
  2. 2. Автоматизированное тестирование верстки веб-сайтов методом сравнения с эталоном Digital Production • Дизайн и креатив • Интерактивная коммуникация
  3. 3. Автоматизированное тестирование верстки веб-сайтов методом сравнения с эталоном Digital Production • Уникальная верстка • Высокие требования к качеству верстки
  4. 4. Автоматизированное тестирование верстки веб-сайтов методом сравнения с эталоном Найти 5 отличий
  5. 5. Автоматизированное тестирование верстки веб-сайтов методом сравнения с эталоном
  6. 6. Автоматизированное тестирование верстки веб-сайтов методом сравнения с эталоном Тестирование верстки • 10 страниц сайта • 1280x1024, 1920x1080 • FF, IE11, Safari (Mac), Chrome, Opera
  7. 7. Автоматизированное тестирование верстки веб-сайтов методом сравнения с эталоном Тестирование верстки 10 х 2 х 5 = 100
  8. 8. Автоматизированное тестирование верстки веб-сайтов методом сравнения с эталоном Тестирование верстки 11 х 3 х 6 = 198
  9. 9. Автоматизированное тестирование верстки веб-сайтов методом сравнения с эталоном Если вы думаете, что приключения опасны, попробуйте рутину: это смертельно. Пауло Коэльо
  10. 10. Автоматизированное тестирование верстки веб-сайтов методом сравнения с эталоном Тестирование верстки - рутина • Монотонная работа • Ручная подготовка данных • Трудоемкая задача
  11. 11. Автоматизированное тестирование верстки веб-сайтов методом сравнения с эталоном Автоматизация тестирования верстки 1. Создать скриншоты страниц сайта 2. Сравнить изображения 3. Сформировать отчет
  12. 12. Автоматизированное тестирование верстки веб-сайтов методом сравнения с эталоном Создание скриншотов PhantomJS Selenium
  13. 13. Автоматизированное тестирование верстки веб-сайтов методом сравнения с эталоном Скриншоты в Chrome
  14. 14. Автоматизированное тестирование верстки веб-сайтов методом сравнения с эталоном Скриншоты в Chrome Расширение листает страницу, склеивает скриншот и возвращает изображение
  15. 15. Автоматизированное тестирование верстки веб-сайтов методом сравнения с эталоном Сравнение изображений
  16. 16. Автоматизированное тестирование верстки веб-сайтов методом сравнения с эталоном Рендер шрифтов
  17. 17. Автоматизированное тестирование верстки веб-сайтов методом сравнения с эталоном Анимации
  18. 18. Автоматизированное тестирование верстки веб-сайтов методом сравнения с эталоном Различия в контенте
  19. 19. Автоматизированное тестирование верстки веб-сайтов методом сравнения с эталоном Регрессионное тестирование
  20. 20. Автоматизированное тестирование верстки веб-сайтов методом сравнения с эталоном Кроссбраузерное тестирование
  21. 21. Автоматизированное тестирование верстки веб-сайтов методом сравнения с эталоном Отчет
  22. 22. Автоматизированное тестирование верстки веб-сайтов методом сравнения с эталоном Автоматизация тестирования верстки • Уменьшилось количество ошибок при тестировании • Все заинтересованные лица могут выполнить тесты • Трудозатраты не изменились • Выросла удовлетворенность работой
  23. 23. Автоматизированное тестирование верстки веб-сайтов методом сравнения с эталоном Спасибо! Эмиль Хуснетдинов emil@smarthead.ru

×