Hoppa till huvudinnehåll

Med tiden har vårt community utvecklat flera projekt som du kan använda som inspiration för att sätta upp din egen testsvit.

v9 Mallprojekt

webdriverio/cucumber-boilerplate

Vårt eget mallprojekt för Cucumber-testsviter. Vi har skapat över 150 fördefinierade stegdefinitioner för dig, så att du kan börja skriva funktionsfiler i ditt projekt direkt.

  • Ramverk:
    • Cucumber
    • WebdriverIO
  • Funktioner:
    • Över 150 fördefinierade steg som täcker nästan allt du behöver
    • Integrerar WebdriverIO:s Multiremote-funktionalitet
    • Egen demo-app

webdriverio/jasmine-boilerplate

Mallprojekt för att köra WebdriverIO-tester med Jasmine med hjälp av Babel-funktioner och page objects-mönstret.

  • Ramverk
    • WebdriverIO
    • Jasmine
  • Funktioner
    • Page Object-mönster
    • Sauce Labs-integration

webdriverio/electron-boilerplate

Mallprojekt för att köra WebdriverIO-tester på en minimal Electron-applikation.

  • Ramverk
    • WebdriverIO
    • Mocha
  • Funktioner
    • Electron API-mocking

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

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

Generera automatiskt WebdriverIO Page Object-klasser och Mocha-testspecifikationer från Gherkin .feature-filer — minska manuellt arbete, förbättra konsekvens och påskynda QA-automatisering. Detta projekt producerar inte bara kod som är kompatibel med webdriver.io utan förbättrar även alla funktioner i webdriver.io. Vi har skapat två varianter, en för JavaScript-användare och en annan för TypeScript-användare. Men båda projekten fungerar på samma sätt.

Hur fungerar det?

  • Processen följer en tvåstegsautomatisering:
  • Steg 1: Gherkin till stepMap (Generera stepMap.json-filer)
    • Generera stepMap.json-filer:
      • Analyserar .feature-filer skrivna i Gherkin-syntax.
      • Extraherar scenarier och steg.
      • Producerar en strukturerad .stepMap.json-fil som innehåller:
        • åtgärder att utföra (t.ex. klicka, setText, assertVisible)
        • selectorName för logisk mappning
        • selector för DOM-elementet
        • anteckning för värden eller verifiering
  • Steg 2: stepMap till kod (Generera WebdriverIO-kod). Använder stepMap.json för att generera:
    • Generera en base page.js-klass med delade metoder och browser.url()-inställning.
    • Generera WebdriverIO-kompatibla Page Object Model (POM)-klasser per funktion inuti test/pageobjects/.
    • Generera Mocha-baserade testspecifikationer.
  • Exempel på katalogstruktur för JavaScript / TypeScript. Nedan är för JS-versionen, TS-versionen har samma struktur.
project-root/
├── features/ # Gherkin .feature files (user input / source file)
├── stepMaps/ # Auto-generated .stepMap.json files
├── test/
│ ├── pageobjects/ # Auto-generated WebdriverIO tests Page Object Model classes
│ └── specs/ # Auto-generated Mocha test specs
├── src/
│ ├── cli.js # Main CLI logic
│ ├── generateStepsMap.js # Feature-to-stepMap generator
│ ├── generateTestsFromMap.js # stepMap-to-page/spec generator
│ ├── utils.js # Helper methods
│ └── config.js # Paths, fallback selectors, aliases
│ └── __tests__/ # Unit tests (Vitest)
├── testgen.js # CLI entry point
│── wdio.config.js # WebdriverIO configuration
├── package.json # Scripts and dependencies
├── selector-aliases.json # Optional user-defined selector overrides the primary selector

v8 Mallprojekt

