test: add e2e tests

Author: Mister-Hope

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

@@ -1 +1,20 @@
-<!-- TODO -->
+## Markdown Links with html
+
+- [Home with query](/?home=true)
+- [Home with query and hash](/?home=true#home)
+- [404 with hash](/404.html#404)
+- [404 with hash and query](/404.html#404?notFound=true)
+
+## Markdown Links with md
+
+- [Home with query](/README.md?home=true)
+- [Home with query and hash](/README.md?home=true#home)
+- [404 with hash](/404.md#404)
+- [404 with hash and query](/404.md#404?notFound=true)
+
+## HTML Links
+
+<a href="/?home=true" class="home-with-query">Home</a>
+<a href="/?home=true#home" class="home-with-query-and-hash">Home</a>
+<a href="/404.html#404" class="not-found-with-hash">404</a>
+<a href="/404.html#404?notFound=true" class="not-found-with-hash-and-query">404</a>

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

@@ -5,7 +5,82 @@ 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`)
+test.describe('should preserve query', () => {
+  test('markdown links with html suffix', async ({ page }) => {
+    await page.locator('#markdown-links-with-html + ul > li > a').nth(0).click()
+    await expect(page).toHaveURL(`${BASE}?home=true`)
+    await expect(page.locator('#home-h2')).toHaveText('Home H2')
+  })
+
+  test('markdown links with md suffix', async ({ page }) => {
+    await page.locator('#markdown-links-with-md + ul > li > a').nth(0).click()
+    await expect(page).toHaveURL(`${BASE}?home=true`)
+    await expect(page.locator('#home-h2')).toHaveText('Home H2')
+  })
+
+  test('html links', async ({ page }) => {
+    await page.locator('#html-links + p > a').nth(0).click()
+    await expect(page).toHaveURL(`${BASE}?home=true`)
+    await expect(page.locator('#home-h2')).toHaveText('Home H2')
+  })
+})
+
+test.describe('should preserve query and hash', () => {
+  test('markdown links with html suffix', async ({ page }) => {
+    await page.locator('#markdown-links-with-html + ul > li > a').nth(1).click()
+    await expect(page).toHaveURL(`${BASE}?home=true#home`)
+    await expect(page.locator('#home-h2')).toHaveText('Home H2')
+  })
+
+  test('markdown links with md suffix', async ({ page }) => {
+    await page.locator('#markdown-links-with-md + ul > li > a').nth(1).click()
+    await expect(page).toHaveURL(`${BASE}?home=true#home`)
+    await expect(page.locator('#home-h2')).toHaveText('Home H2')
+  })
+
+  test('html links', async ({ page }) => {
+    await page.locator('#html-links + p > a').nth(1).click()
+    await expect(page).toHaveURL(`${BASE}?home=true#home`)
+    await expect(page.locator('#home-h2')).toHaveText('Home H2')
+  })
+})
+
+test.describe('should preserve hash', () => {
+  test('markdown links with html suffix', async ({ page }) => {
+    await page.locator('#markdown-links-with-html + ul > li > a').nth(2).click()
+    await expect(page).toHaveURL(`${BASE}404.html#404`)
+    await expect(page.locator('#notfound-h2')).toHaveText('NotFound H2')
+  })
+
+  test('markdown links with md suffix', async ({ page }) => {
+    await page.locator('#markdown-links-with-md + ul > li > a').nth(2).click()
+    await expect(page).toHaveURL(`${BASE}404.html#404`)
+    await expect(page.locator('#notfound-h2')).toHaveText('NotFound H2')
+  })
+
+  test('html links', async ({ page }) => {
+    await page.locator('#html-links + p > a').nth(2).click()
+    await expect(page).toHaveURL(`${BASE}404.html#404`)
+    await expect(page.locator('#notfound-h2')).toHaveText('NotFound H2')
+  })
+})
+
+test.describe('should preserve hash and query', () => {
+  test('markdown links with html suffix', async ({ page }) => {
+    await page.locator('#markdown-links-with-html + ul > li > a').nth(3).click()
+    await expect(page).toHaveURL(`${BASE}404.html#404?notFound=true`)
+    await expect(page.locator('#notfound-h2')).toHaveText('NotFound H2')
+  })
+
+  test('markdown links with md suffix', async ({ page }) => {
+    await page.locator('#markdown-links-with-md + ul > li > a').nth(3).click()
+    await expect(page).toHaveURL(`${BASE}404.html#404?notFound=true`)
+    await expect(page.locator('#notfound-h2')).toHaveText('NotFound H2')
+  })
+
+  test('html links', async ({ page }) => {
+    await page.locator('#html-links + p > a').nth(3).click()
+    await expect(page).toHaveURL(`${BASE}404.html#404?notFound=true`)
+    await expect(page.locator('#notfound-h2')).toHaveText('NotFound H2')
+  })
 })