Chuyển đến nội dung chính

Theo thời gian, cộng đồng của chúng ta đã phát triển nhiều dự án mà bạn có thể sử dụng làm nguồn cảm hứng để thiết lập bộ kiểm thử của riêng mình.

v9 Boilerplate Projects

webdriverio/cucumber-boilerplate​

Boilerplate riêng của chúng tôi cho bộ kiểm thử Cucumber. Chúng tôi đã tạo hơn 150 định nghĩa bước được xác định trước cho bạn, vì vậy bạn có thể bắt đầu viết tệp tính năng trong dự án của mình ngay lập tức.

  • Framework:
    • Cucumber
    • WebdriverIO
  • Tính năng:
    • Hơn 150 bước đã được định nghĩa trước bao gồm gần như mọi thứ bạn cần
    • Tích hợp chức năng Multiremote của WebdriverIO
    • Ứng dụng demo riêng

webdriverio/jasmine-boilerplate​

Dự án boilerplate để chạy các kiểm thử WebdriverIO với Jasmine sử dụng tính năng Babel và mẫu page objects.

  • Frameworks
    • WebdriverIO
    • Jasmine
  • Tính năng
    • Page Object Pattern
    • Tích hợp Sauce Labs

webdriverio/electron-boilerplate​

Dự án boilerplate để chạy các kiểm thử WebdriverIO trên ứng dụng Electron tối thiểu.

  • Frameworks
    • WebdriverIO
    • Mocha
  • Tính năng
    • Mô phỏng Electron API

syamphaneendra/webdriverio9-boilerplate​

Dự án boilerplate này có các kiểm thử di động WebdriverIO 9 với Cucumber, TypeScript và Appium cho các nền tảng Android và iOS, tuân theo mẫu Page Object Model. Tính năng ghi nhật ký toàn diện, báo cáo, cử chỉ di động, điều hướng từ ứng dụng sang web và tích hợp CI/CD.

  • Frameworks:

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

  • Tính năng:

    • Hỗ trợ đa nền tảng
      • Android (UiAutomator2)
      • iOS (XCUITest)
    • Cử chỉ di động
      • Cuộn
      • Vuốt
      • Nhấn giữ
      • Ẩn bàn phím
    • Điều hướng từ ứng dụng sang web
      • Chuyển đổi ngữ cảnh
      • Hỗ trợ WebView
      • Tự động hóa trình duyệt (Chrome/Safari)
    • Trạng thái ứng dụng mới
      • Tự động đặt lại ứng dụng giữa các kịch bản
      • Hành vi đặt lại có thể cấu hình (noReset, fullReset)
    • Cấu hình thiết bị
      • Quản lý thiết bị tập trung
      • Dễ dàng chuyển đổi nền tảng
    • Ví dụ về cấu trúc thư mục cho JavaScript / TypeScript. Bên dưới là cho phiên bản JS, phiên bản TS cũng có cấu trúc tương tự.

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

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

Tự động tạo các lớp Page Object WebdriverIO và đặc tả kiểm thử Mocha từ tệp Gherkin .feature — giảm công sức thủ công, cải thiện tính nhất quán và tăng tốc tự động hóa QA. Dự án này không chỉ tạo ra mã tương thích với webdriver.io mà còn nâng cao tất cả các chức năng của webdriver.io. Chúng tôi đã tạo hai phiên bản, một cho người dùng JavaScript và một cho người dùng TypeScript. Nhưng cả hai dự án đều hoạt động theo cách tương tự.

