test(e2e): Fix Chrome Beta channel

.changeset/dry-flies-add.md

@@ -0,0 +1,2 @@
+---
+---

.github/actions/e2e-tests-contracts/action.yaml

@@ -38,7 +38,7 @@ runs:
     - name: Install Playwright Browsers (${{ inputs.browser }})
       if: inputs.browser != '' && inputs.browser != 'chromium'
       shell: bash
-      run: npx playwright install --with-deps ${{ inputs.browser }}
+      run: npx playwright install --with-deps chrome-beta chromium
 
     - name: Run E2E Contract Tests
       shell: bash

.github/workflows/pr-tests-e2e-contracts.yml

@@ -13,7 +13,7 @@ jobs:
   tests-e2e-contracts:
     name: Test (Chrome Stable)
     runs-on: buildjet-8vcpu-ubuntu-2204
-    timeout-minutes: 10
+    timeout-minutes: 20
     steps:
       - uses: actions/checkout@v4
       - uses: FuelLabs/github-actions/setups/node@master
@@ -58,7 +58,7 @@ jobs:
   tests-e2e-contracts-beta:
     name: Test (Chrome Beta)
     runs-on: buildjet-8vcpu-ubuntu-2204
-    timeout-minutes: 10
+    timeout-minutes: 20
     continue-on-error: true
     steps:
       - uses: actions/checkout@v4

.github/workflows/pr-tests-e2e.yml

@@ -11,7 +11,7 @@ concurrency:
 
 jobs:
   tests-e2e:
-    name: Test
+    name: Test (Chrome Stable)
     timeout-minutes: 20
     runs-on: buildjet-8vcpu-ubuntu-2204
     steps:
@@ -40,7 +40,7 @@ jobs:
 
       # E2E tests running with Playwright
       - name: Install Playwright Browsers
-        run: npx playwright install --with-deps chromium
+        run: npx playwright install --with-deps chrome-beta chromium
 
       - name: Run E2E Tests
         run: xvfb-run --auto-servernum -- pnpm test:e2e
@@ -51,7 +51,56 @@ jobs:
       - uses: actions/upload-artifact@v4
         if: always()
         with:
-          name: playwright-app-report
+          name: playwright-app-report-stable
+          path: packages/app/playwright-results
+          retention-days: 30
+
+      - name: Stop Test Node
+        run: pnpm node:clean
+
+  tests-e2e-beta:
+    name: Test (Chrome Beta)
+    timeout-minutes: 20
+    runs-on: buildjet-8vcpu-ubuntu-2204
+    continue-on-error: true
+    steps:
+      - uses: actions/checkout@v3
+      - uses: FuelLabs/github-actions/setups/node@master
+        with:
+          node-version: 20.11.0
+          pnpm-version: 9.5.0
+      - uses: FuelLabs/github-actions/setups/docker@master
+        with:
+          username: ${{ github.repository_owner }}
+          password: ${{ secrets.GITHUB_TOKEN }}
+
+      - name: Start Test Node
+        run: pnpm node:up
+
+      - name: Generate .env
+        run: cp packages/app/.env.example packages/app/.env
+
+      - name: Build Application
+        run: pnpm build:app
+        env:
+          ## increase node.js m memory limit for building
+          ## with sourcemaps
+          NODE_OPTIONS: "--max-old-space-size=4096"
+
+      # E2E tests running with Playwright
+      - name: Install Playwright Browsers
+        run: npx playwright install --with-deps chrome-beta chromium
+
+      - name: Run E2E Tests
+        run: xvfb-run --auto-servernum -- pnpm test:e2e:beta
+        timeout-minutes: 15
+        env:
+          NODE_ENV: test
+
+      - uses: actions/upload-artifact@v4
+        if: always()
+        with:
+          name: playwright-app-report-beta
           path: packages/app/playwright-results
           retention-days: 30
 

package.json

@@ -50,7 +50,8 @@
     "test:ci": "turbo run test --parallel -- --ci --testLocationInResults --json --coverage",
     "test:clear": "pnpm -r exec jest --clearCache",
     "test:coverage": "turbo run test --parallel -- --coverage",
