SIMULATE «нажмите» в Угловом модульном тестировании

Question

У меня есть следующие функции звена в моем угловом объекте определения директивы:

function link(scope, element) { 
    var blurred = angular.element(element[0].getElementsByClassName('blur')); 
    blurred.on('click', function() { 
    blurred.css({'-webkit-filter': 'none'}); 
    }); 
} 

Я пытаюсь проверить, что '-webkit-filter': 'none' добавляются в качестве стиля при нажатии на «размытый» элемент с тестом ниже. Моя проблема в том, что оба console.log одинаковы; стиль, который я ожидал бы добавить, никогда не будет.

it('should add the necessary style when clicked', function() { 
    var blurred = angular.element(element[0].getElementsByClassName('blur')); 
    console.log(blurred); 
    blurred.triggerHandler('click'); 
    console.log(blurred); 
}); 

Зарегистрированное значение выглядит в обоих случаях:

{0: <div class="blur ng-binding"> 

    <br> 

    <br> 
    </div>, length: 1} 

Answer 1

пытаются добавить ждать после щелчка, чтобы избежать состояния гонки, если любой

`waits(500);` // avoid race condition