typescript - 引用错误 : MediaStream is not defined - in unitTest with Jest

Question

我正在尝试使用 jest 框架运行单元测试。
我的项目中有一些用 typescript 编写的 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 是平台级属性。
所以我试图 mock ，这样 Jest 会理解，但无济于事。

我的模拟代码。

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

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

    global.navigator.mediaDevices = mediaDevicesMock;

我可能在多个层面上都错了，任何建议和纠正都是最受欢迎的。
我试图理解这个 link ，但想不出太多。

Jest Version: "^22.1.4"

Answer 1

我 mock 过 MediaRecorder为了通过这样的测试:

Object.defineProperty(window, 'MediaRecorder', {
    writable: true,
    value: jest.fn().mockImplementation((query) => ({
        start: jest.fn(),
        ondataavailable: jest.fn(),
        onerror: jest.fn(),
        state: '',
        stop: jest.fn()
    }))
});

此外，我还 mock 了 isTypeSupported方法:

Object.defineProperty(MediaRecorder, 'isTypeSupported', {
    writable: true,
    value: () => true
});