configure playwright to use remote chrome debugging

Dockerfile

@@ -1,9 +1,10 @@
 FROM node:20-bookworm-slim
+
 ENV PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD=1
 ENV CHROME_DEBUGGING_PORT=9222
 
 WORKDIR /app
 COPY package*.json ./
-RUN npm install
+RUN npm install && npm install -g playwright && playwright install chromium
 COPY . .
 CMD ["npx", "playwright", "test"]

playwright.config.ts

@@ -2,6 +2,7 @@ import { defineConfig, devices } from '@playwright/test';
 
 const baseURL = process.env.BASE_URL || 'http://127.0.0.1:3000';
 const webServerURL = process.env.WEB_SERVER_URL || baseURL;
+const chromeDebuggingPort = process.env.CHROME_DEBUGGING_PORT || '9222';
 
 export default defineConfig({
   testDir: './tests',
@@ -13,11 +14,17 @@ export default defineConfig({
   use: {
     baseURL,
     trace: 'on-first-retry',
+    launchOptions: {
+      args: [`--remote-debugging-port=${chromeDebuggingPort}`],
+    },
   },
   projects: [
     {
       name: 'chromium',
-      use: { ...devices['Desktop Chrome'] },
+      use: { 
+        ...devices['Desktop Chrome'],
+        channel: 'chrome',
+      },
     },
   ],
   webServer: {