Тестирование фокусировки() на элементе в AngularJS директивы шаблона

Question

Учитывая следующую директиву

directive('myDirective', function() { 
    return { 
     restrict: 'A', 
     scope: {}, 
     replace: false, 
     template: '<input ng-focus="onFocus()" type="text" />', 
     link: function(scope, element, attr) { 
      scope.onFocus = function() { 
       console.log('got focus'); 
      }; 
     } 
    }; 
}); 

Я проверил, что фокус наблюдающий работает в браузере, но я хотел бы, чтобы иметь возможность вызвать его в единичном тесте. Это то, что я пробовал, но он не работает.

var element = angular.element('<div my-directive></div>'); 
$compile(element)($scope); 
$scope.$digest(); 
element.find('input')[0].focus(); 

Я могу видеть, что я правильно добраться до ввода с вызовом найти, и я ожидаю, что код, чтобы вызвать событие фокуса на поле ввода, но ничего не происходит. Что мне здесь не хватает?

Answer 1

При попытке запуска событий на угловых элементах следует использовать функцию triggerHandler(), которая является действительно функцией jqLite, а не угловыми, а затем передает событие в виде строкового параметра, как показано ниже.

element.find('input').triggerHandler('focus'); 

Для выполнения любых других функций на угловом элементе, прочитайте документацию here, она показывает список функций, доступных для угловых элементов