Testowanie jednostkowe kontrolera korzystającego z $ http

Question

Mam prosty kontroler i pierwszą rzeczą, której potrzebuję, jest przypisanie wartości do zakresu.

function TestCtrl($scope, $http) { 
    $scope.listForms = 'some list'; 
} 

następujący test dla kontrolera działa zgodnie z oczekiwaniami:

describe('Testing a controller', function() { 

    var ctrl, scope, httpMock; 

    beforeEach(inject(function($injector) { 
     scope = $injector.get('$rootScope').$new(); 
     ctrl = $injector.get('$controller'); 
     ctrl(TestCtrl, { $scope: scope }); 
    })); 

    it("assigns to scope", function() { 
     expect(scope.listForms).toMatch("some list"); 
    }); 
}); 

Ale kiedy zmienić funkcję aby otrzymać listę z moim API

function TestCtrl($scope, $http) { 
    $http.get('/api/listForms').success(function(list) { 
    $scope.aListOfForms = 'some list'; 
    }); 
} 

i zmiany testowych do

describe('Testing a controller', function() { 

    var ctrl, scope, httpMock; 

    beforeEach(inject(function($injector) { 
     httpMock = $injector.get('$httpBackend'); 

     scope = $injector.get('$rootScope').$new(); 
     httpMock.when('GET', '/tactical/api/listOrderForms').respond("an order form"); 

     ctrl = $injector.get('$controller'); 
     ctrl(TestCtrl, { 
      $scope: scope, 
      $http: httpMock 
     }); 
    })); 

    it("gets the list from the api and assigns it to scope", function() { 
     httpMock.expectGET('tactical/api/listOrderForms'); 
     expect(scope.orderFormList).toMatch("an order form"); 
     httpMock.flush(); 
    }); 
}); 

I ge t następujące błędy:

TypeError: 'undefined' is not a function 
Expected undefined to match 'an order form'. 
Error: No pending request to flush ! 

Czy ktoś wie, co robię źle? Z góry dziękuję.

Answer 1

$ http używa $httpBackend do rozmawiania z zasobami zewnętrznymi. Wyśmiałeś $httpBackend, ale kontroler nadal musi z nim rozmawiać przez interfejs $http.

ten powinien zrobić:

describe('Testing a controller', function() { 

    var ctrl, scope, httpMock; 

    beforeEach(inject(function($controller, $rootScope, $httpBackend) { 
     httpMock = $httpBackend; 

     scope = $rootScope.$new(); 
     httpMock.when('GET', '/tactical/api/listOrderForms').respond("an order form"); 

     ctrl = $controller; 
     ctrl(TestCtrl, { 
      $scope: scope 
     }); 
    })); 

    it("gets the list from the api and assigns it to scope", function() { 
     httpMock.expectGET('tactical/api/listOrderForms'); 
     httpMock.flush(); 
     expect(scope.orderFormList).toMatch("an order form"); 
    }); 
}); 

Answer 2

Musisz wywołać httpMock.flush() przed oczekiwaniem(). Wywołanie flush symuluje odpowiedź powracającą z "zaplecza", wywołującą funkcję sukcesu powiązaną z żądaniem http.

Answer 3

Nie można ręcznie zastąpić usługi $ http jako usługi httpBackend dla kontrolera.

Zmień

ctrl(TestCtrl, { 
     $scope: scope, 
     $http: httpMock 
    }); 

do

ctrl(TestCtrl, { 
     $scope: scope 
    }); 

To powinno działać.