Jest React:如何模拟在componentDidMount中设置的窗口eventListener

npm install --save-dev jest babel-jest react-test-renderer

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

let container = null;

beforeEach(() => {
  // 在每个测试用例之前创建一个DOM元素作为渲染容器
  container = document.createElement('div');
  document.body.appendChild(container);
});

afterEach(() => {
  // 在每个测试用例之后清理渲染容器
  unmountComponentAtNode(container);
  container.remove();
  container = null;
});

it('should add window event listener on mount', () => {
  const mockEventListener = jest.spyOn(window, 'addEventListener');
  render(<YourComponent />, container);

  expect(mockEventListener).toHaveBeenCalledWith('resize', expect.any(Function));
});

it('should remove window event listener on unmount', () => {
  const mockRemoveEventListener = jest.spyOn(window, 'removeEventListener');
  render(<YourComponent />, container);
  unmountComponentAtNode(container);

  expect(mockRemoveEventListener).toHaveBeenCalledWith('resize', expect.any(Function));
});