如何在HTML中配置mocha来打印每个测试的执行时间?

时间:2016-08-31 21:56:13

标签: javascript mocha

每当我们在浏览器中运行mocha测试时,它只会在运行“慢”(大约50-75 ms)时显示测试用例的执行时间。这是一个屏幕截图示例: Example mocha test output in a browser

如何获得所有测试用例的执行时间?

以下是来自的示例HTML: https://nicolas.perriault.net/code/2013/testing-frontend-javascript-code-using-mocha-chai-and-sinon/

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Cow tests</title>
  <link rel="stylesheet" media="all" href="vendor/mocha.css">
</head>
<body>
  <div id="mocha"><p><a href=".">Index</a></p></div>
  <div id="messages"></div>
  <div id="fixtures"></div>
  <script src="vendor/mocha.js"></script>
  <script src="vendor/chai.js"></script>
  <script src="cow.js"></script>
  <script>mocha.setup('bdd')</script>
  <script src="cow_test.js"></script>
  <script>mocha.run();</script>
</body>
</html>

1 个答案:

答案 0 :(得分:0)

要在浏览器中运行时吐出所有测试用例的执行时间,请设置mocha并将“ slow ”参数设置为0.这是通过mocha.setup()API完成的。< / p>

<script>mocha.setup({slow: "0"})</script>

示例HTML:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Cow tests</title>
  <link rel="stylesheet" media="all" href="vendor/mocha.css">
</head>
<body>
  <div id="mocha"><p><a href=".">Index</a></p></div>
  <div id="messages"></div>
  <div id="fixtures"></div>
  <script src="vendor/mocha.js"></script>
  <script src="vendor/chai.js"></script>
  <script src="cow.js"></script>
  <script>mocha.setup('bdd')</script>
  <script>mocha.setup({slow: "0"})</script>
  <script src="cow_test.js"></script>
  <script>mocha.run();</script>
</body>
</html>

示例输出: enter image description here

当然,如果执行时间是0ms(差不多0ms),则mocha仍然无法打印。