如何将模拟服务注入过滤器的单元测试？

Question

我有一个简单的angularjs过滤器(它需要一个id并将其转换为名称字符串),这取决于一个自定义服务来完成它的工作:

angular.module('app').filter('idToName',
  function(User) {
    return function(id) {
      var result, user;
      result = '';
      if (id) {
        result = 'no name found';
        user = User.getById(id);
        if (user) {
          result = user.firstName;
        }
      }
      return result;
    };
  }
);

我想为它写一个单元测试.我希望能够在测试中注入用户服务的模拟.

我可以为控制器单元测试执行此操作,如文档中所示:

var mockUserService;

mockUserService = {
  getById: function(id) {
    return {
      firstName: 'Bob'
    };
  }
};

beforeEach(inject(function($rootScope, $controller) {
  var ctrl, scope, userService;
  userService = mockUserService;
  scope = $rootScope.$new();
  return ctrl = $controller('someController', {
    $scope: scope,
    User: userService
  });
}));

但是在beforeEach中用$ filter替换$ controller是行不通的,因为我假设过滤器的构造方式与angular不同(即不允许你将locals作为第二个参数注入构造函数.)

有没有人碰到这个/之前解决了这个问题？

Answer 1

好的,这很好地归功于 这个答案.

诀窍是简单地覆盖服务的工厂提供者,在每个之前使用angular-mocks.js模型函数(angular只需要最后定义的工厂)

beforeEach(module(function($provide) {
  $provide.factory('User', function() {
    var getSync;
    getById = function(id) {
      return {
        firstName: 'Bob'
      };
    };
    return {
      getById: getById
    };
  });
}));

我怀疑在测试之间我需要小心拆卸,但注入过滤器现在可以正常工作.