https://www.youtube.com/watch?v=ub9VDHMeRbc
Описание курса:
Chrome DevTools: Инструменты тестировщика

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

В веб-тестировании часто требуется работать с изнанкой страницы: смотреть локаторы, определять время загрузки, выделять отдельные элементы. Де-факто стандартом в индустрии стал инструмент Chrome DevTools, встроенный прямо в браузер Chrome. Разработчики используют его для отладки кода, но этот инструмент широко распространен и в тестировании. Более того, основные паттерны работы, supersliv.biz заданные 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
Подробнее: