如何测试异步react redux调用

import { createStore, applyMiddleware } from 'redux';
import thunk from 'redux-thunk';
import axios from 'axios';
import MockAdapter from 'axios-mock-adapter';

// 异步操作的 Redux action
const fetchData = () => {
  return async (dispatch) => {
    dispatch({ type: 'FETCH_START' });
    try {
      const response = await axios.get('/api/data');
      dispatch({ type: 'FETCH_SUCCESS', payload: response.data });
    } catch (error) {
      dispatch({ type: 'FETCH_ERROR', payload: error.message });
    }
  };
};

// Redux reducer
const reducer = (state = {}, action) => {
  switch (action.type) {
    case 'FETCH_START':
      return { ...state, loading: true };
    case 'FETCH_SUCCESS':
      return { ...state, loading: false, data: action.payload };
    case 'FETCH_ERROR':
      return { ...state, loading: false, error: action.payload };
    default:
      return state;
  }
};

// 创建 Redux store
const store = createStore(reducer, applyMiddleware(thunk));

// 创建 axios mock 实例
const mock = new MockAdapter(axios);

// 模拟异步调用的响应
mock.onGet('/api/data').reply(200, { message: 'Mock data' });

// 测试异步调用
test('fetchData should dispatch the correct actions', async () => {
  const expectedActions = [
    { type: 'FETCH_START' },
    { type: 'FETCH_SUCCESS', payload: { message: 'Mock data' } },
  ];

  await store.dispatch(fetchData());

  expect(store.getActions()).toEqual(expectedActions);
});