Przejdź do głównej treści

Z biegiem czasu nasza społeczność opracowała kilka projektów, które możesz wykorzystać jako inspirację do skonfigurowania własnego zestawu testów.

Projekty boilerplate v9

webdriverio/cucumber-boilerplate​

Nasz własny boilerplate dla zestawów testów Cucumber. Stworzyliśmy ponad 150 predefiniowanych definicji kroków, dzięki czemu możesz od razu zacząć pisać pliki funkcji w swoim projekcie.

  • Framework:
    • Cucumber
    • WebdriverIO
  • Funkcje:
    • Ponad 150 predefiniowanych kroków, które obejmują prawie wszystko, czego potrzebujesz
    • Integruje funkcjonalność Multiremote WebdriverIO
    • Własna aplikacja demonstracyjna

webdriverio/jasmine-boilerplate​

Projekt boilerplate do uruchamiania testów WebdriverIO z Jasmine, wykorzystujący funkcje Babel i wzorzec obiektów stron.

  • Frameworki
    • WebdriverIO
    • Jasmine
  • Funkcje
    • Wzorzec obiektów stron (Page Object Pattern)
    • Integracja z Sauce Labs

webdriverio/electron-boilerplate​

Projekt boilerplate do uruchamiania testów WebdriverIO na minimalnej aplikacji Electron.

  • Frameworki
    • WebdriverIO
    • Mocha
  • Funkcje
    • Mockowanie API Electron

syamphaneendra/webdriverio9-boilerplate​

Ten projekt boilerplate zawiera testy mobilne WebdriverIO 9 z Cucumber, TypeScript i Appium dla platform Android i iOS, zgodnie ze wzorcem Model Obiektów Stron. Oferuje kompleksowe logowanie, raportowanie, gesty mobilne, nawigację między aplikacją a stronami internetowymi oraz integrację CI/CD.

  • Frameworki:

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

  • Funkcje:

    • Wsparcie dla wielu platform
      • Android (UiAutomator2)
      • iOS (XCUITest)
    • Gesty mobilne
      • Przewijanie
      • Przesuwanie
      • Długie naciśnięcie
      • Ukrywanie klawiatury
    • Nawigacja między aplikacją a stronami internetowymi
      • Przełączanie kontekstu
      • Obsługa WebView
      • Automatyzacja przeglądarki (Chrome/Safari)
    • Świeży stan aplikacji
      • Automatyczne resetowanie aplikacji między scenariuszami
      • Konfigurowalne zachowanie resetowania (noReset, fullReset)
    • Konfiguracja urządzenia
      • Scentralizowane zarządzanie urządzeniami
      • Łatwe przełączanie platform
    • Przykład struktury katalogów dla JavaScript / TypeScript. Poniżej znajduje się wersja dla JS, wersja TS ma taką samą strukturę.

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

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

Automatycznie generuj klasy WebdriverIO Page Object i specyfikacje testów Mocha z plików Gherkin .feature — zmniejszając ręczny wysiłek, poprawiając spójność i przyspieszając automatyzację QA. Ten projekt nie tylko produkuje kod kompatybilny z webdriver.io, ale także rozszerza wszystkie funkcjonalności webdriver.io. Stworzyliśmy dwie wersje: jedną dla użytkowników JavaScript i drugą dla użytkowników TypeScript. Oba projekty działają w ten sam sposób.

Jak to działa?

  • Proces przebiega w dwóch krokach automatyzacji:
  • Krok 1: Gherkin do stepMap (Generowanie plików stepMap.json)
    • Generowanie plików stepMap.json:
      • Analizuje pliki .feature napisane w składni Gherkin.
      • Wyodrębnia scenariusze i kroki.
      • Tworzy ustrukturyzowany plik .stepMap.json zawierający:
        • akcję do wykonania (np. click, setText, assertVisible)
        • selectorName dla logicznego mapowania
        • selector dla elementu DOM
        • note dla wartości lub asercji
  • Krok 2: stepMap do kodu (Generowanie kodu WebdriverIO) Używa stepMap.json do generowania:
    • Generuje bazową klasę page.js z współdzielonymi metodami i konfiguracją browser.url().
    • Generuje kompatybilne z WebdriverIO klasy w modelu obiektów stron (POM) dla każdej funkcji w test/pageobjects/.
    • Generuje specyfikacje testów bazujące na Mocha.
  • Przykład struktury katalogów dla JavaScript / TypeScript. Poniżej znajduje się wersja dla JS, wersja TS ma taką samą 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

Projekty boilerplate v8

