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

[Moderator]

Курс создан для быстрого погружения в специфические для тестирования навыки работы с этим инструментом. Знания, приобретенные на этом курсе, помогут вам эффективно работать с 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+ [/SPOILER]