Fix iframe strict mode violation when 2 iframes exist

mraible · mraible · commit 26b5586dcd2b · 2026-04-07T09:48:02.000-06:00
The Falcon console sometimes renders a hidden iframe alongside the app
extension iframe. Using locator('iframe') fails with "strict mode
violation: resolved to 2 elements". Adding .first() targets the visible
iframe and avoids the error.
diff --git a/e2e/src/pages/HelloExtensionPage.ts b/e2e/src/pages/HelloExtensionPage.ts
@@ -58,7 +58,7 @@ export class HelloExtensionPage extends SocketNavigationPage {
         }
 
         // Verify iframe loads
-        await expect(this.page.locator('iframe')).toBeVisible({ timeout: 15000 });
+        await expect(this.page.locator('iframe').first()).toBeVisible({ timeout: 15000 });
         this.logger.info('Extension iframe loaded');
 
         // Verify iframe content

Original file line number	Diff line number	Diff line change
`@@ -58,7 +58,7 @@ export class HelloExtensionPage extends SocketNavigationPage {`
`58`	`58`	`}`
`59`	`59`
`60`	`60`	`// Verify iframe loads`
`61`		`- await expect(this.page.locator('iframe')).toBeVisible({ timeout: 15000 });`
	`61`	`+ await expect(this.page.locator('iframe').first()).toBeVisible({ timeout: 15000 });`
`62`	`62`	`this.logger.info('Extension iframe loaded');`
`63`	`63`
`64`	`64`	`// Verify iframe content`