fix(dapp): avoid tests failing when connecting wallet (#1159)

* fix(dapp): avoid tests failing when connecting wallet

* fix: add missing dotenv config

Author: VmMad

dapp/playwright.config.ts

@@ -1,4 +1,9 @@
+import path from 'path';
 import { defineConfig, devices } from '@playwright/test';
+import dotenv from 'dotenv';
+
+dotenv.config({ path: path.resolve(__dirname, '.env') });
+dotenv.config({ path: path.resolve(__dirname, '.env.local'), override: true });
 
 /**
  * See https://playwright.dev/docs/test-configuration.

dapp/scripts/downloadWallet.mjs

@@ -9,7 +9,8 @@ import dotenv from 'dotenv';
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = dirname(__filename);
 
-dotenv.config({ path: join(__dirname, '../.env') });
+dotenv.config({ path: join(__dirname, '.env') });
+dotenv.config({ path: join(__dirname, '.env.local'), override: true });
 
 const token = process.env.GITHUB_TOKEN;
 

dapp/tests/auctions/auctions.spec.ts

@@ -1,8 +1,6 @@
 // Copyright (c) 2025 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import 'dotenv/config';
-
 import { normalizeIotaName } from '@iota/iota-names-sdk';
 import { Ed25519Keypair } from '@iota/iota-sdk/keypairs/ed25519';
 import { formatAddress } from '@iota/iota-sdk/utils';

dapp/tests/common/basic.spec.ts

@@ -1,7 +1,5 @@
 // Copyright (c) 2025 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
-import 'dotenv/config';
-
 import { CONFIG } from '@/config';
 
 import { expect, test } from '../helpers/fixtures';

dapp/tests/setup/auctions.setup.ts

@@ -1,7 +1,5 @@
 // Copyright (c) 2025 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
-import 'dotenv/config';
-
 import { test as setup } from '@playwright/test';
 
 import { toggleSmartContractMode } from './toggleSmartContract';

dapp/tests/setup/purchase.setup.ts

@@ -1,8 +1,6 @@
 // Copyright (c) 2025 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import 'dotenv/config';
-
 import { test as setup } from '@playwright/test';
 
 import { toggleSmartContractMode } from './toggleSmartContract';

dapp/tests/setup/utils.ts

@@ -1,8 +1,6 @@
 // Copyright (c) 2025 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import 'dotenv/config';
-
 import { IotaClientGraphQLTransport } from '@iota/graphql-transport';
 import { IotaNamesClient } from '@iota/iota-names-sdk';
 import { getNetwork, IotaClient } from '@iota/iota-sdk/client';

dapp/tests/utils.ts

@@ -1,17 +1,14 @@
 // Copyright (c) 2025 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
-import { getNetwork } from '@iota/iota-sdk/client';
-import { requestIotaFromFaucetV0 } from '@iota/iota-sdk/faucet';
-import { Ed25519Keypair } from '@iota/iota-sdk/keypairs/ed25519';
-import type { BrowserContext, Page } from '@playwright/test';
-
-import 'dotenv/config';
-
 import { execFileSync } from 'child_process';
 import { IotaNamesTransaction, isSubname, NameRecord } from '@iota/iota-names-sdk';
+import { getNetwork } from '@iota/iota-sdk/client';
 import type { Signer } from '@iota/iota-sdk/cryptography';
+import { requestIotaFromFaucetV0 } from '@iota/iota-sdk/faucet';
+import { Ed25519Keypair } from '@iota/iota-sdk/keypairs/ed25519';
 import { Transaction } from '@iota/iota-sdk/transactions';
 import { NANOS_PER_IOTA } from '@iota/iota-sdk/utils';
+import type { BrowserContext, Page } from '@playwright/test';
 
 import { buildCreateAuctionTransaction, buildPlaceBidTransaction } from '@/auctions';
 import { CONFIG } from '@/config';
@@ -23,17 +20,27 @@ export async function connectWallet(page: Page, context: BrowserContext, extensi
     await page.getByRole('button', { name: /Connect/i }).click();
 
     const pagePromise = context.waitForEvent('page', { timeout: 20_000 });
-    const walletButton = page.getByText(new RegExp(extensionName, 'i'));
-
-    await walletButton.click();
+    await page.getByText(extensionName, { exact: true }).click();
     const walletApprovePage = await pagePromise;
-    if (walletApprovePage) {
-        await walletApprovePage.waitForLoadState('domcontentloaded');
-        await walletApprovePage.bringToFront();
-        await walletApprovePage.getByRole('button', { name: /Continue/i }).click();
-        await walletApprovePage.getByRole('button', { name: /Connect/i }).click();
-        await page.bringToFront();
-    }
+
+    await walletApprovePage.waitForLoadState('load');
+    await walletApprovePage.bringToFront();
+
+    await walletApprovePage.getByRole('button', { name: 'Continue' }).click();
+
+    await Promise.race([
+        walletApprovePage
+            .getByRole('button', { name: 'Connect' })
+            .click()
+            .catch(() => {}),
+        walletApprovePage.waitForEvent('close'),
+    ]);
+
+    await page.bringToFront();
+
+    await expect(page.getByRole('button', { name: 'Connect' })).not.toBeVisible({
+        timeout: 5_000,
+    });
 }
 
 export async function createWallet(page: Page) {