update browser login logic

Author: phyllis-sy-wu

packages/e2e/helpers/browser-login.ts

@@ -24,6 +24,10 @@ async function fillSensitive(page: Page, selector: string, value: string): Promi
  * Completes the Shopify OAuth login flow on a Playwright page.
  */
 export async function completeLogin(page: Page, loginUrl: string, email: string, password: string): Promise<void> {
+  // Disable WebAuthn so passkey/security key system dialogs never appear when headed
+  const cdp = await page.context().newCDPSession(page)
+  await cdp.send('WebAuthn.enable', {enableUI: false})
+
   await page.goto(loginUrl)
 
   try {
@@ -32,10 +36,30 @@ export async function completeLogin(page: Page, loginUrl: string, email: string,
     await fillSensitive(page, 'input[name="account[email]"], input[type="email"]', email)
     await page.locator('button[type="submit"]').first().click()
 
+    // Handle passkey prompt — navigate to password login if needed
+    const passwordInput = page.locator('input[name="account[password]"], input[type="password"]')
+    const differentMethodBtn = page.locator('text=Log in using a different method')
+
+    // Wait for either password field or passkey page
+    await Promise.race([
+      passwordInput.waitFor({timeout: BROWSER_TIMEOUT.max}),
+      differentMethodBtn.waitFor({timeout: BROWSER_TIMEOUT.max}),
+    ]).catch(() => {})
+
+    // If passkey page shown, navigate to password login
+    if (await differentMethodBtn.isVisible({timeout: BROWSER_TIMEOUT.short}).catch(() => false)) {
+      await differentMethodBtn.click()
+      await page.waitForTimeout(BROWSER_TIMEOUT.short)
+
+      const continueWithPassword = page.locator('text=Continue with password')
+      if (await continueWithPassword.isVisible({timeout: BROWSER_TIMEOUT.medium}).catch(() => false)) {
+        await continueWithPassword.click()
+        await page.waitForTimeout(BROWSER_TIMEOUT.short)
+      }
+    }
+
     // Fill in password
-    await page.waitForSelector('input[name="account[password]"], input[type="password"]', {
-      timeout: BROWSER_TIMEOUT.max,
-    })
+    await passwordInput.waitFor({timeout: BROWSER_TIMEOUT.max})
     await fillSensitive(page, 'input[name="account[password]"], input[type="password"]', password)
     await page.locator('button[type="submit"]').first().click()