Vai al contenuto principale

Nel corso del tempo, la nostra comunità ha sviluppato diversi progetti che puoi utilizzare come ispirazione per configurare la tua suite di test.

Progetti Boilerplate v9

webdriverio/cucumber-boilerplate​

Il nostro boilerplate per suite di test Cucumber. Abbiamo creato oltre 150 definizioni di step predefinite per te, così puoi iniziare a scrivere file di feature nel tuo progetto immediatamente.

  • Framework:
    • Cucumber
    • WebdriverIO
  • Caratteristiche:
    • Oltre 150 step predefiniti che coprono quasi tutto ciò di cui hai bisogno
    • Integra la funzionalità Multiremote di WebdriverIO
    • App demo propria

webdriverio/jasmine-boilerplate​

Progetto boilerplate per eseguire test WebdriverIO con Jasmine utilizzando funzionalità Babel e il pattern page objects.

  • Framework
    • WebdriverIO
    • Jasmine
  • Caratteristiche
    • Pattern Page Object
    • Integrazione con Sauce Labs

webdriverio/electron-boilerplate​

Progetto boilerplate per eseguire test WebdriverIO su un'applicazione Electron minimale.

  • Framework
    • WebdriverIO
    • Mocha
  • Caratteristiche
    • Simulazione API Electron

syamphaneendra/webdriverio9-boilerplate​

Questo progetto boilerplate include test mobili WebdriverIO 9 con Cucumber, TypeScript e Appium per piattaforme Android e iOS, seguendo il pattern Page Object Model. Include registrazione completa, reportistica, gesture mobili, navigazione da app a web e integrazione CI/CD.

  • Framework:

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

  • Caratteristiche:

    • Supporto multi-piattaforma
      • Android (UiAutomator2)
      • iOS (XCUITest)
    • Gesture Mobili
      • Scorrimento
      • Swipe
      • Pressione prolungata
      • Nascondi tastiera
    • Navigazione da App a Web
      • Cambio di contesto
      • Supporto WebView
      • Automazione browser (Chrome/Safari)
    • Stato Fresco dell'App
      • Reset automatico dell'app tra scenari
      • Comportamento di reset configurabile (noReset, fullReset)
    • Configurazione Dispositivo
      • Gestione centralizzata dei dispositivi
      • Facile cambio di piattaforma
    • Esempio di Struttura Directory per JavaScript / TypeScript. Di seguito è per la versione JS, la versione TS ha la stessa struttura.

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

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

Genera automaticamente classi Page Object WebdriverIO e specifiche di test Mocha da file Gherkin .feature — riducendo lo sforzo manuale, migliorando la coerenza e accelerando l'automazione QA. Questo progetto non solo produce codici compatibili con webdriver.io ma migliora anche tutte le funzionalità di webdriver.io. Abbiamo creato due versioni, una per gli utenti JavaScript e l'altra per gli utenti TypeScript. Ma entrambi i progetti funzionano allo stesso modo.

Come funziona?

  • Il processo segue un'automazione in due fasi:
  • Passo 1: Da Gherkin a stepMap (Genera file stepMap.json)
    • Genera file stepMap.json:
      • Analizza i file .feature scritti in sintassi Gherkin.
      • Estrae scenari e passaggi.
      • Produce un file .stepMap.json strutturato contenente:
        • azione da eseguire (es. click, setText, assertVisible)
        • selectorName per mappatura logica
        • selector per l'elemento DOM
        • note per valori o asserzioni
  • Passo 2: Da stepMap a Codice (Genera Codice WebdriverIO). Utilizza stepMap.json per generare:
    • Genera una classe page.js base con metodi condivisi e configurazione browser.url().
    • Genera classi Page Object Model (POM) compatibili con WebdriverIO per funzionalità all'interno di test/pageobjects/.
    • Genera specifiche di test basate su Mocha.
  • Esempio di Struttura Directory per JavaScript / TypeScript. Di seguito è per la versione JS, la versione TS ha la stessa struttura.
