Как правильно тестировать лакомство?

То, что тестируется

LanguageRedux.js, имеет следующий экспорт:

• LanguageTypes - карта типов действий
• Creators - карта действий создателей
• INITIAL_STATE - начальное состояние приложения
• getLanguage и setLanguage - функции редуктора
• reducer - redux reducer

Я рекомендую импортировать все с ожидаемыми идентификаторами, например:

import Creators, {
  LanguageTypes,
  INITIAL_STATE,
  getLanguage,
  setLanguage,
  reducer
 } from '../../../redux/LanguageRedux';

Примечание : похоже, действие getLanguage не нужно, поскольку оно ничего не делает для состояния (если приложение получает язык, оно должно просто читать его из состояния), но я оставлю это там, поскольку оно находится в коде вопроса.

LanguageTypes

LanguageTypes - это просто карта типов действий с их связанным строковым значением:

it('should export the expected action types', () => {
  expect(LanguageTypes).toEqual({
    GET_LANGUAGE: 'GET_LANGUAGE',
    SET_LANGUAGE: 'SET_LANGUAGE'
  });  // Success!
});

Создатели

[ 1115] - карта создателей действий.

Каждый создатель действия - это чистая функция, которая генерирует объект действия на основе заданных параметров:

describe('Creators', () => {

  describe('getLanguage', () => {

    it('should return the expected action', () => {
      expect(Creators.getLanguage()).toEqual({
        type: LanguageTypes.GET_LANGUAGE
      });
    });

    it('should ignore extra args', () => {
      expect(Creators.getLanguage('extra arg')).toEqual({
        type: LanguageTypes.GET_LANGUAGE
      });
    });

  });

  describe('setLanguage', () => {

    it('should return the expected action when passed nothing', () => {
      expect(Creators.setLanguage()).toEqual({
        type: LanguageTypes.SET_LANGUAGE
      });  // Success!
    });

    it('should return the expected action when passed a language', () => {
      expect(Creators.setLanguage('en')).toEqual({
        type: LanguageTypes.SET_LANGUAGE,
        language: 'en'
      });  // Success!
    });

    it('should ignore extra args', () => {
      expect(Creators.setLanguage('es', 'extra arg')).toEqual({
        type: LanguageTypes.SET_LANGUAGE,
        language: 'es'
      });  // Success!
    });

  });

});

INITIAL_STATE

INITIAL_STATE - это просто объект начального состояния, Приложение начинается с:

it('should set the initial state ', () => {
  expect(INITIAL_STATE).toEqual({ language: "en" });  // Success!
});

Функции редуктора

getLanguage и setLanguage являются функциями редуктора, то есть они являются чистыми функциями, которые возвращают новое состояние на основе существующего состояния. и действие, которое им дано:

describe('reducers', () => {

  describe('getLanguage', () => {

    it('should do nothing (probably should not be an action)', () => {
      expect(getLanguage(INITIAL_STATE, {})).toEqual(INITIAL_STATE);  // Success!
    });

    it('should ignore extra args', () => {
      expect(getLanguage(INITIAL_STATE, { extra: 'arg' })).toEqual(INITIAL_STATE);  // Success!
    });

  });

  describe('setLanguage', () => {

    it('should set the language', () => {
      expect(setLanguage(INITIAL_STATE, { language: 'es' })).toEqual({
        language: 'es'
      });  // Success!
    });

    it('should ignore extra args', () => {
      expect(setLanguage(INITIAL_STATE, { language: 'fr', extra: 'arg' })).toEqual({
        language: 'fr'
      });  // Success!
    });

  });

});

Обратите внимание, что тестирование функций редуктора с reduxsauce даже проще, чем тестирование стандартных redux редукторов, поскольку они будут только вызываться для действий, которыми они являются предназначен для обработки.

редуктор

reducer является редуктором-редуктором, и его задача - направить действия в соответствующую функцию редуктора и вернуть полученное состояние:

describe('reducer', () => {

  it('should return initial state if passed nothing', () => {
    expect(reducer()).toEqual(INITIAL_STATE);  // Success!
  });

  it('should route GET_LANGUAGE to getLanguage', () => {
    expect(reducer(INITIAL_STATE, Creators.getLanguage())).toEqual(INITIAL_STATE);  // Success!
  });

  it('should route SET_LANGUAGE to setLanguage', () => {
    expect(reducer(Immutable({ language: 'es' }), Creators.setLanguage('fr'))).toEqual({
      language: 'fr'
    });  // Success!
  });

});

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

Самая основная альтернатива - это шпионить за createReducer и просто проверять, что он был вызван с ожидаемым INITIAL_STATE и объектом сопоставления.

Подход на полпути между этим и полным подходом, описанным выше, состоит в том, чтобы смоделировать функции редуктора, выполнить reducer различные действия и убедиться, что была вызвана правильная функция редуктора. Вероятно, это идеальный подход , но трудно реализовать способ написания кода в настоящее время, поскольку createReducer запускается, как только код импортируется и захватывает ссылки на локальные функции setLanguage и [1128 ]. Если вы хотите использовать этот подход, то самый простой способ сделать это - переместить reducer в его собственный модуль, чтобы вы могли смоделировать функции редуктора перед тем, как импортировать reducer в свой тестовый код. [1155 ]