如何测试与茉莉花AngularJS控制器调用服务方法返回承诺

前端之家收集整理的这篇文章主要介绍了如何测试与茉莉花AngularJS控制器调用服务方法返回承诺前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用AngularJS的v1.2.0-rc.3与茉莉花测试框架。

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

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

当服务方法的延迟被解析时,我想测试数据被分配给作用域。我创建了一个模拟的服务,单元测试看起来像这样:

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指南来嘲笑单位测试的承诺。

我究竟做错了什么?

看来我把我的间谍放在错误的地方。当我把它放在前面的时候,测试通过了。
beforeEach(inject(function($controller,$q) {
    svc = {
      query: function () {
        def = $q.defer();
        return def.promise;
      }
    };
    spyOn(svc,'query').andCallThrough();
    scope = $rootScope.$new();
    controller = $controller('ctrl',svc: svc
    });
  }));

猜你在找的Angularjs相关文章