From e5a7a58d4924e12c99cdf9b69cc287ccb465704f Mon Sep 17 00:00:00 2001
From: Julien Huang <julien.huang@outlook.fr>
Date: Tue, 23 Jul 2024 22:44:35 +0200
Subject: [PATCH] test: disable `pageTransition` in client-only page (#27839)

---
 test/basic.test.ts                                          | 3 +--
 test/fixtures/basic/pages/client-only-page/index.client.vue | 6 ++++++
 test/fixtures/basic/pages/client-only-page/normal.vue       | 5 +++++
 3 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/test/basic.test.ts b/test/basic.test.ts
index 108e836075..17e6020834 100644
--- a/test/basic.test.ts
+++ b/test/basic.test.ts
@@ -533,8 +533,7 @@ describe('pages', () => {
     await clientInitialPage.waitForFunction(() => window.useNuxtApp?.()._route.fullPath === '/client-only-page/normal')
 
     // that page should be client rendered
-    // TODO: investigate why multiple elements are appearing on page
-    expect(await clientInitialPage.locator('#server-rendered').first().textContent()).toMatchInlineSnapshot('"false"')
+    expect(await clientInitialPage.locator('#server-rendered').textContent()).toMatchInlineSnapshot('"false"')
     // and not contain any errors or warnings
     expect(errors.length).toBe(0)
 
diff --git a/test/fixtures/basic/pages/client-only-page/index.client.vue b/test/fixtures/basic/pages/client-only-page/index.client.vue
index f4fa62a325..0f06e4d49c 100644
--- a/test/fixtures/basic/pages/client-only-page/index.client.vue
+++ b/test/fixtures/basic/pages/client-only-page/index.client.vue
@@ -1,4 +1,10 @@
 <script setup lang="ts">
+definePageMeta({
+  // Disable page transition for this page to avoid having multiple time the same page during transition
+  pageTransition: false,
+  layoutTransition: false,
+})
+
 const state = useState('test', () => {
   let hasAccessToWindow = null as null | boolean
 
diff --git a/test/fixtures/basic/pages/client-only-page/normal.vue b/test/fixtures/basic/pages/client-only-page/normal.vue
index 6781a8d3e2..758d9771b5 100644
--- a/test/fixtures/basic/pages/client-only-page/normal.vue
+++ b/test/fixtures/basic/pages/client-only-page/normal.vue
@@ -1,5 +1,10 @@
 <script setup lang="ts">
 const renderedOnServer = useState(() => import.meta.server)
+definePageMeta({
+  // Disable page transition for this page to avoid having multiple time the same page during transition
+  pageTransition: false,
+  layoutTransition: false,
+})
 </script>
 
 <template>