How do you simulate an keyDown enter event (or others) in Enzyme?

unit-testing reactjs frontend enzyme
reectrix picture reectrix · Aug 15, 2016 · Viewed 46.7k times · Source

I'm trying to simulate a keyDown event, specifically for Enter, keyCode: 13. I've tried a number of different ways of doing this, but none of them are working. I've also looked online and it seems like this feature is either buggy or not working in the current version of Enzyme. Does anyone know definitively if this feature works, and if so, what is the proper syntax for simulating an enter, or other types of key events? Thanks!

This is what I have currently, and it's not working:

const input = wrapper.find('input');
input.simulate('keyDown', {keyCode: 13});

My current Enzyme version is 2.4.1

Answer

alexfigtree picture alexfigtree · Jan 20, 2017

Instead of using a keyCode, I used a key, in the case of 'Enter', using mount: 

wrapper.find('input').simulate('keypress', {key: 'Enter'})

Related questions

How do you generate a blur or onBlur event in Enzyme?

I've tried: input.simulate('blur'); and input.simulate('onBlur'); None of these work. Is this even available in Enzyme (I'm using version 2.4.1).

Read More
npm test -- --coverage never exits

I am using create-react-app to create a react application. When I executes npm test -- --coverage the test never exists. npm test actually runs react-scripts test. Any Idea?

Read More
Enzyme - How to access and set <input> value?

I'm confused about how to access <input> value when using mount. Here's what I've got as my test: it('cancels changes when user presses esc', done => { const wrapper = mount(<EditableText defaultValue="Hello" />); const input = wrapper.…

Read More