amiya-pattnaik/webdriverIO-with-cucumberBDD​

  • Framework: WDIO-V8 z Cucumber (V8x).
  • Funkcje:
    • Model obiektów stron używany z podejściem opartym na klasach w stylu ES6/ES7 i wsparciem TypeScript
    • Przykłady opcji wielu selektorów do zapytań o element za pomocą więcej niż jednego selektora na raz
    • Przykłady wykonania na wielu przeglądarkach i przeglądarkach bezinterfejsowych - Chrome i Firefox
    • Integracja z testami w chmurze z BrowserStack, Sauce Labs, TestMu AI (dawniej LambdaTest)
    • Przykłady odczytu/zapisu danych z MS-Excel dla łatwego zarządzania danymi testowymi z zewnętrznych źródeł danych z przykładami
    • Obsługa bazy danych dla dowolnego RDBMS (Oracle, MySql, TeraData, Vertica itp.), wykonywanie dowolnych zapytań / pobieranie zestawów wyników itp. z przykładami dla testowania E2E
    • Wielorakie raportowanie (Spec, Xunit/Junit, Allure, JSON) i hostowanie raportów Allure i Xunit/Junit na serwerze Web.
    • Przykłady z aplikacją demo https://search.yahoo.com/ i http://the-internet.herokuapp.com.
    • Pliki .config specyficzne dla BrowserStack, Sauce Labs, TestMu AI (dawniej LambdaTest) i Appium (do odtwarzania na urządzeniach mobilnych). Aby skonfigurować Appium jednym kliknięciem na lokalnej maszynie dla iOS i Androida, zapoznaj się z appium-setup-made-easy-OSX.

amiya-pattnaik/webdriverIO-with-mochaBDD​

  • Framework: WDIO-V8 z Mocha (V10x).
  • Funkcje:
    • Model obiektów stron używany z podejściem opartym na klasach w stylu ES6/ES7 i wsparciem TypeScript
    • Przykłady z aplikacją demo https://search.yahoo.com i http://the-internet.herokuapp.com
    • Przykłady wykonania na wielu przeglądarkach i przeglądarkach bezinterfejsowych - Chrome i Firefox
    • Integracja z testami w chmurze z BrowserStack, Sauce Labs, TestMu AI (dawniej LambdaTest)
    • Wielorakie raportowanie (Spec, Xunit/Junit, Allure, JSON) i hostowanie raportów Allure i Xunit/Junit na serwerze Web.
    • Przykłady odczytu/zapisu danych z MS-Excel dla łatwego zarządzania danymi testowymi z zewnętrznych źródeł danych z przykładami
    • Przykłady połączenia z bazą danych do dowolnego RDBMS (Oracle, MySql, TeraData, Vertica itp.), wykonywanie dowolnych zapytań / pobieranie zestawów wyników itp. z przykładami dla testowania E2E
    • Pliki .config specyficzne dla BrowserStack, Sauce Labs, TestMu AI (dawniej LambdaTest) i Appium (do odtwarzania na urządzeniach mobilnych). Aby skonfigurować Appium jednym kliknięciem na lokalnej maszynie dla iOS i Androida, zapoznaj się z appium-setup-made-easy-OSX.

amiya-pattnaik/webdriverIO-with-jasmineBDD​

  • Framework: WDIO-V8 z Jasmine (V4x).
  • Funkcje:
    • Model obiektów stron używany z podejściem opartym na klasach w stylu ES6/ES7 i wsparciem TypeScript
    • Przykłady z aplikacją demo https://search.yahoo.com i http://the-internet.herokuapp.com
    • Przykłady wykonania na wielu przeglądarkach i przeglądarkach bezinterfejsowych - Chrome i Firefox
    • Integracja z testami w chmurze z BrowserStack, Sauce Labs, TestMu AI (dawniej LambdaTest)
    • Wielorakie raportowanie (Spec, Xunit/Junit, Allure, JSON) i hostowanie raportów Allure i Xunit/Junit na serwerze Web.
    • Przykłady odczytu/zapisu danych z MS-Excel dla łatwego zarządzania danymi testowymi z zewnętrznych źródeł danych z przykładami
    • Przykłady połączenia z bazą danych do dowolnego RDBMS (Oracle, MySql, TeraData, Vertica itp.), wykonywanie dowolnych zapytań / pobieranie zestawów wyników itp. z przykładami dla testowania E2E
    • Pliki .config specyficzne dla BrowserStack, Sauce Labs, TestMu AI (dawniej LambdaTest) i Appium (do odtwarzania na urządzeniach mobilnych). Aby skonfigurować Appium jednym kliknięciem na lokalnej maszynie dla iOS i Androida, zapoznaj się z appium-setup-made-easy-OSX.

