Перейти к основному содержанию

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 подробно:

Welcome! How can I help?

WebdriverIO AI Copilot