fix: add additional tests

packages/playground/preload/__tests__/preload.spec.ts

@@ -11,4 +11,15 @@ if (isBuild) {
     const appHtml = await page.content()
     expect(appHtml).toMatch('This is <b>home</b> page.')
   })
+
+  test('dynamic import with comments', async () => {
+    await page.goto(viteTestUrl + '/#/hello')
+    const html = await page.content()
+    expect(html).toMatch(
+      /link rel="modulepreload".*?href="\/assets\/Hello\.\w{8}\.js"/
+    )
+    expect(html).toMatch(
+      /link rel="stylesheet".*?href="\/assets\/Hello\.\w{8}\.css"/
+    )
+  })
 }

packages/playground/preload/router.js

@@ -3,10 +3,15 @@ import Home from './src/components/Home.vue'
 
 const routes = [
   { path: '/', name: 'Home', component: Home },
+  {
+    path: '/hello',
+    name: 'Hello',
+    component: () => import(/* a comment */ './src/components/Hello.vue')
+  },
   {
     path: '/about',
     name: 'About',
-    component: () => import(/*breaks*/ './src/components/About.vue')
+    component: () => import('./src/components/About.vue')
   } // Lazy load route component
 ]
 

packages/playground/preload/src/components/Hello.vue

@@ -0,0 +1,18 @@
+<template>
+  <h1>{{ msg }}</h1>
+  <div>
+    This is <b>hello</b> page.
+    <br />
+    Go to <router-link to="/">Home</router-link> page
+  </div>
+</template>
+
+<script setup>
+const msg = 'hello'
+</script>
+
+<style scoped>
+h1 {
+  color: red;
+}
+</style>

packages/playground/preload/src/components/Home.vue

@@ -3,6 +3,8 @@
     This is <b>home</b> page.
     <br />
     Go to <router-link to="/about">About</router-link> page
+    <br />
+    Go to <router-link to="/hello">Hello</router-link> page
   </div>
 </template>