test(sse): add cors middleware for testing

Author: kettanaito

test/browser/playwright.config.ts

@@ -9,7 +9,7 @@ const config: PlaywrightTestConfig = {
     },
   ],
   timeout: 10_000,
-  retries: 1,
+  retries: process.env.PWDEBUG ? 0 : 1,
   use: {
     trace: 'on-first-retry',
     launchOptions: {

test/browser/sse-api/sse.server.connect.test.ts

@@ -1,5 +1,8 @@
 import { setupWorker, sse } from 'msw/browser'
-import { createTestHttpServer } from '@epic-web/test-server/http'
+import {
+  createTestHttpServer,
+  TestHttpServerOptions,
+} from '@epic-web/test-server/http'
 import { test, expect } from '../playwright.extend'
 
 declare namespace window {
@@ -151,7 +154,7 @@ test('forwards custom event from the server to the client automatically', async
     const { setupWorker, sse } = window.msw
 
     const worker = setupWorker(
-      sse(url, ({ client, server }) => {
+      sse(url, ({ server }) => {
         server.connect()
       }),
     )
@@ -190,6 +193,7 @@ test('forwards error event from the server to the client automatically', async (
 
         return new Response(stream, {
           headers: {
+            'access-control-allow-origin': '*',
             'content-type': 'text/event-stream',
             'cache-control': 'no-cache',
             connection: 'keep-alive',
@@ -204,17 +208,18 @@ test('forwards error event from the server to the client automatically', async (
     const { setupWorker, sse } = window.msw
 
     const worker = setupWorker(
-      sse(url, ({ client, server }) => {
+      sse(url, ({ server }) => {
         server.connect()
       }),
     )
     await worker.start()
   }, url)
 
   const errorPromise = page.evaluate((url) => {
-    return new Promise<void>((resolve) => {
+    return new Promise<void>((resolve, reject) => {
       const source = new EventSource(url)
       source.onerror = () => resolve()
+      source.onmessage = () => reject(new Error('Must not receive a message'))
     })
   }, url)