-    "test:e2e": "NODE_ENV=test pnpm build:crx && playwright test --config=packages/app/playwright.config.ts",
+    "test:e2e": "NODE_ENV=test pnpm build:crx && playwright test --config=packages/app/playwright.config.ts --project=chromium",
+    "test:e2e:beta": "NODE_ENV=test pnpm build:crx && playwright test --config=packages/app/playwright.config.ts --project=chrome-beta",
     "test:e2e:crx-lock": "NODE_ENV=test pnpm build:crx && playwright test --config=packages/app/playwright.crx-lock.config.ts",
     "test:e2e:contracts": "NODE_ENV=test pnpm build:crx && pnpm --filter=@fuel-wallet/e2e-contract-tests test:e2e",
     "test:appfile": "pnpm --filter=fuels-wallet test --",
@@ -125,7 +126,8 @@
       "fuels": "0.96.1",
       "secp256k1@=5.0.0": ">=5.0.1",
       "elliptic@<6.6.0": ">=6.6.0",
-      "cross-spawn@<7.0.5": ">=7.0.5"
+      "cross-spawn@<7.0.5": ">=7.0.5",
+      "nanoid@<3.3.8": "3.3.8"
     }
   }
 }

packages/app/playwright.config.ts

@@ -1,5 +1,11 @@
 import { join } from 'node:path';
-import { type PlaywrightTestConfig, defineConfig } from '@playwright/test';
+// biome-ignore lint/style/useNodejsImportProtocol: <explanation>
+import {
+  type PlaywrightTestConfig,
+  defineConfig,
+  devices,
+} from '@playwright/test';
+import './load.envs';
 import './load.envs.cts';
 
 const PORT = process.env.PORT;
@@ -12,7 +18,7 @@ export const playwrightConfig: PlaywrightTestConfig = {
   testDir: 'playwright/',
   outputDir: 'playwright-results/',
   // stop on first failure
-  maxFailures: IS_CI ? 1 : undefined,
+  maxFailures: IS_CI ? 2 : undefined,
   reporter: [
     ['list', { printSteps: true }],
     ['html', { outputFolder: './playwright-html/' }],
@@ -31,7 +37,22 @@ export const playwrightConfig: PlaywrightTestConfig = {
     screenshot: 'only-on-failure',
     headless: false,
   },
-  // ignore lock test because it takes too long and it will be tested in a separate config
+  projects: [
+    {
+      name: 'chromium',
+      use: {
+        ...devices['Desktop Chromium'],
+      },
+    },
+    {
+      name: 'chrome-beta',
+      use: {
+        channel: 'chrome-beta',
+        ...devices['Desktop Chrome'],
+      },
+      retries: IS_CI ? 4 : 0,
+    },
+  ],
   testIgnore: ['playwright/crx/lock.test.ts'],
 };
 

packages/app/playwright.crx-lock.config.ts

@@ -1,6 +1,6 @@
 // biome-ignore lint/style/useNodejsImportProtocol: <explanation>
 import { join } from 'path';
-import { defineConfig } from '@playwright/test';
+import { defineConfig, devices } from '@playwright/test';
 import { playwrightConfig } from './playwright.config';
 
 const __dirname = new URL('.', import.meta.url).pathname;
@@ -9,4 +9,12 @@ export default defineConfig({
   ...playwrightConfig,
   testMatch: join(__dirname, './playwright/crx/lock.test.ts'),
   testIgnore: undefined,
+  projects: [
+    {
+      name: 'chromium',
+      use: {
+        ...devices['Desktop Chromium'],
+      },
+    },
+  ],
 });

packages/e2e-contract-tests/playwright.config.ts

@@ -10,9 +10,9 @@ const IS_CI = process.env.CI;
 const config: PlaywrightTestConfig = defineConfig({
   testDir: './playwright',
   outputDir: './playwright-results/',
-  retries: IS_CI ? 1 : 0,
+  retries: IS_CI ? 2 : 0,
   workers: 1,
-  timeout: 60_000,
+  timeout: 120_000,
   reporter: [['html', { printSteps: true }]],
   webServer: {
     command: `pnpm dev:e2e-contracts --port ${process.env.PORT}`,
@@ -39,6 +39,7 @@ const config: PlaywrightTestConfig = defineConfig({
         channel: 'chrome-beta',
         ...devices['Desktop Chrome'],
       },
+      retries: IS_CI ? 4 : 0,
     },
   ],
 });