Saltar al contenido principal

Con el tiempo, nuestra comunidad ha desarrollado varios proyectos que puedes usar como inspiración para configurar tu propia suite de pruebas.

Proyectos de plantilla v9

webdriverio/cucumber-boilerplate​

Nuestra propia plantilla para suites de pruebas de Cucumber. Hemos creado más de 150 definiciones de pasos predefinidos para ti, para que puedas comenzar a escribir archivos de características en tu proyecto de inmediato.

  • Framework:
    • Cucumber
    • WebdriverIO
  • Características:
    • Más de 150 pasos predefinidos que cubren casi todo lo que necesitas
    • Integra la funcionalidad Multiremote de WebdriverIO
    • Aplicación de demostración propia

webdriverio/jasmine-boilerplate​

Proyecto de plantilla para ejecutar pruebas de WebdriverIO con Jasmine usando características de Babel y el patrón de objetos de página.

  • Frameworks
    • WebdriverIO
    • Jasmine
  • Características
    • Patrón de Objetos de Página
    • Integración con Sauce Labs

webdriverio/electron-boilerplate​

Proyecto de plantilla para ejecutar pruebas de WebdriverIO en una aplicación Electron mínima.

  • Frameworks
    • WebdriverIO
    • Mocha
  • Características
    • Simulación de la API de Electron

syamphaneendra/webdriverio9-boilerplate​

Este proyecto de plantilla tiene pruebas móviles de WebdriverIO 9 con Cucumber, TypeScript y Appium para plataformas Android e iOS, siguiendo el patrón de Modelo de Objetos de Página. Incluye registro completo, informes, gestos móviles, navegación de aplicación a web e integración CI/CD.

  • Frameworks:

    • WebdriverIO v9
    • Cucumber v9
    • Appium v2.5
    • TypeScript v5

  • Características:

    • Soporte multiplataforma
      • Android (UiAutomator2)
      • iOS (XCUITest)
    • Gestos móviles
      • Desplazamiento
      • Deslizamiento
      • Pulsación larga
      • Ocultar teclado
    • Navegación de aplicación a web
      • Cambio de contexto
      • Soporte de WebView
      • Automatización de navegador (Chrome/Safari)
    • Estado de aplicación limpio
      • Restablecimiento automático de la aplicación entre escenarios
      • Comportamiento de restablecimiento configurable (noReset, fullReset)
    • Configuración de dispositivo
      • Gestión de dispositivos centralizada
      • Cambio fácil de plataforma
    • Ejemplo de estructura de directorio para JavaScript / TypeScript. A continuación se muestra la versión JS, la versión TS tiene la misma estructura.

amiya-pattnaik/wdio-testgen-from-gherkin-js​

amiya-pattnaik/wdio-testgen-from-gherkin-ts​

Genera automáticamente clases de Objetos de Página de WebdriverIO y especificaciones de prueba Mocha a partir de archivos .feature de Gherkin, reduciendo el esfuerzo manual, mejorando la consistencia y acelerando la automatización de QA. Este proyecto no solo produce códigos compatibles con webdriver.io, sino que también mejora todas las funcionalidades de webdriver.io. Hemos creado dos versiones, una para usuarios de JavaScript y otra para usuarios de TypeScript. Pero ambos proyectos funcionan de la misma manera.

¿Cómo funciona?

  • El proceso sigue una automatización de dos pasos:
  • Paso 1: Gherkin a stepMap (Generar archivos stepMap.json)
    • Generar archivos stepMap.json:
      • Analiza archivos .feature escritos en sintaxis Gherkin.
      • Extrae escenarios y pasos.
      • Produce un archivo .stepMap.json estructurado que contiene:
        • acción a realizar (por ejemplo, click, setText, assertVisible)
        • selectorName para mapeo lógico
        • selector para el elemento DOM
        • nota para valores o aserciones
  • Paso 2: stepMap a código (Generar código WebdriverIO). Usa stepMap.json para generar:
    • Genera una clase base page.js con métodos compartidos y configuración de browser.url().
    • Genera clases de Modelo de Objetos de Página (POM) compatibles con WebdriverIO por característica dentro de test/pageobjects/.
    • Genera especificaciones de prueba basadas en Mocha.
  • Ejemplo de estructura de directorio para JavaScript / TypeScript. A continuación se muestra la versión JS, la versión TS tiene la misma estructura.
