Перейти до основного вмісту

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