Come scrivere un test unitario per la richiesta http?

Question

mi sto cercando di fare una prova di unità di un servizio nel mio caso

Nel mio test controller

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); 
      }, 
     }; 
    } 
]); 

file di prova.

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(); 
    }) 
}) 

sto ottenendo

Error: Unexpected request: GET /api/toy/123 
No more request expected 

Se prendo $httpBackend.flush(), l'errore è andato ma non coprirà la parte

function(toy) { 
     $scope.toy = toys.details; 
    } 

. Voglio coprire la chiamata di funzione e non sono sicuro di come farlo. Qualcuno può aiutarmi? Grazie mille

Answer 1

Sembra che tu stia "unitamente" testando il controller, in modo da non dover portare il servizio in figura poiché è sufficiente testare la logica del controller. È possibile creare un servizio di simulazione e iniettarlo durante la creazione del controller nel test.

Esempio:

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); 
    }); 

se si è specificamente unità di testare il servizio da soli si potrebbe fare:

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); 
}); 

Nel vostro controller, invece di concatenamento success uso then

myService.getItem('/api/toy/' + scope.id).then(
    function(response) { 
     $scope.toy = response.toys.details; 
    });