反応成分の子供が実際に遊びの子であるかどうかのテスト

Question

子供を包むことになっているreact "ラッパー"成分があります。私は、レンダリングされた子がこのラッパーに提供されているものを実際にあるかどうかをテストするjestを使用しようとしています

export class Wrapper extends Component { 
    render(){ 
     return (<div>{ this.props.children }</div>); 
    } 
} 

：ここに関連する部分です。 ここに私が試みたものがあります。

describe('SwapWrapper',() => { 
    it('contains its child',() => { 
     const potentialChild = (<AMockedComponent/>); 
     const wrapper = TestUtils.renderIntoDocument(
      <Wrapper>{potentialChild}</Wrapper> 
     ); 
     const realChild = TestUtils.findRenderedComponentWithType(wrapper, AMockedComponent); 
     expect(realChild).toBe(potentialChild); // Obviously does not work. 
    }); 
}); 

明らかに機能しません。 realChild is a component instance while potentialChild is a component element。

現在、私ができることは、potentialChildをプロパティで作成し、realChildにこのプロパティが含まれていることを確認することだけです。

realChildが提供されているpotentialChildに実際に対応しているかどうかを確認する有効な方法はありますか？

Answer 1

refを使用して解決策が見つかりました。 反応要素のrefプロパティは、インスタンス化されたときに作成されたインスタンスと共に返されます。