fix: compile uncompiled components

fixes #329

Author: eddyerburgh

src/lib/compile-template.js

@@ -3,6 +3,14 @@
 import { compileToFunctions } from 'vue-template-compiler'
 
 export function compileTemplate (component: Component) {
+  if (component.components) {
+    Object.keys(component.components).forEach((c) => {
+      const cmp = component.components[c]
+      if (!cmp.render) {
+        compileTemplate(cmp)
+      }
+    })
+  }
   if (component.extends) {
     compileTemplate(component.extends)
   }

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

@@ -1,6 +1,7 @@
 import { compileToFunctions } from 'vue-template-compiler'
 import { mount } from '~vue-test-utils'
 import Component from '~resources/components/component.vue'
+import ComponentAsAClass from '~resources/components/component-as-a-class.vue'
 
 describe('html', () => {
   it('returns a VueWrappers HTML as a string', () => {
@@ -9,6 +10,25 @@ describe('html', () => {
     expect(wrapper.html()).to.equal(expectedHtml)
   })
 
+  it('returns a VueWrappers HTML as a string when component has no render function', () => {
+    const wrapper = mount({
+      template: `<div>1<tester></tester></div>`,
+      components: {
+        tester: {
+          template: `<div class="tester">test</div>`
+        }
+      }
+    })
+    const expectedHtml = '<div>1<div class="tester">test</div></div>'
+    wrapper.update()
+    expect(wrapper.html()).to.equal(expectedHtml)
+  })
+
+  it('class component', () => {
+    const wrapper = mount(ComponentAsAClass)
+    expect(wrapper.html()).to.equal('<div></div>')
+  })
+
   it('returns a Wrappers HTML as a string', () => {
     const expectedHtml = '<input id="input-submit" type="submit" class="input-submit">'
     const compiled = compileToFunctions(expectedHtml)