如何使用计时器为useEffect编写JEST测试？

npm install --save-dev jest

import React, { useEffect } from 'react';
import { render, unmountComponentAtNode } from 'react-dom';

// 需要测试的组件或函数
function MyComponent() {
  useEffect(() => {
    const timer = setTimeout(() => {
      console.log('Timer callback');
    }, 1000);
    
    return () => {
      clearTimeout(timer);
    };
  }, []);

  return <div>My Component</div>;
}

describe('MyComponent', () => {
  let container = null;

  beforeEach(() => {
    // 设置DOM元素作为渲染目标
    container = document.createElement('div');
    document.body.appendChild(container);
  });

  afterEach(() => {
    // 清理渲染的组件
    unmountComponentAtNode(container);
    container.remove();
    container = null;
  });

  it('should call timer callback', () => {
    jest.useFakeTimers();

    render(<MyComponent />, container);

    // 模拟时间的流逝
    jest.advanceTimersByTime(1000);

    // 立即执行计时器的回调函数
    jest.runAllTimers();

    // 验证计时器的回调函数是否被调用
    expect(console.log).toHaveBeenCalledWith('Timer callback');
  });
});