Kann nicht simulieren keyDown (jest + Enzym)

Question

Edit: Ich endete mit onChange, um den Wert zu aktualisieren, der den Vorteil hat, ganze Strings, anstatt einzelne Zeichen verspotten.

Ich benutze Keydown, um zu unterscheiden, ob Eingabewert zu aktualisieren, oder fügen Sie eine Todo hinzu.

Die Funktionalität funktioniert, wenn sie im Browser getestet wird, aber wenn sie mit Enzym simuliert wird, wird der Todo nicht zum Schnappschuss hinzugefügt (als ob die Simulation niemals stattfindet).

it('should add a new todo',() => { 
 
    const component = mount(<TodoList />) 
 
    const Input = component.find('.new-todo-input') 
 
    let wrapper = toJson(component); 
 
    
 
    expect(wrapper).toMatchSnapshot() 
 
    
 
    Input.simulate('keydown', { key: 'z', keyCode: 90, which: 90 }) 
 
    Input.simulate('keydown', { key: 'Enter', keyCode: 13, which: 13 }) 
 
    
 
    wrapper = toJson(component); 
 
    
 
    expect(wrapper).toMatchSnapshot() 
 
})

können Sie den Rest the code here finden.

Answer 1

Ich überprüfte your code in github. Weil Sie e.preventDefault() verwenden, sollten Sie es auch vortäuschen:

Input.simulate('keydown', { preventDefault(){}, key: 'z', keyCode: 90, which: 90 })