app/dashboard/layout.tsx

@@ -8,7 +8,7 @@ export default function Layout({ children }: { children: React.ReactNode }) {
       <div className="w-full flex-none md:w-64">
         <SideNav />
       </div>
-      <div className="flex-grow p-6 md:overflow-y-auto md:p-12">{children}</div>
+      <div data-testid="main-container" className="flex-grow p-6 md:overflow-y-auto md:p-12">{children}</div>
     </div>
   );
 }

tests/guests.spec.ts

@@ -3,5 +3,6 @@ import { test, expect } from '@playwright/test'
 test('should navigate to the guests page', async ({ page }) => {
   await page.goto('/dashboard/guests')
 
-  await expect(page.getByRole('heading', { name: 'Guests' })).toContainText('Guests')
+  await expect(page.getByRole('tab', { name: 'Groups' })).toContainText('Groups')
+  await expect(page.getByRole('tab', { name: 'Guests' })).toContainText('Guests')
 })