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)