test: nested html relative path (/^\w/)

vitejs · May 12, 2022 · 6288a39 · 6288a39
1 parent 69c66ea
commit 6288a39
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 2 deletions.
diff --git a/playground/html/__tests__/html.spec.ts b/playground/html/__tests__/html.spec.ts
@@ -228,3 +228,8 @@ describe.runIf(isServe)('invalid', () => {
     expect(content).toBeTruthy()
   })
 })
+
+test('relative path in html asset', async () => {
+  expect(await page.textContent('.relative-js')).toMatch('hello')
+  expect(await getColor('.relative-css')).toMatch('red')
+})
diff --git a/playground/html/nested/asset/main.js b/playground/html/nested/asset/main.js
@@ -0,0 +1,4 @@
+function text(el, text) {
+  document.querySelector(el).textContent = text
+}
+text('.relative-js', 'hello')
diff --git a/playground/html/nested/asset/style.css b/playground/html/nested/asset/style.css
@@ -0,0 +1,3 @@
+.relative-css {
+  color: red;
+}
diff --git a/playground/html/nested/index.html b/playground/html/nested/index.html
@@ -1,3 +1,9 @@
-<link rel="stylesheet" href="nested.css" />
+<link rel="stylesheet" href="./nested.css" />
 <h1>Nested</h1>
-<script type="module" src="nested.js"></script>
+<script type="module" src="./nested.js"></script>
+
+<h1>no base path nested</h1>
+<link rel="stylesheet" href="asset/style.css" />
+<div class="relative-css">link style</div>
+<div class="relative-js"></div>
+<script src="asset/main.js" type="module"></script>