在 React 中测试 mapbox-gl 时如何修复“window.URL.createObjectURL 不是函数”？

我正在使用 Mapbox、material-ui 和自定义样式测试 React 组件。我使用 Jest + Enzyme 进行测试。

我有问题：“window.URL.createObjectURL 不是函数”。我读过类似的问题：github.com/uber/react-map-gl/issues/210 https://github.com/uber/react-map-gl/issues/210
github.com/mapbox/mapbox-gl-js/issues/3436 https://github.com/mapbox/mapbox-gl-js/issues/3436
github.com/mapbox/mapbox-gl-js-mock https://github.com/mapbox/mapbox-gl-js-mock

并试图添加一些东西但没有成功。请解决这个问题。

代码沙盒 https://codesandbox.io/s/react-enzyme-mapbox-test-qobf0

我的笑话测试套件也遇到了完全相同的问题。经过一番尝试和搜索，我能够嘲笑createObjectURL method.

In jest.stub.js文件，我放置了这个配置：

if (typeof window.URL.createObjectURL === 'undefined') {
  window.URL.createObjectURL = () => {
    // Do nothing
    // Mock this function for mapbox-gl to work
  };
}

然后，在jest.config.js文件中，我添加了对存根文件的引用

  setupFiles: [
    '<rootDir>/tests/jest.stub.js',
  ],

注意：确保您在安装文件定义中获得正确的路径。