test: add regression test for nested page from nuxt#25039

buglavecz · Nov 30, 2024 · 435193f · 435193f
1 parent 17e55cf
commit 435193f
Show file tree

Hide file tree

Showing 5 changed files with 20 additions and 4 deletions.
diff --git a/test/basic.test.ts b/test/basic.test.ts
@@ -639,9 +639,9 @@ describe('pages', () => {
 
   it('should hide nuxt page load indicator after navigate back from nested page', async () => {
     const LOAD_INDICATOR_SELECTOR = '.nuxt-loading-indicator'
-    const { page } = await renderPage('/')
-    await page.getByText('to page nuxt load indicator').click()
-    await page.waitForFunction(path => window.useNuxtApp?.()._route.fullPath === path, '/nested/xyz')
+    const { page } = await renderPage('/page-load-hook')
+    await page.getByText('To sub page').click()
+    await page.waitForFunction(path => window.useNuxtApp?.()._route.fullPath === path, '/page-load-hook/subpage')
 
     await page.waitForSelector(LOAD_INDICATOR_SELECTOR)
     let isVisible = await page.isVisible(LOAD_INDICATOR_SELECTOR)

diff --git a/test/fixtures/basic/app.vue b/test/fixtures/basic/app.vue
@@ -0,0 +1,6 @@
+<template>
+  <NuxtLoadingIndicator :throttle="0" />
+  <NuxtLayout>
+    <NuxtPage />
+  </NuxtLayout>
+</template>
diff --git a/test/fixtures/basic/pages/index.vue b/test/fixtures/basic/pages/index.vue
@@ -3,7 +3,6 @@
     <Head>
       <Title>Basic fixture</Title>
     </Head>
-    <NuxtLoadingIndicator :throttle="0" />
     <h1>Hello Nuxt 3!</h1>
     <div>RuntimeConfig | testConfig: {{ config.public.testConfig }}</div>
     <div>Composable | foo: {{ foo }}</div>

diff --git a/test/fixtures/basic/pages/page-load-hook.vue b/test/fixtures/basic/pages/page-load-hook.vue
@@ -1,5 +1,9 @@
 <template>
   <div>
     Page for hook tests.
+    <NuxtLink to="/page-load-hook/subpage">
+      To sub page
+    </NuxtLink>
+    <NuxtPage />
   </div>
 </template>
diff --git a/test/fixtures/basic/pages/page-load-hook/[slug].vue b/test/fixtures/basic/pages/page-load-hook/[slug].vue
@@ -0,0 +1,7 @@
+<template>
+  <div>
+    <NuxtLink to="/page-load-hook">
+      Back to parent
+    </NuxtLink>
+  </div>
+</template>