Вход в клуб
Регистрация
Запрещены для регистрации: @mail.ru, @inbox.ru, @bk.ru, @list.ru, @ukr.net, @rambler.ru

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

Engineer 08.06.2019 13:07
--- Автор темы считает что этот пост не относится к обсуждению ---

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

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

[Ссылка (видна только членам клуба)]

Карма 
Фото   

Ваш профиль не имеет достаточных прав, чтобы отвечать в теме