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

1. ОТЗЫВЧИВЫЙ И
АДАПТИВНЫЙ ЗВЕРЬ
Как тестировать и не фрустрировать?»
«
МАРИНА КАЛМЫКОВА
Руководитель отдела тестирования в «Нетологии-групп»

2. +

3. • Основы адаптивности и отзывчивости
• Основные ошибки и проблемы
• Инструменты для тестирования
• Стратегия тестирования
• Приоритет багов
О ЧЕМ Я РАССКАЖУ

4. АДАПТИВ VS. ОТЗЫВЧИВОСТЬ
адаптивныйотзывчивый

5. ПОТОК

7. ОТНОСИТЕЛЬНЫЕ
ЕДИНИЦЫ ИЗМЕРЕНИЯ

9. КОНТРОЛЬНЫЕ ТОЧКИ
(BREAKPOINTS)

11. РАСТРОВЫЕ VS. ВЕКТОРНЫЕ
ИЗОБРАЖЕНИЯ

12. В ПРОЦЕССЕ

13. ЧТО ПОЧИТАТЬ НА ЭТУ ТЕМУ?

14. ПОЧЕМУ ВАЖНО ЭТО ТЕСТИРОВАТЬ?
некрасиво

15. ПОЧЕМУ ВАЖНО ЭТО ТЕСТИРОВАТЬ?
незаметно

16. ПОЧЕМУ ВАЖНО ЭТО ТЕСТИРОВАТЬ?
не работает функционал

17. • Сайты
• Настройки и плагины браузеров
• Реальные устройства
• Собственная разработка
КАК ТЕСТИРОВАТЬ?

18. • http://ami.responsivedesign.is/
• http://deviceponsive.com/
• http://responsive.is/
• http://beta.screenqueri.es/
• http://quirktools.com/screenfly/
• http://www.responsinator.com/
САЙТЫ

19. ПРЕИМУЩЕСТВА И НЕДОСТАТКИ
Недостатки
• Иногда не отражают действительность
• Нельзя тестировать локально
Преимущества
• Красивый скриншот
• Можно отправить ссылку

20. BROWSERSTACK

21. ПРЕИМУЩЕСТВА И НЕДОСТАТКИ
Недостатки
• Тормозит
• Платный (есть триальная версия)
Преимущества
• Разные окружения
• Возможность тестировать локально

22. НАСТРОЙКИ БРАУЗЕРОВ
И РАСШИРЕНИЯ

23. РАСШИРЕНИЯ
Window Resizer
Viewport Resizer

24. FIREFOX

26. ПРЕИМУЩЕСТВА И НЕДОСТАТКИ
Недостатки
• Привязка к браузеру
Преимущества
• Большое количество разрешений
• Бесплатно

27. РЕАЛЬНЫЕ УСТРОЙСТВА

28. ПРЕИМУЩЕСТВА И НЕДОСТАТКИ
Недостатки
• Стоимость
• Трудоемкость
Преимущества
• Действительность
• Показать разработчику / отдать устройство

29. СОБСТВЕННАЯ РАЗРАБОТКА

30. ПРЕИМУЩЕСТВА И НЕДОСТАТКИ
Преимущества
• Локальное тестирование
• Под свои нужды
Недостатки
• Время
• Деньги

31. МОЯ СТРАТЕГИЯ ПРОВЕРКИ
Первоначальная проверка
Расширения к браузеру Chrome
Проверка окружений
Browserstack + реальные устройства

32. ПОЧЕМУ ТАК?
• критичные ошибки в первую очередь
• оптимально по времени

33. ПРИОРИТЕТ БАГОВ ЗАВИСИТ
• от целей
• от требований, сроков
• от популярности разрешения
• от метрик по заходу пользователей

34. ИТОГО
• Меньше пропусков
• Понятно как искать
• Понятно где искать…
• …и как с ними бороться!

35. МАРИНА
КАЛМЫКОВА
Руководитель отдела
тестирования в «Нетологии-групп»
mkalmykova@netology-group.ru
marishka.kalmykova
/marina.kalmykova