keyDown（jest + enzyme）をシミュレートできません

Question

編集：値を更新するためにonChangeを使用してしまいました。個々の文字ではなく、文字列全体をモックする利点があります。

---

入力値を更新するか、ToDoを追加するかを識別するためにkeydownを使用しています。

この機能はブラウザでテストしたときに機能しますが、酵素でシミュレートすると、（シミュレーションが実行されないかのように）スナップショットに追加されません。

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

あなたはthe code hereの残りの部分を見つけることができます。

Answer 1

your code in githubを確認しました。 e.preventDefault()を使用しているので、あなたもそれをモックする必要があります：

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