amiya-pattnaik/webdriverIO-with-cucumberBDD

  • Ramverk: WDIO-V8 med Cucumber (V8x).
  • Funktioner:
    • Page Objects Model använder ES6/ES7-stil med klassbaserad approach och TypeScript-stöd
    • Exempel på flera väljarmöjligheter för att söka efter element med mer än en väljare samtidigt
    • Exempel på körning med flera webbläsare och headless-webbläsare - Chrome och Firefox
    • Molntestintegration med BrowserStack, Sauce Labs, LambdaTest
    • Exempel på läsning/skrivning av data från MS-Excel för enkel testdatahantering från externa datakällor med exempel
    • Databasstöd för valfri RDBMS (Oracle, MySql, TeraData, Vertica etc.), exekvering av frågor / hämtning av resultatuppsättningar etc. med exempel för E2E-testning
    • Flera rapporteringsformat (Spec, Xunit/Junit, Allure, JSON) och värdskap för Allure och Xunit/Junit-rapportering på webbserver.
    • Exempel med demoapp https://search.yahoo.com/ och http://the-internet.herokuapp.com.
    • BrowserStack-, Sauce Labs-, LambdaTest- och Appium-specifika .config-filer (för uppspelning på mobila enheter). För enkel Appium-konfiguration på lokal maskin för iOS och Android, se appium-setup-made-easy-OSX.

amiya-pattnaik/webdriverIO-with-mochaBDD

  • Ramverk: WDIO-V8 med Mocha (V10x).
  • Funktioner:
    • Page Objects Model använder ES6/ES7-stil med klassbaserad approach och TypeScript-stöd
    • Exempel med demoapp https://search.yahoo.com och http://the-internet.herokuapp.com
    • Exempel på körning med flera webbläsare och headless-webbläsare - Chrome och Firefox
    • Molntestintegration med BrowserStack, Sauce Labs, LambdaTest
    • Flera rapporteringsformat (Spec, Xunit/Junit, Allure, JSON) och värdskap för Allure och Xunit/Junit-rapportering på webbserver.
    • Exempel på läsning/skrivning av data från MS-Excel för enkel testdatahantering från externa datakällor med exempel
    • Exempel på DB-anslutning till valfri RDBMS (Oracle, MySql, TeraData, Vertica etc.), exekvering av frågor / hämtning av resultatuppsättningar etc. med exempel för E2E-testning
    • BrowserStack-, Sauce Labs-, LambdaTest- och Appium-specifika .config-filer (för uppspelning på mobila enheter). För enkel Appium-konfiguration på lokal maskin för iOS och Android, se appium-setup-made-easy-OSX.

amiya-pattnaik/webdriverIO-with-jasmineBDD

  • Ramverk: WDIO-V8 med Jasmine (V4x).
  • Funktioner:
    • Page Objects Model använder ES6/ES7-stil med klassbaserad approach och TypeScript-stöd
    • Exempel med demoapp https://search.yahoo.com och http://the-internet.herokuapp.com
    • Exempel på körning med flera webbläsare och headless-webbläsare - Chrome och Firefox
    • Molntestintegration med BrowserStack, Sauce Labs, LambdaTest
    • Flera rapporteringsformat (Spec, Xunit/Junit, Allure, JSON) och värdskap för Allure och Xunit/Junit-rapportering på webbserver.
    • Exempel på läsning/skrivning av data från MS-Excel för enkel testdatahantering från externa datakällor med exempel
    • Exempel på DB-anslutning till valfri RDBMS (Oracle, MySql, TeraData, Vertica etc.), exekvering av frågor / hämtning av resultatuppsättningar etc. med exempel för E2E-testning
    • BrowserStack-, Sauce Labs-, LambdaTest- och Appium-specifika .config-filer (för uppspelning på mobila enheter). För enkel Appium-konfiguration på lokal maskin för iOS och Android, se appium-setup-made-easy-OSX.

syamphaneendra/webdriverio-web-mobile-boilerplate

