fix: handle extended components in find

Author: eddyerburgh

src/lib/find-vue-components.js

@@ -31,7 +31,7 @@ export function vmCtorMatchesName (vm: Component, name: string): boolean {
 export default function findVueComponents (root: Component, componentName: string): Array<Component> {
   const components = root._isVue ? findAllVueComponentsFromVm(root) : findAllVueComponentsFromVnode(root)
   return components.filter((component) => {
-    if (!component.$vnode) {
+    if (!component.$vnode && !component.$options.extends) {
       return false
     }
     return vmCtorMatchesName(component, componentName)

src/lib/validators.js

@@ -35,7 +35,7 @@ export function isVueComponent (component: any): boolean {
     return false
   }
 
-  return typeof component.render === 'function'
+  return typeof component.render === 'function' || !!component.extends
 }
 
 export function isValidSelector (selector: any): boolean {

test/unit/specs/mount/Wrapper/find.spec.js

@@ -168,7 +168,23 @@ describe('find', () => {
     expect(wrapper.find({ ref: 'foo' })).to.be.an('object')
   })
 
-  it('returns Wrapper of Vue Components matching the ref in options object', () => {
+  it('returns Wrapper of Vue Component matching the extended component', () => {
+    const BaseComponent = {
+      template: '<div><a-component /></div>',
+      components: {
+        AComponent: Component
+      }
+    }
+    const TestComponent = {
+      extends: BaseComponent,
+      name: 'test-component'
+    }
+    const wrapper = mount(TestComponent)
+    expect(wrapper.find(TestComponent).exists()).to.equal(true)
+    expect(wrapper.find(TestComponent).isVueComponent).to.equal(true)
+  })
+
+  it('returns Wrapper of Vue Component matching the ref in options object', () => {
     const wrapper = mount(ComponentWithChild)
     expect(wrapper.find({ ref: 'child' }).isVueComponent).to.equal(true)
   })