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

Атум

Infoguru
Автор темы
Администратор
6 Сен 2014
85.284
2.014
freesliv.info
Автор: Арсений Батыров
Название: Chrome DevTools: Инструменты тестировщика

image_0.png


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

В веб-тестировании часто требуется работать с изнанкой страницы: смотреть локаторы, определять время загрузки, выделять отдельные элементы. Де-факто стандартом в индустрии стал инструмент 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+
Подробнее:
Скрытое содержимое. Вам нужно войти или зарегистрироваться

Скачать:
Скрытое содержимое. Вам нужно войти или зарегистрироваться