Test - wahengchang/react-redux-boilerplate GitHub Wiki

  helloWorld : () => {
    return (dispatch, getState) => {
      return dispatch({
        type: HELLO_WORLD,
      })
    }
  }

import helloActionCreator from '../../src/actions/index.js'

describe('helloActionCreator', () => {
  it('should create an action for HelloWorld', () => {
      const dispatch = jest.fn();
      helloActionCreator.helloWorld()(dispatch, {});
      expect(dispatch).toBeCalledWith({ type: 'HELLO_WORLD' });
  })
})

const mapStateToProps = (state, ownProps) => {
  return {
    ...
  }
}

const mapDispatchToProps = (dispatch, ownProps) => {
  return {
    ...
  }
}
const hello = connect(
  mapStateToProps,
  mapDispatchToProps
)(Hello)
export default hello

import { Provider } from 'react-redux'
import { createStore, compose, applyMiddleware } from 'redux'
import { shallow, mount } from 'enzyme'
import React from 'react'
import thunk from 'redux-thunk'

import reducer from '../../src/reducers'
import TargetContainer from '../../src/containers/TargetContainer.js'



let store = createStore(
    reducer, 
    compose(applyMiddleware(thunk))
)

const enzymeWrapper =  mount(
    <Provider store={store}>
        <TargetContainer />
    </Provider>)


describe('containers', () => {
    it('should render self and subcomponents', () => {
        enzymeWrapper.find('button').simulate('click');
        expect(enzymeWrapper.find('h1').text()).toBe( ... )
    })
})