Adds Anvil-based deposit E2E tests

.changeset/sixty-steaks-smile.md

@@ -0,0 +1,5 @@
+---
+'hub': patch
+---
+
+test(hub): support e2e anvil deposit flows in deposit hooks

.github/workflows/e2e.yml

@@ -23,9 +23,6 @@ on:
         required: false
         default: 'https://hub.status.network'
 
-env:
-  METAMASK_VERSION: '13.18.1'
-
 jobs:
   e2e:
     name: E2E Tests
@@ -70,6 +67,10 @@ jobs:
       - name: Install dependencies
         run: pnpm install --frozen-lockfile
 
+      - name: Read MetaMask version
+        id: metamask
+        run: echo "version=$(node -p 'require("./e2e/package.json").config.metamaskVersion')" >> "$GITHUB_OUTPUT"
+
       - name: Install Playwright browsers
         run: cd e2e && pnpm exec playwright install chromium --with-deps
 
@@ -78,12 +79,18 @@ jobs:
         uses: actions/cache@v4
         with:
           path: e2e/.extensions/metamask
-          key: metamask-v${{ env.METAMASK_VERSION }}-${{ hashFiles('e2e/download-metamask-extension.ts') }}
+          key: metamask-v${{ steps.metamask.outputs.version }}-${{ hashFiles('e2e/download-metamask-extension.ts') }}
 
       - name: Download MetaMask extension
         if: steps.metamask-cache.outputs.cache-hit != 'true'
         run: cd e2e && pnpm setup:metamask
 
+      - name: Lint and typecheck E2E
+        run: cd e2e && pnpm lint && pnpm typecheck
+
+      - name: Start Anvil forks
+        run: cd e2e && pnpm anvil:up
+
       - name: Run E2E tests
         run: cd e2e && xvfb-run --auto-servernum -- pnpm test
         env:
@@ -92,6 +99,10 @@ jobs:
           BASE_URL: ${{ steps.url.outputs.url }}
           CI: true
 
+      - name: Stop Anvil forks
+        if: always()
+        run: cd e2e && pnpm anvil:down
+
       - name: Upload test report
         uses: actions/upload-artifact@v4
         if: always()

apps/hub/.env

@@ -18,4 +18,8 @@
 
 NEXT_PUBLIC_WALLETCONNECT_PROJECT_ID=""
 NEXT_PUBLIC_STATUS_NETWORK_API_URL="http://localhost:3001/api/v1"
-NEXT_PUBLIC_STATUS_API_URL="http://localhost:3030"
+NEXT_PUBLIC_STATUS_API_URL="http://localhost:3030"
+
+# Optional: override RPC endpoints (defaults to Status API proxy)
+# NEXT_PUBLIC_MAINNET_RPC_URL=
+# NEXT_PUBLIC_LINEA_RPC_URL=

apps/hub/README.md

@@ -21,7 +21,7 @@ Then, pull environment variables:
 > \[!NOTE]
 > `NEXT_PUBLIC_STATUS_NETWORK_API_URL`: Base URL for the Status Network API used by the hub for auth, current user (`/auth/me`), karma/sybil (proof-of-work), predeposit vaults APR, and captcha. You can run this API locally by cloning the sn-api repo <https://github.com/status-im/sn-api>. If you do so don't forget to change the value of this variable to the local API's URL.
 >
