title: How to test for a `click` event on the icon button of the `material-ui` AppBar?
body: <p>I'm testing the following <a href="https://facebook.github.io/react/index.html" rel="nofollow">React</a> component:</p>
  
  <pre><code>import React from 'react'
  import AppBar from 'material-ui/lib/app-bar'
  
  class NavBar extends React.Component {
    render () {
      return (
        &lt;div&gt;
          &lt;AppBar
            title='My NavBar Title'
          /&gt;
        &lt;/div&gt;
      )
    }
  }
  
  export default NavBar
  </code></pre>
  
  <p>It's composed of a <a href="http://www.material-ui.com/#/components/app-bar" rel="nofollow">material-ui AppBar</a> component. Using <a href="https://github.com/substack/tape" rel="nofollow">Tape</a> and <a href="http://airbnb.io/enzyme/index.html" rel="nofollow">Enzyme</a>, I want to simulate a <code>click</code> on the <code>AppBar</code>'s <code>IconButton</code>:</p>
  
  <pre><code>import NavBar from './NavBar'
  import React from 'react'
  import test from 'tape'
  import { /* I don't know if it's `shallow` or `mount` */ } from 'enzyme'
  
  test('NavBar component test', (assert) =&gt; {
    test('simulating a click on the icon button', (assert) =&gt;
      // How do I do this?
      // The following results in error:
      // const wrapper = shallow(&lt;NavBar /&gt;)
      // wrapper.find('AppBar').find('IconButton').simulate('click')
      assert.end()
    })
    assert.end()
  })
  </code></pre>
  
  <p>How can I do it properly?</p>
  
  <p>Obs: I'm searching for <code>IconButton</code> because, according to the <a href="https://facebook.github.io/react/blog/2015/09/02/new-react-developer-tools.html" rel="nofollow">React Dev Tools</a> tab, that's the name of the rendered icon button component.</p>