[Software-testing] Chrome DevTools: Инструменты тестировщика (Арсений Батыров, Виталий Котов)

Курс создан для быстрого погружения в специфические для тестирования навыки работы с этим инструментом. Знания, приобретенные на этом курсе, помогут вам эффективно работать с Chrome DevTools сразу по окончании занятий.
Онлайн-тренинг
Тестировщик всегда работает в условиях недостатка времени: беклог не уменьшается, релиз на носу, а протестировать нужно еще многое. Чтобы обеспечить качество продукта, нужно постоянно повышать эффективность собственной работы. Один из способов - освоить некоторые инструменты, облегчающие рутинные действия в тестировании.
В веб-тестировании часто требуется работать с изнанкой страницы: смотреть локаторы, определять время загрузки, выделять отдельные элементы. Де-факто стандартом в индустрии стал инструмент Chrome DevTools, встроенный прямо в браузер Chrome. Разработчики используют его для отладки кода, но этот инструмент широко распространен и в тестировании. Более того, основные паттерны работы, заданные Chrome DevTools, используются как в других веб-инструментах, так и в работе с мобильными устройствами. Естественно, хорошее знание такой утилиты будет плюсом для любого тестировщика.
Курс «Chrome DevTools: Инструменты тестировщика» создан для быстрого погружения в специфические для тестирования навыки работы с этим инструментом. Курс — практический, теория дается в минимально необходимом для понимания объеме. Знания, приобретенные на этом курсе, помогут вам эффективно работать с Chrome DevTools сразу по окончании занятий.
Спойлер: Вы научитесь
Вы научитесь:
• писать CSS и XPath локаторы;
• ловить JS-ошибки;
• отличать типы запросов друг от друга;
• проверять сайт под нагрузкой;
• эмулировать экран мобильных устройств;
• менять скорость соединения;
• проверять сертификаты безопасности;
• и огромному количеству других вещей. Спойлер: Программа тренинга
Программа тренинга
Введение
• Что такое Chrome DevTools
• Начало работы с Chrome DevTools
Elements. Работа с DOM страницы
• Краткий обзор HTML:
тег
атрибут тега
теги html
head
body
script
• Редактирование HTML страницы на лету
• Краткий обзор CSS - стили элементов и их составляющие
• Редактирование CSS страницы на лету
• Работа с локаторами - CSS и XPath
Console. Работа с JavaScript
• JS-ошибки
• JS-дебаг и JS-логи
• Простой JS своими руками
Sources. Работа с подгружаемыми данными
• Загруженные CSS-стили
• Загруженный JS-код
• Загруженные картинки
• Файлы со сторонних ресурсов
• CDN
Network. Работа с запросами
• Типы запросов: HAR, JS, CSS, Img
• HAR-запросы. Как устроен HTTP-протокол
• AJAX-запросы
• Работа с фильтрами
• Работа с кешем и логами
Performance. Тестирование нагрузки на сайт
• JS Heap
• ЦПУ
• Ноды, документы и другие виды нагрузки
Application. Работа с текущим приложением
• Storage и его виды
• Работа с Cookie
• Работа с Cache
Security. Работа с безопасным соединением
• HTTPS и TLS
• Зачем требуется безопасное соединение
• Проверка сертификатов
Device bar. Имитируем работу с девайсами
• Отличия Desktop Web и Mobile Web
• Работа с образами
Network conditions. Работа с соединением
• Кастомизация скорости соединения
• User agent Спойлер: Технические требования
Технические требования
Для выполнения заданий вам потребуется:
• Windows 7/10 / Mac OS High Sierra+ / Ubuntu 16.06+
• Процессор i-серии (i3, i5, i7) или аналогичный от AMD
• Минимум 4 GB RAM
• 1 GB на жёстком диске
• Разрешение экрана минимум 1280 x 800
• Желательно - устройство на Android 5+