configure playwright to use remote chrome debugging

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: {