fix(happy-dom): support fetch globals (#8791)

Author: sheremet-va

packages/vitest/src/integrations/env/happy-dom.ts

@@ -63,8 +63,18 @@ export default <Environment>{
 
  const { keys, originals } = populateGlobal(global, win, {
  bindFunctions: true,
- // jsdom doesn't support Request and Response, but happy-dom does
- additionalKeys: ['Request', 'Response', 'MessagePort', 'fetch'],
+ // jsdom doesn't support fetch API, but happy-dom does
+ additionalKeys: [
+ 'Request',
+ 'Response',
+ 'MessagePort',
+ 'fetch',
+ 'Headers',
+ 'AbortController',
+ 'AbortSignal',
+ 'URL',
+ 'URLSearchParams',
+ ],
  })
 
  return {

test/core/test/happy-dom.test.ts

@@ -120,6 +120,20 @@ it('globals are the same', () => {
  expect(Blob).toBe(globalThis.Blob)
 })
 
+it('fetch globals work', () => {
+ const file = new File([window.Buffer.from('<foo />')], 'a.xml')
+ expect(() => URL.createObjectURL(file)).not.toThrow()
+
+ expect(new File([], 'test.txt')).toBeInstanceOf(Blob)
+
+ const response = new Response('', {
+ headers: new Headers({
+ 'Content-Type': 'application/json',
+ }),
+ })
+ expect(response.headers.get('content-type')).toBe('application/json')
+})
+
 it.skipIf(import.meta.env.VITEST_VM_POOL)('default view references global object', () => {
  expect(document.defaultView).toBe(window)
  expect(document.defaultView).toBe(globalThis)