Fix: Use defaultName when it exists to correctly stub async components (#1136)

* fix: give defaultName precedence

* chore: add unit test for async component stub

* chore: import from vue instead of vue/compat

* chore: make linter happy

Co-authored-by: Evert van der Weit <[email protected]>

Author: Evertvdw

src/stubs.ts

@@ -138,7 +138,7 @@ const getComponentName = (instance: any | null, type: VNodeTypes): string => {
       (key) => instance.setupState[key] === type
     )
 
-    return type.name || defaultName || ''
+    return defaultName || type.name || ''
   }
 
   if (isLegacyExtendedComponent(type)) {

tests/components/ScriptSetupWithChildren.vue

@@ -1,7 +1,12 @@
 <script setup lang="ts">
+import { defineAsyncComponent } from 'vue'
+
 import Hello from './Hello.vue'
 import ComponentWithInput from './ComponentWithInput.vue'
 import ComponentWithoutName from './ComponentWithoutName.vue'
+const ComponentAsync = defineAsyncComponent(
+  () => import('./ComponentWithoutName.vue')
+)
 import ScriptSetup from './ScriptSetup.vue'
 import WithProps from './WithProps.vue'
 </script>
@@ -10,6 +15,7 @@ import WithProps from './WithProps.vue'
   <hello />
   <component-with-input />
   <component-without-name />
+  <component-async />
   <script-setup />
   <with-props />
 </template>

tests/shallowMount.spec.ts

@@ -161,6 +161,7 @@ describe('shallowMount', () => {
       '<div>Override</div>\n' +
         '<component-with-input-stub></component-with-input-stub>\n' +
         '<component-without-name-stub></component-without-name-stub>\n' +
+        '<component-async-stub></component-async-stub>\n' +
         '<script-setup-stub></script-setup-stub>\n' +
         '<with-props-stub></with-props-stub>'
     )