跳到主要内容

随着时间的推移，我们的社区已经开发了几个项目，您可以用作设置自己的测试套件的灵感。

v9 样板项目

webdriverio/cucumber-boilerplate​

我们自己的 Cucumber 测试套件样板。我们为您创建了超过 150 个预定义的步骤定义，因此您可以立即开始在项目中编写功能文件。

  • 框架:
    • Cucumber
    • WebdriverIO
  • 特性:
    • 超过 150 个预定义步骤，几乎涵盖了您所需的一切
    • 集成了 WebdriverIO 的 Multiremote 功能
    • 自带演示应用

webdriverio/jasmine-boilerplate​

使用 Babel 功能和页面对象模式运行 WebdriverIO 测试与 Jasmine 的样板项目。

  • 框架
    • WebdriverIO
    • Jasmine
  • 特性
    • 页面对象模式
    • Sauce Labs 集成

webdriverio/electron-boilerplate​

在最小的 Electron 应用程序上运行 WebdriverIO 测试的样板项目。

  • 框架
    • WebdriverIO
    • Mocha
  • 特性
    • Electron API 模拟

amiya-pattnaik/gherkin-to-webdriverIO-test-generator​

从 Gherkin .feature 文件自动生成 WebdriverIO 页面对象类和 Mocha 测试规范 — 减少手动工作，提高一致性，并加速 QA 自动化。该项目不仅生成与 webdriver.io 兼容的代码，还增强了 webdriver.io 的所有功能。

工作原理？

  • 该过程遵循两步自动化：
  • 步骤 1：Gherkin 到 stepMap（生成 stepMap.json 文件）
    • 生成 stepMap.json 文件：
      • 解析用 Gherkin 语法编写的 .feature 文件。
      • 提取场景和步骤。
      • 生成结构化的 .stepMap.json 文件，包含：
        • 要执行的操作（例如，click、setText、assertVisible）
        • 用于逻辑映射的 selectorName
        • DOM 元素的选择器
        • 值或断言的注释
  • 步骤 2：stepMap 到代码（生成 WebdriverIO 代码）。 使用 stepMap.json 生成：
    • 生成带有共享方法和 browser.url() 设置的基础 page.js 类。
    • 在 test/pageobjects/ 内为每个功能生成与 WebdriverIO 兼容的页面对象模型 (POM) 类。
    • 生成基于 Mocha 的测试规范。
  • 目录结构
project-root/
├── features/               # 输入 Gherkin 特性文件
├── stepMaps/               # 生成的步骤映射 (JSON)
├── test/
│   ├── pageobjects/        # 生成的基础 Page 类，页面对象类
│   └── specs/              # 生成的测试规范
├── generateStepMap.js      # StepMap 生成器脚本
├── generateTestsFromMap.js # PageObject + 测试规范生成器脚本
├── package.json
├── README.md
└── wdio.conf.js

v8 样板项目

amiya-pattnaik/webdriverIO-with-cucumberBDD​

  • 框架: WDIO-V8 与 Cucumber (V8x)。
  • 特性:
    • 页面对象模型使用 ES6/ES7 风格的基于类的方法和 TypeScript 支持
    • 多选择器选项的示例，可以同时使用多个选择器查询元素
    • 多浏览器和无头浏览器执行的示例 - 使用 Chrome 和 Firefox
    • 与 BrowserStack、Sauce Labs、LambdaTest 的云测试集成
    • 从 MS-Excel 读/写数据的示例，便于从外部数据源进行测试数据管理
    • 对任何 RDBMS（Oracle、MySql、TeraData、Vertica 等）的数据库支持，执行任何查询/获取结果集等，带有 E2E 测试示例
    • 多种报告（Spec、Xunit/Junit、Allure、JSON）和在 WebServer 上托管 Allure 和 Xunit/Junit 报告。
    • 演示应用示例 https://search.yahoo.com/ 和 http://the-internet.herokuapp.com。
    • BrowserStack、Sauce Labs、LambdaTest 和 Appium 特定的 .config 文件（用于在移动设备上回放）。有关本地机器上 iOS 和 Android 的一键式 Appium 设置，请参考 appium-setup-made-easy-OSX。

