angularJS：单元测试给出：未知提供者：$httpProviderProvider <- $httpProvider

Question

在我尝试做的一个单元测试中

beforeEach(function () {
    angular.mock.inject(function ($injector) {
        $httpBackend = $injector.get('$httpBackend');
        mockUserResource = $injector.get('User');
        $httpProvider = $injector.get('$httpProvider');  // <-- problem
        $httpProvider.interceptors.push('myInterceptor');
    });
});

(demo)

为什么不能注入 $httpProvider ？

我这样做的原因是因为我没有加载添加所有拦截器的文件，因为我想一一测试它们！

Answer 1

提供者只能在配置阶段注入，angular.config。

根据this answer，您可以尝试以下操作：

beforeEach(module('yourModule', function($httpProvider) {
  $httpProvider.interceptors.push('myInterceptor');
}));

beforeEach(function() {
  angular.mock.inject(function($injector) {
    $httpBackend = $injector.get('$httpBackend');
    mockUserResource = $injector.get('User');
  });
});

有关依赖注入如何工作的更多信息，this 是一篇很棒的文章（不是由 AngularJS 团队编写的）

Answer 2

名称Provider是由angular自动添加的。所以，你应该只注入$http。

$httpProvider = $injector.get('$http'); 

这是working fork of your fiddle。