Mock Fetch Action

mockFetchAction.js

import { ACTIONS } from 'redux-api-call';

export default (makeFetchAction, data) => (name, apiFn) => {
  const {
    dataSelector,
    actionCreator,
    isFetchingSelector,
    errorSelector,
    updater,
  } = makeFetchAction(name, apiFn);

  const mockActionsCreator = () => {
    const symbol = Object.getOwnPropertySymbols(actionCreator())[0];
    const apiAction = actionCreator()[symbol];
    return [
      {
        type: ACTIONS.START,
        payload: {
          ...apiAction,
          requestedAt: (new Date()).getTime(),
        },
      },
      {
        type: ACTIONS.COMPLETE,
        payload: {
          ...apiAction,
          respondedAt: (new Date()).getTime(),
          json: data,
        },
      },
    ];
  };

  return {
    dataSelector,
    actionCreator: mockActionsCreator,
    isFetchingSelector,
    errorSelector,
    updater,
  };
};

// Test
it('dispatchs complete action with mock data', async () => {
  const store = createMockStore({});
  const response = { foo: 'bar' };
  const mockMakeFetchAction = mockFetch(makeFetchAction, response)('foo', () => ({
    endpoint: 'http://foo.bar',
  }));
  store.dispatch(mockMakeFetchAction.actionCreator());

  const completeAction = store.getActions().find(a => a.type === ACTIONS.COMPLETE);
  expect(completeAction.payload.json).toEqual(response);
});