Spy auf einem Service-Methodenaufruf mit Jasmin Spies

Question

Ich habe folgende Controller ViewMeetingCtrl.js

(function() { 
    'use strict'; 
    angular.module('MyApp').controller('ViewMeetingCtrl', ViewMeetingCtrl); 

    ViewMeetingCtrl.$inject = ['$scope', '$state', '$http', '$translate', 'notificationService', 'meetingService', '$modal', 'meeting', 'attachmentService']; 

    function ViewMeetingCtrl($scope, $state, $http, $translate, notificationService, meetingService, $modal, meeting, attachmentService) { 
     $scope.meeting = meeting; 

     $scope.cancelMeeting = cancelMeeting; 

     function cancelMeeting(meetingId, companyId) { 
      meetingService.sendCancelNotices(companyId, meetingId) 
       .success(function() { 
        $state.go('company.view'); 
       }); 
     }  
    } 
})(); 

konnte ich succussfully die spyOn aufrufen für cancelMeeting() aber nicht mit der Berufung von sendCancelNotices Methode. Was ich tun möchte ist, ich möchte testen, ob immer cancelMeeting() ruft, ruft es sendCancelNotices() Methode. Ich weiß, dass ich mit createSpy Methode gehen sollte, um dies zu tun. Aber ich bin nicht sicher, wie es geht.

Unten ist der Testfall ViewMeetingCtrlSpec.js

describe('ViewMeetingCtrl CreateSpy --> Spying --> cancelMeeting', function() { 
     var $rootScope, scope, $controller , $q ; 


     var sendCancelNoticesSpy = jasmine.createSpy('sendCancelNoticesSpy'); 


     beforeEach(angular.mock.module('MyApp')); 

     beforeEach(inject(function ($rootScope, $controller) { 
      scope = $rootScope.$new(); 
      createController = function() { 
       return $controller('ViewMeetingCtrl', { 
       $scope: scope, 
       meeting : {} 
       }); 
      }; 
      var controller = new createController(); 
     })); 

     it("tracks that the cancelMeeting spy was called", function() { 
      //some assertion 
     }); 

}); 

Answer 1

describe('ViewMeetingCtrl', function() { 

    var scope, meetingService; 

    beforeEach(angular.mock.module('MyApp')); 

    beforeEach(inject(function ($rootScope, $controller, _meetingService_) { 
     scope = $rootScope.$new(); 
     meetingService = _meetingService_; 
     $controller('ViewMeetingCtrl', { 
      $scope: scope, 
      meeting : {} 
     }); 
    })); 

    it('should send cancel notices whan cancelMeeting is called', function() { 
     var fakeHttpPromise = { 
      success: function() {} 
     }; 
     spyOn(meetingService, 'sendCancelNotices').andReturn(fakeHttpPromise); 

     scope.cancelMeeting('foo', 'bar'); 

     expect(meetingService.sendCancelNotices).toHaveBeenCalledWith('bar', 'foo'); 
    }); 

}); 

Ich möchte Sie ermutigen Berufung von HTTP Versprechen von Dienstleistungen werden zu stoppen zurückgeführt. Erwägen Sie stattdessen, dass der Dienst ein Versprechen zurückgibt. Diese sind leichter zu verspotten und zwingen Sie nicht dazu, Ihren Controller-Code neu zu schreiben, wenn Sie keine HTTP-Versprechungen mehr zurückgeben.

In Ihrem Controller:

function cancelMeeting(meetingId, companyId) { 
     meetingService.sendCancelNotices(companyId, meetingId) 
      .then(function() { 
       $state.go('company.view'); 
      }); 
    } 

In Ihrem Test:

 var fakePromise = $q.when(); 
     spyOn(meetingService, 'sendCancelNotices')and.returnValue(fakePromise); 

     scope.cancelMeeting('foo', 'bar'); 
     expect(meetingService.sendCancelNotices).toHaveBeenCalledWith('bar', 'foo');