test: Add failing tests for shallowMount issue with dynamic components

tests/components/DynamicComponentWithComputedProperty.vue

@@ -0,0 +1,19 @@
+<template>
+  <component :is="Hello" />
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue'
+import Hello from './Hello.vue'
+import ComponentWithChildren from './ComponentWithChildren.vue'
+
+interface Props {
+  isHello?: boolean
+}
+
+const props = defineProps<Props>()
+
+const computedProperty = computed(() => {
+  return props.isHello ? Hello : ComponentWithChildren
+})
+</script>

tests/shallowMount.spec.ts

@@ -2,6 +2,7 @@ import { defineAsyncComponent, defineComponent } from 'vue'
 import { mount, shallowMount, VueWrapper } from '../src'
 import ComponentWithChildren from './components/ComponentWithChildren.vue'
 import ScriptSetupWithChildren from './components/ScriptSetupWithChildren.vue'
+import DynamicComponentWithComputedProperty from './components/DynamicComponentWithComputedProperty.vue'
 
 describe('shallowMount', () => {
   it('renders props for stubbed component in a snapshot', () => {
@@ -196,4 +197,20 @@ describe('shallowMount', () => {
         '</div>'
     )
   })
+
+  it('stubs a given dynamic component returned by a computed property', () => {
+    const wrapper = shallowMount(DynamicComponentWithComputedProperty, {
+      props: { isHello: true }
+    })
+
+    expect(wrapper.find('hello-stub').exists()).toBe(true)
+  })
+
+  it('does not attempt to stub a dynamic component based on the name of a computed property', () => {
+    const wrapper = shallowMount(DynamicComponentWithComputedProperty, {
+      props: { isHello: true }
+    })
+
+    expect(wrapper.find('computed-property-stub').exists()).toBe(false)
+  })
 })