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

[Odyvanchik]

Название:
Chrome DevTools: Инструменты тестировщика (2019)

Автор:
Арсений Батыров

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

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

В веб-тестировании часто требуется работать с изнанкой страницы: смотреть локаторы, определять время загрузки, выделять отдельные элементы. Де-факто стандартом в индустрии стал инструмент Chrome DevTools, встроенный прямо в браузер Chrome. Разработчики используют его для отладки кода, но этот инструмент широко распространен и в тестировании. Более того, основные паттерны работы, supersliv.biz заданные 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



—————————————————————————

🔗 Продажник:

📥 СКАЧАТЬ КУРС:

Для просмотра содержимого вам необходимо Войти или Зарегистрироваться.

🔐 Хотите получить доступ?

Чтобы увидеть скрытые ссылки и ставить лайки, активируйте VIP-статус.

💎 ПОЛУЧИТЬ ДОСТУП Наш Telegram канал