HostListener的单元测试角度

import { Component, HostListener } from '@angular/core';
import { ComponentFixture, TestBed } from '@angular/core/testing';

@Component({
  template: ''
})
class TestComponent {
  @HostListener('click')
  onClick() {
    // 处理点击事件的逻辑
  }
}

describe('TestComponent', () => {
  let component: TestComponent;
  let fixture: ComponentFixture<TestComponent>;

  beforeEach(async () => {
    await TestBed.configureTestingModule({
      declarations: [TestComponent]
    }).compileComponents();
  });

  beforeEach(() => {
    fixture = TestBed.createComponent(TestComponent);
    component = fixture.componentInstance;
    fixture.detectChanges();
  });

  it('should handle click event', () => {
    spyOn(component, 'onClick');
    const hostElement = fixture.nativeElement;
    hostElement.click();
    expect(component.onClick).toHaveBeenCalled();
    // 验证其他预期行为
  });
});