Question

我在教程中找到了这段代码

...
import configureMockStore from 'redux-mock-store';

const middleware = [thunk];
const mockStore = configureMockStore(middleware);
...

it('should create BEGIN_AJAX_CALL & LOAD_COURSES_SUCCESS', (done) => {

    const expectedActions = [
        {type: types.BEGIN_AJAX_CALL},
        {type: types.LOAD_COURSES_SUCCESS, body: {
            courses: [{id:'clean-code', title:'Clean Code'}]
        }}
    ];

    const store = mockStore({courses:[]}, expectedActions);

    store
        .dispatch(courseActions.loadCourses())
        .then(() => {
            const actions = store.getActions();
            expect(actions[0].type).toEqual(types.BEGIN_AJAX_CALL);
            expect(actions[1].type).toEqual(types.LOAD_COURSES_SUCCESS);
            done();
        });
});

并且expectedActions的整个位没有意义。

文档说如果是store的第二个参数，它应该是一个函数; （没有解释说明该功能会做什么）。

起初我以为是出于某种原因迫使某些行为进入商店，但快速console.log告诉我事实并非如此。

因为只有dispatch会导致操作累积。

这是文本中的错误还是进一步探索的一些智慧？

Answer 1

此功能已在版本1中删除，但您可以在前1 docs中找到该示例。

参数expectedActions用于测试。您可以使用一系列操作创建模拟存储，然后调度第一个操作。此操作将导致其他其他操作通过thunks / api middleware / etc转发（dispatch / next）...测试将检查expectedActions数组中的所有操作是否已对商店执行操作：

import configureStore from 'redux-mock-store';

    const middlewares = []; // add your middlewares like `redux-thunk` 
    const mockStore = configureStore(middlewares);

    // Test in mocha 
    it('should dispatch action', (done) => {
      const getState = {}; // initial state of the store 
      const action = { type: 'ADD_TODO' };
      const expectedActions = [action];

      const store = mockStore(getState, expectedActions, done);
      store.dispatch(action);
    })

第二个论点是什么？

1 个答案: