featdapp): purchase name with sdk in tests

Author: KeitoTadashi

dapp/tests/management/management.spec.ts

@@ -1,16 +1,14 @@
 // Copyright (c) 2025 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
+import { Ed25519Keypair } from '@iota/iota-sdk/keypairs/ed25519';
 import { formatAddress } from '@iota/iota-sdk/utils';
 import { expect } from '@playwright/test';
 
 import { test } from '../helpers/fixtures';
-import { purchaseName } from '../helpers/management';
-import { connectWallet, createWallet, requestFaucetTokens } from '../utils';
+import { connectWallet, createWallet, purchaseName, requestFaucetTokens } from '../utils';
 
-test.describe.configure({ mode: 'parallel' });
-
-test.describe('Management Name Tests', () => {
+test.describe.parallel('Management Name Tests', () => {
     test.beforeAll(async ({ appPage, context, extensionPage, extensionName, sharedState }) => {
         const { address, mnemonic } = await createWallet(extensionPage);
 
@@ -29,7 +27,12 @@ test.describe('Management Name Tests', () => {
     });
 
     test('purchases a name without errors', async ({ appPage: page, context, sharedState }) => {
-        await purchaseName(page, context);
+        const keypair = Ed25519Keypair.deriveKeypair(sharedState.wallet.mnemonic ?? '');
+        await requestFaucetTokens(keypair.toIotaAddress());
+
+        const { response } = await purchaseName(sharedState.wallet.address ?? '', keypair);
+        expect(response.effects?.status.status).toBe('success');
+
         await page.goto('/my-names');
         const nameCards = page.getByTestId('name-card');
         await expect(nameCards.first()).toBeVisible({ timeout: 30_000 });

dapp/tests/setup/utils.ts

@@ -5,10 +5,9 @@ import 'dotenv/config';
 
 import { exec } from 'child_process';
 import { IotaClientGraphQLTransport } from '@iota/graphql-transport';
-import { IotaNamesClient, IotaNamesTransaction } from '@iota/iota-names-sdk';
+import { IotaNamesClient } from '@iota/iota-names-sdk';
 import { getNetwork, IotaClient } from '@iota/iota-sdk/client';
 import { IotaGraphQLClient } from '@iota/iota-sdk/graphql';
-import { Transaction } from '@iota/iota-sdk/transactions';
 
 const DEFAULT_NETWORK = process.env.NEXT_PUBLIC_NAMES_DAPP_DEFAULT_NETWORK as string;
 
@@ -57,17 +56,6 @@ async function getAuthorizedSmartContractTypes() {
         isAuctionAuthorized,
     };
 }
-async function purchaseName() {
-    const tx = new Transaction();
-    const iotaNamesTx = new IotaNamesTransaction(iotaNamesClient, tx);
-    const [coin] = iotaNamesTx.transaction.splitCoins(tx.gas, [10_000_000]);
-    const name = `mycoolname${Math.floor(Math.random() * 1000)}.iota`;
-    const nft = await iotaNamesTx.register({
-        name,
-        coin,
-    });
-    return { nft, name };
-}
 
 function runCommand(cmd: string, envs: Record<string, string> = {}) {
     return new Promise<string>((resolve, reject) => {
@@ -97,5 +85,4 @@ export {
     AUCTION_TYPE,
     getAuthorizedSmartContractTypes,
     runCommand,
-    purchaseName,
 };

dapp/tests/utils.ts

@@ -7,9 +7,14 @@ import type { BrowserContext, Page } from '@playwright/test';
 
 import 'dotenv/config';
 
+import { IotaNamesTransaction } from '@iota/iota-names-sdk';
+import { Signer } from '@iota/iota-sdk/cryptography';
+import { Transaction } from '@iota/iota-sdk/transactions';
+
 import { CONFIG } from '@/config';
 
 import { expect } from './helpers/fixtures';
+import { iotaClient, iotaNamesClient } from './setup/utils';
 
 export async function connectWallet(page: Page, context: BrowserContext, extensionName: string) {
     await page.getByRole('button', { name: /Connect/i }).click();
@@ -63,11 +68,15 @@ 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();
-    await page.getByPlaceholder('http://localhost:3000/').fill(CONFIG.baseUrl);
+    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 {
@@ -95,6 +104,40 @@ export async function requestFaucetTokens(recipient: string) {
     }
 }
 
+export async function purchaseName(address: string, signer: Signer) {
+    const tx = new Transaction();
+    const iotaNamesTx = new IotaNamesTransaction(iotaNamesClient, tx);
+    const [coin] = iotaNamesTx.transaction.splitCoins(tx.gas, [50_000_000_000]);
+    const name = `mycoolname${Math.floor(Math.random() * 1000)}.iota`;
+    const nft = await iotaNamesTx.register({
+        name,
+        coin,
+        address,
+    });
+    iotaNamesTx.transaction.transferObjects([nft, coin], address);
+    iotaNamesTx.transaction.setSender(address);
+    const txBytes = await iotaNamesTx.transaction.build({
+        client: iotaClient,
+    });
+
+    const txDryRun = await iotaClient.dryRunTransactionBlock({
+        transactionBlock: txBytes,
+    });
+
+    if (txDryRun.effects.status.status !== 'success') {
+        throw new Error(txDryRun.effects.status.error || 'Transaction dry run failed');
+    }
+    console.log(`Purchased name: ${name} to address: ${address}`);
+    const response = await iotaClient.signAndExecuteTransaction({
+        transaction: txBytes,
+        signer,
+        options: {
+            showEffects: true,
+        },
+    });
+    return { nft, name, response };
+}
+
 export function deriveAddressFromMnemonic(mnemonic: string, path?: string) {
     const keypair = Ed25519Keypair.deriveKeypair(mnemonic, path);
     const address = keypair.getPublicKey().toIotaAddress();
@@ -104,3 +147,8 @@ export function deriveAddressFromMnemonic(mnemonic: string, path?: string) {
 export function getAddressByIndexPath(mnemonic: string, index: number) {
     return deriveAddressFromMnemonic(mnemonic, `m/44'/4218'/0'/0'/${index}'`);
 }
+
+export function generateRandomName(name: string) {
+    const random = Math.floor(Math.random() * 10_000);
+    return `${name}${random}.iota`;
+}