Angular 中的单元测试点击事件

# Angular单元测试：点击事件的测试

typescript
// button.component.ts
import { Component, Output, EventEmitter } from '@angular/core';
@Component({
  selector: 'app-button',
  template: 'Click me',
})
export class ButtonComponent {
  @Output() buttonClick = new EventEmitter();
  onClick(): void {
    this.buttonClick.emit();
  }
}

typescript
// button.component.spec.ts
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { ButtonComponent } from './button.component';
describe('ButtonComponent', () => {
  let component: ButtonComponent;
  let fixture: ComponentFixture;
  beforeEach(() => {
    TestBed.configureTestingModule({
      declarations: [ButtonComponent],
    });
    fixture = TestBed.createComponent(ButtonComponent);
    component = fixture.componentInstance;
  });
  it('should emit buttonClick event on click', () => {
    // Arrange
    spyOn(component.buttonClick, 'emit');
    // Act
    component.onClick();
    // Assert
    expect(component.buttonClick.emit).toHaveBeenCalled();
  });
});