Angulaire de se moquer de $httpBackend donner Aucune demande en attente pour rincer

Suivant le guide officiel à angularJS $httpBackend je vais faire ce test, mais le Karma me donner cette erreur:
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');
});

});

pour cette simple contrôleur:

'use strict';

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

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

});

  • est-il d'avertissement ou d'erreur?
  • C'est une erreur
InformationsquelleAutor Tres | 2014-03-06
  1. 30

    La _$httpBackend_ n'a rien à rincer, car vous ne pouvez pas faire de requête http dans votre test.

    Vous avez besoin d'invoquer un code qui faire une requête http.

    Ensuite, une fois que quelque chose, quelque part, fait une requête http dans votre test, vous pouvez appeler la flush méthode afin qu'une réponse est fournie par la demande qui a été faite.

    Quelque chose comme: 

    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');
});
    InformationsquelleAutor Timothée Jeannin
  2. 11

    Même problème m'est arrivé et que le problème n'était pas que je n'étais pas de faire une demande, mais parce que la demande que je faisais était différent de ce que nous attendions:

    Par exemple, j'ai défini cette attente: 

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

    Et j'ai été demander ce autres URL:

    http://myapi.com/002

    Très déroutant de message d'erreur, pas vraiment facilement avec le dessous de problème.

    • même problème ici, mais je ne peux pas deviner l'url je suis requérant. Comment le savez-vous? Il y a une façon de montrer sur les journaux ou quelque chose?
    • Merci pour cela, j'ai été à essayer de comprendre pourquoi mon code n'était pas de faire une requête http, quand il est évident qu'elle aurait dû l'être. S'avère que j'ai juste eu une faute de frappe dans le expectPOST url.
    InformationsquelleAutor fguillen
  3. 1

    J'ai eu le même problème, parce que j'ai négligé de définir une réponse pour chaque demande attendue. En l'absence de réponse, il devient rien à rincer. Aussi la http promesse ne serait jamais à résoudre ou à l'échec.

    InformationsquelleAutor Andrew Craswell
  4. 0

    J'ai eu la même exception parce que j'ai utilisé ngMockE2E module au lieu de ngMock module. Même l'appel de $rootScope.$digest() n'a pas aidé.

    InformationsquelleAutor Daneel S. Yaitskov