React Enzyme 2番目（またはn番目）のノードを見つけよう

Question

私はJasmine Enzymeの浅いレンダリングでReactコンポーネントをテストしています。この質問の目的のためにここに簡素化された

...

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

MyOuterComponentがMyInnerComponentの2つのインスタンスを持っていると私は一つ一つに小道具をテストしたいと思います。

私は最初にテストする方法を知っています。私はしかし、私はMyInnerComponentの2番目のインスタンスをテストするために苦労しています... firstで

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

をfindを使用しています。

私が...でも、この

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

か...このような何かがうまくいく

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

しかし、もちろんどちらも上記の作業のを期待していました。

私は明らかなことを逃しているように感じる。

しかし、私がdocsを見ると、私には同じような例はありません。

誰でも？

Answer 1

.at(index)の方法は、http://airbnb.io/enzyme/docs/api/ShallowWrapper/at.htmlです。

だから、あなたの例：

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