jest.env-browser.js

const JSDOMEnvironment = require('jest-environment-jsdom').TestEnvironment

// https://github.com/facebook/jest/blob/v29.4.3/website/versioned_docs/version-29.4/Configuration.md#testenvironment-string
class BrowserEnvironment extends JSDOMEnvironment {
  /**
   * @param  {ConstructorParameters<typeof JSDOMEnvironment>} args
   */
  constructor(...args) {
    super(...args)

    // https://github.com/jsdom/jsdom/issues/1724#issuecomment-1446858041
    this.global.fetch = fetch
    this.global.Headers = Headers
    this.global.Request = Request
    this.global.Response = Response

    // TextEncoder and TextDecoder are not available in JSDOM
    const commonJsUtils = require('node:util')
    this.global.TextEncoder = commonJsUtils.TextEncoder
    this.global.TextDecoder = commonJsUtils.TextDecoder

    // Some stream classes are different in JSDOM
    const commonJsBuffer = require('node:buffer')
    this.global.ArrayBuffer = ArrayBuffer
    this.global.Blob = commonJsBuffer.Blob
    this.global.File = commonJsBuffer.File

    // URL implementation is different in JSDOM
    this.global.URL = require('node:url').URL

    // Match Crypto implementation in Node.js
    // globalThis.crypto = require('crypto').webcrypto
    // this.global.Crypto = globalThis.Crypto
    // this.global.CryptoKey = globalThis.CryptoKey
  }
}

module.exports = BrowserEnvironment