project-root/
├── features/                   # File Gherkin .feature (input utente / file sorgente)
├── stepMaps/                   # File .stepMap.json generati automaticamente
├── test/
│   ├── pageobjects/            # Classi Page Object Model per test WebdriverIO generate automaticamente
│   └── specs/                  # Specifiche di test Mocha generate automaticamente
├── src/
│   ├── cli.js                  # Logica CLI principale
│   ├── generateStepsMap.js     # Generatore da feature a stepMap
│   ├── generateTestsFromMap.js # Generatore da stepMap a page/spec
│   ├── utils.js                # Metodi di supporto
│   └── config.js               # Percorsi, selettori fallback, alias
│   └── __tests__/              # Test unitari (Vitest)
├── testgen.js                  # Punto di ingresso CLI
│── wdio.config.js              # Configurazione WebdriverIO
├── package.json                # Script e dipendenze
├── selector-aliases.json       # Sostituzioni di selettori definite dall'utente opzionali

Progetti Boilerplate v8

amiya-pattnaik/webdriverIO-with-cucumberBDD​

  • Framework: WDIO-V8 con Cucumber (V8x).
  • Caratteristiche:
    • Page Objects Model utilizza approccio basato su classi in stile ES6/ES7 e supporto TypeScript
    • Esempi di opzioni multi-selettore per interrogare elementi con più di un selettore alla volta
    • Esempi di esecuzione multi browser e headless browser utilizzando Chrome e Firefox
    • Integrazione con test cloud BrowserStack, Sauce Labs, TestMu AI (precedentemente LambdaTest)
    • Esempi di lettura/scrittura dati da MS-Excel per una facile gestione dei dati di test da fonti esterne con esempi
    • Supporto database per qualsiasi RDBMS (Oracle, MySql, TeraData, Vertica ecc.), esecuzione di qualsiasi query / recupero set di risultati ecc. con esempi per test E2E
    • Reportistica multipla (Spec, Xunit/Junit, Allure, JSON) e hosting di report Allure e Xunit/Junit su WebServer.
    • Esempi con app demo https://search.yahoo.com/ e http://the-internet.herokuapp.com.
    • File .config specifici per BrowserStack, Sauce Labs, TestMu AI (precedentemente LambdaTest) e Appium (per la riproduzione su dispositivi mobili). Per una configurazione Appium con un clic su macchina locale per iOS e Android, consultare appium-setup-made-easy-OSX.

amiya-pattnaik/webdriverIO-with-mochaBDD​

  • Framework: WDIO-V8 con Mocha (V10x).
  • Caratteristiche:
    • Page Objects Model utilizza approccio basato su classi in stile ES6/ES7 e supporto TypeScript
    • Esempi con app demo https://search.yahoo.com e http://the-internet.herokuapp.com
    • Esempi di esecuzione multi browser e headless browser utilizzando Chrome e Firefox
    • Integrazione con test cloud BrowserStack, Sauce Labs, TestMu AI (precedentemente LambdaTest)
    • Reportistica multipla (Spec, Xunit/Junit, Allure, JSON) e hosting di report Allure e Xunit/Junit su WebServer.
    • Esempi di lettura/scrittura dati da MS-Excel per una facile gestione dei dati di test da fonti esterne con esempi
    • Esempi di connessione DB a qualsiasi RDBMS (Oracle, MySql, TeraData, Vertica ecc.), qualsiasi esecuzione di query / recupero set di risultati ecc. con esempi per test E2E
    • File .config specifici per BrowserStack, Sauce Labs, TestMu AI (precedentemente LambdaTest) e Appium (per la riproduzione su dispositivi mobili). Per una configurazione Appium con un clic su macchina locale per iOS e Android, consultare appium-setup-made-easy-OSX.

amiya-pattnaik/webdriverIO-with-jasmineBDD​

  • Framework: WDIO-V8 con Jasmine (V4x).
  • Caratteristiche:
    • Page Objects Model utilizza approccio basato su classi in stile ES6/ES7 e supporto TypeScript
    • Esempi con app demo https://search.yahoo.com e http://the-internet.herokuapp.com
    • Esempi di esecuzione multi browser e headless browser utilizzando Chrome e Firefox
    • Integrazione con test cloud BrowserStack, Sauce Labs, TestMu AI (precedentemente LambdaTest)
    • Reportistica multipla (Spec, Xunit/Junit, Allure, JSON) e hosting di report Allure e Xunit/Junit su WebServer.
    • Esempi di lettura/scrittura dati da MS-Excel per una facile gestione dei dati di test da fonti esterne con esempi
    • Esempi di connessione DB a qualsiasi RDBMS (Oracle, MySql, TeraData, Vertica ecc.), qualsiasi esecuzione di query / recupero set di risultati ecc. con esempi per test E2E
    • File .config specifici per BrowserStack, Sauce Labs, TestMu AI (precedentemente LambdaTest) e Appium (per la riproduzione su dispositivi mobili). Per una configurazione Appium con un clic su macchina locale per iOS e Android, consultare appium-setup-made-easy-OSX.

