fix: add support for uncompiled extended components

Author: eddyerburgh

src/lib/compile-template.js

@@ -3,5 +3,10 @@
 import { compileToFunctions } from 'vue-template-compiler'
 
 export function compileTemplate (component: Component) {
-  Object.assign(component, compileToFunctions(component.template))
+  if (component.extends) {
+    compileTemplate(component.extends)
+  }
+  if (component.template) {
+    Object.assign(component, compileToFunctions(component.template))
+  }
 }

src/lib/create-instance.js

@@ -43,7 +43,9 @@ export default function createConstructor (
     stubComponents(component, mountingOptions.stubs)
   }
 
-  if (!component.render && component.template && !component.functional) {
+  if (!component.render &&
+    (component.template || component.extends) &&
+    !component.functional) {
     compileTemplate(component)
   }
 

test/unit/specs/mount.spec.js

@@ -56,6 +56,37 @@ describe('mount', () => {
     }
   })
 
+  it('handles uncompiled extended Vue component', () => {
+    const BaseComponent = {
+      template: '<div />'
+    }
+    const TestComponent = {
+      extends: BaseComponent
+    }
+    const wrapper = mount(TestComponent)
+    expect(wrapper.findAll('div').length).to.equal(1)
+  })
+
+  it('handles nested uncompiled extended Vue component', () => {
+    const BaseComponent = {
+      template: '<div />'
+    }
+    const TestComponentA = {
+      extends: BaseComponent
+    }
+    const TestComponentB = {
+      extends: TestComponentA
+    }
+    const TestComponentC = {
+      extends: TestComponentB
+    }
+    const TestComponentD = {
+      extends: TestComponentC
+    }
+    const wrapper = mount(TestComponentD)
+    expect(wrapper.findAll('div').length).to.equal(1)
+  })
+
   it('does not use cached component', () => {
     ComponentWithMixin.methods.someMethod = sinon.stub()
     mount(ComponentWithMixin)