title: React Enzyme find second (or nth) node
body: <p>I'm testing a React component with Jasmine Enzyme shallow rendering.</p>
  
  <p>Simplified here for the purposes of this question...</p>
  
  <pre><code>function MyOuterComponent() {
    return (
      &lt;div&gt;
        ...
        &lt;MyInnerComponent title="Hello" /&gt;
        ...
        &lt;MyInnerComponent title="Good-bye" /&gt;
        ...
      &lt;/div&gt;
    )
  }
  </code></pre>
  
  <p><code>MyOuterComponent</code> has 2 instances of <code>MyInnerComponent</code> and I'd like to test the props on each one.  </p>
  
  <p>The first one I know how to test.  I use <code>find</code> with <code>first</code>...</p>
  
  <pre><code>expect(component.find('MyInnerComponent').first()).toHaveProp('title', 'Hello');
  </code></pre>
  
  <p>However, I'm struggling to test the second instance of <code>MyInnerComponent</code>.</p>
  
  <p>I was hoping something like this would work...</p>
  
  <pre><code>expect(component.find('MyInnerComponent').second()).toHaveProp('title', 'Good-bye');
  </code></pre>
  
  <p>or even this...</p>
  
  <pre><code>expect(component.find('MyInnerComponent')[1]).toHaveProp('title', 'Good-bye');
  </code></pre>
  
  <p>But of course neither of the above work.  </p>
  
  <p>I feel like I'm missing the obvious.  </p>
  
  <p>But when I look through the <a href="http://airbnb.io/enzyme/docs/api/shallow.html" rel="noreferrer">docs</a> I don't see an analogous example.</p>
  
  <p>Anyone?</p>