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

时间:2013-02-11 06:25:19

标签: javascript mocha

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

有人可以显示文件结构,它是如何链接的,请说清楚简洁。也许只显示所有文件的代码,并将测试用例文件与需要测试的内容分开。

到目前为止,我已经设法启动了一个文件,所以我有一个mocha.js,mocha.css和runner.html文件,但是当我加载runner.html时,它无法识别我试图测试的测试脚本。例如,它没有显示任何测试,但显示测试的屏幕。

那么可能出现的问题是什么?

提前感谢您的帮助!

1 个答案:

答案 0 :(得分:0)

  

那么可能出现的问题是什么?

清单:

  1. 在您正在测试的功能中添加<script src="your-source-file(s).js">链接。
  2. 在测试中添加<script src="your-test-suite.js">链接(应该在mocha.js之后,最好在您正在测试的源之后)。
  3. 调用`mocha.reporter('html');
  4. 致电mocha.run(); - 这应该是其他所有事情。
  5. 示例:

    <!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>