Функция fetchMock делает реальные вызовы API вместо насмешки над запросами - PullRequest
Новая
       20

Функция fetchMock делает реальные вызовы API вместо насмешки над запросами

0 голосов
/ 23 марта 2020

Я пытаюсь проверить действие регистрации, показанное ниже. 

import axios from 'axios';
import actionTypes from '../action_types';
import { apiRequest } from '../common_dispatch';

export const signupAction = (user) => async (dispatch) => {
  dispatch(apiRequest(true));
  await axios
    .post(`${process.env.REACT_APP_API_URL}/users`, { ...user }, {
      headers: { 'Content-Type': 'application/json' },
    })
    .then((response) => {
      dispatch(
        {
          type: actionTypes.REGISTER_SUCCESS,
          payload: response.data.user,
        },
      );
      dispatch(apiRequest(false));
    })
    .catch((error) => {
      let errors = 'ERROR';
      if (error.message === 'Network Error') {
        errors = error.message;
      } else {
        errors = error.response.data.errors;
        console.log(error);
      }
      dispatch(
        {
          type: actionTypes.REGISTER_FAIL,
          payload: errors,
        },
      );
      dispatch(apiRequest(false));
    });
};

Я подумал, что мог бы смутить вызов API выше, используя библиотеку fetchMock. Проблема в том, что fetchMock делает реальные вызовы, поэтому тест проходит в первом экземпляре, но не проходит, когда я запускаю его во второй раз, потому что пользователь, которого я пытаюсь зарегистрировать, уже существует. мой тест показан ниже. 

mport configureMockStore from 'redux-mock-store';
import * as actions from './signup.action';
import mocks from './mocks';
import thunk from 'redux-thunk';
import fetchMock from 'fetch-mock';

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

describe('signUp actions', () => {
    afterEach(() => {
        fetchMock.resetMocks();
        console.log('yess bro am called')
    })

    it('dispatches create REGISTER_FAIL when signup has been done', async () => {
        fetchMock.postOnce('/users', { ...mocks.user }, {
            headers: { 'Content-Type': 'application/json' },
        });
        const expectedActions = [
            { type: 'API_REQUEST', payload: true },
            { type: 'REGISTER_FAIL', payload: { email: "Email karanilarrygmail.com is not a valid email" } },
            { type: 'API_REQUEST', payload: false },
        ]
        const store = mockStore(mocks.user);
        return store.dispatch(actions.signupAction(mocks.user)).then(() => {
            expect(store.getActions()).toEqual(expectedActions)
        })
    });

mocks.user - это объект, содержащий данные о регистрации пользователя.

Что я делаю не так

...