Jestでテストすると`TypeError: Cannot read property 'createObjectURL' of undefined`のエラーになる

Question

質問内容

下記の関数をjestでテストするとTypeError: Cannot read property 'createObjectURL' of undefinedのエラーになります。
対処法が分かる方がいれば教えていただきたいです。

詳細は下記に記載していきます。

テストする対象の関数

const imageurl = (file: File): string => window.URL.createObjectURL(file)

テストコード

import { File } from 'web-file-polyfill'
import { imageurl } from '..'

const image = new File(['aaa'], 'aaa.png', {
  type: 'image/png',
})

describe('imageurl test', () => {
  it('return XXX', () => {
    expect(imageurl(image)).toEqual(XXX)
  })
})

エラー内容

TypeError: Cannot read property 'createObjectURL' of undefined
    > 1 | export const imageurl = (file: File): string => window.URL.createObjectURL(file)
        |                                                            ^
      2 | 

試したこと

• jest.config.jsにglobals.window:{}を定義
• setupTest.jsにwindow.URL.createObjectURL = function() {};を設定したが、ここでもCannot read property 'createObjectURL' of undefinedが出てしまうため削除

Answer 1

package.json の test と type の部分を

"scripts": {
    "test": "node --experimental-vm-modules node_modules/jest/bin/jest.js"
},
"type": "module"

とすればいけます。もし jest がねーよ！って怒られたら import {jest} from '@jest/globals' で明示的に import してあげてください。
node.js - Node v13 / Jest / ES6 — native support for modules without babel or esm - Stack Overflow
type: module は import が効くようにするためで、 --experimental-vm-modules は ECMAScript が Node.js で動くようにするためのものです。実は node.js で使われている JavaScript と ブラウザで走っている JavaScript（ECMAScript）には乖離があり、そのせいでこういった window を使ったテストが node.js 上でコケるという問題があります。それを動くようにしてくれるのがこのオプションです。