如何使用 jest 模拟 MediaSource？

Question

我有一个依赖于 MediaSource 的 JavaScript (React) 视频组件。在控件的顶部，我有以下代码行（在全局范围内，而不是在组件内部）。

const mediaSource = 'MediaSource' in window ? new MediaSource() : null;

当我渲染我的组件时，如果 mediaSource 为空，我会返回一个错误。这使得测试这个组件变得很棘手。

有人知道如何模拟 MediaSource 以使我能够测试此组件吗？

谢谢

Answer 1

您可以根据需要在测试前定义window 属性。

https://jestjs.io/docs/ru/manual-mocks#mocking-methods-which-are-not-implemented-in-jsdom

Object.defineProperty(window, 'MediaSource', {
  writable: true,
  value: jest.fn().mockImplementation((params) => ({
    // MediaSource implementation goes here
    addEventListener: jest.fn(),
  })),
});