如何为createSlice ()的extraReducers编写测试( Jest +酶)？

为了为createSlice()的extraReducers编写测试，我们可以使用Jest和Enzyme来进行单元测试。下面是一个示例测试的步骤：

首先，安装所需的依赖项。在项目根目录下运行以下命令：

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

创建一个测试文件，命名为slice.test.js（或者根据你的项目命名规范进行命名）。在该文件中，导入所需的依赖项：

import { configure, shallow } from 'enzyme';
import Adapter from 'enzyme-adapter-react-16';
import { createSlice } from 'redux-starter-kit';

configure({ adapter: new Adapter() });

编写测试用例。在测试文件中，使用describe函数来定义一个测试套件，并使用it函数来定义具体的测试用例。下面是一个示例：

describe('createSlice extraReducers', () => {
  it('should handle the increment action correctly', () => {
    // 创建一个测试用的reducer
    const counterSlice = createSlice({
      name: 'counter',
      initialState: 0,
      reducers: {
        increment: state => state + 1,
      },
      extraReducers: builder => {
        builder.addCase('someAction', state => state + 10);
      },
    });

    // 创建一个初始状态的store
    const store = counterSlice.store;

    // 分发一个increment action
    store.dispatch(counterSlice.actions.increment());

    // 断言初始状态是否正确
    expect(store.getState()).toEqual(1);
  });
});

在这个示例中，我们创建了一个名为counter的slice，并定义了一个increment的reducer。然后，我们使用extraReducers来添加一个额外的reducer，用于处理someAction。在测试用例中，我们首先创建了一个初始状态的store，然后分发了一个increment action，并断言最终的状态是否正确。