Redux Jest 测试 fetchMock.getOnce 不起作用

如何解决Redux Jest 测试 fetchMock.getOnce 不起作用

我正在使用 Redux、fetchMock、redux-mock-store 编写一个 redux 动作测试。基于这份文件，https://redux.js.org/recipes/writing-tests，我写了我的一个，但似乎 fetchMock 不起作用。 redux 操作上的 get 请求使用原始值而不是 fetchMock 数据。

谁能告诉我哪里出错了？

动作：

import { types } from "./types"
import axios from "axios"
import { getPosts } from "../apis"
export const fetchPosts = () => (dispatch) => {
    return getPosts()
        .then((res) => {
            dispatch({
                type: types.GET_POSTS,payload: res.data
            })
        })
        .catch((err) => {
            // console.log(err);
        })
}

测试：

import moxios from "moxios"
import { testStore } from "./../../Utils"
import { fetchPosts } from "./../actions"
import configureMockStore from "redux-mock-store"
import thunk from "redux-thunk"
import fetchMock from "fetch-mock"
import { types } from "../actions/types"

const middlewares = [thunk]
const mockStore = configureMockStore(middlewares)

describe("select_actions",() => {
    afterEach(() => {
        fetchMock.restore()
    })

    it("dispatches the correct action and payload",() => {
        const expectedState = [
            {
                title: "Example title 1",body: "Some Text"
            },{
                title: "Example title 2",{
                title: "Example title 3",body: "Some Text"
            }
        ]
        const store = mockStore({})

        fetchMock.getonce("https://jsonplaceholder.typicode.com/posts?_limit=10",{
            body: expectedState,headers: { "content-type": "application/json" }
        })

        const expectedActions = [{ type: types.GET_POSTS,payload: expectedState }]

        return store.dispatch(fetchPosts()).then(() => {
            expect(store.getActions()).toEqual(expectedActions)
        })
    })
})

API：

import axios from "axios"
export const getPosts = async () => await axios.get("https://jsonplaceholder.typicode.com/posts?_limit=10")