Тестирование .on в директиве ожидаемая функция шпиона получена

Question

Я пытаюсь проверить приемник из $ broadcast (от контроллера) в моей директиве через .on.

Директива:

describe('<-- myDirective Spec ------>', function() { 

    var scope, $compile, element, $httpBackend, rootScope; 

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

    beforeEach(inject(function (_$rootScope_, _$compile_, _$httpBackend_) { 
     scope = _$rootScope_.$new(); 
     $compile = _$compile_; 
     $httpBackend = _$httpBackend_; 
     rootScope = _$rootScope_; 

     var html = '<my-directive></my-directive>'; 
     element = $compile(angular.element(html))(scope); 

     spyOn(scope, '$broadcast').and.callThrough(); 
     scope.$digest(); 
    })); 

    it('should be defined', function() { 
     expect(element).toBeDefined(); 
    }); 

    it('should broadcast ', function() { 
     scope.$broadcast('sendEmail'); 
     expect(scope.$on).toHaveBeenCalledWith('sendEmail', jasmine.any(Function)); 
    }); 
}); 

С выше, я получаю ошибку:

Expected a spy, but got Function. 

Answer 1

Update:

Вы можете либо тест просто, если ваш $ широковещательный вызывался с

expect(scope.$broadcast).toHaveBeenCalled() 

или на самом деле проверить $ на что-то сделать, как

scope.$on('sendEmail', spyFunction) 
expect(spyFunction).toHaveBeenCalledWith('sendEmail') 

Причина: $ трансляции фактически не требует $ на функцию. $ on - это слушатель, который вызывает функцию обратного вызова (передается как второй аргумент), когда он прослушивает событие (первый аргумент).

В данный момент вы просматриваете функцию широковещательной передачи в $ широковещательном режиме и ставили тест на функцию $ on. Вам нужно заменить

spyOn(scope, '$broadcast').and.callThrough(); 

по

spyOn(scope, '$on').and.callThrough();