-> `NEXT_PUBLIC_STATUS_API_URL`: Base URL for the Status API used by the hub to fetch token exchange rates (market data).
+> `NEXT_PUBLIC_STATUS_API_URL`: Base URL for the Status API used by the hub to fetch token exchange rates (market data) and as the default RPC proxy for Mainnet/Linea chain interactions (`/api/trpc/rpc.proxy`). If this variable is empty, wagmi's built-in public RPCs are used as fallback. You can override RPC endpoints per-chain with `NEXT_PUBLIC_MAINNET_RPC_URL` and `NEXT_PUBLIC_LINEA_RPC_URL`.
 > You can run this API locally by running `pnpm dev` the root or in the [api](https://github.com/status-im/status-web/tree/main/apps/api) project. If you do so don't forget to change the value of this variable to `http://localhost:3030`.
 
 Start the development server:

apps/hub/src/app/_hooks/useDepositFlow.ts

@@ -74,7 +74,10 @@ export function useDepositFlow({
     chainId: vault.chainId,
   })
 
-  const { data: depositLimits } = usePreDepositLimits({ vault })
+  const { data: depositLimits } = usePreDepositLimits({
+    vault,
+    enabled: !isGUSD,
+  })
   const maxDeposit = isGUSD ? undefined : depositLimits?.maxDeposit
   const minDeposit = isGUSD ? undefined : depositLimits?.minDeposit
 

apps/hub/src/app/_hooks/useGUSDPreDeposit.ts

@@ -104,7 +104,7 @@ export function useGUSDPreDeposit(): UseGUSDPreDepositReturn {
       const remoteRecipient = addressToBytes32(address)
 
       sendPreDepositEvent({
-        type: 'START_APPROVE_TOKEN',
+        type: 'START_PRE_DEPOSIT',
         amount,
       })
 
@@ -116,27 +116,12 @@ export function useGUSDPreDeposit(): UseGUSDPreDepositReturn {
       ] as const
 
       try {
-        const estimatedGas = await publicClient?.estimateContractGas({
-          address: GENERIC_DEPOSITOR.address,
-          abi: GENERIC_DEPOSITOR.abi,
-          functionName: 'depositAndPredeposit',
-          args: contractArgs,
-          account: address,
-        })
-
-        const GAS_LIMIT_MULTIPLIER_PERCENT = 120n
-
-        const gasLimit = estimatedGas
-          ? (estimatedGas * GAS_LIMIT_MULTIPLIER_PERCENT) / 100n
-          : undefined
-
         const hash = await writeContractAsync({
           address: GENERIC_DEPOSITOR.address,
           abi: GENERIC_DEPOSITOR.abi,
           functionName: 'depositAndPredeposit',
           args: contractArgs,
           chainId: mainnet.id,
-          gas: gasLimit,
         })
 
         sendPreDepositEvent({ type: 'EXECUTE' })

apps/hub/src/app/_hooks/usePreDepositLimits.ts

@@ -12,6 +12,8 @@ import type { Vault } from '~constants/index'
 export interface MinPreDepositValueParams {
   /** Vault to query Min deposit for */
   vault: Vault
+  /** Whether to enable the query (default: true) */
+  enabled?: boolean
 }
 
 // ============================================================================
@@ -83,14 +85,17 @@ export interface MinPreDepositValueParams {
  * ```
  *
  */
-export function usePreDepositLimits({ vault }: MinPreDepositValueParams) {
+export function usePreDepositLimits({
+  vault,
+  enabled = true,
+}: MinPreDepositValueParams) {
   return useReadContract({
     abi: vault.abi,
     address: vault.address,
     functionName: 'getDepositLimits',
     chainId: vault.chainId,
     query: {
-      enabled: vault !== null,
+      enabled: enabled && vault !== null,
       select: data => {
         return {
           minDeposit: data[0],

e2e/.env.example

@@ -16,10 +16,20 @@ WALLET_PASSWORD=
 # MetaMask Extension
 # ============================================================================
 METAMASK_EXTENSION_PATH=.extensions/metamask
-METAMASK_VERSION=13.18.1
+# Override MetaMask version (default: package.json → config.metamaskVersion)
+# METAMASK_VERSION=13.18.1
 
 # ============================================================================
-# Network Configuration
-# ============================================================================
-STATUS_SEPOLIA_RPC_URL=https://public.sepolia.rpc.status.network
-STATUS_SEPOLIA_CHAIN_ID=1660990954
+# Anvil Local Forks (used by docker-compose.anvil.yml + test fixtures)
+# ============================================================================
+# Fork RPC endpoints (override for custom Anvil targets)
+# ANVIL_MAINNET_RPC=http://localhost:8547
+# ANVIL_LINEA_RPC=http://localhost:8546
+# Docker Compose port mappings (must match ANVIL_*_RPC if both are set)
+# MAINNET_FORK_PORT=8547
+# LINEA_FORK_PORT=8546
+# Fork source URLs (only used by Docker Compose)
+# MAINNET_FORK_URL=https://ethereum-rpc.publicnode.com
+# LINEA_FORK_URL=https://rpc.linea.build
+# Auto-derived from WALLET_SEED_PHRASE if not set
+# WALLET_ADDRESS=

e2e/.gitignore

@@ -1,3 +1,6 @@
+# Dependencies
+node_modules/
+
 # Test results
 test-results/
 playwright-report/
@@ -8,3 +11,17 @@ extensions/
 
 # Browser profiles
 .pw-chromium-profile/
+
+# Environment files
+.env
+.env.local
+
+# TypeScript build
+*.tsbuildinfo
+dist/
+
+# npm lockfile (project uses pnpm)
+package-lock.json
+
+# OS files
+.DS_Store