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

  • Автор темы I AM
  • Обновлено
  • 06, Jun 2019
  • #1
Арсений Батыров Chrome DevTools: Инструменты тестировщика (2019)



Chrome DevTools: Инструменты тестировщика Тестировщик всегда работает в условиях недостатка времени: беклог не уменьшается, релиз на носу, а протестировать нужно еще многое.

Чтобы обеспечить качество продукта, нужно постоянно повышать эффективность собственной работы.

Один из способов - освоить некоторые инструменты, облегчающие рутинные действия в тестировании. В веб-тестировании часто требуется работать с изнанкой страницы: смотреть локаторы, определять время загрузки, выделять отдельные элементы.

Де-факто стандартом в индустрии стал инструмент Chrome DevTools, встроенный прямо в браузер Chrome.

Разработчики используют его для отладки кода, но этот инструмент широко распространен и в тестировании.

Более того, основные паттерны работы, boominfo.ru заданные 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


Chrome DevTools: инструменты тестировщика

Скачать:
Скрытая информация :: Авторизуйтесь для просмотра »

I AM


Рег
23 Jul, 2011

Тем
403760

Постов
400028

Баллов
2418908
Тем
403,760
Комментарии
400,028
Опыт
2,418,908

Интересно