如何测试现有的 React Store

Question

我使用由“easy peasy”提供支持的 Redux。 我正在尝试测试现有的 React Store。 特别是我需要测试thunk

我需要测试的带有 thunk 的商店的一部分

...
        clients: [],

...
    loadClients: thunk(async (actions) => {
        try {
            const result = await get(`${baseUrl}/api/clients`);
            actions.parseClientsResponse(result);
        } catch (error) {
            console.log(error);
            actions.displayErrorMessage(error);
        }
    }),

        parseClientsResponse: action((storeState, clients) => {
            storeState.clients = clients;
        }),

请帮我想出如何测试它的任何想法。 假设thunk不带任何参数

Answer 1

最终，由于 fetch 在后台执行我的 api 调用，我已经使用 fetchMock 解决了它

import fetchMock from "jest-fetch-mock";

fetchMock.enableMocks();

    beforeEach(() => {
        fetch.resetMocks();
    });

fetch.mockResponseOnce(JSON.stringify(responseObject));

谢谢@timotgl 的帮助