Im Laufe der Zeit hat unsere Community mehrere Projekte entwickelt, die Sie als Inspiration für die Einrichtung Ihrer eigenen Testsuite nutzen können.
v9 Boilerplate-Projekte
webdriverio/cucumber-boilerplate
Unser eigenes Boilerplate für Cucumber-Testsuiten. Wir haben über 150 vordefinierte Schrittdefinitionen für Sie erstellt, damit Sie sofort mit dem Schreiben von Feature-Dateien in Ihrem Projekt beginnen können.
- Framework:
- Cucumber
- WebdriverIO
- Funktionen:
- Über 150 vordefinierte Schritte, die fast alles abdecken, was Sie benötigen
- Integriert die Multiremote-Funktionalität von WebdriverIO
- Eigene Demo-App
webdriverio/jasmine-boilerplate
Boilerplate-Projekt, um WebdriverIO-Tests mit Jasmine unter Verwendung von Babel-Funktionen und dem Page-Objects-Pattern auszuführen.
- Frameworks
- WebdriverIO
- Jasmine
- Funktionen
- Page Object Pattern
- Sauce Labs Integration
webdriverio/electron-boilerplate
Boilerplate-Projekt zur Ausführung von WebdriverIO-Tests auf einer minimalen Electron-Anwendung.
- Frameworks
- WebdriverIO
- Mocha
- Funktionen
- Electron API Mocking
amiya-pattnaik/gherkin-to-webdriverIO-test-generator
Automatisch WebdriverIO Page-Object-Klassen und Mocha-Testspezifikationen aus Gherkin .feature-Dateien generieren — reduziert manuellen Aufwand, verbessert Konsistenz und beschleunigt QA-Automatisierung. Dieses Projekt erzeugt nicht nur Code, der mit webdriver.io kompatibel ist, sondern erweitert auch alle Funktionen von webdriver.io.
Wie es funktioniert?
- Der Prozess folgt einer zweistufigen Automatisierung:
- Schritt 1: Gherkin zu stepMap (Generieren von stepMap.json-Dateien)
- Generieren von stepMap.json-Dateien:
- Analysiert .feature-Dateien, die in Gherkin-Syntax geschrieben sind.
- Extrahiert Szenarien und Schritte.
- Erzeugt eine strukturierte .stepMap.json-Datei, die Folgendes enthält:
- auszuführende Aktion (z.B. click, setText, assertVisible)
- selectorName für logisches Mapping
- selector für das DOM-Element
- note für Werte oder Assertion
- Generieren von stepMap.json-Dateien:
- Schritt 2: stepMap zu Code (Generieren von WebdriverIO-Code).
Verwendet stepMap.json, um Folgendes zu generieren:
- Generiert eine base page.js-Klasse mit gemeinsamen Methoden und browser.url()-Setup.
- Generiert WebdriverIO-kompatible Page Object Model (POM)-Klassen pro Feature innerhalb von test/pageobjects/.
- Generiert Mocha-basierte Testspezifikationen.
- Verzeichnisstruktur
project-root/
├── features/ # Input Gherkin feature files
├── stepMaps/ # Generated step maps (JSON)
├── test/
│ ├── pageobjects/ # Generated base Page class, Page Object classes
│ └── specs/ # Generated test specs
├── generateStepMap.js # StepMap generator script
├── generateTestsFromMap.js # PageObject + test spec generator script
├── package.json
├── README.md
└── wdio.conf.js
v8 Boilerplate-Projekte
amiya-pattnaik/webdriverIO-with-cucumberBDD
- Framework: WDIO-V8 mit Cucumber (V8x).
- Funktionen:
- Page Objects Model verwendet ES6/ES7-Stil mit klassenbasiertem Ansatz und TypeScript-Unterstützung
- Beispiele für Multi-Selector-Option, um Elemente mit mehr als einem Selector gleichzeitig abzufragen
- Beispiele für Multi-Browser- und Headless-Browser-Ausführung mit Chrome und Firefox
- Cloud-Testing-Integration mit BrowserStack, Sauce Labs, LambdaTest
- Beispiele für Lesen/Schreiben von Daten aus MS-Excel für einfaches Testdatenmanagement aus externen Datenquellen mit Beispielen
- Datenbankunterstützung für beliebige RDBMS (Oracle, MySql, TeraData, Vertica etc.), Ausführung beliebiger Abfragen / Abrufen von Ergebnismengen etc. mit Beispielen für E2E-Tests
- Mehrfache Berichterstattung (Spec, Xunit/Junit, Allure, JSON) und Hosting von Allure- und Xunit/Junit-Berichten auf WebServer.
- Beispiele mit Demo-App https://search.yahoo.com/ und http://the-internet.herokuapp.com.
- BrowserStack, Sauce Labs, LambdaTest und Appium-spezifische
.config
-Datei (für die Wiedergabe auf mobilen Geräten). Für eine Ein-Klick-Appium-Einrichtung auf lokalen Maschinen für iOS und Android siehe appium-setup-made-easy-OSX.
amiya-pattnaik/webdriverIO-with-mochaBDD
- Framework: WDIO-V8 mit Mocha (V10x).
- Funktionen:
- Page Objects Model verwendet ES6/ES7-Stil mit klassenbasiertem Ansatz und TypeScript-Unterstützung
- Beispiele mit Demo-App https://search.yahoo.com und http://the-internet.herokuapp.com
- Beispiele für Multi-Browser- und Headless-Browser-Ausführung mit Chrome und Firefox
- Cloud-Testing-Integration mit BrowserStack, Sauce Labs, LambdaTest
- Mehrfache Berichterstattung (Spec, Xunit/Junit, Allure, JSON) und Hosting von Allure- und Xunit/Junit-Berichten auf WebServer.
- Beispiele für Lesen/Schreiben von Daten aus MS-Excel für einfaches Testdatenmanagement aus externen Datenquellen mit Beispielen
- Beispiele für DB-Verbindung zu beliebigen RDBMS (Oracle, MySql, TeraData, Vertica etc.), beliebige Abfrageausführung / Abrufen von Ergebnismengen etc. mit Beispielen für E2E-Tests
- BrowserStack, Sauce Labs, LambdaTest und Appium-spezifische
.config
-Datei (für die Wiedergabe auf mobilen Geräten). Für eine Ein-Klick-Appium-Einrichtung auf lokalen Maschinen für iOS und Android siehe appium-setup-made-easy-OSX.
amiya-pattnaik/webdriverIO-with-jasmineBDD
- Framework: WDIO-V8 mit Jasmine (V4x).
- Funktionen:
- Page Objects Model verwendet ES6/ES7-Stil mit klassenbasiertem Ansatz und TypeScript-Unterstützung
- Beispiele mit Demo-App https://search.yahoo.com und http://the-internet.herokuapp.com
- Beispiele für Multi-Browser- und Headless-Browser-Ausführung mit Chrome und Firefox
- Cloud-Testing-Integration mit BrowserStack, Sauce Labs, LambdaTest
- Mehrfache Berichterstattung (Spec, Xunit/Junit, Allure, JSON) und Hosting von Allure- und Xunit/Junit-Berichten auf WebServer.
- Beispiele für Lesen/Schreiben von Daten aus MS-Excel für einfaches Testdatenmanagement aus externen Datenquellen mit Beispielen
- Beispiele für DB-Verbindung zu beliebigen RDBMS (Oracle, MySql, TeraData, Vertica etc.), beliebige Abfrageausführung / Abrufen von Ergebnismengen etc. mit Beispielen für E2E-Tests
- BrowserStack, Sauce Labs, LambdaTest und Appium-spezifische
.config
-Datei (für die Wiedergabe auf mobilen Geräten). Für eine Ein-Klick-Appium-Einrichtung auf lokalen Maschinen für iOS und Android siehe appium-setup-made-easy-OSX.
syamphaneendra/webdriverio-web-mobile-boilerplate
Dieses Boilerplate-Projekt enthält WebdriverIO 8-Tests mit Cucumber und TypeScript, nach dem Page-Objects-Pattern.
-
Frameworks:
- WebdriverIO v8
- Cucumber v8
-
Funktionen:
- Typescript v5
- Page Object Pattern
- Prettier
- Multi-Browser-Unterstützung
- Chrome
- Firefox
- Edge
- Safari
- Standalone
- Crossbrowser-Parallelausführung
- Appium
- Cloud-Testing-Integration mit BrowserStack & Sauce Labs
- Docker-Service
- Share-Data-Service
- Separate Konfigurationsdateien für jeden Service
- Testdatenverwaltung & Lesen nach Benutzertyp
- Berichterstattung
- Dot
- Spec
- Multiple cucumber html report mit Fehler-Screenshots
- Gitlab-Pipelines für Gitlab-Repository
- Github-Actions für Github-Repository
- Docker Compose für die Einrichtung des Docker-Hubs
- Barrierefreiheitstests mit AXE
- Visuelle Tests mit Applitools
- Log-Mechanismus
klassijs/klassi-js (cucumber-template)
-
Frameworks
- WebdriverIO (v8)
- Cucumber (v8)
-
Funktionen
- Enthält Beispiel-Testszenarien in Cucumber
- Integrierte Cucumber-HTML-Berichte mit eingebetteten Videos bei Fehlern
- Integrierte Lambdatest- und CircleCI-Dienste
- Integrierte visuelle, Barrierefreiheits- und API-Tests
- Integrierte E-Mail-Funktionalität
- Integrierter S3-Bucket für Testberichtsspeicherung und -abruf
serenity-js/serenity-js-mocha-webdriverio-template/
Serenity/JS Vorlagenprojekt, um Ihnen den Einstieg in Akzeptanztests Ihrer Webanwendungen mit den neuesten WebdriverIO, Mocha und Serenity/JS zu erleichtern.
-
Frameworks
- WebdriverIO (v8)
- Mocha (v10)
- Serenity/JS (v3)
- Serenity BDD Reporting
-
Funktionen
- Screenplay Pattern
- Automatische Screenshots bei Testfehlern, in Berichte eingebettet
- Continuous Integration (CI)-Setup mit GitHub Actions
- Demo Serenity BDD-Berichte, die auf GitHub Pages veröffentlicht werden
- TypeScript
- ESLint
serenity-js/serenity-js-cucumber-webdriverio-template/
Serenity/JS Vorlagenprojekt, um Ihnen den Einstieg in Akzeptanztests Ihrer Webanwendungen mit den neuesten WebdriverIO, Cucumber und Serenity/JS zu erleichtern.
-
Frameworks
- WebdriverIO (v8)
- Cucumber (v9)
- Serenity/JS (v3)
- Serenity BDD Reporting
-
Funktionen
- Screenplay Pattern
- Automatische Screenshots bei Testfehlern, in Berichte eingebettet
- Continuous Integration (CI)-Setup mit GitHub Actions
- Demo Serenity BDD-Berichte, die auf GitHub Pages veröffentlicht werden
- TypeScript
- ESLint
Muralijc/wdio-headspin-boilerplate
Boilerplate-Projekt zur Ausführung von WebdriverIO-Tests in der Headspin Cloud (https://www.headspin.io/) mit Cucumber-Features und dem Page-Objects-Pattern.
-
Frameworks
- WebdriverIO (v8)
- Cucumber (v8)
-
Funktionen
- Cloud-Integration mit Headspin
- Unterstützt Page Object Model
- Enthält Beispielszenarien, die im deklarativen Stil von BDD geschrieben sind
- Integrierte Cucumber-HTML-Berichte
v7 Boilerplate-Projekte
webdriverio/appium-boilerplate
Boilerplate-Projekt zur Ausführung von Appium-Tests mit WebdriverIO für:
- iOS/Android Native Apps
- iOS/Android Hybrid Apps
- Android Chrome und iOS Safari Browser
Dieses Boilerplate enthält Folgendes:
- Framework: Mocha
- Funktionen:
- Konfigurationen für:
- iOS- und Android-App
- iOS- und Android-Browser
- Helfer für:
- WebView
- Gesten
- Native Alerts
- Pickers
- Testbeispiele für:
- WebView
- Login
- Formulare
- Swipe
- Browser
- Konfigurationen für:
serhatbolsu/webdriverio-mocha-uiautomation-boiler
ATDD WEB-Tests mit Mocha, WebdriverIO v6 mit PageObject
- Frameworks
- WebdriverIO (v7)
- Mocha
- Funktionen
- Page Object Model
- Sauce Labs Integration mit Sauce Service
- Allure Report
- Automatische Screenshot-Erfassung für fehlgeschlagene Tests
- CircleCI-Beispiel
- ESLint
WarleyGabriel/demo-webdriverio-mocha
Boilerplate-Projekt zur Ausführung von E2E-Tests mit Mocha.
- Frameworks:
- WebdriverIO (v7)
- Mocha
- Funktionen:
- TypeScript
- Expect-webdriverio
- Visual regression tests
- Page Object Pattern
- Commit lint und Commitizen
- ESlint
- Prettier
- Husky
- Github Actions Beispiel
- Allure-Bericht (Screenshots bei Fehlern)
17thSep/WebdriverIO_Master
Boilerplate-Projekt zur Ausführung von WebdriverIO v7-Tests für Folgendes:
WDIO 7 Skripte mit TypeScript im Cucumber Framework WDIO 7 Skripte mit TypeScript im Mocha Framework WDIO 7 Skript in Docker ausführen Netzwerk-Logs
Boilerplate-Projekt für:
- Erfassung von Netzwerk-Logs
- Erfassung aller GET/POST-Aufrufe oder einer bestimmten REST-API
- Assertion von Anforderungsparametern
- Assertion von Antwortparametern
- Speichern aller Antworten in einer separaten Datei
Arjun-Ar91/Wdio7-appium-cucumber
Boilerplate-Projekt zur Ausführung von Appium-Tests für native Apps und mobile Browser mit Cucumber v7 und WDIO v7 mit Page-Object-Pattern.
-
Frameworks
- WebdriverIO v7
- Cucumber v7
- Appium
-
Funktionen
- Native Android- und iOS-Apps
- Android Chrome Browser
- iOS Safari Browser
- Page Object Model
- Enthält Beispiel-Testszenarien in Cucumber
- Integration mit mehreren Cucumber-HTML-Berichten
praveendvd/webdriverIODockerBoilerplate/
Dies ist ein Vorlagenprojekt, das Ihnen zeigen soll, wie Sie WebdriverIO-Tests von Webanwendungen mit den neuesten WebdriverIO und dem Cucumber-Framework ausführen können. Dieses Projekt soll als Basisimage dienen, anhand dessen Sie verstehen können, wie WebdriverIO-Tests in Docker ausgeführt werden.
Dieses Projekt umfasst:
- DockerFile
- Cucumber-Projekt
Mehr dazu unter: Medium Blog
praveendvd/WebdriverIO_electronAppAutomation_boilerplate/
Dies ist ein Vorlagenprojekt, das Ihnen zeigen soll, wie Sie ElectronJS-Tests mit WebdriverIO ausführen können. Dieses Projekt soll als Basisimage dienen, anhand dessen Sie verstehen können, wie WebdriverIO ElectronJS-Tests ausgeführt werden.
Dieses Projekt umfasst:
- Beispiel-ElectronJS-App
- Beispiel-Cucumber-Testskripte
Mehr dazu unter: Medium Blog
praveendvd/webdriverIO_winappdriver_boilerplate/
Dies ist ein Vorlagenprojekt, das Ihnen zeigen soll, wie Sie Windows-Anwendungen mit Winappdriver und WebdriverIO automatisieren können. Dieses Projekt soll als Basisimage dienen, anhand dessen Sie verstehen können, wie Windappdriver und WebdriverIO-Tests ausgeführt werden.
Mehr dazu unter: Medium Blog
praveendvd/appium-chromedriver-multiremote-wdio-boilerplate/
Dies ist ein Vorlagenprojekt, das Ihnen zeigen soll, wie Sie die Multiremote-Funktion von WebdriverIO mit den neuesten WebdriverIO und dem Jasmine-Framework ausführen können. Dieses Projekt soll als Basisimage dienen, anhand dessen Sie verstehen können, wie WebdriverIO-Tests in Docker ausgeführt werden.
Dieses Projekt verwendet:
- chromedriver
- jasmine
- appium
webdriverio-roku-appium-boilerplate
Vorlagenprojekt zur Ausführung von Appium-Tests auf echten Roku-Geräten mit Mocha und Page-Object-Pattern.
-
Frameworks
- WebdriverIO Async v7
- Appium 2.0
- Mocha v7
- Allure Reporting
-
Funktionen
- Page Object Model
- Typescript
- Screenshot bei Fehlern
- Beispieltests mit einem Roku-Beispielkanal
krishnapollu/wdio-cucumber-poc
PoC-Projekt für E2E-Multiremote-Cucumber-Tests sowie datengesteuerte Mocha-Tests
-
Framework:
- Cucumber (v8)
- WebdriverIO (v8)
- Mocha (v8)
-
Funktionen:
- Cucumber-basierte E2E-Tests
- Mocha-basierte datengesteuerte Tests
- Nur Web-Tests - lokal sowie auf Cloud-Plattformen
- Nur Mobile-Tests - lokale sowie Remote-Cloud-Emulatoren (oder Geräte)
- Web + Mobile Tests - Multiremote - lokal sowie auf Cloud-Plattformen
- Mehrere Berichte integriert, einschließlich Allure
- Testdaten (JSON / XLSX) werden global verwaltet, um die Daten (on-the-fly erstellt) nach der Testausführung in eine Datei zu schreiben
- Github-Workflow zum Ausführen des Tests und Hochladen des Allure-Berichts
Rondleysg/wdio-multiremote-appium-chromedriver-boilerplate
Dies ist ein Boilerplate-Projekt, das zeigen soll, wie man WebdriverIO-Multi-Remote mit Appium und Chromedriver-Service mit dem neuesten WebdriverIO ausführt.
-
Frameworks
- WebdriverIO (v9)
- Appium (v2)
- Mocha
-
Funktionen
- Page Object Model
- Typescript
- Web + Mobile Tests - Multiremote
- Native Android- und iOS-Apps
- Appium
- Chromedriver
- ESLint
- Testbeispiele für Login in http://the-internet.herokuapp.com und WebdriverIO native Demo-App