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

[Виктор Неизвестный]

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

Продажник:

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

Скачать:

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.