Question

以下文件位于使用Yeoman的generator-webapp生成器创建的项目中。我的脚本在浏览器中工作并返回JSON文件中的信息，但大多数时候在测试中不起作用。测试有时成功，这意味着测试遇到打嗝时间足够长，以允许getJSON及时返回数据。在我的搜索中，我发现了各种资源，这里有两个来源，听起来应该解决我的问题：stackoverflow question和blog。

它们都涉及将done参数传递给it函数，然后在执行测试后调用done();。至少，这是我的理解，但它仍然没有奏效。我觉得我错过了一些非常明显的东西。

这是app/scripts/source-data.js。

var source = (function() {
    var sourceData = null;

    _loadData();

    function _loadData(done) {
        $.getJSON("app/data/source.json", function(data) {
            sourceData = data;
        });
    }

    function getData() {
        return sourceData;
    }

    return {
        getData: getData
    };
})();

以下是test/spec/source-data.js。

(function() {
    describe("Source Data", function() {
        describe("Data for External Modules", function() {
            it("returns the source data from a file", function(done){
                expect(source.getData().spec[0].name).to.equal("Spec");
                done();
            });
        });
    });
})();

我尝试改变调用done()的位置，因为我的理解是done()告诉Mocha在getJSON完成后继续测试的其余部分。然而，在这一点上，这只是试验和错误，因为我发现我没有真正理解。

...
var data = source.getData();
done();
expect(data.spec[0].name).to.equal("Spec");
...

按照上面的说法，我在主脚本中尝试了setTimeout，但仍然无法正常工作！即使这样，我也不认为我应该在这种情况下使用setTimeout，但要等到getJSON的解决方案。

Answer 1

你应该使用回调。例如：

var source = (function() {
  var sourceData;

  function getData(done) {
    if(sourceData){
      done(sourceData);
    } else {
      $.getJSON("app/data/source.json", function(data) {
        sourceData = data;
        done(data);
      });
    }
  }
  return {
    getData: getData
  };
})();

并且测试将是这样的

(function() {
  describe("Source Data", function() {
    describe("Data for External Modules", function() {
      it("returns the source data from a file", function(done){
        source.getData(function(sourceData){
          expect(sourceData.spec[0].name).to.equal("Spec");
          done();
        });
      });
    });
  });
})();

如何等待getJSON在Mocha测试中完成？

1 个答案: