AngularJS：需要帮助来对有承诺的工厂进行单元测试

Question

我有一个使用 promise 来解析 json 文件的工厂。 它应该只在第一次解析这个文件并在再次调用时返回结果。

这里是工厂

app.factory('getServerConfig', function ($q, $http, serverConfig) {

  return function (fileName) {
    var deferred = $q.defer();

    if (serverConfig.loaded) {
      deferred.resolve("alreadyLoaded");
    } else {
      $http.get(fileName).then(function (result) {
        serverConfig.setConfig(result.data);
        deferred.resolve("loaded");
      }, function (result) {
        deferred.reject();
      });
    }
    return deferred.promise;
  };
})

以及我如何测试它：

it('should say hallo to the World', inject(function(getServerConfig) {
    var promiseResult;

    getServerConfig("server-config.json").then(function (result) {
      promiseResult = result;
    });

    rootScope.$apply();
    expect(promiseResult).toBe('loaded');
}));

不幸的是，promiseResult 似乎从未设置过。 这是一个代码：http://plnkr.co/edit/uRPCjuUDkqPRAv07G5Nx?p=preview

Answer 1

问题在于 $httpBackend 需要 flush()（查看 Flushing HTTP requests），因此您可以在测试中模仿 $http 异步行为。

要解决它，请存储$httpBackend 的引用（或再次注入）并在发出请求后调用 $httpBack.flush()。

看：

it('should say hallo to the World', inject(function(getServerConfig, $httpBackend) {
  var promiseResult;

  getServerConfig("server-config.json").then(function (result) {
    promiseResult = result;
  });

  $httpBackend.flush();
  expect(promiseResult).toBe('loaded');
}));

如果您要在大多数规范中使用$httpBackend，请考虑将其存储在局部变量中，并将其设置为beforeEach。