React Enzyme find second (or nth) node
<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>