jest와 효소와 반응하는 형태를 테스트하십시오.

Question

반응이있는 간단한 폼을 테스트하려고 할 때 완전히 잃어 버렸습니다. 제출 버튼이 작동하는지 어떻게 알 수 있습니까? 몇 가지 조사 후 내가 할 수있는 방법은 그것이 호출 된 경우 확인하지만, 그것을 completly 잘못을하고 확신 인스턴트 메신저 다음 모의 기능을하는 것입니다 생각

onObjSubmit(event){ 
event.preventDefault() 
..... (fetch something) 
} 

render(){ 
    return (
    <form id="myForm" onSubmit={event => this.onObjSubmit(event)}> 
    <input type="text" id="name" /><br /> 
    <input type="text" id="last_name" /><br /> 
    <input type="submit" value="submit"> 
    </form> 
); 
} 

시험

it('Test',() => { 
    const wrapper = shallow(<TestComp />); 
    const fn = jest.fn(); 
    wrapper.instance().onObjSubmit = fn; 
    wrapper.update(); 
    wrapper.find('#myForm').simulate('submit'); 
    expect(fn).toBeCalled(); 
}); 

누군가가 올바른 방향으로 나를 가리킬 수 있습니까?

Answer 1

당신은이 사람과 함께 길을 잃은 유일한 사람이 아닙니다. This thread on Enzyme's issues page에는이 문제를 해결하기위한 많은 권장 방법이 있습니다.