finetune playwright configs

Author: jyu115

.github/workflows/ci.yml

@@ -81,7 +81,7 @@ jobs:
             ${{ runner.os }}-playwright-${{ matrix.browser }}-
             ${{ runner.os }}-playwright-v2-
       # Browser-specific installation strategy
-      - name: Install Playwright browsers (optimized)
+      - name: Install Playwright browsers
         working-directory: ./react-example
         run: |
           echo "📥 Installing ${{ matrix.browser }} browser..."

react-example/playwright.config.ts

@@ -18,9 +18,9 @@ export default defineConfig({
   /* Retry on CI only */
   retries: process.env.CI ? 2 : 0,
   /* Optimized worker count for CI vs local development */
-  workers: process.env.CI ? 2 : undefined,
-  /* Global timeout - extended for CI stability */
-  timeout: process.env.CI ? 60000 : 30000,
+  workers: process.env.CI ? 4 : undefined,
+  /* Global timeout - optimized for CI performance */
+  timeout: process.env.CI ? 45000 : 30000,
   /* Reporter to use. See https://playwright.dev/docs/test-reporters */
   reporter: [
     ['html'],
@@ -42,38 +42,52 @@ export default defineConfig({
     /* Record video on test failure */
     video: 'on-first-retry',
 
-    /* Action timeout */
-    actionTimeout: 10000,
+    /* Action timeout - optimized for CI performance */
+    actionTimeout: 8000,
 
-    /* Navigation timeout - increased for CI stability */
-    navigationTimeout: 30000,
+    /* Navigation timeout - optimized for CI performance */
+    navigationTimeout: 25000,
 
     /* Configure testIdAttribute for getByTestId() */
-    testIdAttribute: 'data-test',
-
-    /* CI-specific browser launch options for better stability */
-    launchOptions: process.env.CI
-      ? {
-          args: ['--no-sandbox', '--disable-dev-shm-usage']
-        }
-      : undefined
+    testIdAttribute: 'data-test'
   },
 
-  /* Configure projects for major browsers */
   projects: [
     {
       name: 'chromium',
-      use: { ...devices['Desktop Chrome'] }
+      use: {
+        ...devices['Desktop Chrome'],
+        /* Minimal CI flags - only proven reliable ones */
+        launchOptions: process.env.CI
+          ? {
+              args: [
+                '--no-sandbox', // Essential for CI
+                '--disable-dev-shm-usage' // Prevent /dev/shm issues
+              ]
+            }
+          : undefined
+      }
     },
 
     {
       name: 'firefox',
-      use: { ...devices['Desktop Firefox'] }
+      use: {
+        ...devices['Desktop Firefox'],
+        /* Firefox works well with minimal flags */
+        launchOptions: process.env.CI
+          ? {
+              args: ['--headless'] // Only flag needed for Firefox CI
+            }
+          : undefined
+      }
     },
 
     {
       name: 'webkit',
-      use: { ...devices['Desktop Safari'] }
+      use: {
+        ...devices['Desktop Safari']
+        // WebKit works best with NO flags - prevents crashes
+      }
     }
   ]
 });