test: updates leap wallet fixture for web e2e and adjusts interactions

Author: ygrishajev

apps/deploy-web/tests/ui/actions/selectChainNetwork.ts

@@ -1,5 +1,4 @@
 import type { Page } from "@playwright/test";
-import { setTimeout as wait } from "timers/promises";
 
 import { waitForLocator } from "../fixture/testing-helpers";
 import { approveWalletOperation } from "../fixture/wallet-setup";
@@ -12,13 +11,10 @@ export async function selectChainNetwork(page: Page, networkId = "sandbox") {
 
   await page.getByLabel(new RegExp(networkId, "i")).click();
 
-  const [popupPage] = await Promise.all([
-    // sometimes Leap requires to approve the operation again
-    page
-      .context()
-      .waitForEvent("page", { timeout: 3_000 })
-      .catch(() => null),
-    wait(100).then(() => page.getByRole("button", { name: "Save" }).click())
-  ]);
+  const popupPromise = page.context().waitForEvent("page", { timeout: 5000 });
+  await page.getByRole("button", { name: "Save" }).click();
+
+  const popupPage = await popupPromise;
+
   await approveWalletOperation(popupPage);
 }

apps/deploy-web/tests/ui/disconnect-wallet.spec.ts

@@ -1,11 +1,10 @@
-import { test } from "./fixture/context-with-extension";
+import { expect, test } from "./fixture/context-with-extension";
 import { LeapExt } from "./pages/LeapExt";
 
 test("wallet stays disconnected after disconnecting and reloading", async ({ page, context }) => {
   test.setTimeout(5 * 60 * 1000);
-
   const frontPage = new LeapExt(context, page);
-
   await frontPage.disconnectWallet();
+
   await expect(page.getByTestId("connect-wallet-btn")).toBeVisible();
 });