fix: update e2e tests for ConnectIDEs component

Update dashboard and user-flow E2E tests to match the new ConnectIDEs
component that replaced the old "Connect Your Client" config section.

Signed-off-by: Mohammod Al Amin Ashik <maa.ashik00@gmail.com>

Author: its-mash

tests/e2e/pages/DashboardPage.ts

@@ -1,4 +1,4 @@
-import { Page, Locator, expect } from '@playwright/test';
+import { Page, Locator } from '@playwright/test';
 import { BasePage } from './BasePage';
 
 /**
@@ -12,7 +12,8 @@ export class DashboardPage extends BasePage {
   readonly featureSetsCard: Locator;
   readonly clientsCard: Locator;
   readonly activeSpaceCard: Locator;
-  readonly configCopyButton: Locator;
+  readonly connectIDEsSection: Locator;
+  readonly clientGrid: Locator;
 
   constructor(page: Page) {
     super(page);
@@ -23,7 +24,8 @@ export class DashboardPage extends BasePage {
     this.featureSetsCard = page.locator('text=FeatureSets').first();
     this.clientsCard = page.locator('text=Clients').first();
     this.activeSpaceCard = page.locator('text=Active Space').first();
-    this.configCopyButton = page.getByRole('button', { name: /Copy/ });
+    this.connectIDEsSection = page.locator('text=Connect Your IDEs');
+    this.clientGrid = page.locator('[data-testid="client-grid"]');
   }
 
   async navigate() {
@@ -49,6 +51,8 @@ export class DashboardPage extends BasePage {
   }
 
   async copyConfig() {
-    await this.configCopyButton.click();
+    // Open JSON config popover and click copy
+    await this.page.locator('[data-testid="client-icon-copy-config"]').click();
+    await this.page.locator('[data-testid="copy-config-btn"]').click();
   }
 }

tests/e2e/specs/dashboard.spec.ts

@@ -22,16 +22,16 @@ test.describe('Dashboard', () => {
     await expect(dashboard.activeSpaceCard).toBeVisible();
   });
 
-  test('should display client config section', async ({ page }) => {
+  test('should display connect IDEs section', async ({ page }) => {
     const dashboard = new DashboardPage(page);
     await dashboard.navigate();
 
-    // Config section should be visible
-    await expect(page.locator('text=Connect Your Client')).toBeVisible();
-    await expect(dashboard.configCopyButton).toBeVisible();
+    // Connect IDEs section should be visible
+    await expect(page.locator('text=Connect Your IDEs')).toBeVisible();
+    await expect(page.locator('[data-testid="client-grid"]')).toBeVisible();
   });
 
-  test('should copy config to clipboard', async ({ page, context, browserName }) => {
+  test('should copy config via JSON button', async ({ page, context, browserName }) => {
     // Clipboard permissions only work on Chromium
     test.skip(browserName !== 'chromium', 'Clipboard permissions not supported');
 
@@ -40,9 +40,12 @@ test.describe('Dashboard', () => {
     const dashboard = new DashboardPage(page);
     await dashboard.navigate();
 
-    await dashboard.copyConfig();
+    // Click the JSON config icon to open popover
+    await page.locator('[data-testid="client-icon-copy-config"]').click();
+    // Click copy button in popover
+    await page.locator('[data-testid="copy-config-btn"]').click();
 
     // Check for success message
-    await expect(page.locator('text=copied')).toBeVisible({ timeout: 2000 });
+    await expect(page.locator('text=Copied!')).toBeVisible({ timeout: 2000 });
   });
 });

tests/e2e/specs/user-flows.spec.ts

@@ -120,15 +120,15 @@ test.describe('Dashboard Interactions', () => {
     await expect(dashboard.activeSpaceCard).toBeVisible();
   });
 
-  test('should show connection config section', async ({ page }) => {
+  test('should show connect IDEs section', async ({ page }) => {
     const dashboard = new DashboardPage(page);
     await dashboard.navigate();
-    
-    // Config section should be present
-    await expect(page.locator('text=Connect Your Client')).toBeVisible();
-    
-    // Config code block should be present
-    await expect(page.locator('pre')).toBeVisible();
+
+    // Connect IDEs section should be present
+    await expect(page.locator('text=Connect Your IDEs')).toBeVisible();
+
+    // Client grid should be present
+    await expect(page.locator('[data-testid="client-grid"]')).toBeVisible();
   });
 });