Detta mallprojekt har WebdriverIO 8-tester med cucumber och typescript, följt av page object-mönstret.

  • Ramverk:

    • WebdriverIO v8
    • Cucumber v8
  • Funktioner:

    • Typescript v5
    • Page Object-mönster
    • Prettier
    • Stöd för flera webbläsare
      • Chrome
      • Firefox
      • Edge
      • Safari
      • Standalone
    • Parallell körning mellan olika webbläsare
    • Appium
    • Molntestintegration med BrowserStack & Sauce Labs
    • Docker-tjänst
    • Datadelningstjänst
    • Separata konfigurationsfiler för varje tjänst
    • Testdatahantering & läsning efter användartyp
    • Rapportering
      • Dot
      • Spec
      • Flera cucumber html-rapporter med skärmdumpar vid fel
    • Gitlab-pipelines för Gitlab-repository
    • Github actions för Github-repository
    • Docker compose för att konfigurera docker hub
    • Tillgänglighetstestning med AXE
    • Visuell testning med Applitools
    • Loggmekanism

klassijs/klassi-js (cucumber-template)

  • Ramverk

    • WebdriverIO (v8)
    • Cucumber (v8)
  • Funktioner

    • Innehåller exempeltestscenarier i cucumber
    • Integrerade cucumber html-rapporter med inbäddade videor vid fel
    • Integrerade Lambdatest- och CircleCI-tjänster
    • Integrerad visuell testning, tillgänglighetstestning och API-testning
    • Integrerad e-postfunktionalitet
    • Integrerad s3-bucket för lagring och hämtning av testrapporter

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

Serenity/JS mallprojekt för att hjälpa dig komma igång med acceptanstestning av dina webbapplikationer med de senaste versionerna av WebdriverIO, Mocha och Serenity/JS.

  • Ramverk

    • WebdriverIO (v8)
    • Mocha (v10)
    • Serenity/JS (v3)
    • Serenity BDD-rapportering
  • Funktioner

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

Serenity/JS mallprojekt för att hjälpa dig komma igång med acceptanstestning av dina webbapplikationer med de senaste versionerna av WebdriverIO, Cucumber och Serenity/JS.

  • Ramverk

    • WebdriverIO (v8)
    • Cucumber (v9)
    • Serenity/JS (v3)
    • Serenity BDD-rapportering
  • Funktioner

Muralijc/wdio-headspin-boilerplate

