fix: handle unnamed parent and child components (#768)

vuejs · Jun 27, 2018 · 71a2ac4 · 71a2ac4
1 parent 24ab4c5
commit 71a2ac4
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 5 deletions.
diff --git a/packages/test-utils/src/find-vue-components.js b/packages/test-utils/src/find-vue-components.js
@@ -47,15 +47,13 @@ function findAllFunctionalComponentsFromVnode (
 
 export function vmCtorMatchesName (vm: Component, name: string): boolean {
   return !!(
-    (vm.$vnode &&
-      vm.$vnode.componentOptions &&
-      vm.$vnode.componentOptions.Ctor.options.name === name) ||
-    (vm._vnode &&
+    name && (
+      (vm._vnode &&
       vm._vnode.functionalOptions &&
       vm._vnode.functionalOptions.name === name) ||
     (vm.$options && vm.$options.name === name) ||
     (vm.options && vm.options.name === name)
-  )
+    ))
 }
 
 export function vmCtorMatchesSelector (component: Component, selector: Object) {

diff --git a/test/specs/wrapper/find.spec.js b/test/specs/wrapper/find.spec.js
@@ -412,6 +412,26 @@ describeWithShallowAndMount('find', mountingMethod => {
     })
   })
 
+  it('handles unnamed components', () => {
+    const ChildComponent = {
+      template: '<div />'
+    }
+    const TestComponent = {
+      template: '<child-component v-if="renderChild" />',
+      components: { ChildComponent },
+      data: function () {
+        return {
+          renderChild: false
+        }
+      }
+    }
+    const wrapper = mountingMethod(TestComponent)
+
+    expect(wrapper.find(ChildComponent).vnode).to.be.undefined
+    wrapper.vm.renderChild = true
+    expect(wrapper.find(ChildComponent).vnode).to.be.an('object')
+  })
+
   itDoNotRunIf(
     mountingMethod.name === 'shallowMount',
     'returns a VueWrapper instance by CSS selector if the element binds a Vue instance', () => {