syamphaneendra/webdriverio-web-mobile-boilerplate​

Questo progetto boilerplate ha test WebdriverIO 8 con cucumber e typescript, seguendo il pattern page objects.

  • Framework:

    • WebdriverIO v8
    • Cucumber v8

  • Caratteristiche:

    • Typescript v5
    • Pattern Page Object
    • Prettier
    • Supporto multi browser
      • Chrome
      • Firefox
      • Edge
      • Safari
      • Standalone
    • Esecuzione parallela cross-browser
    • Appium
    • Integrazione con test cloud BrowserStack & Sauce Labs
    • Servizio Docker
    • Servizio di condivisione dati
    • File di configurazione separati per ogni servizio
    • Gestione dati di test e lettura per tipo di utente
    • Reportistica
      • Dot
      • Spec
      • Report html cucumber multipli con screenshot dei fallimenti
    • Pipeline Gitlab per repository Gitlab
    • GitHub actions per repository Github
    • Docker compose per configurare il docker hub
    • Test di accessibilità usando AXE
    • Test visivi usando Applitools
    • Meccanismo di log

klassijs/klassi-js (cucumber-template)​

  • Framework

    • WebdriverIO (v8)
    • Cucumber (v8)

  • Caratteristiche

    • Contiene scenario di test di esempio in cucumber
    • Report html cucumber integrati con video incorporati sui fallimenti
    • Servizi Lambdatest e CircleCI integrati
    • Test visivi, di accessibilità e API integrati
    • Funzionalità email integrate
    • Bucket s3 integrato per archiviazione e recupero dei report di test

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

Progetto template Serenity/JS per aiutarti a iniziare con i test di accettazione delle tue applicazioni web utilizzando WebdriverIO, Mocha e Serenity/JS più recenti.

  • Framework

    • WebdriverIO (v8)
    • Mocha (v10)
    • Serenity/JS (v3)
    • Reportistica Serenity BDD

  • Caratteristiche

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

Progetto template Serenity/JS per aiutarti a iniziare con i test di accettazione delle tue applicazioni web utilizzando WebdriverIO, Cucumber e Serenity/JS più recenti.

  • Framework

    • WebdriverIO (v8)
    • Cucumber (v9)
    • Serenity/JS (v3)
    • Reportistica Serenity BDD

  • Caratteristiche

Muralijc/wdio-headspin-boilerplate​

