reactjs - 在 React 中测试 mapbox-gl 时如何修复 'window.URL.createObjectURL is not a function'？

Question

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

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

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

CodeSandbox

Answer 1

我的 Jest 测试套件遇到了完全相同的问题。经过一些试验和搜索，我能够模拟 createObjectURL方法。

在 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文件，我添加了对 stub 文件的引用

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

注意:确保在 setupFile 定义中获得正确的路径。