title: Not getting the simulate event to work to trigger click
body: <p>I am trying to test a react component but somehow I am not able to get the simulate function to trigger the click and therefore I am not able to test the state variable or check for the function call of the click handler.</p>
  
  <p>Here is the component code:-    </p>
  
  <pre><code>import React, { Component } from 'react';
     import { Navbar,Nav,NavItem,NavDropdown,MenuItem,Panel } from 'react-
     bootstrap';
     import PropTypes from 'prop-types';
  
     class Header extends Component {
     constructor() {
      super();
      this.state = {
       isLogOut : false
      };
      this.handleLogOut=this.handleLogOut.bind(this);
  
      }  
      handleLogOut(){
      this.setState({isLogOut:true});   
      }
      render() {
      return (
        &lt;Navbar&gt;
          &lt;div className="network-nav-bar"&gt;
              &lt;div className="network-nav-bar-items"&gt;
                 &lt;ul className="nav nav-tabs"&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Network Opimization&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Quick links&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;What If?&lt;/a&gt;&lt;/li&gt;
                 &lt;/ul&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div className="col-xs-6"&gt;
          &lt;Navbar.Header&gt;
            &lt;Navbar.Brand&gt;
              &lt;a href="#" className="ancIndiLogo"&gt;INDi&lt;/a&gt;
            &lt;/Navbar.Brand&gt;
          &lt;/Navbar.Header&gt;
          &lt;/div&gt;
          &lt;div className="col-xs-6 noPadding"&gt;
         &lt;Nav className="pull-right"&gt; 
           &lt;NavDropdown eventKey={3} title="Felicia Johnson" id="basic-nav-
      dropdown"&gt;
              &lt;MenuItem eventKey={3.1} onClick=
     {this.handleLogOut}&gt;LogOut&lt;/MenuItem&gt;
            &lt;/NavDropdown&gt;
          &lt;/Nav&gt;
          &lt;i className="glyphicon glyphicon-search pull-right"&gt;&lt;/i&gt;
          &lt;/div&gt;
  
   &lt;/Navbar&gt;
      );
    }
  }
  
  export default Header;
  </code></pre>
  
  <p>and here is the spec file:-</p>
  
  <pre><code>'use strict';
    import React from 'react';
    import Header from '../modules/common/header';
    import {mount} from 'enzyme';
    describe('Testing the Header when', () =&gt; {
      it('the it should have text-center class', () =&gt; {
      const header = mount(
      &lt;Header/&gt;
     );
      expect(header.find('i .glyphicon-search').length).toBe(1);
     expect(header.find('a').length).toBe(6);
      console.log(header.state());
     console.log(header.find('a').get(5)).simulate('click');
        console.log(header.state());     
      expect(header.state().isLogOut).to.equal(true); 
  
  });
  
  });
  </code></pre>
  
  <p>Here is the package.json dependencies file :-
  "enzyme": "^2.8.2".</p>
  
  <p>Not sure what exactly is going wrong here..it should be a simple test.</p>