unit-test-connected-component.js

unit-test-connected-component.js

import React from 'react'
import { connect } from 'react-redux'
import { mount, shallow } from 'enzyme'
import ToastList from '../../../src/components/common/ToastList'

jest.mock('../../../src/components/common/ToastList/ToastItem/index.js', () => 
  (props) => <mock-toast-item id={props.id}>
      {props.msg}
    </mock-toast-item>
)

const shallowWithState = (Component, state) => {
  const context = {
    store: {
      getState: () => state,
      subscribe: () => ({}),
      dispatch: () => ({})
    }
  }
  return mount(Component, { context})
}

describe('TextSlider', () => {
  it('should return 2 toastItem when given 2 elements in toastlist', () => {
    const msg = 'mockMsg'
    const toastlist = [{id:0, msg}, {id:1, msg}]
    const wrapper = shallowWithState(<ToastList/>, {toastlist})

    expect(wrapper.find('mock-toast-item').length).toEqual(2)
  })
})