test: test vue ref transform

vitejs · Aug 24, 2021 · 4649a7f · 4649a7f
1 parent e7263b9
commit 4649a7f
Show file tree

Hide file tree

Showing 4 changed files with 25 additions and 1 deletion.
diff --git a/packages/playground/vue/Main.vue b/packages/playground/vue/Main.vue
@@ -18,6 +18,7 @@
   <Suspense>
     <AsyncComponent />
   </Suspense>
+  <RefTransform />
 </template>
 
 <script setup lang="ts">
@@ -31,6 +32,7 @@ import SrcImport from './src-import/SrcImport.vue'
 import Slotted from './Slotted.vue'
 import ScanDep from './ScanDep.vue'
 import AsyncComponent from './AsyncComponent.vue'
+import RefTransform from './RefTransform.vue'
 
 import { ref } from 'vue'
 

diff --git a/packages/playground/vue/RefTransform.vue b/packages/playground/vue/RefTransform.vue
@@ -0,0 +1,9 @@
+<script setup>
+let a = $ref(0)
+const inc = () => a++
+</script>
+
+<template>
+  <h2>Ref Transform</h2>
+  <button class="ref-transform" @click="inc">{{ a }}</button>
+</template>
diff --git a/packages/playground/vue/__tests__/vue.spec.ts b/packages/playground/vue/__tests__/vue.spec.ts
@@ -203,3 +203,11 @@ describe('async component', () => {
     expect(await page.textContent('.async-component')).toMatch('ab == ab')
   })
 })
+
+describe('ref transform', () => {
+  test('should work', async () => {
+    expect(await page.textContent('.ref-transform')).toMatch('0')
+    await page.click('.ref-transform')
+    expect(await page.textContent('.ref-transform')).toMatch('1')
+  })
+})
diff --git a/packages/playground/vue/vite.config.ts b/packages/playground/vue/vite.config.ts
@@ -9,7 +9,12 @@ export default defineConfig({
       '/@': __dirname
     }
   },
-  plugins: [vuePlugin(), vueI18nPlugin],
+  plugins: [
+    vuePlugin({
+      refTransform: true
+    }),
+    vueI18nPlugin
+  ],
   build: {
     // to make tests faster
     // minify: false