WebdriverIO · Marco de prueba de automatización móvil y navegador de próxima generación para Node.js

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()

        getByText('count is 2')
    })
})

¡E2E y pruebas de unidades/componentes en un navegador real!

WebdriverIO es un marco all in one para el desarrollo de su aplicación web. Le permite ejecutar pruebas de componentes pequeños y livianos, así como ejecutar escenarios de prueba e2e en el navegador o en un dispositivo móvil. Esto garantiza que harás las pruebas en un entorno used by your users.

Viene con estrategias de selector inteligente que simplifican la interacción, por ejemplo, con React components o la ejecución de consultas de selector profundo con árboles DOM de sombra anidados. Como las interacciones ocurren a través de un protocolo de automatización estandarizado, se garantiza que se comportan de forma nativa y no solo se emulan con JavaScript.

Fácil configuración para pruebas de componentes web con:

Comience con WebdriverIO en segundos

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!

Con un simple comando puede configurar una suite de pruebas completa:


$ npm init wdio@latest ./

Comience a aprender más sobre WebdriverIO y cómo comenzar En Youtube.

Ver charlas sobre WebdriverIO

La comunidad alrededor de WebdriverIO está hablando activamente en varios grupos de usuarios o conferencias sobre temas específicos relacionados con las pruebas automatizadas con WebdriverIO. Echa un vistazo a esta charla en Mis características favoritas de WebdriverIO por Julia Pottinger a las Open Quality Conference.

También hay muchos canales de YouTube con tutoriales útiles de miembros de la comunidad como Klamping, Seventeenth Sep o Automation Bro.

Integración de Google Lighthouse

WebdriverIO no solo ejecuta la automatización basada en el protocolo WebDriver, sino que también aprovecha las API nativas del navegador para permitir integraciones con herramientas de desarrollo populares como Chrome DevTools o Google Lighthouse. Con el complemento @wdio/devtools-service , tiene acceso a los comandos para validar si su aplicación es una aplicación PWA válida, así como a los comandos para capturar métricas de rendimiento de frontend como `speedIndex` y otros.

Integración a las herramientas del desarrollador como:

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)