test: disable pageTransition in client-only page (#27839)

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)
 

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
 

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>