amiya-pattnaik/webdriverIO-with-mochaBDD​

  • 框架: WDIO-V8 与 Mocha (V10x)。
  • 特性:
    • 页面对象模型使用 ES6/ES7 风格的基于类的方法和 TypeScript 支持
    • 演示应用示例 https://search.yahoo.com 和 http://the-internet.herokuapp.com
    • 多浏览器和无头浏览器执行的示例 - 使用 Chrome 和 Firefox
    • 与 BrowserStack、Sauce Labs、LambdaTest 的云测试集成
    • 多种报告（Spec、Xunit/Junit、Allure、JSON）和在 WebServer 上托管 Allure 和 Xunit/Junit 报告。
    • 从 MS-Excel 读/写数据的示例，便于从外部数据源进行测试数据管理
    • DB 连接到任何 RDBMS（Oracle、MySql、TeraData、Vertica 等）的示例，任何查询执行/获取结果集等，带有 E2E 测试示例
    • BrowserStack、Sauce Labs、LambdaTest 和 Appium 特定的 .config 文件（用于在移动设备上回放）。有关本地机器上 iOS 和 Android 的一键式 Appium 设置，请参考 appium-setup-made-easy-OSX。

amiya-pattnaik/webdriverIO-with-jasmineBDD​

  • 框架: WDIO-V8 与 Jasmine (V4x)。
  • 特性:
    • 页面对象模型使用 ES6/ES7 风格的基于类的方法和 TypeScript 支持
    • 演示应用示例 https://search.yahoo.com 和 http://the-internet.herokuapp.com
    • 多浏览器和无头浏览器执行的示例 - 使用 Chrome 和 Firefox
    • 与 BrowserStack、Sauce Labs、LambdaTest 的云测试集成
    • 多种报告（Spec、Xunit/Junit、Allure、JSON）和在 WebServer 上托管 Allure 和 Xunit/Junit 报告。
    • 从 MS-Excel 读/写数据的示例，便于从外部数据源进行测试数据管理
    • DB 连接到任何 RDBMS（Oracle、MySql、TeraData、Vertica 等）的示例，任何查询执行/获取结果集等，带有 E2E 测试示例
    • BrowserStack、Sauce Labs、LambdaTest 和 Appium 特定的 .config 文件（用于在移动设备上回放）。有关本地机器上 iOS 和 Android 的一键式 Appium 设置，请参考 appium-setup-made-easy-OSX。

syamphaneendra/webdriverio-web-mobile-boilerplate​

这个样板项目使用 cucumber 和 typescript 包含 WebdriverIO 8 测试，遵循页面对象模式。

  • 框架:

    • WebdriverIO v8
    • Cucumber v8

  • 特性:

    • Typescript v5
    • 页面对象模式
    • Prettier
    • 多浏览器支持
      • Chrome
      • Firefox
      • Edge
      • Safari
      • Standalone
    • 跨浏览器并行执行
    • Appium
    • 与 BrowserStack 和 Sauce Labs 的云测试集成
    • Docker 服务
    • 数据共享服务
    • 每个服务的单独配置文件
    • 按用户类型管理和读取测试数据
    • 报告
      • Dot
      • Spec
      • 带有失败截图的多个 cucumber html 报告
    • Gitlab 仓库的 Gitlab 流水线
    • Github 仓库的 Github Actions
    • 用于设置 docker hub 的 Docker compose
    • 使用 AXE 进行无障碍测试
    • 使用 Applitools 进行视觉测试
    • 日志机制

klassijs/klassi-js (cucumber-template)​

  • 框架

    • WebdriverIO (v8)
    • Cucumber (v8)

  • 特性

    • 包含 cucumber 中的示例测试场景
    • 集成了失败时嵌入视频的 cucumber html 报告
    • 集成了 Lambdatest 和 CircleCI 服务
    • 集成了视觉、无障碍和 API 测试
    • 集成了电子邮件功能
    • 集成了用于测试报告存储和检索的 s3 存储桶

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

Serenity/JS 模板项目，帮助您开始使用最新的 WebdriverIO、Mocha 和 Serenity/JS 对 Web 应用程序进行验收测试。

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

Serenity/JS 模板项目，帮助您开始使用最新的 WebdriverIO、Cucumber 和 Serenity/JS 对 Web 应用程序进行验收测试。

Muralijc/wdio-headspin-boilerplate​

