stenciljs - TestWindow：如何触发全局事件，例如“window:keydown”

Question

我正在为侦听“window:keydown”的组件编写测试。我尝试了几种方法，但没有一种方法有效：

element.dispatchEvent(new testWindow.Event("window:keydown"))
window.dispatchEvent(new testWindow.Event("window:keydown"))
window.dispatchEvent(new Event("keydown"))
window.dispatchEvent(new Event("window:keydown"))

相反，正确的语法是什么？

Answer 1

我是这样做的：

const keyCode = 37; // Left, but can be done wherever
const keyboardOptions: any = { bubbles: true, cancelable: true, keyCode };
document.dispatchEvent(new KeyboardEvent("keydown", keyboardOptions));

有关更详细的示例，请参阅https://github.com/mattdsteele/joy-con-element/blob/master/src/components/joy-con/joy-con.tsx#L65 。