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 и модульное/компонентное тестирование в реальном браузере!

WebdriverIO — это универсальный фреймворк для разработки веб-приложений. Он позволяет запускать небольшие и легкие компонентные тесты, а также сценарии e2e-тестирования в браузере или на мобильном устройстве. Это гарантирует, что вы проводите тестирование в среде, используемой вашими пользователями.

Он поставляется с умными стратегиями селекторов, которые упрощают взаимодействие, например, с React components или выполнение глубоких запросов селекторов с вложенными деревьями теневого DOM. Поскольку взаимодействия происходят через стандартизированный протокол автоматизации, гарантируется, что они ведут себя нативно и не эмулируются с помощью JavaScript.

Простая настройка для тестирования веб-компонентов с:

Начните работу с WebdriverIO за считанные секунды

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

С помощью всего одной простой команды вы можете настроить полный набор тестов:


$ npm init wdio@latest ./

Начните узнавать больше о WebdriverIO и о том, как начать работу на YouTube.

Создайте проект WebdriverIO для автоматизации приложений MacOS

Смотрите доклады о 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/lighthouse-service у вас есть доступ к командам для проверки, является ли ваше приложение действительным PWA-приложением, а также к командам для сбора метрик производительности интерфейса, таких как `speedIndex` и другие.

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

await browser.emulate('device', '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?

Открытый исходный код и открытое управление

Мы являемся проектом с открытым исходным кодом с твердой приверженностью прозрачности и общественному управлению. Мы являемся частью OpenJS Foundation, который входит в состав Linux Foundation. Проект полностью управляется добровольцами и финансируется заинтересованными компаниями, которые хотят видеть успех проекта. Команда проекта благодарна за щедрое спонсорство этих компаний.

💎 Премиальные спонсоры

🥇 Золотые спонсоры

Если вы используете WebdriverIO в своей организации, пожалуйста, рассмотрите возможность поддержки проекта став спонсором. Это поможет нам поддерживать проект и развивать его.

Мы хотели бы выразить искреннюю благодарность всем участникам, которые помогли сделать WebdriverIO тем мощным инструментом, которым он является сегодня. Ваша самоотверженность и усилия действительно ценятся!

Тестирование в реальных средах

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

Автоматическое ожидание

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

Нативная поддержка мобильных устройств

Преданное сообщество