React Enzyme trova il secondo (o ennesimo) nodo

Sto testando un componente React con rendering superficiale Jasmine Enzyme.

Semplificato qui ai fini di questa domanda ...

function MyOuterComponent() {
  return (
    <div>
      ...
      <MyInnerComponent title="Hello" />
      ...
      <MyInnerComponent title="Good-bye" />
      ...
    </div>
  )
}

MyOuterComponentha 2 istanze di MyInnerComponente vorrei testare gli oggetti di scena su ciascuna di esse.

Il primo che so come testare. Io uso findcon first...

expect(component.find('MyInnerComponent').first()).toHaveProp('title', 'Hello');

Tuttavia, sto lottando per testare la seconda istanza di MyInnerComponent.

Speravo che qualcosa del genere avrebbe funzionato ...

expect(component.find('MyInnerComponent').second()).toHaveProp('title', 'Good-bye');

o anche questo ...

expect(component.find('MyInnerComponent')[1]).toHaveProp('title', 'Good-bye');

Ma ovviamente nessuno dei due funziona.

Mi sento come se mi mancasse l'ovvio.

Ma quando guardo i documenti non vedo un esempio analogo.

Chiunque?

Quello che vuoi è il .at(index)metodo: .at (index) .

Quindi, per il tuo esempio:

expect(component.find('MyInnerComponent').at(1)).toHaveProp('title', 'Good-bye');

Se devi testare determinate cose su ognuna, considera anche l'iterazione attraverso il set abbinato:

component.find('MyInnerComponent').forEach( (node) => {
    expect(node.prop('title')).toEqual('Good-bye')
})

 const component = wrapper.find('MyInnerComponent').at(1); 
 //at(1) index of element 0 to ~

 expect(component.prop('title')).to.equal('Good-bye');