Ng-click - как модульный тест для поведения

Question

Если у вас есть угловая директива, в которой внутри шаблона есть кнопка с атрибутом ng-click, я должен проверить действие фактических действий (щелчок) или, прикрепленных к ng -click-атрибут, вызов функции?

Другими словами, для директивы, которая имеет шаблон:

<div> 
    <button ng-click="game.start()">start</button> 
</div> 

я должен проверить, что щелчок делает или что функция game.start делает?

Мне известно, что позже функция game.start может быть изменена для другой. Кроме того, можно удалить ng-click и щелкнуть событие по-другому.

Тестирование устройства с помощью triggerHandler ('click') является заманчивым, но шаблон директивы также может меняться. Это означало бы, что мне нужен «проверенный» доступ к узлам DOM, а именно через атрибуты id.

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

Answer 1

В случае директивы я обычно прохожу через дом, чтобы щелкнуть элемент. в вашем случае здесь:

it("performs some action when clicked", function() { 
    element.find("button").click(); 

    assert(something); 
}); 

Вызов обработчика напрямую поможет вам прохождение теста, даже если вы забыли добавить директиву ng-click, которая не то, что я обычно хочу. Это также дает вам возможность переименовать метод обработчика без необходимости корректировать тест, делая его немного менее хрупким.

Если шаблон становится очень сложным, и у вас возникает соблазн добавить идентификаторы только для тестирования, вы можете подумать о том, чтобы разбить директиву на несколько.