Nó hoạt động như thế nào?

  • Quy trình tuân theo hai bước tự động hóa:
  • Bước 1: Gherkin sang stepMap (Tạo tệp stepMap.json)
    • Tạo tệp stepMap.json:
      • Phân tích tệp .feature được viết bằng cú pháp Gherkin.
      • Trích xuất các kịch bản và bước.
      • Tạo tệp .stepMap.json có cấu trúc chứa:
        • hành động để thực hiện (ví dụ: click, setText, assertVisible)
        • selectorName cho ánh xạ hợp lý
        • selector cho phần tử DOM
        • ghi chú cho giá trị hoặc xác nhận
  • Bước 2: stepMap sang mã (Tạo mã WebdriverIO). Sử dụng stepMap.json để tạo:
    • Tạo lớp base page.js với các phương thức dùng chung và thiết lập browser.url().
    • Tạo các lớp Page Object Model (POM) tương thích WebdriverIO cho mỗi tính năng bên trong test/pageobjects/.
    • Tạo đặc tả kiểm thử dựa trên Mocha.
  • Ví dụ về cấu trúc thư mục cho JavaScript / TypeScript. Bên dưới là cho phiên bản JS, phiên bản TS có cấu trúc tương tự.
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 Boilerplate Projects

amiya-pattnaik/webdriverIO-with-cucumberBDD​

  • Framework: WDIO-V8 với Cucumber (V8x).
  • Tính năng:
    • Page Objects Model sử dụng cách tiếp cận dựa trên lớp phong cách ES6 /ES7 và hỗ trợ TypeScript
    • Ví dụ về tùy chọn đa bộ chọn để truy vấn phần tử với nhiều bộ chọn cùng lúc
    • Ví dụ về thực thi nhiều trình duyệt và trình duyệt headless sử dụng - Chrome và Firefox
    • Tích hợp kiểm thử đám mây với BrowserStack, Sauce Labs, TestMu AI (Trước đây là LambdaTest)
    • Ví dụ về đọc/ghi dữ liệu từ MS-Excel để quản lý dữ liệu kiểm thử dễ dàng từ nguồn dữ liệu bên ngoài với các ví dụ
    • Hỗ trợ cơ sở dữ liệu cho bất kỳ RDBMS nào (Oracle, MySql, TeraData, Vertica v.v.), thực thi bất kỳ truy vấn nào / lấy tập kết quả v.v. với các ví dụ cho kiểm thử E2E
    • Báo cáo đa dạng (Spec, Xunit/Junit, Allure, JSON) và Lưu trữ báo cáo Allure và Xunit/Junit trên WebServer.
    • Ví dụ với ứng dụng demo https://search.yahoo.com/ và http://the-internet.herokuapp.com.
    • BrowserStack, Sauce Labs, TestMu AI (Trước đây là LambdaTest) và tệp .config cụ thể cho Appium (để phát lại trên thiết bị di động). Để cài đặt Appium một lần trên máy cục bộ cho iOS và Android, tham khảo appium-setup-made-easy-OSX.

amiya-pattnaik/webdriverIO-with-mochaBDD​

  • Framework: WDIO-V8 với Mocha (V10x).
  • Tính năng:
    • Page Objects Model sử dụng cách tiếp cận dựa trên lớp phong cách ES6 /ES7 và hỗ trợ TypeScript
    • Ví dụ với ứng dụng demo https://search.yahoo.com và http://the-internet.herokuapp.com
    • Ví dụ về thực thi nhiều trình duyệt và trình duyệt headless sử dụng - Chrome và Firefox
    • Tích hợp kiểm thử đám mây với BrowserStack, Sauce Labs, TestMu AI (Trước đây là LambdaTest)
    • Báo cáo đa dạng (Spec, Xunit/Junit, Allure, JSON) và Lưu trữ báo cáo Allure và Xunit/Junit trên WebServer.
    • Ví dụ về đọc/ghi dữ liệu từ MS-Excel để quản lý dữ liệu kiểm thử dễ dàng từ nguồn dữ liệu bên ngoài với các ví dụ
    • Ví dụ về kết nối DB với bất kỳ RDBMS nào (Oracle, MySql, TeraData, Vertica v.v.), thực thi bất kỳ truy vấn nào / lấy tập kết quả v.v. với các ví dụ cho kiểm thử E2E
    • BrowserStack, Sauce Labs, TestMu AI (Trước đây là LambdaTest) và tệp .config cụ thể cho Appium (để phát lại trên thiết bị di động). Để cài đặt Appium một lần trên máy cục bộ cho iOS và Android, tham khảo appium-setup-made-easy-OSX.

