使用 $http get 测试角度服务的响应

Question

我对 AngularJS 和测试很陌生，所以我试图测试我在 AngularJS 中制作的服务。

我已经设置了这样的服务

var serviceModule = angular.module('App.services', []);
serviceModule.factory('subscribeService', function ($http) {
    return {
        getNumberOfSubscribers : function() {
            return $http.get('/jsonFiles/subscribers.json')
                .then(function(subscribers) {
                     return subscribers.length;
                });
        }
    };
});

测试是这样进行的。

describe('Subscribe service test', function() {
var httpBackend,
    subscribeServiceMock, 
    subscribers;

subscribers = [{"email": "test1@mail.com", "subscriptions": "A,B,C"},
               {"email": "test2@mail.com", "subscriptions": "A,C,D"},
               {"email": "test3@mail.com", "subscriptions": "B,C,F"}];

beforeEach(module('App.services'));     

beforeEach(inject(function(subscribeService){
    subscribeServiceMock = subscribeService;
}));

it('Should return total numbers of subsribers', inject(function ($httpBackend) {
    $httpBackend.whenGET('/jsonFiles/subscribers.json').respond(subscribers);
    var numberOfSubscribers = subscribeServiceMock.getNumberOfSubscribers();
    $httpBackend.flush();
    expect(numberOfSubscribers).toEqual(3);

}));

测试接缝失败并出现此错误： “订阅服务测试应该返回失败的订阅者总数” " 期望 { then : Function } 等于 3"

我想知道我哪里弄错了？

Answer 1

您是否尝试过注入您的 httpBackend？在你的“beforeEach”调用上试试这个：

beforeEach(inject(function(subscribeService, _$controller_, _$rootScope_, _$httpBackend_){
    subscribeServiceMock = subscribeService;
    $scope = _$rootScope_.$new();
    $controller = _$controller_('MyCtrl', { $scope: $scope });
    $httpBackend = _$httpBackend_;
}));

更新

我在这里发现：AngularJS Issues mocking httpGET request

看来这两种“注入法”其实是有区别的