Testplane (ex-Hermione) 浏览器测试运行器使用教程

最新推荐文章于 2024-09-11 08:32:44 发布

施刚爽

最新推荐文章于 2024-09-11 08:32:44 发布

阅读量301

点赞数 3

本文链接：https://blog.csdn.net/gitblog_00064/article/details/137768513

版权

本文详细介绍了Hermione，一个基于Mocha的高效JavaScript自动化测试框架，强调其易用性、PageObject模式支持、并行测试、自定义报告和跨浏览器兼容性。适用于各种Web应用，包括SPA的测试，推荐给寻求高效测试解决方案的开发者。

摘要由CSDN通过智能技术生成

Testplane (ex-Hermione) 浏览器测试运行器使用教程

hermione Browser test runner based on mocha and wdio 项目地址: https://gitcode.com/gh_mirrors/her/hermione

1. 项目介绍

Testplane（原名 Hermione）是一个基于 Mocha 和 WebDriverIO 的浏览器测试运行器，专为现代 Web 应用的测试而设计。它支持在任何规模、任何浏览器和任何平台上进行测试，提供了丰富的功能和强大的扩展性。

主要特点

开发者友好：提供安装向导、TypeScript 支持、实时测试编辑反馈、高级 HTML 报告和智能功能（如自动等待和重试）。
视觉测试：支持捕捉页面细节或整个页面，管理差异，探索多种差异模式，并处理测试中的不稳定性。
跨环境测试：支持在真实设备和广泛的自动化协议上进行测试，模拟用户实际环境。
可扩展性：支持在远程浏览器网格上运行数千个测试，提供分片、并行测试执行和隔离浏览器上下文。
无限扩展性：提供丰富的插件系统，支持自定义报告、命令和执行逻辑。

2. 项目快速启动

安装

首先，使用 npm 安装 Testplane：

npm install --save-dev testplane

初始化项目

使用 CLI 向导设置 Testplane 并生成基本配置：

npm init testplane@latest new-testplane-project

编写测试

在生成的 testplane-tests/example.testplane.ts 文件中编写测试代码：

describe("test", () => {
  it("example", async (browser) => {
    await browser.url("https://example.com/");
    const description = await browser.$("p");
    await expect(description).toHaveTextContaining("for use in illustrative examples in documents");
  });
});

运行测试

使用以下命令运行测试：

npx testplane gui

3. 应用案例和最佳实践

案例1：视觉测试

在测试中使用 assertView 命令进行视觉检查：

describe("test", () => {
  it("example", async (browser) => {
    await browser.url("https://example.com/");
    const description = await browser.$("p");
    await description.assertView("description");
  });
});

案例2：跨浏览器测试

Testplane 支持在多个浏览器上运行测试，确保应用在不同浏览器中的兼容性：

describe("test", () => {
  it("example", async (browser) => {
    await browser.url("https://example.com/");
    const description = await browser.$("p");
    await expect(description).toHaveTextContaining("for use in illustrative examples in documents");
  });
});