[Арсений Батыров] Chrome DevTools: Инструменты тестировщика (2019)

Description

Автор: Арсений Батыров
Название: Chrome DevTools: Инструменты тестировщика (2019)

Описание:

Тестировщик всегда работает в условиях недостатка времени: беклог не уменьшается, релиз на носу, а протестировать нужно еще многое. Чтобы обеспечить качество продукта, нужно постоянно повышать эффективность собственной работы. Один из способов – освоить некоторые инструменты, облегчающие рутинные действия в тестировании.

В веб-тестировании часто требуется работать с изнанкой страницы: смотреть локаторы, определять время загрузки, выделять отдельные элементы. Де-факто стандартом в индустрии стал инструмент 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 / Mac OS High Sierra+ / Ubuntu 16.06+
Процессор i-серии (i3, i5, i7) или аналогичный от AMD
Минимум 4 GB RAM
1 GB на жёстком диске
Разрешение экрана минимум 1280 x 800
Желательно – устройство на Android 5+