diff --git a/tests/components/ScriptSetup_ToRefsInject.vue b/tests/components/ScriptSetup_ToRefsInject.vue new file mode 100644 index 000000000..385624132 --- /dev/null +++ b/tests/components/ScriptSetup_ToRefsInject.vue @@ -0,0 +1,27 @@ + + + diff --git a/tests/components/ScriptSetup_WatchEffect.vue b/tests/components/ScriptSetup_WatchEffect.vue new file mode 100644 index 000000000..8de57f082 --- /dev/null +++ b/tests/components/ScriptSetup_WatchEffect.vue @@ -0,0 +1,22 @@ + + + diff --git a/tests/features/ScriptSetup_ToRefsInject.spec.ts b/tests/features/ScriptSetup_ToRefsInject.spec.ts new file mode 100644 index 000000000..b77f07563 --- /dev/null +++ b/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') +}) diff --git a/tests/features/ScriptSetup_WatchEffect.spec.ts b/tests/features/ScriptSetup_WatchEffect.spec.ts new file mode 100644 index 000000000..db93860f7 --- /dev/null +++ b/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) +})