chore: updates

Author: meteorlxy

e2e/docs/.vuepress/theme/client/layouts/NotFound.vue

@@ -1,3 +1,4 @@
 <template>
   <div class="e2e-theme-not-found">404 Not Found</div>
+  <div class="e2e-theme-not-found-content"><Content /></div>
 </template>

e2e/docs/404.md

@@ -2,3 +2,5 @@
 routeMeta:
   foo: bar
 ---
+
+## NotFound H2

e2e/docs/README.md

@@ -1 +1,3 @@
 foo
+
+## Home H2

e2e/docs/router/navigate-by-link.md

@@ -0,0 +1 @@
+<!-- TODO -->

e2e/docs/router/navigate-by-router.md

@@ -0,0 +1,26 @@
+<button id="home-with-query" @click="goHomeWithQuery">Home</button>
+<button id="home-with-query-and-hash" @click="goHomeWithQueryAndHash">Home</button>
+<button id="not-found-with-hash" @click="go404WithHash">404</button>
+<button id="not-found-with-hash-and-query" @click="go404WithHashAndQuery">404</button>
+
+<script setup lang="ts">
+import { useRouter } from 'vuepress/client';
+
+const router = useRouter();
+
+const goHomeWithQuery = () => {
+  router.push('/?home=true');
+}
+
+const goHomeWithQueryAndHash = () => {
+  router.push('/?home=true#home');
+}
+
+const go404WithHash = () => {
+  router.push('/404.html#404');
+}
+
+const go404WithHashAndQuery = () => {
+  router.push('/404.html#404?notFound=true');
+}
+</script>

e2e/docs/router/navigation.md

@@ -0,0 +1,11 @@
+import { expect, test } from '@playwright/test'
+import { BASE } from '../../utils/env'
+
+test.beforeEach(async ({ page }) => {
+  await page.goto('router/navigate-by-link.html')
+})
+
+test('TODO', async ({ page }) => {
+  // TODO
+  await expect(page).toHaveURL(`${BASE}router/navigate-by-link.html`)
+})

e2e/tests/router/navigate-by-link.spec.ts

@@ -0,0 +1,30 @@
+import { expect, test } from '@playwright/test'
+import { BASE } from '../../utils/env'
+
+test.beforeEach(async ({ page }) => {
+  await page.goto('router/navigate-by-router.html')
+})
+
+test('should preserve query', async ({ page }) => {
+  await page.locator('#home-with-query').click()
+  await expect(page).toHaveURL(`${BASE}?home=true`)
+  await expect(page.locator('#home-h2')).toHaveText('Home H2')
+})
+
+test('should preserve query and hash', async ({ page }) => {
+  await page.locator('#home-with-query-and-hash').click()
+  await expect(page).toHaveURL(`${BASE}?home=true#home`)
+  await expect(page.locator('#home-h2')).toHaveText('Home H2')
+})
+
+test('should preserve hash', async ({ page }) => {
+  await page.locator('#not-found-with-hash').click()
+  await expect(page).toHaveURL(`${BASE}404.html#404`)
+  await expect(page.locator('#notfound-h2')).toHaveText('NotFound H2')
+})
+
+test('should preserve hash and query', async ({ page }) => {
+  await page.locator('#not-found-with-hash-and-query').click()
+  await expect(page).toHaveURL(`${BASE}404.html#404?notFound=true`)
+  await expect(page.locator('#notfound-h2')).toHaveText('NotFound H2')
+})