如何使用MochaJS测试jQuery代码?

时间:2015-02-27 08:32:23

标签: javascript jquery mocha

我认为,mocha不会在我的测试范围内识别jQuery,因为它可以毫无问题地测试纯JavaScript。我尝试在我的测试中在.js文件的开头要求jQuery的完整代码,试图手动定义$ with before(function() {/* some code */}),但是当我尝试运行测试时,我总是得到ReferenceError: $ is not defined,并且测试了其中一些测试的jQuery代码。

有关如何解决此问题的任何想法?

1 个答案:

答案 0 :(得分:0)

在文档中:

  

Mocha在浏览器中运行。每个版本的Mocha都会有新版本   的./mocha.js和./mocha.css用于浏览器。设置Mocha   对于浏览器使用,您所要做的就是包括脚本,样式表,   告诉Mocha你想使用哪个接口,然后运行测试。一个   典型的设置可能看起来像我们调用的以下内容   mocha.setup('bdd')在加载测试之前使用BDD接口   脚本,使用mocha.run()运行它们。

所以你可以包含任何脚本,但是第一个包含libs,比如jQuery,然后测试

<html>
<head>
  <meta charset="utf-8">
  <title>Mocha Tests</title>
  <link rel="stylesheet" href="mocha.css" />
</head>
<body>
  <div id="mocha"></div>
  <script src="jquery.js"></script>
  <script src="expect.js"></script>
  <script src="mocha.js"></script>
  <script>mocha.setup('bdd')</script>
  <script src="test.array.js"></script>
  <script src="test.object.js"></script>
  <script src="test.xhr.js"></script>
  <script>
    mocha.checkLeaks();
    mocha.globals(['jQuery']);
    mocha.run();
  </script>
</body>
</html>