👷 chore(ci): Run headful E2E tests on CI

.github/workflows/test.yml

@@ -22,8 +22,8 @@ jobs:
       - name: Run tests
         run: pnpm run test
 
-  test-e2e:
-    name: Run E2E tests
+  test-e2e-headless:
+    name: Run E2E tests (headless)
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v3
@@ -39,13 +39,50 @@ jobs:
         run: pnpm run build
 
       - name: Run E2E tests (headless)
-        run: pnpm run test:e2e:headless
+        run: pnpm run test:e2e:headless -- --output "test-results-headless"
 
       - name: Archive Playwright traces
         uses: actions/upload-artifact@v3
         if: success() || failure()
         with:
-          name: playwright-traces
+          name: playwright-traces-headless
           path: |
-            wallets/metamask/test-results
+            wallets/metamask/test-results-headless/
+          if-no-files-found: error
+
+  test-e2e-headful:
+    name: Run E2E tests (headful)
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+
+      - name: Setup Node & Install dependencies
+        uses: ./.github/actions/setup
+
+      # For now, we only need Chromium.
+      - name: Install browsers for Playwright
+        run: pnpm dlx playwright install chromium
+
+      - name: Build project
+        run: pnpm run build
+
+      - name: Install linux dependencies
+        run: |
+          sudo apt-get install --no-install-recommends -y \
+          xvfb
+
+      - name: Build project
+        run: pnpm run build
+
+      - name: Run E2E tests (headful)
+        run: |
+          xvfb-run pnpm run test:e2e:headful -- --output "test-results-headful"
+
+      - name: Archive Playwright traces
+        uses: actions/upload-artifact@v3
+        if: success() || failure()
+        with:
+          name: playwright-traces-headful
+          path: |
+            wallets/metamask/test-results-headful/
           if-no-files-found: error

package.json

@@ -12,6 +12,7 @@
     "sort-package-json": "sort-package-json 'package.json' '{packages,wallets,examples}/*/package.json'",
     "sort-package-json:check": "sort-package-json 'package.json' '{packages,wallets,examples}/*/package.json' --check",
     "test": "turbo test",
+    "test:e2e:headful": "turbo test:e2e:headful",
     "test:e2e:headless": "turbo test:e2e:headless"
   },
   "lint-staged": {

turbo.json

@@ -10,6 +10,9 @@
     },
     "test:e2e:headless": {
       "dependsOn": ["build"]
+    },
+    "test:e2e:headful": {
+      "dependsOn": ["build"]
     }
   }
 }

wallets/metamask/package.json

@@ -23,7 +23,7 @@
     "clean": "rimraf dist types",
     "test": "vitest run",
     "test:coverage": "vitest run --coverage",
-    "test:e2e": "playwright test",
+    "test:e2e:headful": "playwright test",
     "test:e2e:headless": "HEADLESS=true playwright test",
     "test:watch": "vitest watch",
     "types:check": "tsc --noEmit"