react JS中UseEffect钩子的Jest测试用例

import React, { useEffect } from 'react';
import { render, unmountComponentAtNode } from 'react-dom';
import { act } from 'react-dom/test-utils';

// 要测试的组件
function MyComponent() {
  useEffect(() => {
    // 在这里执行副作用操作，比如订阅事件、获取数据等
  }, []);

  return <div>Hello World</div>;
}

let container = null;

beforeEach(() => {
  // 设置一个DOM元素作为组件的挂载点
  container = document.createElement('div');
  document.body.appendChild(container);
});

afterEach(() => {
  // 清理组件的挂载点
  unmountComponentAtNode(container);
  container.remove();
  container = null;
});

it('测试MyComponent组件的useEffect钩子', () => {
  // 渲染组件
  act(() => {
    render(<MyComponent />, container);
  });

  // 在这里写下具体的测试断言，验证组件的副作用操作是否按预期执行

  // 卸载组件
  act(() => {
    unmountComponentAtNode(container);
  });
});