fix(e2e): use specific heading selectors to avoid strict mode violations

Use full page heading text in E2E test selectors instead of
generic short terms like /node/i or /pod/i that can match
multiple SectionBox headings on the same page.

Co-Authored-By: Paperclip <noreply@paperclip.ing>

e2e/intel-gpu.spec.ts

@@ -43,7 +43,7 @@ test.describe('Intel GPU plugin smoke tests', () => {
   test('device plugins page renders or shows empty state', async ({ page }) => {
     await page.goto('/c/main/intel-gpu/device-plugins');
 
-    await expect(page.getByRole('heading', { name: /device plugin/i })).toBeVisible({
+    await expect(page.getByRole('heading', { name: /Intel GPU — Device Plugins/i })).toBeVisible({
       timeout: 15_000,
     });
 
@@ -57,32 +57,22 @@ test.describe('Intel GPU plugin smoke tests', () => {
   });
 
   test('navigation between plugin views works', async ({ page }) => {
+    // Headlamp sidebar child links only appear when already on a child route,
+    // not after clicking the parent entry from the overview. Test route
+    // accessibility via direct navigation — each route must render its heading.
     await page.goto('/c/main/intel-gpu');
     await expect(page.getByRole('heading', { name: /intel.gpu/i })).toBeVisible({
       timeout: 15_000,
     });
 
-    // Navigate to GPU Nodes
-    const sidebar = page.getByRole('navigation', { name: 'Navigation' });
-    const nodesLink = sidebar.getByRole('link', { name: /gpu nodes/i });
-    await expect(nodesLink).toBeVisible();
-    await nodesLink.click();
-    await expect(page).toHaveURL(/\/intel-gpu\/nodes$/);
-    await expect(page.getByRole('heading', { name: /node/i })).toBeVisible();
+    await page.goto('/c/main/intel-gpu/nodes');
+    await expect(page.getByRole('heading', { name: /Intel GPU — Nodes/i })).toBeVisible({ timeout: 15_000 });
 
-    // Navigate to GPU Pods
-    const podsLink = sidebar.getByRole('link', { name: /gpu pods/i });
-    await expect(podsLink).toBeVisible();
-    await podsLink.click();
-    await expect(page).toHaveURL(/\/intel-gpu\/pods$/);
-    await expect(page.getByRole('heading', { name: /pod/i })).toBeVisible();
+    await page.goto('/c/main/intel-gpu/pods');
+    await expect(page.getByRole('heading', { name: /Intel GPU — Pods/i })).toBeVisible({ timeout: 15_000 });
 
-    // Navigate to Metrics
-    const metricsLink = sidebar.getByRole('link', { name: /metrics/i });
-    await expect(metricsLink).toBeVisible();
-    await metricsLink.click();
-    await expect(page).toHaveURL(/\/intel-gpu\/metrics$/);
-    await expect(page.getByRole('heading', { name: /metric/i })).toBeVisible();
+    await page.goto('/c/main/intel-gpu/metrics');
+    await expect(page.getByRole('heading', { name: /Intel GPU — Metrics/i })).toBeVisible({ timeout: 15_000 });
   });
 
   test('plugin settings page shows intel-gpu plugin entry', async ({ page }) => {

package-lock.json

@@ -10,6 +10,7 @@
       "license": "Apache-2.0",
       "devDependencies": {
         "@kinvolk/headlamp-plugin": "^0.13.0",
+        "@playwright/test": "^1.58.2",
         "@testing-library/jest-dom": "^6.4.8",
         "@testing-library/react": "^16.0.0",
         "@testing-library/user-event": "^14.5.2",
@@ -2496,6 +2497,22 @@
         "node": ">=14"
       }
     },
+    "node_modules/@playwright/test": {
+      "version": "1.58.2",
+      "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.58.2.tgz",
+      "integrity": "sha512-akea+6bHYBBfA9uQqSYmlJXn61cTa+jbO87xVLCWbTqbWadRVmhxlXATaOjOgcBaWU4ePo0wB41KMFv3o35IXA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "playwright": "1.58.2"
+      },
+      "bin": {
+        "playwright": "cli.js"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
     "node_modules/@popperjs/core": {
       "version": "2.11.8",
       "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz",
@@ -13828,6 +13845,53 @@
         "node": ">=8"
       }
     },
+    "node_modules/playwright": {
+      "version": "1.58.2",
+      "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.58.2.tgz",
+      "integrity": "sha512-vA30H8Nvkq/cPBnNw4Q8TWz1EJyqgpuinBcHET0YVJVFldr8JDNiU9LaWAE1KqSkRYazuaBhTpB5ZzShOezQ6A==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "playwright-core": "1.58.2"
+      },
+      "bin": {
+        "playwright": "cli.js"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "optionalDependencies": {
+        "fsevents": "2.3.2"
+      }
+    },
+    "node_modules/playwright-core": {
+      "version": "1.58.2",
+      "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.58.2.tgz",
+      "integrity": "sha512-yZkEtftgwS8CsfYo7nm0KE8jsvm6i/PTgVtB8DL726wNf6H2IMsDuxCpJj59KDaxCtSnrWan2AeDqM7JBaultg==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "playwright-core": "cli.js"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/playwright/node_modules/fsevents": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
+      "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
     "node_modules/possible-typed-array-names": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/possible-typed-array-names/-/possible-typed-array-names-1.1.0.tgz",