Testen Sie ein Formular in Reaktion mit Jest und Enzym

Question

Ich bin total verloren zu versuchen, eine einfache Form mit reagieren zu testen, woher weiß ich, ob der Submit-Button funktioniert? Ich dachte, nach einigen Recherchen, dass die Art und Weise, es zu tun ist eine Mock-Funktion zu machen, und dann prüfen, ob es genannt wurde, aber ich bin ziemlich sicher, dass im es völlig falsch zu machen

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> 
); 
} 

und der Test

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

Kann mir bitte jemand in die richtige Richtung zeigen?

Answer 1

Sie sind nicht der einzige, der sich mit diesem verloren fühlt. This thread on Enzyme's issues page hat viele vorgeschlagene Ansätze zur Lösung dieses Problems.