Moved port definition into constants module

Author: spuppo-mux

test/example-tests.config.ts

@@ -1,8 +1,5 @@
 import { defineConfig, devices } from 'playwright/test';
-
-const VANILLA_PORT = 4567;
-const VITE_PORT = 4568;
-const NEXT_PORT = 4569;
+import { VANILLA_PORT, VITE_PORT, NEXT_PORT } from './ports.js';
 
 export default defineConfig({
   testDir: './examples',

test/examples/react/smoke.spec.ts

@@ -7,12 +7,10 @@
  *   3. (react-wrappers only) media-* custom elements are registered
  */
 import { test, expect } from 'playwright/test';
+import { VITE_PORT, NEXT_PORT } from '../../ports.js';
 
 test.describe.configure({ mode: 'parallel' });
 
-const VITE_PORT = 4568;
-const NEXT_PORT = 4569;
-
 // MUI + Emotion always produces a hydration mismatch in Next.js dev mode due to
 // server-rendered <style> tags differing from the client. Known limitation of the example.
 const EXPECTS_ERROR: Map<string, { expectedErrors: string[] }> = new Map(

test/ports.ts

@@ -0,0 +1,3 @@
+export const VANILLA_PORT = 4567;
+export const VITE_PORT = 4568;
+export const NEXT_PORT = 4569;