feat: add support for shared workers

src/mockServiceWorker.js

@@ -174,7 +174,7 @@ async function handleRequest(event, requestId) {
 async function resolveMainClient(event) {
   const client = await self.clients.get(event.clientId)
 
-  if (client.frameType === 'top-level') {
+  if (client?.frameType === 'top-level') {
     return client
   }
 

test/msw-api/setup-worker/scenarios/shared-worker/shared-worker.mocks.ts

@@ -0,0 +1,5 @@
+import { setupWorker } from 'msw'
+
+const worker = setupWorker()
+
+worker.start()

test/msw-api/setup-worker/scenarios/shared-worker/shared-worker.test.ts

@@ -0,0 +1,29 @@
+import * as path from 'path'
+import { pageWith } from 'page-with'
+import { waitFor } from '../../../../support/waitFor'
+
+function createRuntime() {
+  return pageWith({
+    example: path.resolve(__dirname, 'shared-worker.mocks.ts'),
+    contentBase: path.resolve(__dirname),
+  })
+}
+
+test('supports shared workers', async () => {
+  const { page, consoleSpy } = await createRuntime()
+
+  await page.evaluate(() => {
+    const worker = new SharedWorker('/worker.js')
+    worker.addEventListener('error', () =>
+      console.error('There is an error with worker'),
+    )
+    worker.port.onmessage = (e) => {
+      console.log(e.data)
+    }
+    worker.port.postMessage('Message posted to worker')
+  })
+  await waitFor(() => {
+    expect(consoleSpy.get('error')).toBeUndefined()
+    expect(consoleSpy.get('log')).toContain('Message received from worker')
+  })
+})

test/msw-api/setup-worker/scenarios/shared-worker/worker.js

@@ -0,0 +1,6 @@
+onconnect = (event) => {
+  const port = event.ports[0]
+
+  port.onmessage = (e) =>
+    port.postMessage(e.data.replace('posted to', 'received from'))
+}