Тестирование fork () в Redux Saga с Jest - PullRequest
Новая
       22

Тестирование fork () в Redux Saga с Jest

0 голосов
/ 10 апреля 2019

В настоящее время я пытаюсь создать несколько модульных тестов для моей саги редуксов "getExchanges", однако, просмотрев некоторую документацию и сайты, я обнаружил, что в этой области недостаточно информации о проведении модульных тестов.

Ниже моя сага, которую я пытаюсь протестировать, и любой код, окружающий ее.Цель состоит в том, чтобы проверить, правильно ли работает сага и убедиться, что API использует информацию так, как и должно.

Get Exchanges Saga 

export function* getExchanges(action) {
  const state: storeType = yield select()
  yield fork(async, action, API.getExchanges, { userId: state.auth.userId })
}

«Асинхронный»ссылка в форке yield выше 

import { put, call } from 'redux-saga/effects'

import { asyncAction } from './asyncAction'

export const delay = ms => new Promise(res => setTimeout(res, ms))

/**
 * @description: Reusable asynchronous action flow
 *
 * @param action  : redux action
 * @param apiFn   : api to call
 * @param payload : payload to send via api
 */
export function* async(action, apiFn, payload) {
  const async = asyncAction(action.type)
  try {
    const { response, data } = yield call(apiFn, payload)
    console.log(`[Saga-API_SUCCEED - ${action.type}, ${response}, ]: , ${data}`)
    yield put(async.success(data))
  } catch (err) {
    console.log(`[Saga-API_FAILED: - , ${action.type}, ]: , ${err}`)
    yield put(async.failure(err))
  }
}

getExchanges Действие 

export const getExchanges = () => action(actionTypes.GET_EXCHANGES.REQUEST, {})

GET_EXCHANGES Тип действия 

export const GET_EXCHANGES = createAsyncActionTypes('GET_EXCHANGES')

asyncAction (оборачивает действие getExchanges с помощью action () & wrapsGET_EXCHANGES с createAsyncActionTypes) 

export type ASYNC_ACTION_TYPE = {
  REQUEST: string
  SUCCESS: string
  FAILURE: string,
}

export const createAsyncActionTypes = (baseType: string): ASYNC_ACTION_TYPE => {
  return {
    REQUEST: `${baseType}`,
    SUCCESS: `${baseType}_SUCCESS`,
    FAILURE: `${baseType}_FAILURE`,
  }
}

export function action(type, payload = {}) {
  return { type, payload }
}

export function asyncAction(actionType: string) {
  const asyncActionType = createAsyncActionTypes(actionType)
  return {
    success: response => action(asyncActionType.SUCCESS, response),
    failure: err => action(asyncActionType.FAILURE, err),
  }
}

getExchanges API 

 export const getExchanges = ({ userId }) => API.request(`/exchange/${userId}`, 'GET')

Мой удар в тестовом примере шутки 

    import configureMockStore from 'redux-mock-store'
    import { runSaga } from 'redux'
    import createSagaMiddleware from 'redux-saga'
    import { exchangesSaga, getExchanges ,getBalances, selectExchange } from '../src/sagas/exchanges.saga'
    import * as api from '../src/api/transaction'
    import * as actionTypes from '../src/action-types/exchanges.action-types'
    import { action } from '../src/sagas/asyncAction'

    const sagaMiddleware = createSagaMiddleware()
    const mockStore = configureMockStore([sagaMiddleware]);

    export async function recordSaga(saga, initialAction) {
        const dispatched = [];

        // Run's a given saga outside of the middleware
        await runSaga(
        {
            // dispatch fulfills put
            dispatch: (action) => dispatched.push(action)
        },
        saga,
        initialAction
        ).done;

        return dispatched;
    }

    describe.only("getExchanges saga", () => {
        api.getExchanges = jest.fn()
        beforeEach(() => {
            jest.resetAllMocks()
        })

        it('should get exchanges from API and call success action', async () => {
            const getUserExchanges = {exchange, exchange2};
            api.getExchanges.mockImplementation(() => getExchanges);

            const initialAction = action(actionTypes.GET_EXCHANGES.REQUEST)
            const dispatched = await recordSaga(
            getExchanges,
            initialAction
            );

            expect(api.getExchanges).toHaveBeenCalledWith(1);
            expect(dispatched).toContainEqual(action(actionTypes.GET_EXCHANGES.SUCCESS));
        });
    })

В настоящее время я не получаю много от моегоконтрольный пример, поскольку он не завершен, и я как-то заблудился, как мне поступить.

Я ожидаю, что смогу вернуться к тесту и убедиться, что API правильно извлекает информацию, используя макетданные

1 Ответ

0 голосов
/ 10 апреля 2019

Я рекомендую redux-saga-test-plan .

Это позволяет вам ожидать того, что некоторые эффекты получают, и позволяет вам макетировать любой эффект.

...