Wie kann ich ein $ scope. $ On-Ereignis in einem Jasmine-Test testen?

Question

Ich bin Einheit testen einen Controller und ich möchte einen Event-Handler testen. Angenommen, mein Controller sieht so aus:

myModule.controller('MasterController', ['$scope', function($scope){ 
    $scope.$on('$locationChangeSuccess', function() { 
     $scope.success = true; 
    }); 
}]); 

Würde ich das in meinem Jasmine-Test übertragen? Würde ich es ausstrahlen? Gibt es einen akzeptierten Standard?

Answer 1

Die Lösung kam ich mit ist wie folgt:

describe('MasterController', function() { 
    var $scope, $rootScope, controller, CreateTarget; 

    beforeEach(function() { 
     inject(function($injector) { 
      $rootScope = $injector.get('$rootScope'); 
      $scope = $rootScope.$new(); 

      var $controller = $injector.get('$controller'); 

      CreateTarget = function() { 
       $controller('MasterController', {$scope: $scope}); 
      } 
     }); 
    }); 

    describe('$locationChangeSuccess', function() { 
     it('should set $scope.success to true', function() { 
      controller = CreateTarget(); 
      $rootScope.$broadcast('$locationChangeSuccess'); 
      expect($scope.success).toBe(true); 
     }); 
    }); 
}); 

Answer 2

Ich glaube nicht, dass es „ein akzeptierter Standard“, aber nach $location source code das Ereignis gesendet wird, so würde ich dieses Verhalten verspotten und es auf diese Weise testen:

'use strict'; 

describe('MasterController', function() { 
    var MasterController, 
     $rootScope, 
     $scope; 

    beforeEach(module('myModule')); 

    beforeEach(inject(function($rootScope, $injector, $controller) { 
    $rootScope = $rootScope; 
    $scope = $rootScope.$new(); 
    MasterController = $controller('MasterController', { 
     '$scope': $scope 
    }); 
    $scope.$digest(); 
    })); 

    describe('$locationChangeSuccess event listener', function() { 
    it('should set $scope.success to true', function() { 
     var newUrl = 'http://foourl.com'; 
     var oldUrl = 'http://barurl.com' 

     $scope.$apply(function() { 
     $rootScope.$broadcast('$locationChangeSuccess', newUrl, oldUrl); 
     }); 

     expect($scope.success).toBe(true); 
    }); 
    }); 
});