syamphaneendra/webdriverio-web-mobile-boilerplate​

Ten projekt boilerplate zawiera testy WebdriverIO 8 z cucumber i typescript, zgodnie ze wzorcem obiektów stron.

  • Frameworki:

    • WebdriverIO v8
    • Cucumber v8

  • Funkcje:

    • Typescript v5
    • Wzorzec obiektów stron (Page Object Pattern)
    • Prettier
    • Wsparcie dla wielu przeglądarek
      • Chrome
      • Firefox
      • Edge
      • Safari
      • Standalone
    • Równoległe wykonanie w różnych przeglądarkach
    • Appium
    • Integracja z testami w chmurze z BrowserStack i Sauce Labs
    • Usługa Docker
    • Usługa udostępniania danych
    • Osobne pliki konfiguracyjne dla każdej usługi
    • Zarządzanie danymi testowymi i odczytywanie według typu użytkownika
    • Raportowanie
      • Dot
      • Spec
      • Raport HTML z wieloma cucumber z zrzutami ekranu w przypadku niepowodzeń
    • Pipelines Gitlab dla repozytorium Gitlab
    • Github Actions dla repozytorium Github
    • Docker compose do konfiguracji huba dockera
    • Testy dostępności przy użyciu AXE
    • Testy wizualne przy użyciu Applitools
    • Mechanizm logowania

klassijs/klassi-js (cucumber-template)​

  • Frameworki

    • WebdriverIO (v8)
    • Cucumber (v8)

  • Funkcje

    • Zawiera przykładowy scenariusz testowy w cucumber
    • Zintegrowane raporty html cucumber z osadzonymi filmami w przypadku niepowodzeń
    • Zintegrowane usługi Lambdatest i CircleCI
    • Zintegrowane testy Visual, Accessibility i API
    • Zintegrowana funkcja Email
    • Zintegrowany bucket s3 do przechowywania i pobierania raportów testowych

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

Szablon projektu Serenity/JS, który pomoże Ci rozpocząć testy akceptacyjne Twoich aplikacji webowych przy użyciu najnowszych WebdriverIO, Mocha i Serenity/JS.

  • Frameworki

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

  • Funkcje

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

Szablon projektu Serenity/JS, który pomoże Ci rozpocząć testy akceptacyjne Twoich aplikacji webowych przy użyciu najnowszych WebdriverIO, Cucumber i Serenity/JS.

  • Frameworki

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

  • Funkcje

Muralijc/wdio-headspin-boilerplate​

