tests: add test for latest <script setup>

Author: lmiller1990

tests/components/ScriptSetup.vue

@@ -0,0 +1,13 @@
+<script setup lang="ts">
+// imported components are also directly usable in template
+import { ref } from 'vue'
+
+// write Composition API code just like in a normal setup()
+// but no need to manually return everything
+const count = ref(0)
+const inc = () => { count.value++ }
+</script>
+
+<template>
+  <button @click="inc">{{ count }}</button>
+</template>

tests/features/sfc.spec.ts

@@ -1,9 +1,17 @@
 import { mount } from '../../src'
 import Hello from '../components/Hello.vue'
+import ScriptSetup from '../components/ScriptSetup.vue'
 
 describe('sfc', () => {
   it('mounts an sfc via vue-test-transformer', () => {
     const wrapper = mount(Hello)
     expect(wrapper.find('#msg').text()).toBe('Hello world')
   })
+
+  // rfc: https://github.com/vuejs/rfcs/pull/228
+  it('works with <script setup> (as of Vue 3.0.3)', async () => {
+    const wrapper = mount(ScriptSetup)
+    await wrapper.find('button').trigger('click')
+    expect(wrapper.html()).toContain('1')
+  })
 })