Angular mock $httpBackend дать Нет ожидающего запроса на флеш

Следуя официальному руководству в angularJS $httpBackend Я сделаю этот тест, но Karma предоставит мне эту ошибку: Error: No pending request to flush ! at Function.$httpBackend.flush

Test

'use strict';

describe('profileCtrl', function () {
var scope, $httpBackend;

beforeEach(angular.mock.module('maap'));
beforeEach(angular.mock.inject(function($rootScope, $controller, _$httpBackend_){

    $httpBackend = _$httpBackend_;
    $httpBackend.when('GET', 'profile').respond([{id: 1, name: 'Bob'}]);
    scope = $rootScope.$new();
    $controller('profileCtrl', {$scope: scope});
}))

it('should fetch list of users', function(){
    $httpBackend.flush();
    expectGET(scope.current_user.length).toBe(1);
    expect(scope.current_user[0].name).toBe('Bob');
});

});

для этого простого контроллера:

'use strict';

 angular.module('maap').controller('profileCtrl', function($scope, UserService) {

$scope.current_user = UserService.details(0);

});

Ответы

Ответ 1

В _$httpBackend_ нет ничего флеш, потому что вы не делаете никаких HTTP-запросов в своем тесте.

Вам нужно вызвать код, который делает HTTP-запрос.

Затем, как только что-то где-то сделало HTTP-запрос в вашем тесте, вы можете вызвать метод flush, чтобы был предоставлен ответ на запрос, который был сделан.

Что-то вроде:

it('should fetch list of users', function(){

    // Do something that will make an http request
    MyService.getAllUser(function ...) // for example

    // Then provide a response for the http request that 
    // has been made when getAllUser was called
    $httpBackend.flush();

    // Check the expected result.
    expect(something).toBe('Bob');
});

Ответ 2

Такая же проблема произошла со мной, и проблема была не в том, что я не делал запрос, а потому, что запрос, который я делал, отличался от ожидаемого:

Например, я определил это ожидание:

mockBackend.expectGET("http://myapi.com/001").respond("RESULT");

И я запрашивал этот другой URL:

http://myapi.com/002

Очень запутанное сообщение об ошибке, не очень легко связанное с проблемой внизу.

Ответ 3

У меня была та же проблема, потому что я забыл определить ответ для каждого ожидаемого запроса. Без ответа, ничего не смывается. Кроме того, обещание http никогда не решит или не сработает.

Ответ 4

У меня такое же исключение, потому что вместо модуля ngMock я использовал модуль ngMockE2E. Даже вызов $rootScope. $Digest() не помог.