Не удалось активировать функцию компонента с помощью модульного теста с жасмином.

Question

Не удалось активировать мою функцию в showCreateUserPanel Ожидается, что console.log и updateDefaultValue были вызваны

Используйте By.css для извлечения директивы и активируйте функцию (create) = "showCreateUserPanel ()"

<wizard-quick-search-page *ngIf="initSearchPanel" [createUserAttributes]="createUserAttributes"
  [existingUserAttributes]="existingUserAttributes" (edit)="showEditUserPanel($event)"
  (create)="showCreateUserPanel($event)">
</wizard-quick-search-page>

  public showCreateUserPanel(event: any): void {
    console.log(event);
    this.pageType = 'create';

    if (this.initSearchPanel)
      this.searchPanel.close();

    if (this.initCreateEditPanel)
      this.createEditPanel.open();
    else
      this.initCreateEditPanel = true;

    this.displayValues = event.displayValues;
    this.formPage = event.formPage;

    this.updateDefaultValue(this.formPage, this.createUserAttributes);
  }

  describe('wizard quick search page', () => {
    beforeEach(() => {
      component.initSearchPanel = true;
      fixture.detectChanges();
      mockQuickSearchDirective = fixture.debugElement.query(By.css('wizard-quick-search-page'));
    });

    it('should open a create new user panel', () => {
      spyOn(component, 'showCreateUserPanel');
      mockQuickSearchDirective.triggerEventHandler('create', null);
      fixture.detectChanges();
      expect(component.showCreateUserPanel).toHaveBeenCalled();
    });

    it('should open a edit existing user panel', () => {
      spyOn(component, 'showEditUserPanel');
      mockQuickSearchDirective.triggerEventHandler('edit', null);
      fixture.detectChanges();
      expect(component.showEditUserPanel).toHaveBeenCalled();
    });

Ожидается, что console.log был вызван