为什么在测试中未定义“BroadcastChannel”类？

Question

当我们的 React 应用程序发生会话超时时，我使用标准化的广播频道 API ( https://developer.mozilla.org/en-US/docs/Web/API/Broadcast_Channel_API ) 在多个选项卡之间进行消息传递。

在所有经过测试的浏览器上，这工作得很好。 但是当我运行我们的笑话测试时，我收到以下错误消息：“ReferenceError: BroadcastChannel is not defined”

我在钩子之外定义了一个 BroadcastChannel 实例，如下所示：

const sessionTimeoutChannel = new BroadcastChannel("session_timeout_channel");

export default function useSessionTimeout() {...}

有人知道为什么测试似乎不知道 BroadcastChannel API 吗？ 或者知道一个解决方法，以便测试再次运行？

Answer 1

在这里没有经验，但可能是您的测试在 nodejs 中运行......所以实际上没有浏览器支持。 我在 npm 上找到了这个，也许它需要添加到您的测试项目中？ https://www.npmjs.com/package/broadcast-channel