Я пытаюсь написать модульный тест для компонента с проекцией содержимого. Ниже приведен мой шаблон компонента TestWrapper
<outer-component>
<projected-component (action)="actionHandler()"></projected-component>
<projected-component (action)="actionHandler()"></projected-component>
</outer-component>
Шаблон внешнего компонента имеет следующий фрагмент кода, в котором отображается проецируемый контент, где Options - это @ContentChildren -
<div class="abc" *ngFor="let option of Options;">
<ng-container *ngTemplateOutlet="optionContentTemplate; context: {option: option}">
</ng-container>
</div>
<ng-template #optionContentTemplate let-option="option">
<div class="option" (click)="doAction(option)">{{option.text}}</div></ng-template>
The doAction
метод во внешнем компоненте:
public doAction(option) { option.action.emit(); }
Я хочу написать тест, чтобы проверить, вызывается ли метод actionHandler (написанный в моем TestWrapperComponent) всякий раз, когда я пытаюсь имитировать событие щелчка на projected-component
.
Заранее спасибо!