Use specific iframe selector to avoid Charlotte AI conflict

The Falcon console now includes a Charlotte AI iframe on every page, causing Playwright's strict mode to fail when using the bare 'iframe' selector. Use iframe[name="portal"] to target the Foundry app iframe specifically.

Author: mraible

e2e/src/pages/CategoryBlockingPage.ts

@@ -36,7 +36,7 @@ export class CategoryBlockingPage extends BasePage {
           await this.page.reload({ waitUntil: 'networkidle' });
           await this.page.waitForTimeout(3000);
         }
-        await expect(this.page.locator('iframe')).toBeVisible({ timeout: 20000 });
+        await expect(this.page.locator('iframe[name="portal"]')).toBeVisible({ timeout: 20000 });
         iframeVisible = true;
       } catch (e) {
         this.logger.warn(`Iframe not visible on attempt ${attempt + 1}`);
@@ -48,7 +48,7 @@ export class CategoryBlockingPage extends BasePage {
     this.logger.success('App iframe is visible');
 
     // Verify app content loaded
-    const iframe = this.page.frameLocator('iframe');
+    const iframe = this.page.frameLocator('iframe[name="portal"]');
     const heading = iframe.getByRole('heading', { name: /Category Blocking/i });
 
     await expect(heading).toBeVisible({ timeout: 30000 });
@@ -172,7 +172,7 @@ export class CategoryBlockingPage extends BasePage {
         await this.retryPageLoadAfter404();
       }
 
-      const iframe = this.page.locator('iframe');
+      const iframe = this.page.locator('iframe[name="portal"]');
       await iframe.waitFor({ state: 'visible', timeout: 30000 });
       await this.verifyPageLoaded();
       return true;
@@ -231,7 +231,7 @@ export class CategoryBlockingPage extends BasePage {
   async createCustomCategory(categoryName: string, domains: string): Promise<void> {
     return this.withTiming(
       async () => {
-        const iframe = this.page.frameLocator('iframe');
+        const iframe = this.page.frameLocator('iframe[name="portal"]');
 
         // Click Custom Categories tab
         const customCategoriesTab = iframe.locator('sl-tab:has-text("Custom Categories") a').first();

e2e/tests/foundry.spec.ts

@@ -46,7 +46,7 @@ test.describe('Category Blocking App E2E Tests', () => {
       await categoryBlockingPage.navigateToInstalledApp();
 
       // Verify iframe is present
-      const iframe = categoryBlockingPage.page.locator('iframe');
+      const iframe = categoryBlockingPage.page.locator('iframe[name="portal"]');
       await expect(iframe).toBeVisible({ timeout: 15000 });
 
       logger.success('Category Blocking app iframe loaded successfully');
@@ -58,7 +58,7 @@ test.describe('Category Blocking App E2E Tests', () => {
       await categoryBlockingPage.navigateToInstalledApp();
 
       // Get the iframe
-      const iframe = page.frameLocator('iframe');
+      const iframe = page.frameLocator('iframe[name="portal"]');
 
       // Wait for and verify main heading is visible
       const heading = iframe.locator('h1:has-text("Category Blocking")');
@@ -78,7 +78,7 @@ test.describe('Category Blocking App E2E Tests', () => {
     test('should verify all navigation tabs are present', async ({ page }) => {
       await categoryBlockingPage.navigateToInstalledApp();
 
-      const iframe = page.frameLocator('iframe');
+      const iframe = page.frameLocator('iframe[name="portal"]');
 
       // Wait for navigation to be present
       await expect(iframe.locator('h1:has-text("Category Blocking")')).toBeVisible({ timeout: 15000 });
@@ -107,7 +107,7 @@ test.describe('Category Blocking App E2E Tests', () => {
     test('should click Custom Categories tab and verify navigation', async ({ page }) => {
       await categoryBlockingPage.navigateToInstalledApp();
 
-      const iframe = page.frameLocator('iframe');
+      const iframe = page.frameLocator('iframe[name="portal"]');
 
       // Wait for app to load
       await expect(iframe.locator('h1:has-text("Category Blocking")')).toBeVisible({ timeout: 15000 });
@@ -126,7 +126,7 @@ test.describe('Category Blocking App E2E Tests', () => {
     test('should click Domain Analytics tab and verify navigation', async ({ page }) => {
       await categoryBlockingPage.navigateToInstalledApp();
 
-      const iframe = page.frameLocator('iframe');
+      const iframe = page.frameLocator('iframe[name="portal"]');
 
       // Wait for app to load
       await expect(iframe.locator('h1:has-text("Category Blocking")')).toBeVisible({ timeout: 15000 });
@@ -145,7 +145,7 @@ test.describe('Category Blocking App E2E Tests', () => {
     test('should click Firewall Rules tab and verify navigation', async ({ page }) => {
       await categoryBlockingPage.navigateToInstalledApp();
 
-      const iframe = page.frameLocator('iframe');
+      const iframe = page.frameLocator('iframe[name="portal"]');
 
       // Wait for app to load
       await expect(iframe.locator('h1:has-text("Category Blocking")')).toBeVisible({ timeout: 15000 });
@@ -164,7 +164,7 @@ test.describe('Category Blocking App E2E Tests', () => {
     test('should click Relationship Graph tab and verify navigation', async ({ page }) => {
       await categoryBlockingPage.navigateToInstalledApp();
 
-      const iframe = page.frameLocator('iframe');
+      const iframe = page.frameLocator('iframe[name="portal"]');
 
       // Wait for app to load
       await expect(iframe.locator('h1:has-text("Category Blocking")')).toBeVisible({ timeout: 15000 });
@@ -183,7 +183,7 @@ test.describe('Category Blocking App E2E Tests', () => {
     test('should verify all tabs are clickable in sequence', async ({ page }) => {
       await categoryBlockingPage.navigateToInstalledApp();
 
-      const iframe = page.frameLocator('iframe');
+      const iframe = page.frameLocator('iframe[name="portal"]');
 
       // Wait for app to load
       await expect(iframe.locator('h1:has-text("Category Blocking")')).toBeVisible({ timeout: 15000 });
@@ -217,11 +217,11 @@ test.describe('Category Blocking App E2E Tests', () => {
       await categoryBlockingPage.navigateToInstalledApp();
 
       // Verify iframe is present and visible
-      const iframe = page.locator('iframe');
+      const iframe = page.locator('iframe[name="portal"]');
       await expect(iframe).toBeVisible({ timeout: 15000 });
 
       // Get the iframe locator for content checks
-      const iframeContent = page.frameLocator('iframe');
+      const iframeContent = page.frameLocator('iframe[name="portal"]');
 
       // Verify main content loaded
       const heading = iframeContent.locator('h1:has-text("Category Blocking")');