Projekt boilerplate do uruchamiania testów WebdriverIO w chmurze Headspin (https://www.headspin.io/) przy użyciu funkcji Cucumber i wzorca obiektów stron.

  • Frameworki

    • WebdriverIO (v8)
    • Cucumber (v8)

  • Funkcje

    • Integracja z chmurą Headspin
    • Obsługuje Model Obiektów Stron
    • Zawiera przykładowe scenariusze napisane w deklaratywnym stylu BDD
    • Zintegrowane raporty HTML cucumber

Projekty boilerplate v7

webdriverio/appium-boilerplate​

Projekt boilerplate do uruchamiania testów Appium z WebdriverIO dla:

  • Natywnych aplikacji iOS/Android
  • Hybrydowych aplikacji iOS/Android
  • Przeglądarek Android Chrome i iOS Safari

Ten boilerplate zawiera:

  • Framework: Mocha
  • Funkcje:
    • Konfiguracje dla:
      • Aplikacji iOS i Android
      • Przeglądarek iOS i Android
    • Helpery dla:
      • WebView
      • Gestów
      • Natywnych alertów
      • Pickerów
    • Przykłady testów dla:
      • WebView
      • Logowania
      • Formularzy
      • Przesuwania
      • Przeglądarek

serhatbolsu/webdriverio-mocha-uiautomation-boiler​

Projekt PoC dla testów ATDD WEB z Mocha, WebdriverIO v6 z PageObject

  • Frameworki
    • WebdriverIO (v7)
    • Mocha
  • Funkcje
    • Model Obiektów Stron
    • Integracja z Sauce Labs za pomocą Sauce Service
    • Raport Allure
    • Automatyczne przechwytywanie zrzutów ekranu dla niepowodzących się testów
    • Przykład CircleCI
    • ESLint

WarleyGabriel/demo-webdriverio-mocha​

Projekt boilerplate do uruchamiania testów E2E z Mocha.

17thSep/WebdriverIO_Master​

Projekt boilerplate do uruchamiania testów WebdriverIO v7 dla:

Skrypty WDIO 7 z TypeScript w frameworku Cucumber Skrypty WDIO 7 z TypeScript w frameworku Mocha Uruchamianie skryptu WDIO 7 w Dockerze Logi sieciowe

Projekt boilerplate dla:

  • Przechwytywania logów sieciowych
  • Przechwytywania wszystkich wywołań GET/POST lub określonego API REST
  • Asercji parametrów żądania
  • Asercji parametrów odpowiedzi
  • Przechowywania wszystkich odpowiedzi w osobnym pliku

Arjun-Ar91/Wdio7-appium-cucumber​

Projekt boilerplate do uruchamiania testów appium dla natywnych aplikacji i przeglądarek mobilnych przy użyciu cucumber v7 i wdio v7 z wzorcem obiektów stron.

  • Frameworki

    • WebdriverIO v7
    • Cucumber v7
    • Appium

  • Funkcje

    • Natywne aplikacje Android i iOS
    • Przeglądarka Android Chrome
    • Przeglądarka iOS Safari
    • Model obiektów stron
    • Zawiera przykładowe scenariusze testowe w cucumber
    • Zintegrowany z wieloma raportami html cucumber

praveendvd/webdriverIODockerBoilerplate/​

Jest to projekt szablonowy, który pomoże Ci pokazać, jak możesz uruchamiać testy webdriverio z aplikacji internetowych za pomocą najnowszego WebdriverIO i frameworka Cucumber. Ten projekt ma na celu działanie jako obraz bazowy, którego możesz użyć, aby zrozumieć, jak uruchamiać testy WebdriverIO w dockerze.

Ten projekt zawiera:

  • DockerFile
  • Projekt cucumber

Więcej informacji na: Medium Blog

praveendvd/WebdriverIO_electronAppAutomation_boilerplate/​

Jest to projekt szablonowy, który pomoże Ci pokazać, jak możesz uruchamiać testy electronJS za pomocą WebdriverIO. Ten projekt ma na celu działanie jako obraz bazowy, którego możesz użyć, aby zrozumieć, jak uruchamiać testy electronJS WebdriverIO.

Ten projekt zawiera:

  • Przykładowa aplikacja electronjs
  • Przykładowe skrypty testów cucumber

Więcej informacji na: Medium Blog

praveendvd/webdriverIO_winappdriver_boilerplate/​

Jest to projekt szablonowy, który pomoże Ci pokazać, jak możesz automatyzować aplikacje Windows za pomocą winappdriver i WebdriverIO. Ten projekt ma na celu działanie jako obraz bazowy, którego możesz użyć, aby zrozumieć, jak uruchamiać testy winappdriver i WebdriverIO.

Więcej informacji na: Medium Blog

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

Jest to projekt szablonowy, który pomoże Ci pokazać, jak możesz uruchomić funkcję multiremote webdriverio z najnowszym WebdriverIO i frameworkiem Jasmine. Ten projekt ma na celu działanie jako obraz bazowy, którego możesz użyć, aby zrozumieć, jak uruchamiać testy WebdriverIO w dockerze.

Ten projekt używa:

  • chromedriver
  • jasmine
  • appium

webdriverio-roku-appium-boilerplate​

Projekt szablonowy do uruchamiania testów appium na prawdziwych urządzeniach Roku przy użyciu mocha z wzorcem obiektów stron.

  • Frameworki

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

  • Funkcje

    • Model obiektów stron
    • Typescript
    • Zrzut ekranu w przypadku niepowodzenia
    • Przykładowe testy wykorzystujące przykładowy kanał Roku

krishnapollu/wdio-cucumber-poc​

Projekt PoC dla testów E2E Multiremote Cucumber, a także testów Mocha opartych na danych

  • Frameworki:

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

  • Funkcje:

    • Testy E2E oparte na Cucumber
    • Testy oparte na danych w Mocha
    • Testy wyłącznie dla sieci - zarówno w lokalnych, jak i platformach chmurowych
    • Testy wyłącznie dla urządzeń mobilnych - lokalne oraz zdalne emulatory w chmurze (lub urządzenia)
    • Testy Web + Mobile - Multiremote - zarówno lokalne, jak i platformy chmurowe
    • Zintegrowano wiele raportów, w tym Allure
    • Dane testowe (JSON / XLSX) obsługiwane globalnie, aby zapisać dane (tworzone dynamicznie) do pliku po zakończeniu testu
    • Github workflow do uruchamiania testów i przesyłania raportu allure

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

To jest projekt boilerplate, który pomoże pokazać jak uruchamiać webdriverio multi-remote przy użyciu usług appium i chromedriver z najnowszym WebdriverIO.

Welcome! How can I help?

WebdriverIO AI Copilot