맞춤형 이벤트에서 효소 시뮬레이션 사용?

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과 효소 테이너 중 하나 당신이 제공 한 두 번째 방법을 사용하는 제안이 있습니다 인 구성 요소가없는 최상위 구성 요소는 다음되면서 :

를 myComponent는, onThingSelected 구성 요소에 이름을 정확하게 사용자 정의 이벤트 핸들러를 반작용 구성 요소, 그리고 newThing 예상 유형의 목적은

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

이벤트 핸들러에 의해.

Answer 3

그러나 실제로 현재 얕은 렌더링에서 작동하지 않습니까?

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

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

상술 한 효소 issue은 여전히 ​​열려있다. 그리고 문서에는이 기능에 대해 명확한 내용이 없습니다. 어쩌면 문제는 문서 자체 일 것입니다.