unit-testing - 模拟文档上的 keydown 以进行 JEST 单元测试

Question

使用 JEST 对具有附加到文档的 keydown 监听器的组件进行单元测试。

如何在 JEST 中测试它？如何模拟文档上的 keydown 事件？我需要事件监听器位于文档上，因为无论聚焦元素如何，它都应该响应键盘操作。

编辑:这里的问题是关于模拟文档或 document.body 上的事件。所有示例都涉及实际的 DOM 节点，工作正常，但文档却不行。

目前正在尝试这样做:

TestUtils.Simulate.keyDown(document, {keyCode : 37}); // handler not invoked

Answer 1

我遇到了完全相同的问题，遗憾的是找不到有关如何使用 TestUtils.Simulate 解决此问题的任何详细信息。然而this issue让我想到了直接在 Jest 测试中使用 KeyboardEvent 调用 .dispatchEvent 的想法:

var event = new KeyboardEvent('keydown', {'keyCode': 37});
document.dispatchEvent(event);

您可以在此处找到有关 KeyboardEvent 的详细信息:https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/KeyboardEvent