как тестировать редукторы с помощью jest - PullRequest
Новая
       21

как тестировать редукторы с помощью jest

0 голосов
/ 06 мая 2020

У меня есть редуктор: 

import { fromJS } from 'immutable';
import { DEFAULT_ACTION, SOURCES_LOADED, SOURCES_REQUEST } from './constants';

export const initialState = fromJS({
  sources: null,
  loading: false
});

function appReducer(state = initialState, action) {
  switch (action.type) {
    case SOURCES_REQUEST:
      return state
        .set('loading', true);
    case SOURCES_LOADED:
      return state
        .set('sources', action.payload.sources)
        .set('loading', false);
    case DEFAULT_ACTION:
      return state;
    default:
      return state;
  }
}

export default appReducer;

, и эти тесты: 

import { fromJS } from 'immutable';
import reducer from '../reducer';
import * as types from '../constants';

describe('application reducers', () => {
  it('should return the initial state', () => {
    expect(reducer(undefined, {})).toEqual(fromJS(
      {
        sources: null,
        loading: false
      }
    ));
  });

  it('should handle the sources request', () => {
    expect(reducer({ loading: true }, {
      type: types.SOURCES_REQUEST
    })).toEqual(fromJS({ loading: true }));
  });
});

второй тест не работает: 

TypeError: state.set is not a function

      11 |     case SOURCES_REQUEST:
      12 |       return state
    > 13 |         .set('loading', true);
         |          ^
      14 |     case SOURCES_LOADED:
      15 |       return state
      16 |         .set('sources', action.payload.sources)

Как я могу добавить протестируйте эти редукторы, так как это саги о редукциях, и я следую этому https://redux.js.org/recipes/writing-tests, потому что это документация, которую я нашел, которая ближе к моим потребностям.

1 Ответ

1 голос
/ 06 мая 2020

Ваш редуктор ожидает, что state он получит как объект immutable.

Но во втором тесте вы передаете ему простой javascript объект, у которого нет метода .set, который вы пытаетесь вызвать. 

it('should handle the sources request', () => {
  expect(reducer(fromJS({
    loading: true
  }), {
    type: types.SOURCES_REQUEST
  })).toEqual(fromJS({
    loading: true
  }));
});

или в данном конкретном случае вы может передать его undefined, а редуктор будет использовать initialState

...