在 Headspin Cloud (https://www.headspin.io/) 中使用 Cucumber 功能和页面对象模式运行 WebdriverIO 测试的样板项目。

  • 框架

    • WebdriverIO (v8)
    • Cucumber (v8)

  • 特性

    • 与 Headspin 的云集成
    • 支持页面对象模型
    • 包含以 BDD 声明式风格编写的示例场景
    • 集成 cucumber html 报告

v7 样板项目

webdriverio/appium-boilerplate​

使用 WebdriverIO 运行 Appium 测试的样板项目，适用于：

  • iOS/Android 原生应用
  • iOS/Android 混合应用
  • Android Chrome 和 iOS Safari 浏览器

此样板包括以下内容：

  • 框架: Mocha
  • 特性:
    • 配置用于:
      • iOS 和 Android 应用
      • iOS 和 Android 浏览器
    • 帮助程序用于:
      • WebView
      • 手势
      • 原生提醒
      • 选择器
    • 测试示例用于:
      • WebView
      • 登录
      • 表单
      • 滑动
      • 浏览器

serhatbolsu/webdriverio-mocha-uiautomation-boiler​

使用 Mocha、WebdriverIO v6 和 PageObject 的 ATDD WEB 测试

  • 框架
    • WebdriverIO (v7)
    • Mocha
  • 特性
    • Page Object 模型
    • 使用 Sauce Service 的 Sauce Labs 集成
    • Allure 报告
    • 自动捕获失败测试的截图
    • CircleCI 示例
    • ESLint

WarleyGabriel/demo-webdriverio-mocha​

使用 Mocha 运行 E2E 测试的样板项目。

17thSep/WebdriverIO_Master​

用于运行 WebdriverIO v7 测试的样板项目，适用于以下内容：

WDIO 7 scripts with TypeScript in Cucumber Framework WDIO 7 scripts with TypeScript in Mocha Framework Run WDIO 7 script in Docker Network logs

样板项目用于：

  • 捕获网络日志
  • 捕获所有 GET/POST 调用或特定的 REST API
  • 断言请求参数
  • 断言响应参数
  • 将所有响应存储在单独的文件中

Arjun-Ar91/Wdio7-appium-cucumber​

使用 cucumber v7 和 wdio v7 以页面对象模式运行原生和移动浏览器 appium 测试的样板项目。

  • 框架

    • WebdriverIO v7
    • Cucumber v7
    • Appium

  • 特性

    • 原生 Android 和 iOS 应用
    • Android Chrome 浏览器
    • iOS Safari 浏览器
    • 页面对象模型
    • 包含 cucumber 中的示例测试场景
    • 集成了多个 cucumber html 报告

praveendvd/webdriverIODockerBoilerplate/​

这是一个模板项目，帮助您展示如何使用最新的 WebdriverIO 和 Cucumber 框架从 Web 应用程序运行 webdriverio 测试。该项目旨在作为基线映像，供您了解如何在 docker 中运行 WebdriverIO 测试。

该项目包括：

  • DockerFile
  • cucumber 项目

了解更多信息：Medium Blog

praveendvd/WebdriverIO_electronAppAutomation_boilerplate/​

这是一个模板项目，帮助您展示如何使用 WebdriverIO 运行 electronJS 测试。该项目旨在作为基线映像，供您了解如何运行 WebdriverIO electronJS 测试。

该项目包括：

  • 示例 electronjs 应用
  • 示例 cucumber 测试脚本

了解更多信息：Medium Blog

praveendvd/webdriverIO_winappdriver_boilerplate/​

这是一个模板项目，帮助您展示如何使用 winappdriver 和 WebdriverIO 自动化 Windows 应用程序。该项目旨在作为基线映像，供您了解如何运行 windappdriver 和 WebdriverIO 测试。

了解更多信息：Medium Blog

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

这是一个模板项目，帮助您展示如何使用最新的 WebdriverIO 和 Jasmine 框架运行 webdriverio 多远程功能。该项目旨在作为基线映像，供您了解如何在 docker 中运行 WebdriverIO 测试。

该项目使用：

  • chromedriver
  • jasmine
  • appium

webdriverio-roku-appium-boilerplate​

使用页面对象模式和 mocha 在真实 Roku 设备上运行 appium 测试的模板项目。

  • 框架

    • WebdriverIO Async v7
    • Appium 2.0
    • Mocha v7
    • Allure 报告

  • 特性

    • 页面对象模型
    • Typescript
    • 失败时截图
    • 使用示例 Roku 频道的测试示例

krishnapollu/wdio-cucumber-poc​

用于 E2E 多远程 Cucumber 测试以及数据驱动 Mocha 测试的 PoC 项目。

  • 框架:

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

  • 特性:

    • 基于 Cucumber 的 E2E 测试
    • 基于 Mocha
    • 仅 Web 测试 - 在本地和云平台上
    • 仅移动测试 - 本地和远程云模拟器（或设备）
    • Web + 移动测试 - 多远程 - 本地和云平台
    • 集成了多种报告，包括 Allure
    • 全局处理测试数据（JSON / XLSX），以便在测试执行后将动态创建的数据写入文件
    • Github 工作流运行测试并上传 allure 报告

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

这是一个样板项目，帮助展示如何使用最新的 WebdriverIO 运行使用 appium 和 chromedriver 服务的 webdriverio 多远程。

Welcome! How can I help?

WebdriverIO AI Copilot