iceCreamtest.js

'use strict'
/* global describe, it */
import { expect } from 'chai'

import reducer from './index'

const initialState = {
  'developer1': {
    name: 'ken',
    hairColor: 'black',
    iceCreamFlavor: '',
    favoriteFood: [
      'apple',
      'chips',
      'car'
    ]
  },
  'developer2': {
    name: 'tony',
    hairColor: 'blonde',
    iceCreamFlavor: '',
    favoriteFood: [
      'bacon',
      'siomai'
    ]
  }
}

describe('reducer', () => {
  it('handles ADD_FOOD', () => {
    const action = {
      type: 'ADD_FOOD',
      data: {
        id: 'developer1',
        prop: 'favoriteFood',
        food: ['more food']
      }
    }
    const nextState = reducer(initialState, action)
    expect(nextState).to.deep.equal({
      'developer1': {
        name: 'ken',
        hairColor: 'black',
        iceCreamFlavor: '',
        favoriteFood: [
          'apple',
          'chips',
          'car',
          'more food'
        ]
      },
      'developer2': {
        name: 'tony',
        hairColor: 'blonde',
        iceCreamFlavor: '',
        favoriteFood: [
          'bacon',
          'siomai'
        ]
      }
    })
  })
  it('handles ICE_CREAM_FLAVOR', () => {
    const action = {
      type: 'ICE_CREAM_FLAVOR',
      data: {
        id: 'developer2',
        prop: 'iceCreamFlavor',
        flavor: 'wasabi'
      }
    }
    const nextState = reducer(initialState, action)
    expect(nextState).to.deep.equal({
      'developer1': {
        name: 'ken',
        hairColor: 'black',
        iceCreamFlavor: '',
        favoriteFood: [
          'apple',
          'chips',
          'car'
        ]
      },
      'developer2': {
        name: 'tony',
        hairColor: 'blonde',
        iceCreamFlavor: 'wasabi',
        favoriteFood: [
          'bacon',
          'siomai'
        ]
      }
    })
  })
  it(`doesn't have side effect`, () => {
    expect(initialState).to.deep.equal({
      'developer1': {
        name: 'ken',
        hairColor: 'black',
        iceCreamFlavor: '',
        favoriteFood: [
          'apple',
          'chips',
          'car'
        ]
      },
      'developer2': {
        name: 'tony',
        hairColor: 'blonde',
        iceCreamFlavor: '',
        favoriteFood: [
          'bacon',
          'siomai'
        ]
      }
    })
  })
})