Merge branch 'develop' into tooling-dapp/test-purchase-a-name

Author: VmMad

.github/workflows/typescript.yaml

@@ -48,8 +48,8 @@ jobs:
               "devnet":{
                   "network": "devnet",
                   "namesDisplayUrl": "http://localhost",
-                  "indexerUrl": "http://localhost",
-                  "baseUrl": "http://localhost:3000"
+                  "indexerUrl": "http://localhost:3030",
+                  "baseUrl": "http://localhost:3005"
               }
             }
         run: |
@@ -144,8 +144,8 @@ jobs:
           "localnet": {
             "network": "localnet",
             "namesDisplayUrl": "http://localhost",
-            "indexerUrl": "http://localhost",
-            "baseUrl": "http://localhost:3000"
+            "indexerUrl": "http://localhost:3030",
+            "baseUrl": "http://localhost:3005"
           }
         }
     services:
@@ -192,10 +192,6 @@ jobs:
           pnpm install
         working-directory: ./
 
-      - name: Build Dapp
-        run: pnpm dapp build
-        working-directory: ./
-
       - name: Download IOTA Wallet Extension
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
@@ -230,6 +226,22 @@ jobs:
           pnpm inject-localnet
 
           cd ..
+          INDEXER_ENV_FILE="$(mktemp)"
+          pnpm --dir=scripts ts-node utils/envs.ts localnet bash | sed 's/^export //' > "$INDEXER_ENV_FILE"
+
+          docker pull ghcr.io/iotaledger/iota-names/iota-names-indexer:latest
+          docker rm -f localnet-iota-names-indexer || true
+          docker run -d \
+            --name localnet-iota-names-indexer \
+            --env-file "$INDEXER_ENV_FILE" \
+            --add-host host.docker.internal:host-gateway \
+            -p 3030:3030 \
+            -p 9189:9189 \
+            ghcr.io/iotaledger/iota-names/iota-names-indexer:latest \
+            start \
+            --node-url=http://host.docker.internal:9000 \
+            --checkpoint-url=http://host.docker.internal:9000
+
           pnpm dapp build
           cd dapp
           xvfb-run --auto-servernum --server-args="-screen 0 1280x960x24" -- pnpm run test:e2e

dapp/tests/common/basic.spec.ts

@@ -1,20 +1,30 @@
 // Copyright (c) 2025 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
+import 'dotenv/config';
+
+import { CONFIG } from '@/config';
 
 import { expect, test } from '../helpers/fixtures';
 
-test('should load the application', async ({ appPage, sharedState }) => {
-    await appPage.waitForLoadState('domcontentloaded');
-    await expect(appPage).toHaveTitle(/IOTA Names/i);
-});
+test.describe('Basic e2e tests', () => {
+    test('should load the application', async ({ appPage, sharedState }) => {
+        await appPage.waitForLoadState('domcontentloaded');
+        await expect(appPage).toHaveTitle(/IOTA Names/i);
+    });
+
+    test('should have IOTA Wallet extension loaded', async ({ extensionId, context }) => {
+        expect(extensionId).toBeTruthy();
+        expect(extensionId).toMatch(/^[a-z]{32}$/);
 
-test('should have IOTA Wallet extension loaded', async ({ extensionId, context }) => {
-    expect(extensionId).toBeTruthy();
-    expect(extensionId).toMatch(/^[a-z]{32}$/);
+        const extensionUrl = `chrome-extension://${extensionId}/ui.html`;
+        const extensionPage = await context.newPage();
+        await extensionPage.goto(extensionUrl, { waitUntil: 'commit' });
 
-    const extensionUrl = `chrome-extension://${extensionId}/ui.html`;
-    const extensionPage = await context.newPage();
-    await extensionPage.goto(extensionUrl);
+        await expect(extensionPage).toHaveURL((url) => url.toString().startsWith(extensionUrl));
+    });
 
-    await expect(extensionPage).toHaveURL((url) => url.toString().startsWith(extensionUrl));
+    test('indexer is up and running', async () => {
+        const res = await fetch(`${CONFIG.indexerUrl}/health`);
+        expect(res.ok).toBe(true);
+    });
 });

dapp/tests/utils.ts

@@ -64,6 +64,16 @@ export async function createWallet(page: Page) {
     await page.getByText('I saved my mnemonic').click();
     await page.getByRole('button', { name: 'Open Wallet' }).click();
 
+    await page.getByLabel('Open settings menu').click();
+    await page.getByText('Network').click();
+    await page.getByText('Custom RPC').click();
+    const networkId = CONFIG.network;
+    const networkConfig = getNetwork(networkId);
+    await page.getByPlaceholder('http://localhost:3000/').fill(networkConfig.url);
+    await page.getByRole('button', { name: 'Save' }).click();
+
+    await page.getByTestId('close-icon').click();
+
     return {
         mnemonic,
         address,