fix: add multiple globals in VM+JSDOM (fix #4199) (#4202)

packages/vitest/src/integrations/env/jsdom.ts

@@ -69,9 +69,25 @@ export default <Environment>({
     // TODO: browser doesn't expose Buffer, but a lot of dependencies use it
     dom.window.Buffer = Buffer
 
-    // inject structuredClone if it exists
-    if (typeof structuredClone !== 'undefined' && !dom.window.structuredClone)
-      dom.window.structuredClone = structuredClone
+    // inject web globals if they missing in JSDOM but otherwise available in Nodejs
+    // https://nodejs.org/dist/latest/docs/api/globals.html
+    const globalNames = [
+      'structuredClone',
+      'fetch',
+      'Request',
+      'Response',
+      'BroadcastChannel',
+      'MessageChannel',
+      'MessagePort',
+    ] as const
+    for (const name of globalNames) {
+      const value = globalThis[name]
+      if (
+        typeof value !== 'undefined'
+        && typeof dom.window[name] === 'undefined'
+      )
+        dom.window[name] = value
+    }
 
     return {
       getVmContext() {

test/core/test/environments/jsdom.spec.ts

@@ -0,0 +1,21 @@
+// @vitest-environment jsdom
+
+import { expect, test } from 'vitest'
+
+const nodeMajor = Number(process.version.slice(1).split('.')[0])
+
+test.runIf(nodeMajor >= 15)('MessageChannel and MessagePort are available', () => {
+  expect(MessageChannel).toBeDefined()
+  expect(MessagePort).toBeDefined()
+})
+
+test.runIf(nodeMajor >= 17)('structuredClone is available', () => {
+  expect(structuredClone).toBeDefined()
+})
+
+test.runIf(nodeMajor >= 18)('fetch, Request, Response, and BroadcastChannel are available', () => {
+  expect(fetch).toBeDefined()
+  expect(Request).toBeDefined()
+  expect(Response).toBeDefined()
+  expect(BroadcastChannel).toBeDefined()
+})