酵素ラッパーの外にある要素をテストするにはどうすればよいですか？

Question

私はユニットテストを行うためにJestとEnzymeを使用しています。私test.jsで

は、私は私のテストがラッパー

wrapper.find('button').simulate('click') 

のボタンをクリックすると、コンポーネントがラッパーの外にあるモーダルをレンダリング

let wrapper = mount(<app /> 

したファイル。

モーダルへの参照を取得する必要がありますので、そのボタンのクリックをシミュレートすることができます。私はdocument.body.childrenを通してモーダルへの参照を得ることができますが、私はそれを使って何もできません。

レンダリングされたラッパーの外側にある要素をテストするために酵素を使用するにはどうすればよいですか？

Answer 1

あなたは

state={ 
    data: 'first State', 
}; 

render(){ 
return (<div> 
    <button onClick={(e) => this.setState({data: 'second State'})}>Test</button> 

</div> 
} 

テストで使用することができ、あなたのコンポーネントの中の酵素のApp

を反応させるのかだけ冗談

const wrapper = shallow(<Name Your Component/>); 

it('test button',() => { 
     expect(wrapper.state().data).toBe('first State'); 
     wrapper.find('button').simulate('click'); 
     expect(wrapper.state().data).toBe('second State') 
    }); 

あなたに1つの定義された状態でButtonOnclikをテストすることができますあなたのために役立つことを願って:)