chore: add script setup tests

tests/components/ScriptSetup_ToRefsInject.vue

@@ -0,0 +1,27 @@
+<template>
+  <div>
+    {{ title }}
+  </div>
+  <p>{{ type }}</p>
+  <div v-if="data.length" id="data">Has Data</div>
+</template>
+
+<script setup lang="ts">
+import { toRefs, ref, inject } from 'vue'
+
+const props = defineProps<{
+  title: string
+}>()
+
+const { title } = toRefs(props)
+
+const type = inject('parentType')
+
+const data = ref<string[]>([])
+
+function getData() {
+  data.value = ['some data']
+}
+
+getData()
+</script>

tests/components/ScriptSetup_WatchEffect.vue

@@ -0,0 +1,22 @@
+<template>
+  <div v-if="hasContent">
+    <div id="contentInfo" />
+  </div>
+
+  <div v-else>
+    <div id="noContent" />
+  </div>
+</template>
+
+<script setup>
+import { ref, watchEffect, inject } from 'vue'
+
+const type = inject('someType')
+const hasContent = ref(false)
+
+watchEffect(() => {
+  if (type === 'content') {
+    hasContent.value = true
+  }
+})
+</script>

tests/features/ScriptSetup_ToRefsInject.spec.ts

@@ -0,0 +1,20 @@
+import { mount } from '../../src'
+import ScriptSetup_ToRefsInject from '../components/ScriptSetup_ToRefsInject.vue'
+
+it('toRefs and inject work with script setup', async () => {
+  const wrapper = mount(ScriptSetup_ToRefsInject, {
+    props: {
+      title: 'Some title'
+    },
+    global: {
+      provide: {
+        parentType: 'Parent Type'
+      }
+    }
+  })
+
+  expect(wrapper.html()).toContain('Some title')
+  expect(wrapper.find('p').html()).toContain('Parent Type')
+  expect(wrapper.find('#data').exists()).toBe(true)
+  expect(wrapper.find('#data').html()).toContain('Has Data')
+})

tests/features/ScriptSetup_WatchEffect.spec.ts

@@ -0,0 +1,12 @@
+import { mount } from '../../src'
+import ScriptSetup_WatchEffect from '../components/ScriptSetup_WatchEffect.vue'
+
+it('watchEffect works with script setup', () => {
+  const wrapper = mount(ScriptSetup_WatchEffect, {
+    global: {
+      provide: { someType: 'content' }
+    }
+  })
+
+  expect(wrapper.find('#contentInfo').exists()).toBe(true)
+})