测试AngularJS服务（厂）有因果报应和茉莉花

Question

我的服务（厂）是这样的：

angular.module('App') 
    .factory('SalesService', function($http) { 
    return { 
     getSales: function(data) { 
     return $http.get('/sales'); 
     } 
    } 
}) 

我意外的请求：GET /销售当我这样做：

describe('Sales Services', function() { 

    beforeEach(module('App')); 

    it('should get the sales data', inject(function(SalesServices, $httpBackend) { 
    SalesServices.getSales().then(function(data) { 
     expect(data.success).toBeTruthy(); 
    }); 
    $httpBackend.flush(); 
    })); 

}); 

一切对我来说似乎没问题。我做错了什么？

Answer 1

为了不inject在所有测试你的依赖，你应该使用beforeEach：

var $httpBackend, SalesService; 

beforeEach(module('App')); 

beforeEach(inject(function (_$httpBackend_, _SalesService_) { 
    $httpBackend = _$httpBackend_; 
    SalesService = _SalesService_; 
})); 

然后，在您的测试，你应该预期调用一些网址：

it('should get the sales data', function() { 
    // given 
    var response = { data: 'result' }; 
    var result = {} 
    $httpBackend.expect('GET', '/sales').respond(200, response); 

    // when 
    SalesService.getSales().then(function (responseData) { 
    result = responseData; 
    }); 
    $httpBackend.flush(); 

    // then 
    expect(result).toEqual(response); 
}); 

最后，您需要确保没有待处理的请求：

afterEach(function() { 
    $httpBackend.verifyNoOutstandingExpectation(); 
    $httpBackend.verifyNoOutstandingRequest(); 
});