amiya-pattnaik/webdriverIO-with-jasmineBDD​

  • Framework: WDIO-V8 với Jasmine (V4x).
  • Tính năng:
    • Page Objects Model sử dụng cách tiếp cận dựa trên lớp phong cách ES6 /ES7 và hỗ trợ TypeScript
    • Ví dụ với ứng dụng demo https://search.yahoo.com và http://the-internet.herokuapp.com
    • Ví dụ về thực thi nhiều trình duyệt và trình duyệt headless sử dụng - Chrome và Firefox
    • Tích hợp kiểm thử đám mây với BrowserStack, Sauce Labs, TestMu AI (Trước đây là LambdaTest)
    • Báo cáo đa dạng (Spec, Xunit/Junit, Allure, JSON) và Lưu trữ báo cáo Allure và Xunit/Junit trên WebServer.
    • Ví dụ về đọc/ghi dữ liệu từ MS-Excel để quản lý dữ liệu kiểm thử dễ dàng từ nguồn dữ liệu bên ngoài với các ví dụ
    • Ví dụ về kết nối DB với bất kỳ RDBMS nào (Oracle, MySql, TeraData, Vertica v.v.), thực thi bất kỳ truy vấn nào / lấy tập kết quả v.v. với các ví dụ cho kiểm thử E2E
    • BrowserStack, Sauce Labs, TestMu AI (Trước đây là LambdaTest) và tệp .config cụ thể cho Appium (để phát lại trên thiết bị di động). Để cài đặt Appium một lần trên máy cục bộ cho iOS và Android, tham khảo appium-setup-made-easy-OSX.

syamphaneendra/webdriverio-web-mobile-boilerplate​

Dự án boilerplate này có các kiểm thử WebdriverIO 8 với cucumber và typescript, theo mẫu page objects.

  • Frameworks:

    • WebdriverIO v8
    • Cucumber v8

  • Tính năng:

    • Typescript v5
    • Page Object Pattern
    • Prettier
    • Hỗ trợ nhiều trình duyệt
      • Chrome
      • Firefox
      • Edge
      • Safari
      • Standalone
    • Thực thi song song đa trình duyệt
    • Appium
    • Tích hợp kiểm thử đám mây với BrowserStack & Sauce Labs
    • Docker service
    • Share data service
    • Tệp cấu hình riêng biệt cho mỗi dịch vụ
    • Quản lý dữ liệu thử nghiệm & đọc theo loại người dùng
    • Báo cáo
      • Dot
      • Spec
      • Báo cáo html cucumber đa dạng với ảnh chụp lỗi
    • Pipelines Gitlab cho kho lưu trữ Gitlab
    • Github actions cho kho lưu trữ Github
    • Docker compose để thiết lập docker hub
    • Kiểm thử khả năng tiếp cận sử dụng AXE
    • Kiểm thử trực quan sử dụng Applitools
    • Cơ chế ghi nhật ký

klassijs/klassi-js (cucumber-template)​

  • Frameworks

    • WebdriverIO (v8)
    • Cucumber (v8)

  • Tính năng

    • Chứa kịch bản kiểm thử mẫu trong cucumber
    • Tích hợp báo cáo html cucumber với video nhúng khi thất bại
    • Tích hợp dịch vụ Lambdatest và CircleCI
    • Tích hợp kiểm thử Visual, Accessibility và API
    • Tích hợp chức năng Email
    • Tích hợp s3 bucket để lưu trữ và truy xuất báo cáo kiểm thử

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

