Mocha与Yeoman和PhantomJS一起测试

时间:2013-01-08 16:04:43

标签: requirejs phantomjs mocha yeoman

我正在使用Yeoman来支持我的项目。它附带了几个方便的东西,包括一个基于PhantomJS的测试运行器。

我的问题是,当我的测试在浏览器中正确运行时,他们会在尝试使用PhantomJS在CLI中运行它们时超时。

以下是我的测试index.html的样子:

<!doctype html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <title>Mocha Spec Runner</title>
  <link rel="stylesheet" href="lib/mocha/mocha.css">
</head>
<body>
  <div id="mocha"></div>
  <script src="lib/mocha/mocha.js"></script>
  <!-- assertion framework -->
  <script src="lib/chai.js"></script>

  <!-- include source files here... -->
  <script data-main="scripts/main" src="scripts/vendor/require.js"></script>

  <script>
    mocha.setup({ui: 'bdd', ignoreLeaks: true});
    expect = chai.expect;
    should = chai.should();
    require(['../spec/map.spec'], function () {
      setTimeout(function () {
        require(['../runner/mocha']);
      }, 100);
    });
  </script> 

</body>
</html>

这是map.spec.js

require(['map'], function (Map) {
  describe('Choropleth Map Generator', function() {
    describe('Configure the map', function () {
      it("should enforce mandatory parameters in the configuration", function () {
        var config = {title: 'test configuration'};
        var map = new Map(config);
        (function () {
          map.getConfig();
        }).should.throw(Error);
      });
    });
  });
});

现在,当我yeoman test时,我明白了:

Running "server:phantom" (server) task

Starting static web server on port 3501

[...]

Running "mocha:all" (mocha) task
Testing index.html
<WARN> PhantomJS timed out, possibly due to a missing Mocha run() call. Use --force to continue. </WARN>

Aborted due to warnings.

正如我所说,yeoman server:test在浏览器中正确显示我的断言。

我正在使用Yeoman 0.9.6和PhantomJS 1.7.0。任何帮助表示赞赏。

2 个答案:

答案 0 :(得分:4)

我通过仔细检查mochatest/index.html的路径来解决同样的警告

<link rel="stylesheet" href="lib/mocha/mocha.css">
</head>
<body>
  <div id="mocha"></div>
  <script src="lib/mocha/mocha.js"></script>

答案 1 :(得分:3)

你的mocha配置是什么在Gruntfile中。你有类似的东西:

mocha: {
  all: ['http://localhost:3501/index.html']
},