project-root/
├── features/                   # Archivos .feature de Gherkin (entrada de usuario / archivo fuente)
├── stepMaps/                   # Archivos .stepMap.json generados automáticamente
├── test/
│   ├── pageobjects/            # Clases de Modelo de Objetos de Página de WebdriverIO generadas automáticamente
│   └── specs/                  # Especificaciones de prueba Mocha generadas automáticamente
├── src/
│   ├── cli.js                  # Lógica principal de CLI
│   ├── generateStepsMap.js     # Generador de feature-a-stepMap
│   ├── generateTestsFromMap.js # Generador de stepMap-a-página/spec
│   ├── utils.js                # Métodos auxiliares
│   └── config.js               # Rutas, selectores de respaldo, alias
│   └── __tests__/              # Pruebas unitarias (Vitest)
├── testgen.js                  # Punto de entrada CLI
│── wdio.config.js              # Configuración de WebdriverIO
├── package.json                # Scripts y dependencias
├── selector-aliases.json       # Anulaciones de selector definidas por el usuario opcional que anulan el selector principal

Proyectos de plantilla v8

amiya-pattnaik/webdriverIO-with-cucumberBDD​

  • Framework: WDIO-V8 con Cucumber (V8x).
  • Características:
    • Modelo de Objetos de Página usa enfoque de clase basado en ES6/ES7 y soporte de TypeScript
    • Ejemplos de opción de selector múltiple para consultar elementos con más de un selector a la vez
    • Ejemplos de ejecución de navegador múltiple y navegador sin interfaz usando Chrome y Firefox
    • Integración de pruebas en la nube con BrowserStack, Sauce Labs, TestMu AI (anteriormente LambdaTest)
    • Ejemplos de lectura/escritura de datos desde MS-Excel para una fácil gestión de datos de prueba desde fuentes de datos externas con ejemplos
    • Soporte de base de datos para cualquier RDBMS (Oracle, MySql, TeraData, Vertica, etc.), ejecutando cualquier consulta / recuperando conjunto de resultados, etc. con ejemplos para pruebas E2E
    • Múltiples informes (Spec, Xunit/Junit, Allure, JSON) y alojamiento de informes Allure y Xunit/Junit en WebServer.
    • Ejemplos con aplicación de demostración https://search.yahoo.com/ y http://the-internet.herokuapp.com.
    • Archivo .config específico para BrowserStack, Sauce Labs, TestMu AI (anteriormente LambdaTest) y Appium (para reproducción en dispositivo móvil). Para una configuración de Appium con un clic en máquina local para iOS y Android, consulta appium-setup-made-easy-OSX.

amiya-pattnaik/webdriverIO-with-mochaBDD​

  • Framework: WDIO-V8 con Mocha (V10x).
  • Características:
    • Modelo de Objetos de Página usa enfoque de clase basado en ES6/ES7 y soporte de TypeScript
    • Ejemplos con aplicación de demostración https://search.yahoo.com y http://the-internet.herokuapp.com
    • Ejemplos de ejecución de navegador múltiple y navegador sin interfaz usando Chrome y Firefox
    • Integración de pruebas en la nube con BrowserStack, Sauce Labs, TestMu AI (anteriormente LambdaTest)
    • Múltiples informes (Spec, Xunit/Junit, Allure, JSON) y alojamiento de informes Allure y Xunit/Junit en WebServer.
    • Ejemplos de lectura/escritura de datos desde MS-Excel para una fácil gestión de datos de prueba desde fuentes de datos externas con ejemplos
    • Ejemplos de conexión DB a cualquier RDBMS (Oracle, MySql, TeraData, Vertica, etc.), cualquier ejecución de consulta / recuperación de conjunto de resultados, etc. con ejemplos para pruebas E2E
    • Archivo .config específico para BrowserStack, Sauce Labs, TestMu AI (anteriormente LambdaTest) y Appium (para reproducción en dispositivo móvil). Para una configuración de Appium con un clic en máquina local para iOS y Android, consulta appium-setup-made-easy-OSX.

amiya-pattnaik/webdriverIO-with-jasmineBDD​

  • Framework: WDIO-V8 con Jasmine (V4x).
  • Características:
    • Modelo de Objetos de Página usa enfoque de clase basado en ES6/ES7 y soporte de TypeScript
    • Ejemplos con aplicación de demostración https://search.yahoo.com y http://the-internet.herokuapp.com
    • Ejemplos de ejecución de navegador múltiple y navegador sin interfaz usando Chrome y Firefox
    • Integración de pruebas en la nube con BrowserStack, Sauce Labs, TestMu AI (anteriormente LambdaTest)
    • Múltiples informes (Spec, Xunit/Junit, Allure, JSON) y alojamiento de informes Allure y Xunit/Junit en WebServer.
    • Ejemplos de lectura/escritura de datos desde MS-Excel para una fácil gestión de datos de prueba desde fuentes de datos externas con ejemplos
    • Ejemplos de conexión DB a cualquier RDBMS (Oracle, MySql, TeraData, Vertica, etc.), cualquier ejecución de consulta / recuperación de conjunto de resultados, etc. con ejemplos para pruebas E2E
    • Archivo .config específico para BrowserStack, Sauce Labs, TestMu AI (anteriormente LambdaTest) y Appium (para reproducción en dispositivo móvil). Para una configuración de Appium con un clic en máquina local para iOS y Android, consulta appium-setup-made-easy-OSX.

