angularjs - 如何在指令的单元测试中模拟 Angular 翻译过滤器

Question

在我的指令模板中，我需要使用 Angular 翻译过滤器，如下所示:

    <label for="data-source-btn">
      <span id="data-source-btn-span"></span>
      {{'Data Source' | translate}}
    </label>

然后在我对该指令的单元测试中，我收到错误:

Unknown provider: translateFilterProvider <- translateFilter

我尝试注入(inject) $filter 并通过 $translate = $filter('translate'); 获取 $translate ，但这不会'不解决问题 - 这实际上是为了测试过滤器

我可以注入(inject)模块pascalprecht.translate，但这是很严厉的。如何最好地模拟过滤器？

Answer 1

下面是如何模拟过滤器的简单示例。

var mockTranslateFilter;

beforeEach(function() {
  module(function($provide) {
    $provide.value('translateFilter', mockTranslateFilter);
  });

  mockTranslateFilter = function(value) {
    return value;
  };
});