Simulating events with Jest and Material UI

test-material-ui-event-simulation.js

// Simulating clicks
const dashboardMount = mount(
  <Dashboard />, {
    context: { muiTheme },
    childContextTypes: { muiTheme: React.PropTypes.object }
  }
)

const menuButton = ReactDOM.findDOMNode(dashboardMount.find(AppBar).find(IconButton).find('button').node)
TestUtils.Simulate.touchTap(menuButton)
expect(dashboardMount.find(Drawer).prop('open')).toBe(true)

const overlay = ReactDOM.findDOMNode(dashboardMount.find(Drawer).find(Overlay).find('div').node)
TestUtils.Simulate.touchTap(overlay)
expect(dashboardMount.find(Drawer).prop('open')).toBe(false)