在Angular Jest测试中模拟窗口、文档和鼠标单击事件属性

import { ComponentFixture, TestBed } from '@angular/core/testing';
import { MyComponent } from './my.component';

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

  beforeEach(() => {
    TestBed.configureTestingModule({
      declarations: [MyComponent]
    });
    fixture = TestBed.createComponent(MyComponent);
    component = fixture.componentInstance;
  });

  it('should handle window properties', () => {
    const spy = jest.spyOn(window, 'innerWidth', 'get').mockReturnValue(1024);
    expect(component.getWindowWidth()).toEqual(1024);
    spy.mockRestore();
  });

  it('should handle document properties', () => {
    const spy = jest.spyOn(document, 'title', 'get').mockReturnValue('My Title');
    expect(component.getDocumentTitle()).toEqual('My Title');
    spy.mockRestore();
  });

  it('should handle mouse click event', () => {
    const spy = jest.spyOn(window, 'alert').mockImplementation(() => {});
    component.handleClick();
    expect(spy).toHaveBeenCalledWith('Button clicked!');
    spy.mockRestore();
  });
});