ReferenceError: MediaStream 未定义 - 在 unitTest 中使用 Jest

Question

我正在尝试使用 jest 框架运行单元测试。我的项目中有一些用打字稿编写的 webrtc 相关代码。

我不断收到此错误。我试图模拟 MediaStream 但无济于事。

我的测试文件：

import * as React from "react";
import * as renderer from 'react-test-renderer';
import { Provider } from 'react-redux';
const configureStore = require('redux-mock-store');


import App from '../App';
import mockData from "../mockData";
const mockStore = configureStore();

describe('Tests related to App', () => {
    it('Capturing Snapshot of App', () => {
        let store = mockStore(mockData.getStore());
        const renderedValue = renderer.create(<Provider store={store}><App /></Provider>).toJSON();;
        expect(renderedValue).toMatchSnapshot();
    });
})

我了解 MediaStream 是平台级属性。所以我试图嘲笑，这样 Jest 会理解，但无济于事。

我的模拟代码。

let mediaStream = {
        getVideoTracks: function() {
            return [];
        }
    }

    const mediaDevicesMock = {
        getUserMedia: jest.fn(() => { return Promise.resolve(mediaStream)})
      };

    global.navigator.mediaDevices = mediaDevicesMock;

我可能在多个层面上都错了，任何建议和纠正都是最受欢迎的。我试图理解这个链接，但没有多少可以弄清楚。

玩笑版本：“^22.1.4”

Answer 1

mediaDevices 接口尚未在 JSDOM 中实现。您也许可以使用官方文档中的代码存根来模拟它：https://jestjs.io/docs/en/manual-mocks#mocking-methods-which-are-not-implemented-in-jsdom