• У нас ещё есть ChatGPT/DALLE/VISION. Всё это бесплатно.

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

serafim

Житель Разулы
Команда форума
Разула в сердце
Регистрация
25 Апр 2016
Сообщения
78.857
Реакции
142.895
Ra
242.806
Название: 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
Продажник:

Войти или Зарегистрироваться чтобы увидеть скрытый текст.

Скачать:
 

Теги по которым нашли тему

  1. devtools
Сверху