AngularJS - 使用模块approuch进行测试

Question

我的测试设置有问题。当一个文件中的所有内容都可以工作时，它不会在代码分散在多个文件中时使用。

当代码传播按下面，我得到一个错误Error: [$injector:unpr] Unknown provider: twoPlusTwoFilterProvider <- twoPlusTwoFilter

// js/index.js 
angular.module('app', []); 

// js/twoPlusTwoFilter.js 
angular.module('app').filter('hex', function hex(){ 
    return function(input){ 
     return input+input; 
    } 
}); 

// here is my test 
describe('check sanity', function() { 

    beforeEach(module('app')); 

    it('should return 4', inject(function(hexFilter) { 
     expect(hexFilter(2)).toEqual(4); 
    })); 

}); 

仅供参考，我包括善缘的conf角嘲笑。任何建议非常感谢。

Answer 1

您应该尝试注入filterprovider并获得hex过滤器。

var $filter; 

beforeEach(function() { 
    module('app'); 
}); 

beforeEach(inject(function (_$filter_) { //<-- Get the filter provider 
    $filter = _$filter_; 
})); 

it('should return 4', function() { 
    expect($filter('hex')(2)).toEqual(4); //Not get your `hex` filter and run it 
}); 

或注入过滤器前缀。

beforeEach(inject(function (_hexFilter_) { 
    $filter = _hexFilter_; 
})); 

Plnkr

过滤器是只将变换输入到输出的功能。但是过滤器需要依赖注入。为了达到这个目的，一个过滤器定义由一个工厂函数组成，该工厂函数用依赖注释并负责创建一个过滤函数。