DevTools

Сервис DevTools предоставляет мощный браузерный интерфейс отладки для выполнения тестов WebdriverIO. Он позволяет визуализировать, отлаживать и контролировать ваши тесты в режиме реального времени через интерактивное веб-приложение.

Обзор

Этот сервис позволяет:

• Выборочно перезапускать тесты - Нажмите на любой тестовый случай или набор для его мгновенного повторного выполнения
• Визуально отлаживать - Просматривайте превью браузера в реальном времени с автоматическими скриншотами
• Отслеживать выполнение - Просматривайте подробные журналы команд с отметками времени и результатами
• Мониторить сеть и консоль - Проверяйте API-вызовы и JavaScript логи
• Переходить к коду - Перемещайтесь непосредственно к исходным файлам тестов

Установка

Установите сервис как зависимость для разработки:

npm install --save-dev @wdio/devtools-service

Конфигурация

Добавьте сервис в конфигурацию WebDriverIO:

// wdio.conf.js
export const config = {
    // ...
    services: ['devtools'],
    // ...
};

Опции сервиса

Настройте сервис DevTools с помощью этих опций:

// wdio.conf.js
export const config = {
    // ...
    services: [
        ['devtools', {
            port: 3000,      // Порт для интерфейса devtools (по умолчанию: 3000)
        }]
    ],
    // ...
};

Опции

• port (число, по умолчанию: 3000) - Номер порта для сервера пользовательского интерфейса devtools

Как это работает

Когда вы запускаете тесты WebdriverIO с включенным сервисом DevTools:

1. Сервис открывает окно браузера по адресу http://localhost:3000 (настраиваемо)
2. Ваши тесты выполняются в обычном режиме, в то время как пользовательский интерфейс DevTools отображает обновления в реальном времени
3. Интерфейс показывает иерархию тестов, предварительный просмотр браузера, временную шкалу команд и логи
4. После завершения тестов вы можете нажать на любой тест, чтобы повторно запустить его индивидуально
5. Тесты перезапускаются в той же сессии браузера для более быстрой отладки

Функции

Изучите функции DevTools подробно:

• Интерактивный перезапуск и визуализация тестов - Предварительный просмотр браузера в реальном времени с перезапуском тестов
• Поддержка нескольких фреймворков - Работает с Mocha, Jasmine и Cucumber
• Логи консоли - Захват и проверка вывода консоли браузера
• Сетевые логи - Мониторинг API-вызовов и сетевой активности
• TestLens - Навигация к исходному коду с интеллектуальной навигацией по коду