Progetto boilerplate per eseguire test WebdriverIO in Headspin Cloud (https://www.headspin.io/) utilizzando le funzionalità di Cucumber e il pattern page objects.

  • Framework

    • WebdriverIO (v8)
    • Cucumber (v8)

  • Caratteristiche

    • Integrazione cloud con Headspin
    • Supporta il Page Object Model
    • Contiene scenari di esempio scritti in stile BDD dichiarativo
    • Report html cucumber integrati

Progetti Boilerplate v7

webdriverio/appium-boilerplate​

Progetto boilerplate per eseguire test Appium con WebdriverIO per:

  • App native iOS/Android
  • App ibride iOS/Android
  • Browser Android Chrome e iOS Safari

Questo boilerplate include:

  • Framework: Mocha
  • Caratteristiche:
    • Configurazioni per:
      • App iOS e Android
      • Browser iOS e Android
    • Helper per:
      • WebView
      • Gesture
      • Alert nativi
      • Selettori
    • Esempi di test per:
      • WebView
      • Login
      • Moduli
      • Swipe
      • Browser

serhatbolsu/webdriverio-mocha-uiautomation-boiler​

Test ATDD WEB con Mocha, WebdriverIO v6 con PageObject

  • Framework
    • WebdriverIO (v7)
    • Mocha
  • Caratteristiche
    • Modello Page Object
    • Integrazione Sauce Labs con Sauce Service
    • Report Allure
    • Acquisizione automatica di screenshot per i test falliti
    • Esempio CircleCI
    • ESLint

WarleyGabriel/demo-webdriverio-mocha​

Progetto boilerplate per eseguire test E2E con Mocha.

17thSep/WebdriverIO_Master​

Progetto boilerplate per eseguire test WebdriverIO v7 per quanto segue:

Script WDIO 7 con TypeScript in Cucumber Framework Script WDIO 7 con TypeScript in Mocha Framework Eseguire script WDIO 7 in Docker Log di rete

Progetto boilerplate per:

  • Catturare i log di rete
  • Catturare tutte le chiamate GET/POST o una specifica API REST
  • Verificare i parametri della richiesta
  • Verificare i parametri della risposta
  • Salvare tutte le risposte in un file separato

Arjun-Ar91/Wdio7-appium-cucumber​

Progetto boilerplate per eseguire test appium per app native e browser mobile utilizzando cucumber v7 e wdio v7 con pattern page object.

  • Framework

    • WebdriverIO v7
    • Cucumber v7
    • Appium

  • Caratteristiche

    • App native Android e iOS
    • Browser Android Chrome
    • Browser iOS Safari
    • Modello Page Object
    • Contiene scenari di test di esempio in cucumber
    • Integrato con report html cucumber multipli

praveendvd/webdriverIODockerBoilerplate/​

Questo è un progetto template per aiutarti a mostrare come puoi eseguire test webdriverio da applicazioni Web utilizzando WebdriverIO e il framework Cucumber più recenti. Questo progetto intende fungere da immagine di base che puoi utilizzare per capire come eseguire test WebdriverIO in docker

Questo progetto include:

  • DockerFile
  • Progetto cucumber

Leggi di più su: Medium Blog

praveendvd/WebdriverIO_electronAppAutomation_boilerplate/​

Questo è un progetto template per mostrarti come puoi eseguire test electronJS usando WebdriverIO. Questo progetto intende fungere da immagine di base che puoi utilizzare per capire come eseguire test WebdriverIO electronJS.

Questo progetto include:

  • App electron di esempio
  • Script di test cucumber di esempio

Leggi di più su: Medium Blog

praveendvd/webdriverIO_winappdriver_boilerplate/​

Questo è un progetto template per mostrarti come puoi automatizzare l'applicazione Windows utilizzando winappdriver e WebdriverIO. Questo progetto intende fungere da immagine di base che puoi utilizzare per capire come eseguire test windappdriver e WebdriverIO.

Leggi di più su: Medium Blog

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

Questo è un progetto template per mostrarti come puoi eseguire la capacità multiremote di webdriverio con WebdriverIO e il framework Jasmine più recenti. Questo progetto intende fungere da immagine di base che puoi utilizzare per capire come eseguire test WebdriverIO in docker

Questo progetto utilizza:

  • chromedriver
  • jasmine
  • appium

webdriverio-roku-appium-boilerplate​

Progetto template per eseguire test appium su dispositivi Roku reali utilizzando mocha con pattern page object.

  • Framework

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

  • Caratteristiche

    • Modello Page Object
    • Typescript
    • Screenshot in caso di fallimento
    • Test di esempio utilizzando un canale Roku di esempio

krishnapollu/wdio-cucumber-poc​

Progetto PoC per test Cucumber Multiremote E2E e test Mocha basati sui dati

  • Framework:

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

  • Caratteristiche:

    • Test E2E basati su Cucumber
    • Test basati su dati con Mocha
    • Test solo Web - in locale e piattaforme cloud
    • Test solo Mobile - emulatori locali e remoti su cloud (o dispositivi)
    • Test Web + Mobile - Multiremote - piattaforme locali e cloud
    • Report multipli integrati incluso Allure
    • Dati di test (JSON / XLSX) gestiti globalmente in modo da scrivere i dati (creati al volo) in un file dopo l'esecuzione del test
    • Workflow Github per eseguire il test e caricare il report allure

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

Questo è un progetto boilerplate per aiutare a mostrare come eseguire webdriverio multi-remote utilizzando il servizio appium e chromedriver con WebdriverIO più recente.

Welcome! How can I help?

WebdriverIO AI Copilot