有什么办法可以在Jest中编写Mouse＆Keyboard事件的测试用例吗？

Question

我正在用JEST为Stencil-Js项目编写单元测试用例。我的组件中有几个鼠标和键盘事件，如下所示。

• 单击按钮打开下拉列表
• 使用Specbar键，打开下拉列表
• 使用向上/向下箭头键浏览列表
• 单击/输入时，选择下拉列表项的值

我不知道，我们是否可以编写事件的测试案例。

请指导。

Answer 1

看看https://github.com/ionic-team/stencil/issues/572

您将看到如何使用以下代码成功调度KeyboardEvent：

const body = window.document.body;
body.dispatchEvent(new(window.window as any).KeyboardEvent('keyup', {
  keyCode: 27,
  bubbles: true,
  cancelable: true
}));

您可以选择自己的元素进行分派