カスタムイベントでEnzyme simulateを使用しますか？

Question

カスタムイベントに対してEnzymeのメソッド.simulate（）を使用することは可能です。例については ：

// Code 
<Element onFoo={someFunction}></Elements> 

// Test 
const element = shallow(<Element>); 
element.simulate('foo'); 

が、これはカスタムイベントが酵素でテストしなければならない方法ですか、使用するより良いアプローチですs.th. like：

//Test 
const element = shallow(<Element>); 
element.props.onFoo() 

Answer 1

カスタムイベントの.simulate()は実装されていないようです。

上のカスタムイベントをsiumlateしようと、私のために働いた何

wrapper.find(Child).prop('customEvent')(fakeEvent) 

Answer 2

：このトピックが議論されていると酵素メンテナの一つは、あなたが提供してきた第二のアプローチを使用することを示唆してgithubの、上のissueがあります次のようにトップレベルのコンポーネントがいたされていないコンポーネント：

const myComponent = enzymeWrapper.find('MyComponent'); 
myComponent.node.onThingSelected({}, { thing: newThing}); 

myComponentというが反応成分である、onThingSelectedコンポーネントでの名前のとおりにカスタムイベントハンドラで、newThingが予想される型のオブジェクトでありますイベントハンドラによって呼び出されます。

Answer 3

しかし、実際には現在の浅いレンダリングではまだ動作していませんか？

/* Film component */ 
render() { 
    return (
    ... 
    <FilmHeader onSearchClick={this.handleSearchClick}> 
    ... 
) 
} 

/* Test */ 
const wrapper = shallow(<Film {...props} />); 
wrapper.find('FilmHeader').simulate('searchClick'); 

上述の酵素issueはまだ開いている。ドキュメントには、この機能について明白なことは記載されていません。多分問題はドキュメンテーションそのものです。