如何使用Jest/酶在react组件中模拟useContext()中react 'dispatch‘函数

npm install --save-dev jest enzyme enzyme-adapter-react-16

import React from 'react';
import { mount } from 'enzyme';
import YourComponent from './YourComponent';
import YourContext from './YourContext'; // 假设这是你的上下文文件

const mockDispatch = jest.fn();

jest.mock('./YourContext', () => ({
  ...jest.requireActual('./YourContext'),
  useContext: () => ({
    dispatch: mockDispatch,
  }),
}));

describe('YourComponent', () => {
  it('should call dispatch function when button is clicked', () => {
    const wrapper = mount(<YourComponent />);
    const button = wrapper.find('button');

    button.simulate('click');
    expect(mockDispatch).toHaveBeenCalled();
  });
});