$ event.stopPropogation이 Angularjs 단위 테스트에서 함수 오류가 아닙니다.

Question

ngClick 지시문에 바인딩 된 함수를 단위 테스트하려고합니다. 우리가이 프로젝트를 시작했습니다 그것은 지금은 이런 걸보고 내가 멀리에 도착하기 전에 나는 몇 가지 테스트 적용하려면이 같은

vm.open = function($event) { 
      $event.preventDefault(); 
      $event.stopPropagation(); 
      vm.opened = true; 
     }; 

I 단위 테스트 :

describe('Unit: simpleSearchController', function(){ 
//include main module 
beforeEach(module('myApp')); 
var ctrl, scope, event ; 
// inject the $controller and $rootScope services 
// in the beforeEach block 
beforeEach(inject(function($controller, $rootScope){ 
    // Create a new scope that's a child of the $rootScope 
    scope = $rootScope.$new(); 
    // Create the controller and alias access using controllerAs 
    ctrl = $controller('simpleSearchController as vm', { 
     $scope: scope 
    }); 
})); 
// unit tests 
it('should set vm.opened to true', function(){ 
    event = scope.$broadcast("click"); 
    expect(event).toBeDefined(); 
    scope.vm.open(event); 
    expect(event.defaultPrevented).toBeTruthy(); 
    expect(scope.vm.opened).toBeTruthy(); 
}); 
}); 

카르마를 이 오류가 발생하는 테스트를 실행합니다.

TypeError: $event.stopPropagation is not a function. 

아이디어가 있으십니까?

Answer 1

귀하의 문제는 $broadcasted 이벤트에는 stopPropagation 방법이 없다는 것입니다. 브로드 캐스트가 전파되고 stopPropagation ($emit)이 더 이상 전파되지 않도록 사용됩니다. 그래서 2 가지 옵션이 있습니다.

하나는 $emit

it('should set vm.opened to true', function(){ 
     event = scope.$emit("click"); 
     expect(event).toBeDefined(); 
     scope.vm.open(event); 
     expect(event.defaultPrevented).toBeTruthy(); 
     expect(scope.vm.opened).toBeTruthy(); 
    }); 

를 사용하거나 이벤트에 대한 모의 개체를 만듭니다.

it('should set vm.opened to true', function(){ 
      event = jasmine.createSpyObj('event', ['preventDefault', 'stopPropagation']); 
      scope.vm.open(event); 
      expect(event.preventDefault).toHaveBeenCalled(); 
      expect(scope.vm.opened).toBeTruthy(); 
     }); 

또한이로 preventDefault라고하며 이미 테스트 된 경우 핵심 각 기능이기 때문에 당신이 정말로 expect(event.defaultPrevented).toBeTruthy(); 또는 expect(event).toBeDefined();을 테스트 할 필요는 없습니다.

Answer 2

stopPropagation() 대신 return false를 사용할 수 있습니다. stopPropagation은 jQuery 메서드이므로 jQuery 객체에 사용해야합니다.

이 같은 원하는 효과를 얻을해야합니다

vm.open = function($event) {    
     vm.opened = true; 
     return false 
    };