diff --git a/e2e/playwright/vue.spec.ts b/e2e/playwright/vue.spec.ts
index 6918579..c28fb34 100644
--- a/e2e/playwright/vue.spec.ts
+++ b/e2e/playwright/vue.spec.ts
@@ -50,4 +50,11 @@ test.describe('Vue App', () => {
 
     await expect(button).toHaveText('Name from API is: Unknown')
   })
+
+  test('app-layout is present', async ({ page }) => {
+    await page.goto('/')
+    const appLayout = page.locator('.app-layout')
+    await expect(appLayout).toBeVisible()
+    await expect(appLayout).toContainText('AppLayout')
+  })
 })
diff --git a/src/layouts/naive-ui/AppLayout.vue b/src/layouts/naive-ui/AppLayout.vue
index 4623708..13e6eb0 100644
--- a/src/layouts/naive-ui/AppLayout.vue
+++ b/src/layouts/naive-ui/AppLayout.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts"></script>
 
 <template>
-  <div>
+  <div class="app-layout">
     <div>AppLayout</div>
     <router-view />
   </div>