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

好的，很明白这要归功于 this回答。

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

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

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

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

1 个答案: