test: add route-provider e2e test (#24195)

test/basic.test.ts

@@ -1291,6 +1291,17 @@ describe('page key', () => {
   })
 })
 
+describe('route provider', () => {
+  it('should preserve current route when navigation is suspended', async () => {
+    const { page } = await renderPage('/route-provider/foo')
+    await page.click('[href="/route-provider/bar"]')
+    expect(await page.getByTestId('foo').innerText()).toMatchInlineSnapshot('"foo: /route-provider/foo - /route-provider/foo"')
+    expect(await page.getByTestId('bar').innerText()).toMatchInlineSnapshot('"bar: /route-provider/bar - /route-provider/bar"')
+
+    await page.close()
+  })
+})
+
 // Bug #6592
 describe('layout change not load page twice', () => {
   const cases = {

test/fixtures/basic/pages/route-provider/index.vue

@@ -0,0 +1,11 @@
+<template>
+  <div>
+    <NuxtPage />
+    <NuxtLink to="/route-provider/foo">
+      foo
+    </NuxtLink>
+    <NuxtLink to="/route-provider/bar">
+      bar
+    </NuxtLink>
+  </div>
+</template>

test/fixtures/basic/pages/route-provider/index/bar.vue

@@ -0,0 +1,14 @@
+<script setup lang="ts">
+const route = useRoute()
+await new Promise(resolve => setTimeout(resolve, 100))
+</script>
+
+<template>
+  <div data-testid="bar">
+    bar: {{ $route.path }} - {{ route.path }}
+  </div>
+</template>
+
+<style scoped>
+
+</style>

test/fixtures/basic/pages/route-provider/index/foo.vue

@@ -0,0 +1,14 @@
+<script setup lang="ts">
+const route = useRoute()
+await new Promise(resolve => setTimeout(resolve, 100))
+</script>
+
+<template>
+  <div data-testid="foo">
+    foo: {{ $route.path }} - {{ route.path }}
+  </div>
+</template>
+
+<style scoped>
+
+</style>