如何為 redux thunks 提供模擬實現？

Question

我們如何模擬 redux thunk 的實現。

我在一個文件中有 thunk：- src/actions.js

export const getRequest = () => async dispatch => {
    return await dispatch(
            fetchRequestInfo(),
        );
};

export const getBanks = () => async dispatch => {
    const response = dispatch(getRequest());
    if (!!response) {
        dispatch(success());
    } else {
        dispatch(failure());
    }
};

在我的src/actions.spec.js中，我想模擬getRequest並簡單地返回 json 數據，例如：-

import * as actions from 'actions';


const mockReqResponse = async () => {
    return {data: '1123'};
};

const mockGetReq = jest.spyOn(actions, 'getRequest').mockImplementation(() => mockReqResponse);

describe('getBanks should work', async () => {
    const store = mockStore(); // mocked redux store
    await store.dispatch(action.getBanks());
})

代碼流沒有到達getRequest的模擬實現，即mockReqResponse 。 我做錯什么了嗎？

Answer 1

在測試來自同一模塊的 thunk 時，這是一個常見問題。 您可以將getRequest移至單獨的模塊，或查看此問題的最佳答案： 如何使用 Jest 在同一模塊中模擬函數？ 這有點奇怪，但它有效。 這允許您測試依賴於同一模塊中的幾個其他 thunk（或簡單動作創建者）的 thunk。