如何使用 mocha 和 html 报告器测试基本的 javascript 文件？答案

【问题标题】：how do I test a basic javascript file with mocha and using a html reporter?如何使用 mocha 和 html 报告器测试基本的 javascript 文件？
【发布时间】：2013-02-11 06:25:19
【问题描述】：

如何使用 mocha 和 html 报告器测试基本的 Javascript 文件？

有人可以显示文件结构，它是如何链接的，请简明扼要。也许只是显示所有文件的代码并将测试用例文件与需要测试的文件分开。

到目前为止，我已经成功地初始化了一个文件，所以我有一个 mocha.js、mocha.css 和 runner.html 文件，但是当我加载 runner.html 时，它无法识别我正在尝试测试的测试脚本。例如，它根本不显示有任何测试，而是显示测试的屏幕。

那么这有什么可能的问题呢？

提前感谢您的帮助！

【问题讨论】：

标签： javascript mocha.js

【解决方案1】：

那么这有什么可能的问题呢？

清单：

添加<script src="your-source-file(s).js"> 以链接您正在测试的功能。
添加<script src="your-test-suite.js"> 以链接到您的测试（应该在mocha.js 之后，最好在您正在测试的源之后）。
调用`mocha.reporter('html');
致电mocha.run(); -- 这应该是在其他所有事情之后。

例子：

<!DOCTYPE html>
<html>
  <head>
    <title>browser test runner</title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="mocha.css" />
  </head>
  <body>
    <div id="mocha"></div>
    <!-- test framework -->
    <script src="chai.js"></script>
    <script src="mocha.js"></script>

    <!-- source -->
    <script src="../feature.js"></script>

    <!-- mocha setup -->
    <script>
        mocha.ui('bdd');
        mocha.reporter('html');
    </script>

    <!-- test suite -->
    <script src="tests.js"></script>

    <!-- runner -->
    <script>
        mocha.run();
    </script>
  </body>
</html>

【讨论】：