fix: add test for vitejs#28

playground/vue/Main.vue

@@ -10,6 +10,7 @@
   </div>
   <Syntax />
   <PreProcessors />
+  <PreProcessorsHmr />
   <CssModules />
   <Assets />
   <CustomBlock />
@@ -33,6 +34,7 @@ import Hmr from './Hmr.vue'
 import HmrTsx from './HmrTsx.vue'
 import Syntax from './Syntax.vue'
 import PreProcessors from './PreProcessors.vue'
+import PreProcessorsHmr from './PreProcessorsHmr.vue'
 import CssModules from './CssModules.vue'
 import Assets from './Assets.vue'
 import CustomBlock from './CustomBlock.vue'

playground/vue/PreProcessorsHmr.vue

@@ -0,0 +1,8 @@
+<template lang="pug">
+h2.pre-processors-hmr Pre-Processors Hmr
+p.pug-hmr {{ preHmr }}
+</template>
+
+<script setup>
+const preHmr = 'pre-hmr'
+</script>

playground/vue/__tests__/vue.spec.ts

@@ -94,6 +94,16 @@ describe('pre-processors', () => {
     )
     await untilUpdated(() => getColor('p.pug-stylus'), 'orange')
   })
+
+  test('pug hmr', async () => {
+    expect(await page.textContent('p.pug-hmr')).toMatch('pre-hmr')
+    editFile('PreProcessorsHmr.vue', (code) =>
+      code
+        .replace('p.pug-hmr {{ preHmr }}', 'p.pug-hmr {{ postHmr }}')
+        .replace(`const preHmr = 'pre-hmr'`, `const postHmr = 'post-hmr'`),
+    )
+    await untilUpdated(() => page.textContent('p.pug-hmr'), 'post-hmr')
+  })
 })
 
 describe('css modules', () => {