什么是 hermione-run-tests
hermione-run-tests 是一个基于 WebDriver 协议的 JavaScript 包，适用于前端自动化测试。它的优点在于可以快速集成到现有的前端项目中，而且使用简单，具有强大的扩展功能。
安装
在终端中执行以下命令来安装 hermione-run-tests：
npm install hermione-run-tests --save-dev
前置条件
为了使用 hermione-run-tests，需要安装以下前置条件：
- Node.js（版本 >= 6.x.x）
- 测试环境中的 WebDriver 实例
使用
步骤 1：创建配置文件
在项目根目录中创建一个配置文件 hermione.conf.js，并将以下内容添加到文件中：
module.exports = {
// 配置项
}这里的配置项包含了 hermione-run-tests 的基础配置，例如：
browsers: 用来配置使用哪些浏览器进行测试。baseUrl: 设置测试起始页面的 URL。plugins: 使用插件来扩展 hermione-run-tests 的功能。- ...
关于所有的配置项可以参考官方文档。
步骤 2：创建测试用例
在项目根目录中创建一个名为 test 的文件夹，用来存放测试用例。
在 test 文件夹中创建一个名为 example.spec.js 的文件，用来编写我们的测试用例。以下是一个例子：
-- -------------------- ---- -------
----- ------ - ------------------
------------------- -- -- -
---------- ---- --- ------- ---- ------- ----- ---------- -
----- ----------------------
----- ----- - ----- ------------------------
------------------- -------- ----------
---
---这个测试用例会打开项目根目录的首页，然后验证页面标题是否为 Example Website。
步骤 3：运行测试
在终端中执行以下命令来运行测试：
./node_modules/.bin/hermione test
这条命令会在浏览器中运行你的测试用例，并输出测试结果。如果测试用例全部通过，输出结果为 0 failed, x passed。
插件
hermione-run-tests 同时支持开发插件扩展其功能。插件提供了各种有用的功能，例如：
hermione-html-reporter: 生成一个漂亮的 HTML 测试报告。hermione-image-comparison: 对比测试失败时的屏幕截图，用来检查 UI 变化。- ...
安装一个插件，只需要执行：
npm install 插件名称 --save-dev
然后在 hermione.conf.js 中的 plugins 数组中声明即可。
结语
hermione-run-tests 是一个非常有用的前端自动化测试工具，可以大大提高我们的工作效率和代码质量。希望本篇文章能够帮助你快速上手 hermione-run-tests。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600668f6d9381d61a3540f06