Модульное тестирование проекции контента Angular 9

Я пытаюсь написать модульный тест для компонента с проекцией содержимого. Ниже приведен шаблон моего компонента 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>

В doAction метод во внешнем компоненте

public doAction(option) { option.action.emit(); }

Я хочу написать тест, чтобы проверить, вызывается ли метод actionHandler(написанный в моем TestWrapperComponent) всякий раз, когда я пытаюсь имитировать событие щелчка на projected-component.

Заранее спасибо!

0 ответов

Другие вопросы по тегам