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

how do I test a basic javascript file with mocha and using a html reporter?

本文关键字：javascript 文件 测试 mocha 何使用 html 报告      更新时间：2023-09-26

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

请有人展示一下文件结构，它是如何链接的，请让它清晰简洁。也许只是显示所有文件的代码，并将测试用例文件与需要测试的内容分开。

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

那么，这可能存在什么问题呢？

提前感谢您的帮助！

那么，这可能存在什么问题呢？

检查清单：

  1. 在您正在测试的功能中添加一个<script src="your-source-file(s).js">到链接
  2. 在测试中添加一个<script src="your-test-suite.js">链接（应该在mocha.js之后，最好在测试的源之后）
  3. 呼叫"mocha.reporter"（'html'）
  4. 调用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>
相关文章：