如何对包装在react-hotKeys中的组件进行单元测试

Question

我确实有像这样的组件

<Hotkeys id="hot-keys-id" keyMap={KEY_MAP} handlers={this.handlers}>
<MyComponent/>
<Hotkeys/>

我正在尝试模拟事件onKeyDown它不起作用

const someRandom = jest.fn();
const component = mount(<MyComponent onKeyDown={someRandom} />);
component.find('#hot-keys-id').at(0).simulate('focus');
component.find('#hot-keys-id').at(0).simulate('keyDown', { keyCode: 81 });
expect(someRandom).toBeCalled();

Answer 1

您应该看看该库的测试，因为它们定义了许多用于验证热键行为的技术。我发现他们中的大多数都使用.simulate('keyPress', {})和.simulate('keyUp', {})的帮助包，所以我怀疑这就是他们在听的。

https://github.com/greena13/react-hotkeys/tree/master/test

和支持库

https://github.com/greena13/react-hotkeys/blob/9974edc258e27f635bc303df5539eceb79bc55be/test/support/FocusableElement.js#L6