使用Jasmine和AngularJS的未刷新请求

时间:2015-10-06 18:43:01

标签: javascript angularjs karma-jasmine

自从我尝试使用$ httpBackend.verifyNoOustandingRequest()以来,我在通过某些测试时遇到了问题。

如果我没有在我的afterEach函数中包含这个,那么测试就会通过,但是当我这样做时,导致我的所有测试都失败了,除了最后一个测试应该从服务器加载项目'。每个失败的测试响应都是'错误:未刷新的请求:1'除了最后的测试。

我不明白的是,我认为你只需要担心刷新是在模拟ajax请求时,但它的失败除了我的实际服务器测试之外。

非常感谢任何帮助。

describe('controller: ListCtrl', function(){
beforeEach(module('notesApp'));
var ctrl, loc, mockService, itemServiceS, mockBackend;
beforeEach(inject(function($controller, $location, ItemService, $httpBackend){
    spyOn(ItemService, 'list').and.returnValue([{id: 1, label: 'First', done: true}]);
    itemService = ItemService;
    mockBackend = $httpBackend;
    mockBackend.expectGET('/api/note').respond([{id: 1, label: 'Mock'}]);
    ctrl = $controller('ListCtrl');         
    loc = $location;
}));
it('Should have items available on load', function(){
    expect(ctrl.items).toEqual([
        {id: 1, label: 'First', done: true},
        {id: 2, label: 'Second', done: false}
    ]);
});
it('Should have highlight items based on state', function(){
    var item = {id: 1, label: 'First', done: true};
    var actualClass = ctrl.getDoneClass(item);
    expect(actualClass.finished).toBeTruthy();
    expect(actualClass.unfinished).toBeFalsy();

    item.done = false;
    actualClass = ctrl.getDoneClass(item);
    expect(actualClass.finished).toBeFalsy();
    expect(actualClass.unfinished).toBeTruthy()
});
it('should change the url', function(){
    expect(loc.path()).toEqual('');
    ctrl.navigate1();
    expect(loc.path()).toEqual('/some/where/else');
});

it('Should change the url to /some/where', function(){
    expect(loc.path()).toEqual('');
    ctrl.navigate2();
    expect(loc.path()).toEqual('/some/where');
});
it('Should have called through ItemService factory', function(){
    expect(itemService.list).toHaveBeenCalled();
    expect(itemService.list.calls.count()).toEqual(1);
    expect(ctrl.itemsGet).toEqual([{id: 1, label: 'First', done: true}]);

});
it('Should load items from server', function(){
    expect(ctrl.retrievedItems).toEqual([]);
    mockBackend.flush();
    expect(ctrl.retrievedItems.data).toEqual([{id: 1, label: 'Mock'}]);
});
afterEach(function(){
    mockBackend.verifyNoOutstandingExpectation();
    mockBackend.verifyNoOutstandingRequest();
})

});

1 个答案:

答案 0 :(得分:1)

没有看到您的控制器代码我无法确定,但似乎模拟API请求是作为控制器初始化的一部分。因此,始终会发出请求,并且必须始终刷新它以满足afterEach中的断言。

$ httpBackend的expect()语法非常严格,您可能更喜欢使用when()语法,即更宽松,更“黑盒子”。您可以阅读angularJS documentation for $httpBackend

中的一些差异