操作调用返回 'undefined' 和 fetch-mock

Question

Action "type"：undefined，当我尝试使用 fetch-mock 测试 redux action 时，我不断得到返回。关于如何解决此问题的任何建议？这可能是 fetch-mock 中的错误吗？

Expected value to equal:
[{"type": undefined}, {"result": {"hello": "world"}, "type": undefined}]
Received:
[{"type": "DASHBOARD_RESULT_LOADING"}, {"result": {"hello": "world"}, "type": "DASHBOARD_RESULT_READY"}]

dashboardActions.js

function resultReady(json) {
return {
type: DASHBOARD_RESULT_READY,
result: camelizeKeys(json)
 };
}

export function requestPredict(params) {
let url = `${process.env.API_URL}/predict/`;
const requestParams = {
  method: 'post',
  credentials: 'include'
};

return async (dispatch) => {
return fetch(url, requestParams)
  .then(response => {
    if (response.status === 200) {
      return response.json();
    } else {
      throw Error(response.statusText);
    }
  })
  .then(data => dispatch(resultReady(data)));
};
}

dashboardActions.test.js

const mockData = { 
"hello": "world"
}


describe('action creators', () => {

afterEach(() => {
fetchMock.reset()
})

it('should create DASHBOARD_RESULT_LOADING', () => {
 fetchMock.post('*', {"hello":"world"} );

const expectedActions = [
 { type: actions.DASHBOARD_RESULT_LOADING },
 { type: actions.DASHBOARD_RESULT_READY, result: mockData }
]

const store = mockStore({ result: {}})

return store.dispatch(actions.requestPredict())
 .then((data) => {
  expect(store.getActions()).toEqual(expectedActions)
 })
})
})

Answer 1

您收到类型 "DASHBOARD_RESULT_LOADING" 和 "DASHBOARD_RESULT_READY"，这似乎是预期的行为。您期望 actions.DASHBOARD_RESULT_LOADING 和 actions.DASHBOARD_RESULT_READY，它们似乎都没有定义任何值。

定义actions.DASHBOARD_RESULT_LOADING和actions.DASHBOARD_RESULT_READY:

actions.DASHBOARD_RESULT_LOADING = 'DASHBOARD_RESULT_LOADING'
actions.DASHBOARD_RESULT_READY = 'DASHBOARD_RESULT_READY'

或将它们替换为您期望的类型：

const expectedActions = [
  {
    type: 'DASHBOARD_RESULT_LOADING'
  },
  {
    type: 'DASHBOARD_RESULT_READY',
    result: mockData
  }
]

操作调用返回 'undefined' 和 fetch-mock

Action call is returning 'undefined' with fetch-mock

redux

redux-thunk

redux-mock-store

fetch-mock