如何在Mocha / Chai中测试JS原型(非模块)?

时间:2015-04-06 17:00:31

标签: javascript unit-testing testing mocha chai

我想为我正在构建的项目设置测试。在我可以找到的示例中,他们都说包括要测试的相关代码是由require语句完成的:require('foo');。但是我的项目不是以模块构建的,而是在ES6类中,然后转换为ES5原型。

我想知道如何包含文件?

例如ES6类:

class Foo {
  constructor() {
    // do things
  }
}

大致翻译为:

// ES5 compatible code is here (_classCallCheck etc).
var Foo = (function () {    
  function Foo() {
    _classCallCheck(this, Foo);

   // do things
  }
}

我想知道如何将它包含在我的测试文件中:

var expect   = require('chai').expect;
// how to require or whatever else here?

describe('Foo', function() {
  it('creates an Foo object', function() {
    var foo = new Foo({});
  });
});

1 个答案:

答案 0 :(得分:2)

如果你不使用模块,你可以像这样为你的测试创建一个简单的html页面:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>your 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="your_files.js"></script>
  <script src="your_files_test.js"></script>
  <script>mocha.run();</script>
</body>
</html>

有了这个,你不需要在测试文件中要求一些东西。

如果您想了解更多信息:article

我希望它会帮助你。