如何在React中使用Jest -React测试mapStateToProps中的方法

npm install --save-dev jest @testing-library/react @testing-library/jest-dom @reduxjs/toolkit react-redux

// MyComponent.js
import React from 'react';
import { connect } from 'react-redux';

const MyComponent = ({ myMethod }) => {
  return <div onClick={myMethod}>Click me</div>;
};

const mapStateToProps = (state) => ({
  myMethod: state.myMethod,
});

export default connect(mapStateToProps)(MyComponent);

// MyComponent.test.js
import React from 'react';
import { render, fireEvent } from '@testing-library/react';
import { Provider } from 'react-redux';
import configureStore from 'redux-mock-store';
import MyComponent from './MyComponent';

const mockStore = configureStore([]);

describe('MyComponent', () => {
  let store;
  let myMethod;

  beforeEach(() => {
    myMethod = jest.fn();
    store = mockStore({
      myMethod,
    });
  });

  it('should call myMethod when the div is clicked', () => {
    const { getByText } = render(
      <Provider store={store}>
        <MyComponent />
      </Provider>
    );

    fireEvent.click(getByText('Click me'));

    expect(myMethod).toHaveBeenCalledTimes(1);
  });
});