simple-form-reducer-spec.js

import simpleFormReducer from '../simple-form-reducer.js';

import { changeName, changeGender } from '../simple-form-actions.js';

describe('Reducer: simpleFormReducer', () => {
  it('should have a valid initial state', () => {
    const initialState = simpleFormReducer(undefined, {});
    expect(initialState).to.deep.equal({ name: '', gender: '' });
  });

  it('should update gender when changeGender is fired', () => {
    const newState = simpleFormReducer(undefined, changeGender('unit gender'));
    expect(newState).to.deep.equal({ name: '', gender: 'unit gender' });
  });

  it('should update name when changeName is fired', () => {
    const newState = simpleFormReducer(undefined, changeName('unit name'));
    expect(newState).to.deep.equal({ name: 'unit name', gender: '' });
  });

  it('should not mutate the state', () => {
    const currentState = Object.freeze({
      name: 'current name',
      gender: 'current gender',
    });

    const newState = simpleFormReducer(currentState, changeName('unit name'));
    expect(newState).to.deep.equal({ name: 'unit name', gender: 'current gender' });

    const newState2 = simpleFormReducer(currentState, changeGender('unit gender'));
    expect(newState2).to.deep.equal({ name: 'current name', gender: 'unit gender' });
  });
});