fix: compile stub components without render functions

Author: eddyerburgh

src/lib/create-instance.js

@@ -14,6 +14,7 @@ import extractOptions from '../options/extract-options'
 import deleteMountingOptions from '../options/delete-mounting-options'
 import createFunctionalComponent from './create-functional-component'
 import cloneDeep from 'lodash/cloneDeep'
+import { componentNeedsCompiling } from './validators'
 
 export default function createConstructor (
   component: Component,
@@ -39,9 +40,7 @@ export default function createConstructor (
     addProvide(component, mountingOptions.provide, options)
   }
 
-  if (!component.render &&
-    (component.template || component.extends) &&
-    !component.functional) {
+  if (componentNeedsCompiling(component)) {
     compileTemplate(component)
   }
 

src/lib/stub-components.js

@@ -3,6 +3,8 @@
 import Vue from 'vue'
 import { compileToFunctions } from 'vue-template-compiler'
 import { throwError } from './util'
+import { componentNeedsCompiling } from './validators'
+import { compileTemplate } from './compile-template'
 
 function isVueComponent (comp) {
   return comp && (comp.render || comp.template || comp.options)
@@ -81,6 +83,11 @@ export function createComponentStubs (originalComponents: Object = {}, stubs: Ob
         components[stub] = createBlankStub({})
         return
       }
+
+      if (componentNeedsCompiling(stubs[stub])) {
+        compileTemplate(stubs[stub])
+      }
+
       if (originalComponents[stub]) {
         // Remove cached constructor
         delete originalComponents[stub]._Ctor

src/lib/validators.js

@@ -46,6 +46,13 @@ export function isVueComponent (component: any): boolean {
   return typeof component.render === 'function'
 }
 
+export function componentNeedsCompiling (component) {
+  return component &&
+    !component.render &&
+    (component.template || component.extends) &&
+    !component.functional
+}
+
 export function isValidSelector (selector: any): boolean {
   if (isDomSelector(selector)) {
     return true

test/unit/specs/mount/options/stubs.spec.js

@@ -230,6 +230,28 @@ describe('mount.stub', () => {
     expect(wrapper.html()).to.equal('<div><!----></div>')
   })
 
+  it('handles components without a render function', () => {
+    const TestComponent = {
+      template: `
+        <div>
+          <stub-component />
+        </div>
+      `,
+      components: {
+        stubComponent: { template: '<div />' }
+      }
+    }
+    const StubComponent = {
+      template: '<div>No render function</div>'
+    }
+    const wrapper = mount(TestComponent, {
+      stubs: {
+        StubComponent
+      }
+    })
+    expect(wrapper.text()).contains('No render function')
+  })
+
   it('throws an error when passed an invalid value as stub', () => {
     const error = '[vue-test-utils]: options.stub values must be passed a string or component'
     const invalidValues = [1, null, [], {}, NaN]