fix: use direct child selector for dashboard nav in E2E tests (#162)

Author: southpolesteve

tests/e2e/app-router/advanced.spec.ts

@@ -8,7 +8,7 @@ test.describe("Parallel Routes", () => {
 
     // Dashboard layout
     await expect(page.locator("#dashboard-layout")).toBeVisible();
-    await expect(page.locator("#dashboard-layout nav span")).toHaveText(
+    await expect(page.locator("#dashboard-layout > nav span")).toHaveText(
       "Dashboard Nav",
     );
 

tests/e2e/app-router/navigation.spec.ts

@@ -132,7 +132,7 @@ test.describe("App Router Client-side Navigation", () => {
     await page.click('a[href="/dashboard"]');
     await expect(page.locator("h1")).toHaveText("Dashboard");
     await expect(page.locator("#dashboard-layout")).toBeVisible();
-    await expect(page.locator("#dashboard-layout nav span")).toHaveText(
+    await expect(page.locator("#dashboard-layout > nav span")).toHaveText(
       "Dashboard Nav",
     );
   });

tests/e2e/app-router/ssr.spec.ts

@@ -47,7 +47,7 @@ test.describe("App Router SSR", () => {
 
     // Dashboard layout should be present
     await expect(page.locator("#dashboard-layout")).toBeVisible();
-    await expect(page.locator("#dashboard-layout nav span")).toHaveText(
+    await expect(page.locator("#dashboard-layout > nav span")).toHaveText(
       "Dashboard Nav",
     );
     await expect(page.locator("h1")).toHaveText("Dashboard");
@@ -58,7 +58,7 @@ test.describe("App Router SSR", () => {
 
     // Same dashboard layout should wrap settings page
     await expect(page.locator("#dashboard-layout")).toBeVisible();
-    await expect(page.locator("#dashboard-layout nav span")).toHaveText(
+    await expect(page.locator("#dashboard-layout > nav span")).toHaveText(
       "Dashboard Nav",
     );
     await expect(page.locator("h1")).toHaveText("Settings");