如何使用 Jasmine 测试调用返回承诺的服务方法的 AngularJS 控制器

Question

我正在使用 v1.2.0-rc.3 的 AngularJS 和 Jasmine 测试框架。

我试图断言控制器调用了服务方法。服务方法返回一个承诺。控制器如下所示：

angular.module('test', [])
.controller('ctrl', ['$scope', 'svc', function ($scope, svc) {
  $scope.data = [];
  svc.query()
  .then(function (data) {
    $scope.data = data;
  });
}]);

我想测试当服务方法的 deferred 被解决时，数据是否被分配给了作用域。我为该服务创建了一个模拟，单元测试如下所示：

describe('ctrl', function () {
  var ctrl, scope, svc, def, data = [{name: 'test'}];
  beforeEach(module('test'));
  beforeEach(inject(function($controller, $rootScope, $q) {
    svc = {
      query: function () {
        def = $q.defer();
        return def.promise;
      }
    };
    scope = $rootScope.$new();
    controller = $controller('ctrl', {
      $scope: scope,
      svc: svc
    });
  }));
  it('should assign data to scope', function () {
    spyOn(svc, 'query').andCallThrough();
    deferred.resolve(data);
    scope.$digest();
    expect(svc.query).toHaveBeenCalled();
    expect(scope.data).toBe(data);
  });
});

我希望调用 svc 的查询方法，但显然没有。

我按照 this 指南在单元测试中模拟 Promise。

我做错了什么？

Answer 1

看来我把我的间谍放在了错误的地方。当我把它放在 beforeEach 中时，测试通过了。

  beforeEach(inject(function($controller, $rootScope, $q) {
    svc = {
      query: function () {
        def = $q.defer();
        return def.promise;
      }
    };
    spyOn(svc, 'query').andCallThrough();
    scope = $rootScope.$new();
    controller = $controller('ctrl', {
      $scope: scope,
      svc: svc
    });
  }));