时间戳

首页 > 解决方案 > 如何使用 Mocha.js 在无头浏览器中测试 HTML 文件的 UI

javascript - 如何使用 Mocha.js 在无头浏览器中测试 HTML 文件的 UI

问题描述

我有一堆单元测试：

/tests/modules/unit-test-1.js
/tests/modules/unit-test-2.js
/tests/modules/unit-test-3.js
...
..

我通过以下方式运行：

mocha ./tests/modules/*.js

我还有一个my-ui.html文件，我想对该文件运行 UI 测试。为此，我想/tests/modules/ui-test-1.js在上面的列表中添加一个，我想要这个文件做的是：

  1. 加载my-ui.html无头镀铬
  2. 使用 jQuery 在加载的文件中查找一些元素
  3. 对上述 jQuery 发现运行一些 Mocha 断言

我希望仍然能够运行mocha ./tests/modules/*.js并让我的所有测试一个接一个地运行，无论其中一些是单元测试还是 UI 测试。

有很多工具，但没有关于如何使用 Mocha 执行上述操作的明确指南。任何建议都将受到欢迎:)

我必须澄清一下，我不想使用一些 Mocha UI 在浏览器中运行我的测试结果（我知道有关于那的指导方针......） - 我想要的是在无头浏览器中加载一些本地文件并使用运行 Mocha 断言加载的 HTML 的 DOM 上的 jQuery。我所有测试的结果都将像目前一样继续出现在终端中。

标签： javascriptjquerytestingmocha.jsheadless-browser

解决方案

推荐阅读