title: enzyme find and select first instance of element
body: <p>I am trying to siumlate a click on the first of three boxes.</p>
  
  <p>My react code looks like this</p>
  
  <pre><code>const Boxes = (props) =&gt; {
  
     return (
       &lt;div className="container"&gt;
          &lt;div onClick={props.showMessage} className="box"&gt;One&lt;/div&gt;
          &lt;div onClick={props.showMessage} className="box"&gt;Two&lt;/div&gt;
          &lt;div onClick={props.showMessage} className="box"&gt;Three&lt;/div&gt;
       &lt;/div&gt;
     );
  }
  </code></pre>
  
  <p>Then my jest code looks like this</p>
  
  <pre><code>it("shows a message if Box One is selected", () =&gt; {
      let wrapper = shallow(
          &lt;Boxes
              {...props}
          /&gt;
      );
  
      wrapper.find('.box').simulate('click');
      expect(wrapper.contains('Box One Clicked')).toEqual(true);
  
  });
  </code></pre>
  
  <p>This gives me the following error message </p>
  
  <blockquote>
    <p>Method “simulate” is only meant to be run on a single node. 3 found
    instead.</p>
  </blockquote>
  
  <p>Then when I try the following it doesn't work either and the test fails.</p>
  
  <pre><code>wrapper.find('.box').first().simulate('click');
  expect(wrapper.contains('Box One Clicked')).toEqual(true);
  </code></pre>