syamphaneendra/webdriverio-web-mobile-boilerplate​

Este proyecto de plantilla tiene pruebas WebdriverIO 8 con cucumber y typescript, siguiendo el patrón de objetos de página.

  • Frameworks:

    • WebdriverIO v8
    • Cucumber v8

  • Características:

    • Typescript v5
    • Patrón de Objetos de Página
    • Prettier
    • Soporte para múltiples navegadores
      • Chrome
      • Firefox
      • Edge
      • Safari
      • Standalone
    • Ejecución paralela multiplataforma
    • Appium
    • Integración de pruebas en la nube con BrowserStack y Sauce Labs
    • Servicio Docker
    • Servicio de datos compartidos
    • Archivos de configuración separados para cada servicio
    • Gestión de datos de prueba y lectura por tipo de usuario
    • Informes
      • Dot
      • Spec
      • Informe html múltiple de cucumber con capturas de pantalla de fallos
    • Pipelines de Gitlab para repositorio Gitlab
    • Acciones de Github para repositorio Github
    • Docker compose para configurar el hub de Docker
    • Pruebas de accesibilidad usando AXE
    • Pruebas visuales usando Applitools
    • Mecanismo de registro

klassijs/klassi-js (cucumber-template)​

  • Frameworks

    • WebdriverIO (v8)
    • Cucumber (v8)

  • Características

    • Contiene escenario de prueba de muestra en cucumber
    • Informes html de cucumber integrados con videos incrustados en caso de fallos
    • Servicios Lambdatest y CircleCI integrados
    • Pruebas visuales, de accesibilidad y de API integradas
    • Funcionalidad de correo electrónico integrada
    • Bucket s3 integrado para almacenamiento y recuperación de informes de prueba

serenity-js/serenity-js-mocha-webdriverio-template/​

Proyecto plantilla de Serenity/JS para ayudarte a comenzar con las pruebas de aceptación de tus aplicaciones web utilizando los últimos WebdriverIO, Mocha y Serenity/JS.

serenity-js/serenity-js-cucumber-webdriverio-template/​

Proyecto plantilla de Serenity/JS para ayudarte a comenzar con las pruebas de aceptación de tus aplicaciones web utilizando los últimos WebdriverIO, Cucumber y Serenity/JS.

Muralijc/wdio-headspin-boilerplate​

