Тест на жасмин для ng-mouseenter

Question

У меня возникли проблемы с тестированием моей директивы с помощью директивы ng-mouseenter.

Я бы хотел протестировать несколько вещей, но сначала я должен проверить, вызван ли метод, переданный в ng-mouseenter.

мой тест:

describe('hover tests', function() { 
     it('the triggerPopover method should be called on hover', function() { 
      spyOn($scope, 'triggerPopover'); 
      var ars = jQuery(view.find('article.the-class-im-looking-for')); 
      jQuery(ars[0]).trigger('mouseenter'); 
      expect($scope.triggerPopover).toHaveBeenCalled(); 
     }); 
    }); 

моя директива использование:

<article my-directive ng-mouseenter="triggerPopover();"></article> 

Результат:

Ожидаемого шпионский triggerPopover, что был назван. НГ-MouseEnter вещи, кажется, не дозвонились

Answer 1

Если вы используете PhantomJS для ваших тестов, некоторые события мыши, которые работают в нормальных браузерах не будет работать. Если это действительно так, вы можете запустить свой тест с помощью Chrome или Firefox, или же реализовать аналогичное решение для this answer для соответствующего вопроса.

Answer 2

mouseenter как родное событие DOM не поддерживается всеми браузерами: http://www.quirksmode.org/dom/events/index.html

ng-mouseenter основывается на mouseover события, так что вы можете просто вызвать его так:

jQuery(ars[0]).trigger('mouseover');