Dự án mẫu Serenity/JS để giúp bạn bắt đầu kiểm thử chấp nhận ứng dụng web của mình sử dụng WebdriverIO, Mocha và Serenity/JS mới nhất.

  • Frameworks

    • WebdriverIO (v8)
    • Mocha (v10)
    • Serenity/JS (v3)
    • Báo cáo Serenity BDD

  • Tính năng

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

Dự án mẫu Serenity/JS để giúp bạn bắt đầu kiểm thử chấp nhận ứng dụng web của mình sử dụng WebdriverIO, Cucumber và Serenity/JS mới nhất.

  • Frameworks

    • WebdriverIO (v8)
    • Cucumber (v9)
    • Serenity/JS (v3)
    • Báo cáo Serenity BDD

  • Tính năng

Muralijc/wdio-headspin-boilerplate​

Dự án boilerplate để chạy kiểm thử WebdriverIO trong Headspin Cloud (https://www.headspin.io/) sử dụng tính năng Cucumber và mẫu page objects.

  • Frameworks

    • WebdriverIO (v8)
    • Cucumber (v8)

  • Tính năng

    • Tích hợp đám mây với Headspin
    • Hỗ trợ Page Object Model
    • Chứa các kịch bản mẫu được viết theo phong cách khai báo của BDD
    • Tích hợp báo cáo html cucumber

v7 Boilerplate Projects

webdriverio/appium-boilerplate​

Dự án boilerplate để chạy kiểm thử Appium với WebdriverIO cho:

  • Ứng dụng Native iOS/Android
  • Ứng dụng Hybrid iOS/Android
  • Trình duyệt Android Chrome và iOS Safari

Boilerplate này bao gồm:

  • Framework: Mocha
  • Tính năng:
    • Cấu hình cho:
      • Ứng dụng iOS và Android
      • Trình duyệt iOS và Android
    • Trợ giúp cho:
      • WebView
      • Cử chỉ
      • Cảnh báo gốc
      • Pickers
    • Ví dụ kiểm thử cho:
      • WebView
      • Đăng nhập
      • Biểu mẫu
      • Vuốt
      • Trình duyệt

serhatbolsu/webdriverio-mocha-uiautomation-boiler​

ATDD WEB tests với Mocha, WebdriverIO v6 với PageObject

  • Frameworks
    • WebdriverIO (v7)
    • Mocha
  • Tính năng
    • Mô hình Page Object
    • Tích hợp Sauce Labs với Sauce Service
    • Báo cáo Allure
    • Tự động chụp ảnh màn hình cho các bài kiểm tra thất bại
    • Ví dụ CircleCI
    • ESLint

WarleyGabriel/demo-webdriverio-mocha​

Dự án boilerplate để chạy kiểm thử E2E với Mocha.

17thSep/WebdriverIO_Master​

Dự án boilerplate để chạy kiểm thử WebdriverIO v7 cho:

Script WDIO 7 với TypeScript trong Cucumber Framework Script WDIO 7 với TypeScript trong Mocha Framework Chạy script WDIO 7 trong Docker Nhật ký mạng

Dự án boilerplate cho:

  • Chụp nhật ký mạng
  • Chụp tất cả các lệnh gọi GET/POST hoặc một REST API cụ thể
  • Xác nhận tham số yêu cầu
  • Xác nhận tham số phản hồi
  • Lưu trữ tất cả các phản hồi trong một tệp riêng biệt

Arjun-Ar91/Wdio7-appium-cucumber​

Dự án boilerplate để chạy kiểm thử appium cho ứng dụng gốc và trình duyệt di động bằng cucumber v7 và wdio v7 với mẫu page object.

  • Frameworks

    • WebdriverIO v7
    • Cucumber v7
    • Appium

  • Tính năng

    • Ứng dụng Android và iOS gốc
    • Trình duyệt Android Chrome
    • Trình duyệt iOS Safari
    • Page Object Model
    • Chứa kịch bản kiểm thử mẫu trong cucumber
    • Tích hợp với nhiều báo cáo html cucumber

praveendvd/webdriverIODockerBoilerplate/​

Đây là dự án mẫu để giúp bạn hiểu cách chạy kiểm thử webdriverio từ ứng dụng Web bằng WebdriverIO và Cucumber framework mới nhất. Dự án này nhằm mục đích hoạt động như một hình ảnh cơ sở mà bạn có thể sử dụng để hiểu cách chạy kiểm thử WebdriverIO trong docker

Dự án này bao gồm:

  • DockerFile
  • Dự án cucumber

Đọc thêm tại: Medium Blog

praveendvd/WebdriverIO_electronAppAutomation_boilerplate/​

Đây là dự án mẫu để giúp bạn hiểu cách chạy kiểm thử electronJS bằng WebdriverIO. Dự án này nhằm mục đích hoạt động như một hình ảnh cơ sở mà bạn có thể sử dụng để hiểu cách chạy kiểm thử WebdriverIO electronJS.

Dự án này bao gồm:

  • Ứng dụng electronjs mẫu
  • Kịch bản kiểm thử cucumber mẫu

Đọc thêm tại: Medium Blog

praveendvd/webdriverIO_winappdriver_boilerplate/​

Đây là dự án mẫu để giúp bạn hiểu cách tự động hóa ứng dụng Windows bằng winappdriver và WebdriverIO. Dự án này nhằm mục đích hoạt động như một hình ảnh cơ sở mà bạn có thể sử dụng để hiểu cách chạy kiểm thử windappdriver và WebdriverIO.

Đọc thêm tại: Medium Blog

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

Đây là dự án mẫu để giúp bạn hiểu cách chạy khả năng multiremote webdriverio với WebdriverIO và Jasmine framework mới nhất. Dự án này nhằm mục đích hoạt động như một hình ảnh cơ sở mà bạn có thể sử dụng để hiểu cách chạy kiểm thử WebdriverIO trong docker

Dự án này sử dụng:

  • chromedriver
  • jasmine
  • appium

webdriverio-roku-appium-boilerplate​

Dự án mẫu để chạy kiểm thử appium trên thiết bị Roku thực sử dụng mocha với mẫu page object.

  • Frameworks

    • WebdriverIO Async v7
    • Appium 2.0
    • Mocha v7
    • Báo cáo Allure

  • Tính năng

    • Page Object Model
    • Typescript
    • Chụp màn hình khi thất bại
    • Kiểm thử mẫu sử dụng kênh Roku mẫu

krishnapollu/wdio-cucumber-poc​

Dự án PoC cho kiểm thử Cucumber Multiremote E2E cũng như kiểm thử Mocha định hướng dữ liệu

  • Framework:

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

  • Tính năng:

    • Kiểm thử E2E dựa trên Cucumber
    • Kiểm thử định hướng dữ liệu dựa trên Mocha
    • Kiểm thử chỉ web - trong nền tảng cục bộ cũng như đám mây
    • Kiểm thử chỉ di động - máy ảo cục bộ và đám mây từ xa (hoặc thiết bị)
    • Kiểm thử Web + Mobile - Multiremote - nền tảng cục bộ và đám mây
    • Nhiều báo cáo được tích hợp bao gồm Allure
    • Dữ liệu kiểm thử (JSON / XLSX) được xử lý toàn cầu để ghi dữ liệu (được tạo trong quá trình hoạt động) vào tệp sau khi thực thi kiểm thử
    • Github workflow để chạy kiểm thử và tải lên báo cáo allure

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

Đây là dự án boilerplate để giúp hiển thị cách chạy đa xa webdriverio sử dụng dịch vụ appium và chromedriver với WebdriverIO mới nhất.

Welcome! How can I help?

WebdriverIO AI Copilot