angularJS: kiểm tra đơn vị cung cấp cho: nhà cung cấp Unknown: $ httpProviderProvider <- $ httpProvider

Question

Trong một thử nghiệm đơn vị của tôi, tôi đang cố gắng để làm

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)

Tại sao nó không thể tiêm $ httpProvider?

Lý do tôi làm điều này là vì tôi không tải tệp thêm tất cả các trình chặn của tôi, vì tôi muốn kiểm tra từng cái một!

Answer 1

Nhà cung cấp chỉ được tiêm trong pha cấu hình, angular.config.

Theo this answer, bạn có thể thử một cái gì đó như:

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

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

Để biết thêm thông tin về cách phụ thuộc công trình tiêm, this là một bài viết tuyệt vời (không được viết bởi nhóm AngularJS)

Answer 2

Tên Provider được tự động thêm theo góc cạnh. Vì vậy, bạn chỉ cần tiêm $http.

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

đây là working fork of your fiddle.