fix: CI synpress issues

Author: tyhonchik

.github/workflows/shared-bv.yml

@@ -89,7 +89,7 @@ jobs:
 
       - name: Build Synpress wallet cache
         if: steps.synpress-cache.outputs.cache-hit != 'true'
-        run: xvfb-run pnpm exec synpress e2e/setup --force && node e2e/scripts/syncWalletSetupCache.mjs
+        run: xvfb-run --auto-servernum --server-args="-screen 0 1920x1080x24" pnpm exec synpress e2e/setup --force && node e2e/scripts/syncWalletSetupCache.mjs
 
       - name: Warmup deployment
         run: |
@@ -106,7 +106,7 @@ jobs:
       - name: Run BV tests
         id: bv
         continue-on-error: true
-        run: xvfb-run pnpm e2e:bv
+        run: xvfb-run --auto-servernum --server-args="-screen 0 1920x1080x24" pnpm e2e:bv
         env:
           E2E_BASE_URL: ${{ inputs.deployment-url }}
 

e2e/setup/wallet.setup.ts

@@ -1,6 +1,6 @@
 import path from 'node:path';
 import { defineWalletSetup } from '@synthetixio/synpress';
-import { getExtensionId, MetaMask } from '@synthetixio/synpress/playwright';
+import { getExtensionId } from '@synthetixio/synpress/playwright';
 import dotenv from 'dotenv';
 
 dotenv.config({ path: path.resolve('e2e/.env') });
@@ -14,14 +14,65 @@ if (!SEED_PHRASE || !PASSWORD) {
     );
 }
 
+/**
+ * Fill the MetaMask 13.x SRP input via per-word fields.
+ *
+ * MM 13.x `SrpInputImport` starts as a single `<Textarea>` and transitions
+ * to individual `<TextField>` inputs after the first word + Space.  Synpress's
+ * `.type(phrase)` races with the React DOM swap on CI/xvfb, leaving the
+ * Continue button disabled.
+ *
+ * Approach: type the first word into the textarea, press Space to switch to
+ * per-word mode, then `.fill()` each remaining word — exactly how MetaMask's
+ * own Playwright tests handle it.
+ */
+async function fillSrpPerWord(
+    page: import('@playwright/test').Page,
+    seedPhrase: string,
+) {
+    const words = seedPhrase.split(' ');
+
+    const textarea = page.getByTestId('srp-input-import__srp-note');
+    await textarea.fill(words[0]);
+    await textarea.press('Space');
+
+    for (let i = 1; i < words.length; i++) {
+        const field = page.getByTestId(`import-srp__srp-word-${i}`);
+        await field.fill(words[i]);
+        if (i < words.length - 1) {
+            await field.press('Space');
+        }
+    }
+}
+
 const walletSetup = defineWalletSetup(PASSWORD, async (context, walletPage) => {
     const extensionId = await getExtensionId(context, 'MetaMask');
-    const metamask = new MetaMask(context, walletPage, PASSWORD, extensionId);
+    const homeUrl = `chrome-extension://${extensionId}/home.html`;
+
+    await walletPage
+        .locator('[data-testid="onboarding-import-wallet"]')
+        .click();
+    await walletPage.getByTestId('onboarding-import-with-srp-button').click();
 
-    await metamask.importWallet(SEED_PHRASE);
+    await fillSrpPerWord(walletPage, SEED_PHRASE);
 
-    const homeUrl = `chrome-extension://${extensionId}/home.html`;
+    await walletPage.getByTestId('import-srp-confirm').click();
+
+    // Create password.
+    await walletPage
+        .locator('[data-testid="create-password-new-input"]')
+        .fill(PASSWORD);
+    await walletPage
+        .locator('[data-testid="create-password-confirm-input"]')
+        .fill(PASSWORD);
+    await walletPage.locator('[data-testid="create-password-terms"]').click();
+    await walletPage.locator('[data-testid="create-password-submit"]').click();
+
+    // Analytics opt-out.
+    await walletPage.locator('#metametrics-opt-in').click();
+    await walletPage.locator('[data-testid="metametrics-i-agree"]').click();
 
+    // Post-import: navigate home, unlock if needed, complete onboarding.
     await walletPage.goto(homeUrl);
     await walletPage.waitForTimeout(2000);