adding failed test due to no funds

Author: Aushveen

.github/workflows/e2e-tests.yml

@@ -28,7 +28,8 @@ jobs:
       - name: Set E2E env variables
         working-directory: apps/web
         run: |
-          echo "E2E_TEST_SEED_PHRASE=test test test test test test test test test test test junk" > .env
+          echo "NODE_ENV=development" > .env
+          echo "E2E_TEST_SEED_PHRASE=test test test test test test test test test test test junk" >> .env
           echo "E2E_TEST_FORK_URL=https://mainnet.base.org" >> .env
           echo "E2E_TEST_FORK_BLOCK_NUMBER=31397553" >> .env
           echo "E2E_TEST=true" >> .env
@@ -54,4 +55,4 @@ jobs:
         run: yarn build
 
       - name: Run E2E tests
-        run: xvfb-run --auto-servernum --server-args="-screen 0 1920x1080x24" yarn test:e2e
+        run: xvfb-run --auto-servernum --server-args="-screen 0 1920x1080x24" yarn test:e2e registration-failed.spec.ts

apps/web/e2e/tests/registration-failed.spec.ts

@@ -0,0 +1,44 @@
+import { test } from '../testFixture';
+import { expect } from '@playwright/test';
+import { prepareBasenameFlow, handleTransaction } from '../appSession';
+import { initiateRegistration } from '../basenameHelpers';
+import { ActionApprovalType } from '@coinbase/onchaintestkit';
+
+test.describe('Basename Registration', () => {
+  test('should fail registration when wallet has insufficient funds', async ({
+    page,
+    metamask,
+    node,
+  }) => {
+    // Validate prerequisites
+    if (!metamask) {
+      throw new Error('MetaMask is not defined');
+    }
+
+    if (!node) {
+      throw new Error('Node fixture is not defined');
+    }
+
+    // Common preparation steps (wallet needs funds to connect)
+    const { mainPage } = await prepareBasenameFlow(page, metamask);
+
+    // Get the first default wallet address from Anvil (0xf39Fd6e51aad88F6F4ce6aB8827279cffFb92266)
+    const walletAddress = (await node.getAccounts())[0];
+    console.log('[test] Using default Anvil wallet address:', walletAddress);
+
+    // NOW set wallet balance to 0 after connection is established
+    await node.setBalance(walletAddress, 0n);
+    console.log('[test] Set wallet balance to 0');
+
+    // Attempt registration with no funds
+    await initiateRegistration(mainPage);
+    await page.waitForLoadState('networkidle');
+
+    // Approve the transaction (it should fail due to insufficient funds)
+    await handleTransaction(metamask, ActionApprovalType.APPROVE);
+    await page.waitForLoadState('networkidle');
+
+    // Look for failure message
+    await expect(page.getByText(/failed|rejected|insufficient/i)).toBeVisible({ timeout: 30000 });
+  });
+});

apps/web/playwright.config.ts

@@ -39,6 +39,14 @@ export default defineConfig({
 
     /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
     trace: 'on-first-retry',
+
+    // Set environment variables for the browser context
+    launchOptions: {
+      env: {
+        ...process.env,
+        NODE_ENV: 'development',
+      },
+    },
   },
 
   /* Increase default expect timeout */
@@ -90,7 +98,7 @@ export default defineConfig({
   webServer: {
     command: 'cd ../.. && yarn workspace @app/web dev',
     url: baseURL,
-    timeout: 60 * 1000,
+    timeout: 120 * 1000,
     reuseExistingServer: !process.env.CI,
   },
 });