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

WebdriverIO

Тестовий фреймворк наступного покоління для автоматизації браузерів та мобільних пристроїв у Node.js

Sponsored by  and  
🌎

Тестування в реальному середовищі

WebdriverIO дозволяє тестувати на тих браузерах та мобільних пристроях, якими користуються ваші користувачі.

🔩

Універсальний і багатофункціональний

Використовуйте WebdriverIO для повного тестування E2E або Unit і Компонентного тестування у браузері.

💤

Автоматичне очікування

WebdriverIO автоматично очікує появи елементів, перш ніж взаємодіяти з ними.

📒

Оснований на веб-стандартах

Підтримка автоматизації будь-якого браузеру за допомогою WebDriver та WebDriver Bidi.

📱

Вбудована підтримка мобільних пристроїв

Запустіть WebdriverIO на реальних мобільних пристроях, смарт-телевізорах або інших пристроях інтернету речей через Appium.

🫂

Віддана спільнота

Працює support channel із більше ніж 8 тисячами учасників і багатою екосистемою плагінів, які підтримує спільнота.


import { $, expect } from '@wdio/globals'
import { render } from '@testing-library/vue'
import HelloWorld from '../../src/components/HelloWorld.vue'

describe('Component Testing', () => {
it('increments value on click', async () => {
const { getByText } = render(HelloWorld)
const btn = getByText('count is 0')

// transform into WebdriverIO element
const button = await $(btn)

// interact with element like a real user
await button.click()
await button.click()

await expect(button).toMatchInlineSnapshot(
"count is 2"
)
})
})

E2E та Unit / Компонентне тестування в реальному браузері!

WebdriverIO — це фреймворк в якому включено все для розробки ваших веб застосунків. Він дає змогу запускати невеликі та легкі компонентні тести, а також запускати сценарії тестування E2E у браузері чи на мобільному пристрої. Це гарантує, що ви тестуєте у середовищі що використовується вашими користувачами.

Він поставляється з розумними селекторами, які спрощують взаємодію, наприклад, з React components або виконання тіньового DOM. Оскільки взаємодії відбуваються через стандартизований протокол автоматизації, гарантовано, що вони поводяться нативно, а не просто емулюють JavaScript.

Просте налаштування для тестування веб-компонентів за допомогою:

Vue.jsNuxtSveltePreactSolidJSLitStencil

Почніть роботу з WebdriverIO за лічені секунди

The WebdriverIO testrunner comes with a command line interface that provides a powerful configuration utility and helps you to create your test setup in less than a minute. It lets you pick from available test framework integrations and easily allows to add all supported reporter and service plugins!

За допомогою лише однієї простої команди ви можете налаштувати повний набір тестів:


$ npm init wdio@latest ./

Дізнайтеся більше про WebdriverIO і те як почати роботу на YouTube.

Перегляньте розмови про WebdriverIO

Спільнота навколо WebdriverIO активно обговорює в різних користувацьких групах та на конференціях конкретні теми щодо автоматизованого тестування за допомогою WebdriverIO. Перегляньте цю розмову на Мої улюблені функції WebdriverIO від Julia Pottinger на Open Quality Conference.

Існує також багато каналів YouTube із корисними навчальними відео від учасників спільноти, наприклад Klamping, Seventeenth Sep або Automation Bro.

Інтеграція із Google Lighthouse

WebdriverIO не тільки працює не тільки із автоматизацією на основі протоколу WebDriver, але також використовує вбудовані API браузера для інтеграції з популярними інструментами розробника, такими як Chrome DevTools або Google Lighthouse. За допомогою плагіна @wdio/devtools-service ви отримуєте доступ до команд для перевірки того, чи ваш додаток відповідає вимогам PWA, а також до команд для збору показників продуктивності інтерфейсу, таких як `speedIndex` та інші.

Інтеграція з інструментами розробника, такими як:

Chrome DevToolsGoogle LighthouseAxe Accessibility Engine

await browser.emulateDevice('iPhone X')
await browser.enablePerformanceAudits({
networkThrottling: 'Good 3G',
cacheEnabled: true,
formFactor: 'mobile'
})

// open application under test
await browser.url('https://localhost:3000')

expect(await browser.getMetrics().firstMeaningfulPaint)
.toBeBelow(2500)

const pwaCheckResult = await browser.checkPWA()
expect(pwaCheckResult.passed).toBe(true)

Хто використовує WebdriverIO?

  • Google
  • Netflix
  • Microsoft
  • Mozilla
  • Buoyant
  • SAP
  • Salesforce
  • Hilton
  • Charles Schwab
  • JW Player
  • BBVA
  • GoPro
  • Algolia
  • Financial Times
  • Zendesk
  • 1&1
  • Avira
  • Deloitte
  • Rabobank
  • Bedrock Streaming

Welcome! How can I help?

WebdriverIO AI Copilot