test: add test for loading indicator with custom key

danielroe · danielroe · commit 25ca9b81984d · 2025-03-25T16:09:22.000Z
diff --git a/test/nuxt/loading-indicator.test.ts b/test/nuxt/loading-indicator.test.ts
@@ -41,7 +41,22 @@ describe('page loading indicator', () => {
           name: 'page-load-hook-slug',
           path: ':slug',
           component: defineComponent({
-            name: '~/pages/page-load-hook/slug.vue',
+            name: '~/pages/page-load-hook/[slug].vue',
+            async setup () {
+              const route = useRoute()
+              await new Promise<void>((r) => { resolve = r })
+              return () => h('div', [h('span', 'child'), route.fullPath])
+            },
+          }),
+        },
+        {
+          name: 'page-load-hook-custom-key-slug',
+          path: 'custom-key/:slug',
+          meta: {
+            key: to => to.path,
+          },
+          component: defineComponent({
+            name: '~/pages/page-load-hook/custom-key/[slug].vue',
             async setup () {
               const route = useRoute()
               await new Promise<void>((r) => { resolve = r })
@@ -124,6 +139,10 @@ describe('page loading indicator', () => {
       </div>"
     `)
 
+    await expectNavigatesWithLoading('/page-load-hook/custom-key/abc')
+    await expectNavigatesWithLoading('/page-load-hook/custom-key/abc?1')
+    await expectNavigatesWithLoading('/page-load-hook/custom-key/def')
+
     el.unmount()
   })
 })
