Fix navigation reliability by scoping selectors to navigation context

- WorkflowsPage: Use exact match for 'Fusion SOAR' button to avoid conflicts with content cards
- SocketNavigationPage: Scope all navigation selectors to navigation element
- Remove waitForTimeout anti-patterns and unnecessary loader checks
- Use regex patterns for dynamic button text (e.g., 'Endpoint security')

These fixes resolve selector ambiguity issues where multiple elements
contained similar text, causing tests to click wrong buttons.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

Author: mraible

e2e/src/pages/SocketNavigationPage.ts

@@ -42,20 +42,21 @@ export class SocketNavigationPage extends BasePage {
         await this.page.waitForLoadState('networkidle');
 
         // Click "Endpoint security"
-        const endpointSecurityButton = this.page.getByRole('button', { name: /Endpoint security/i });
+        const navigation = this.page.getByRole('navigation');
+        const endpointSecurityButton = navigation.getByRole('button', { name: /Endpoint security/ });
         await endpointSecurityButton.click();
         await this.waiter.delay(500);
 
         // Click "Monitor" to expand submenu (if not already expanded)
-        const monitorButton = this.page.getByRole('button', { name: /^Monitor$/i });
+        const monitorButton = navigation.getByRole('button', { name: 'Monitor', exact: true });
         const isExpanded = await monitorButton.getAttribute('aria-expanded');
         if (isExpanded !== 'true') {
           await monitorButton.click();
           await this.waiter.delay(500);
         }
 
         // Click "Endpoint detections" link
-        const endpointDetectionsLink = this.page.getByRole('link', { name: /Endpoint detections/i });
+        const endpointDetectionsLink = navigation.getByRole('link', { name: /Endpoint detections/ });
         await endpointDetectionsLink.click();
 
         // Wait for page to load

e2e/src/pages/WorkflowsPage.ts

@@ -36,11 +36,11 @@ export class WorkflowsPage extends BasePage {
         await menuButton.click();
         await this.page.waitForLoadState('networkidle');
 
-        // Click Fusion SOAR in the navigation menu (not the home page cards)
-        const navigation = this.page.locator('nav, [role="navigation"]');
-        const fusionSoarButton = navigation.getByRole('button', { name: 'Fusion SOAR' });
+        // Click Fusion SOAR button in the navigation menu (not the content buttons)
+        // Look for the navigation and find the exact "Fusion SOAR" button (not content that mentions Fusion SOAR)
+        const navigation = this.page.getByRole('navigation');
+        const fusionSoarButton = navigation.getByRole('button', { name: 'Fusion SOAR', exact: true });
         await fusionSoarButton.click();
-        await this.page.waitForTimeout(500);
 
         // Click Workflows link
         const workflowsLink = this.page.getByRole('link', { name: 'Workflows' });
@@ -164,17 +164,9 @@ export class WorkflowsPage extends BasePage {
         // Ensure we're on the workflows list page, not an individual workflow page
         await this.navigateToWorkflows();
 
-        // Wait for any loading overlays to disappear
-        await this.page.waitForLoadState('networkidle');
-        const loader = this.page.locator('[data-test-selector="falcon-overlay-loader"]');
-        if (await loader.isVisible().catch(() => false)) {
-          await loader.waitFor({ state: 'detached', timeout: 10000 });
-        }
-
         // Click "Open menu" button for the specific workflow row
         const workflowRow = this.page.getByRole('row', { name: new RegExp(workflowName, 'i') });
         const openMenuButton = workflowRow.getByRole('button', { name: /open menu/i });
-        await openMenuButton.waitFor({ state: 'visible', timeout: 5000 });
         await openMenuButton.click();
 
         // Click "Execute workflow" option