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

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

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).

Answer

boldnik picture boldnik · Nov 10, 2016

input.simulate('focus'), input.simulate('change') and input.simulate('blur') should work. Check if your input is actually a node declared as _wrapper.find('input') and exists. Secondly, there's another question similar to this one: Enzyme - How to access and set <input> value? And finally if you check the source code of the ReactWrapper component then you will find that it uses all events that React can recognize. So the error is somewhere in your code.

Related questions

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

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 …

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