♻️ refactor(metamask): Move and update getNotificationPage (#986)

wallets/metamask/src/pages/NotificationPage/actions/connectToDapp.ts

@@ -1,17 +1,9 @@
 import type { BrowserContext } from '@playwright/test'
-import { getNotificationPage } from '../utils'
+import { getNotificationPage } from '../../../utils/getNotificationPage'
 
 export async function connectToDapp(context: BrowserContext, extensionId: string) {
   const notificationPage = await getNotificationPage(context, extensionId)
 
-  if (!process.env.HEADLESS) {
-    // Set pop-up window viewport size to resemble the actual MetaMask pop-up window.
-    await notificationPage.setViewportSize({
-      width: 360,
-      height: 592
-    })
-  }
-
   // Click `Next`.
   await notificationPage.getByRole('button').nth(1).click()
 

wallets/metamask/src/utils/getNotificationPage.ts

@@ -0,0 +1,22 @@
+import type { BrowserContext, Page } from '@playwright/test'
+
+export async function getNotificationPage(context: BrowserContext, extensionId: string) {
+  const notificationPageUrl = `chrome-extension://${extensionId}/notification.html`
+
+  const isNotificationPage = (page: Page) => page.url().includes(notificationPageUrl)
+
+  // Check if notification page is already open.
+  let notificationPage = context.pages().find(isNotificationPage)
+
+  if (!notificationPage) {
+    notificationPage = await context.waitForEvent('page', { predicate: isNotificationPage })
+  }
+
+  // Set pop-up window viewport size to resemble the actual MetaMask pop-up window.
+  await notificationPage.setViewportSize({
+    width: 360,
+    height: 592
+  })
+
+  return notificationPage
+}