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

[Moderator]

Автор: Арсений Батыров Название: Chrome DevTools: Инструменты тестировщика (2019) Описание: Тестировщик всегда работает в условиях недостатка времени: беклог не уменьшается, релиз на носу, а протестировать нужно еще многое. Чтобы обеспечить качество продукта, нужно постоянно повышать эффективность собственной работы. Один из способов - освоить некоторые инструменты, облегчающие рутинные действия в тестировании.В веб-тестировании часто требуется работать с изнанкой страницы: смотреть локаторы, определять время загрузки, выделять отдельные элементы. Де-факто стандартом в индустрии стал инструмент Chrome DevTools, встроенный прямо в браузер Chrome. Разработчики используют его для отладки кода, но этот инструмент широко распространен и в тестировании. Более того, основные паттерны работы, заданные Chrome DevTools, используются как в других веб-инструментах, так и в работе с мобильными устройствами. Естественно, хорошее знание такой утилиты будет плюсом для любого тестировщика.Курс «Chrome DevTools: Инструменты тестировщика» создан для быстрого погружения в специфические для тестирования навыки работы с этим инструментом. Курс — практический, теория дается в минимально необходимом для понимания объеме. Знания, приобретенные на этом курсе, помогут вам эффективно работать с Chrome DevTools сразу по окончании занятий.Вы научитесь: писать CSS и XPath локаторы; ловить JS-ошибки; отличать типы запросов друг от друга; проверять сайт под нагрузкой; эмулировать экран мобильных устройств; менять скорость соединения; проверять сертификаты безопасности; и огромному количеству других вещей. ПРОГРАММА: Введение Что такое Chrome DevTools Начало работы с Chrome DevTools Elements. Работа с DOM страницы Краткий обзор HTML: тегатрибут тегатеги htmlheadbodyscript Редактирование 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+