我正在尝试在我的案例中对服务进行单元测试
在我的测试控制器中
myService.getItem('/api/toy/' + scope.id).success(
function(toy) {
$scope.toy = toys.details;
}
);
为MyService
angular.module('toyApp').service('myService', ['$http',
function($http) {
var service = {};
return {
getItem: function(url) {
return $http.get(url);
},
};
}
]);
测试文件。
describe('toy ctrl', function () {
var $httpBackend, ctrl, myService;
beforeEach(module('toyApp'));
beforeEach(inject(function (_$controller_, _$httpBackend_, _$rootScope_, __myService_) {
scope = _$rootScope_.$new();
$httpBackend = _$httpBackend_;
myService = _myService_;
ctrl = _$controller_('toyCtrl', {
$scope: scope
});
}));
describe('call my service', function() {
it('should make request when app loads', function() {
$httpBackend.expectGET('/api/toy/123').respond({id:123, detail:456 });
myService.getItem('/api/toy/123').then(function(toy){
expect(scope.toy.detail).toBe(456);
})
$httpBackend.flush();
})
})
我正在
Error: Unexpected request: GET /api/toy/123
No more request expected
如果我取出$httpBackend.flush()
,则错误消失但不会涵盖
function(toy) {
$scope.toy = toys.details;
}
一部分。我想覆盖函数调用,不知道如何执行此操作。任何人都可以帮我吗? 非常感谢
答案 0 :(得分:3)
好像你是" unit"测试控制器,因此您不必在图片中引入服务,因为您只需要测试控制器逻辑。您可以创建模拟服务并在测试中创建控制器时注入它。
示例:
var mockItem = {details:{//somestuff}, id:'1'};// set up a mock object to test against later
//....
beforeEach(inject(function (_$controller_, _$httpBackend_, _$rootScope_, _$q_) {
scope = _$rootScope_.$new();
$httpBackend = _$httpBackend_;
//Set up mock
myService = jasmine.CreateSpyObj('myService', ['getItem']);
myService.getItem.and.returnValue($q.when(mockItem ));
ctrl = _$controller_('toyCtrl', {
$scope: scope,
myService: myService //<-- Pass it here
});
}));
//.....Assuming you are making the call when controller is instantiated
it('should make request when app loads', function() {
expect(myService.getItem).toHaveBeenCalled();
//You could also check as below
//expect(myService.getItem).toHaveBeenCalledWith(expectedidpassedin);
scope.$digest(); //Resolve $q promise callback
expect($scope.toy).toEqual(mockItem .details);
});
如果您专门对您的服务进行单元测试,您可以这样做:
it('should make request when app loads', function() {
var resp;
$httpBackend.expectGET('/api/toy/123').respond({id:123, detail:456});
myService.getItem('/api/toy/123').then(function(response){
resp = response.data;
});
$httpBackend.flush();
expect(resp.detail).toEqual(456);
});
在您的控制器中,而不是链接success
使用then
myService.getItem('/api/toy/' + scope.id).then(
function(response) {
$scope.toy = response.toys.details;
});