如何使用react testing-library模拟window.focus()？

// 在你的测试文件中
import { render, screen } from '@testing-library/react';
import YourComponent from './YourComponent';

describe('YourComponent', () => {
  it('should handle window focus', () => {
    // 模拟 window.focus 方法
    jest.spyOn(window, 'focus').mockImplementation(() => {});

    render(<YourComponent />);

    // 触发 window.focus 的调用
    window.focus();

    // 你的断言
    expect(screen.getByText('Expected Text')).toBeInTheDocument();
  });
});

// YourComponent.js
import React, { useEffect } from 'react';

const YourComponent = () => {
  useEffect(() => {
    window.focus();
  }, []);

  return <div>Expected Text</div>;
};

export default YourComponent;

// YourComponent.test.js
import { render, screen } from '@testing-library/react';
import YourComponent from './YourComponent';

describe('YourComponent', () => {
  it('should handle window focus', () => {
    jest.spyOn(window, 'focus').mockImplementation(() => {});

    render(<YourComponent />);

    expect(screen.getByText('Expected Text')).toBeInTheDocument();
  });
});