Proyecto de plantilla para ejecutar pruebas de WebdriverIO en la nube de Headspin (https://www.headspin.io/) utilizando características de Cucumber y el patrón de objetos de página.

  • Frameworks

    • WebdriverIO (v8)
    • Cucumber (v8)

  • Características

    • Integración en la nube con Headspin
    • Soporta Modelo de Objeto de Página
    • Contiene escenarios de muestra escritos en estilo declarativo de BDD
    • Informes html de cucumber integrados

Proyectos de plantilla v7

webdriverio/appium-boilerplate​

Proyecto de plantilla para ejecutar pruebas de Appium con WebdriverIO para:

  • Aplicaciones nativas de iOS/Android
  • Aplicaciones híbridas de iOS/Android
  • Navegadores Android Chrome e iOS Safari

Esta plantilla incluye lo siguiente:

  • Framework: Mocha
  • Características:
    • Configuraciones para:
      • Aplicación de iOS y Android
      • Navegadores de iOS y Android
    • Ayudantes para:
      • WebView
      • Gestos
      • Alertas nativas
      • Selectores
    • Ejemplos de pruebas para:
      • WebView
      • Inicio de sesión
      • Formularios
      • Deslizamiento
      • Navegadores

serhatbolsu/webdriverio-mocha-uiautomation-boiler​

Pruebas ATDD WEB con Mocha, WebdriverIO v6 con PageObject

  • Frameworks
    • WebdriverIO (v7)
    • Mocha
  • Características
    • Modelo de Objeto de Página
    • Integración con Sauce Labs con Sauce Service
    • Informe Allure
    • Captura automática de capturas de pantalla para pruebas fallidas
    • Ejemplo de CircleCI
    • ESLint

WarleyGabriel/demo-webdriverio-mocha​

Proyecto de plantilla para ejecutar pruebas E2E con Mocha.

17thSep/WebdriverIO_Master​

Proyecto de plantilla para ejecutar pruebas de WebdriverIO v7 para lo siguiente:

Scripts WDIO 7 con TypeScript en Framework Cucumber Scripts WDIO 7 con TypeScript en Framework Mocha Ejecutar script WDIO 7 en Docker Registros de red

Proyecto de plantilla para:

  • Capturar registros de red
  • Capturar todas las llamadas GET/POST o una API REST específica
  • Afirmar parámetros de solicitud
  • Afirmar parámetros de respuesta
  • Almacenar todas las respuestas en un archivo separado

Arjun-Ar91/Wdio7-appium-cucumber​

Proyecto de plantilla para ejecutar pruebas de appium para aplicaciones nativas y navegadores móviles usando cucumber v7 y wdio v7 con patrón de objeto de página.

  • Frameworks

    • WebdriverIO v7
    • Cucumber v7
    • Appium

  • Características

    • Aplicaciones nativas de Android e iOS
    • Navegador Android Chrome
    • Navegador iOS Safari
    • Modelo de Objeto de Página
    • Contiene escenarios de prueba de muestra en cucumber
    • Integrado con múltiples informes html de cucumber

praveendvd/webdriverIODockerBoilerplate/​

Este es un proyecto plantilla para ayudarte a mostrar cómo puedes ejecutar pruebas de webdriverio desde aplicaciones web utilizando los últimos WebdriverIO y framework Cucumber. Este proyecto pretende actuar como una imagen base que puedes usar para entender cómo ejecutar pruebas de WebdriverIO en docker

Este proyecto incluye:

  • DockerFile
  • Proyecto cucumber

Leer más en: Medium Blog

praveendvd/WebdriverIO_electronAppAutomation_boilerplate/​

Este es un proyecto plantilla para ayudarte a mostrar cómo puedes ejecutar pruebas electronJS usando WebdriverIO. Este proyecto pretende actuar como una imagen base que puedes usar para entender cómo ejecutar pruebas electronJS de WebdriverIO.

Este proyecto incluye:

  • Aplicación de muestra electronjs
  • Scripts de prueba cucumber de muestra

Leer más en: Medium Blog

praveendvd/webdriverIO_winappdriver_boilerplate/​

Este es un proyecto plantilla para ayudarte a mostrar cómo puedes automatizar aplicaciones de Windows usando winappdriver y WebdriverIO. Este proyecto pretende actuar como una imagen base que puedes usar para entender cómo ejecutar pruebas de windappdriver y WebdriverIO.

Leer más en: Medium Blog

praveendvd/appium-chromedriver-multiremote-wdio-boilerplate/​

Este es un proyecto plantilla para ayudarte a mostrar cómo puedes ejecutar la capacidad multiremote de webdriverio con los últimos WebdriverIO y framework Jasmine. Este proyecto pretende actuar como una imagen base que puedes usar para entender cómo ejecutar pruebas de WebdriverIO en docker

Este proyecto usa:

  • chromedriver
  • jasmine
  • appium

webdriverio-roku-appium-boilerplate​

Proyecto plantilla para ejecutar pruebas de appium en dispositivos Roku reales usando mocha con patrón de objeto de página.

  • Frameworks

    • WebdriverIO Async v7
    • Appium 2.0
    • Mocha v7
    • Informes Allure

  • Características

    • Modelo de Objeto de Página
    • Typescript
    • Captura de pantalla en caso de fallo
    • Pruebas de ejemplo usando un canal Roku de muestra

krishnapollu/wdio-cucumber-poc​

Proyecto PoC para pruebas E2E Multiremote Cucumber así como pruebas Mocha basadas en datos

  • Framework:

    • Cucumber (v8)
    • WebdriverIO (v8)
    • Mocha (v8)

  • Características:

    • Pruebas E2E basadas en Cucumber
    • Pruebas basadas en datos con Mocha
    • Pruebas solo web - en plataformas locales y en la nube
    • Pruebas solo móviles - emuladores locales y remotos en la nube (o dispositivos)
    • Pruebas Web + Móvil - Multiremote - plataformas locales y en la nube
    • Múltiples informes integrados, incluido Allure
    • Datos de prueba (JSON / XLSX) manejados globalmente para escribir los datos (creados sobre la marcha) a un archivo después de la ejecución de la prueba
    • Flujo de trabajo de Github para ejecutar la prueba y subir el informe allure

Rondleysg/wdio-multiremote-appium-chromedriver-boilerplate​

Este es un proyecto de plantilla para ayudar a mostrar cómo ejecutar webdriverio multi-remote usando appium y el servicio chromedriver con el último WebdriverIO.

Welcome! How can I help?

WebdriverIO AI Copilot