Mallprojekt för att köra WebdriverIO-tester i Headspin Cloud (https://www.headspin.io/) med Cucumber-funktioner och page object-mönstret.

  • Ramverk

    • WebdriverIO (v8)
    • Cucumber (v8)
  • Funktioner

    • Molnintegration med Headspin
    • Stödjer Page Object Model
    • Innehåller exempelscenarier skrivna i deklarativ BDD-stil
    • Integrerade cucumber html-rapporter

v7 Mallprojekt


webdriverio/appium-boilerplate

Mallprojekt för att köra Appium-tester med WebdriverIO för:

  • iOS/Android Native-appar
  • iOS/Android Hybrid-appar
  • Android Chrome och iOS Safari-webbläsare

Detta mallprojekt inkluderar följande:

  • Ramverk: Mocha
  • Funktioner:
    • Konfigurationer för:
      • iOS- och Android-appar
      • iOS- och Android-webbläsare
    • Hjälpfunktioner för:
      • WebView
      • Gester
      • Native-dialogrutor
      • Väljare
    • Testexempel för:
      • WebView
      • Inloggning
      • Formulär
      • Svepning
      • Webbläsare

serhatbolsu/webdriverio-mocha-uiautomation-boiler

ATDD WEB-tester med Mocha, WebdriverIO v6 med PageObject

  • Ramverk
    • WebdriverIO (v7)
    • Mocha
  • Funktioner
    • Page Object Model
    • Sauce Labs-integration med Sauce Service
    • Allure Report
    • Automatisk skärmdumpstagning för misslyckade tester
    • CircleCI-exempel
    • ESLint

WarleyGabriel/demo-webdriverio-mocha

Mallprojekt för att köra E2E-tester med Mocha.

17thSep/WebdriverIO_Master

Mallprojekt för att köra WebdriverIO v7-tester för följande:

WDIO 7-skript med TypeScript i Cucumber Framework WDIO 7-skript med TypeScript i Mocha Framework Kör WDIO 7-skript i Docker Nätverksloggar

Mallprojekt för:

  • Fånga nätverksloggar
  • Fånga alla GET/POST-anrop eller ett specifikt REST API
  • Kontrollera förfrågningsparametrar
  • Kontrollera svarsparametrar
  • Lagra alla svar i en separat fil

Arjun-Ar91/Wdio7-appium-cucumber

Mallprojekt för att köra appium-tester för inbyggda appar och mobilwebbläsare med cucumber v7 och wdio v7 med page object-mönstret.

  • Ramverk

    • WebdriverIO v7
    • Cucumber v7
    • Appium
  • Funktioner

    • Inbyggda Android- och iOS-appar
    • Android Chrome-webbläsare
    • iOS Safari-webbläsare
    • Page Object Model
    • Innehåller exempeltestscenarier i cucumber
    • Integrerad med flera cucumber html-rapporter

praveendvd/webdriverIODockerBoilerplate/

Detta är ett mallprojekt för att hjälpa dig visa hur du kan köra webdriverio-test från webbapplikationer med de senaste versionerna av WebdriverIO och Cucumber-ramverket. Detta projekt är tänkt att fungera som en baslinjeimage som du kan använda för att förstå hur man kör WebdriverIO-tester i docker

Detta projekt inkluderar:

  • DockerFile
  • cucumber-projekt

Läs mer på: Medium Blog

praveendvd/WebdriverIO_electronAppAutomation_boilerplate/

Detta är ett mallprojekt för att hjälpa dig visa hur du kan köra electronJS-tester med WebdriverIO. Detta projekt är tänkt att fungera som en baslinjeimage som du kan använda för att förstå hur man kör WebdriverIO electronJS-tester.

Detta projekt inkluderar:

  • Exempel på electronjs-app
  • Exempel på cucumber-testskript

Läs mer på: Medium Blog

praveendvd/webdriverIO_winappdriver_boilerplate/

Detta är ett mallprojekt för att hjälpa dig visa hur du kan automatisera Windows-applikationer med hjälp av winappdriver och WebdriverIO. Detta projekt är tänkt att fungera som en baslinjeimage som du kan använda för att förstå hur man kör windappdriver och WebdriverIO-tester.

Läs mer på: Medium Blog

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

Detta är ett mallprojekt för att hjälpa dig visa hur du kan köra webdriverio multiremote-funktionalitet med senaste WebdriverIO och Jasmine-ramverket. Detta projekt är tänkt att fungera som en baslinjeimage som du kan använda för att förstå hur man kör WebdriverIO-tester i docker

Detta projekt använder:

  • chromedriver
  • jasmine
  • appium

webdriverio-roku-appium-boilerplate

Mallprojekt för att köra appium-tester på riktiga Roku-enheter med mocha och page object-mönstret.

  • Ramverk

    • WebdriverIO Async v7
    • Appium 2.0
    • Mocha v7
    • Allure Reporting
  • Funktioner

    • Page Object Model
    • Typescript
    • Skärmdump vid fel
    • Exempeltester med en Roku-exempelkanal

krishnapollu/wdio-cucumber-poc

PoC-projekt för E2E Multiremote Cucumber-tester och datadrivna Mocha-tester

  • Ramverk:

    • Cucumber (v8)
    • WebdriverIO (v8)
    • Mocha (v8)
  • Funktioner:

    • Cucumber-baserade E2E-tester
    • Mocha-baserade datadrivna tester
    • Endast webbtester - lokalt såväl som molnplattformar
    • Endast mobiltester - lokala såväl som fjärranslutna molnemulatorer (eller enheter)
    • Webb + mobiltester - Multiremote - lokalt såväl som molnplattformar
    • Flera rapporter integrerade inklusive Allure
    • Testdata (JSON / XLSX) hanteras globalt för att skriva data (skapas under tiden) till en fil efter testexekvering
    • Github-arbetsflöde för att köra testet och ladda upp allure-rapporten

Rondleysg/wdio-multiremote-appium-chromedriver-boilerplate

Detta är ett mallprojekt för att hjälpa visa hur man kör webdriverio multi-remote med appium och chromedriver-tjänst med det senaste WebdriverIO.

Welcome! How can I help?

WebdriverIO AI Copilot