使用promise错误测试createAsyncThunk

import { createAsyncThunk } from '@reduxjs/toolkit';

// 创建一个异步的thunk action
export const fetchData = createAsyncThunk(
  'data/fetch',
  async (params, thunkAPI) => {
    // 模拟异步操作
    return new Promise((resolve, reject) => {
      // 模拟异步操作失败
      reject(new Error('Async operation failed'));
    });
  }
);

// 在reducer中处理fulfilled和rejected action
const dataSlice = createSlice({
  name: 'data',
  initialState: { loading: false, error: null },
  reducers: {},
  extraReducers: (builder) => {
    builder
      .addCase(fetchData.pending, (state) => {
        state.loading = true;
        state.error = null;
      })
      .addCase(fetchData.fulfilled, (state, action) => {
        state.loading = false;
        // 处理成功的情况
      })
      .addCase(fetchData.rejected, (state, action) => {
        state.loading = false;
        state.error = action.error.message; // 处理错误的情况
      });
  },
});

// 测试异步操作失败的情况
describe('fetchData', () => {
  it('should handle rejected action', async () => {
    const store = configureStore({ reducer: { data: dataSlice.reducer } });

    // 模拟异步操作失败
    jest.spyOn(global, 'fetchData').mockRejectedValue(new Error('Async operation failed'));

    await store.dispatch(fetchData());

    const state = store.getState().data;
    expect(state.loading).toBe(false);
    expect(state.error).toBe('Async operation failed');
  });
});