在Jest中没有定义AnimationEvent

Question

我正在尝试在Angular应用程序中为我的一个测试模拟一个animationEvent，我收到ReferenceError: AnimationEvent is not defined错误。

我假设这是一个实验性功能，它在Jest中的jsdom中不可用。有没有人知道如何嘲笑这个？

这是失败的代码

dispatchEvent(new AnimationEvent("animationend", { animationName: "slide-down" }));

有谁知道怎么解决这个问题？ 这个事件会在我的组件中触发一些代码，并且会自己发出一个输出事件，但是我想确保当这个特定类型的事件发生时，会发生这种情况，并且会发生“下滑”动画。

由于

Answer 1

好的，所以我设法做到了这一点。 我使用普通事件，然后使用我需要的animationName更新。

const animationEventMixin = (animationName: string) => ({ animationName });

...

const event = new Event("animationend");
Object.assign(event, animationEventMixin("slide-down"));
dispatchEvent(event);