reactjs - 在 Contenteditable 元素上触发事件 keyDown(测试 + react + Jest + enzyme )

Question

我正在使用 enzyme + jest 来测试 React App，是否可以在 contetnteditable span 元素上触发 onKeyDown 事件？

<span id = 'name' contenteditable = 'true'> Editable text </span>

我试过:

result.find('#name').simulate('keyDown', { key: 'm', keyCode: 77, which: 77 });,

但是没有用。元素内容保持不变。

Answer 1

这不是 enzyme 的工作原理。它只能模拟在 react explicit 中添加的事件。来自文档

Even though the name would imply this simulates an actual event, .simulate() will in fact target the component's prop based on the event you give it. For example, .simulate('click') will actually get the onClick prop and call it.