feat: support compiling inline templates

Author: yyx990803

src/lib/compile-template.js

@@ -0,0 +1,7 @@
+// @flow
+
+import { compileToFunctions } from 'vue-template-compiler'
+
+export function compileTemplate (component: Component) {
+  Object.assign(component, compileToFunctions(component.template))
+}

src/lib/create-instance.js

@@ -9,6 +9,7 @@ import addProvide from './add-provide'
 import { stubComponents } from './stub-components'
 import { throwError } from './util'
 import cloneDeep from 'lodash/cloneDeep'
+import { compileTemplate } from './compile-template'
 
 export default function createConstructor (component: Component, options: Options): Component {
   const vue = options.localVue || Vue
@@ -37,6 +38,10 @@ export default function createConstructor (component: Component, options: Option
     stubComponents(component, options.stubs)
   }
 
+  if (!component.render && component.template && !component.functional) {
+    compileTemplate(component)
+  }
+
   const Constructor = vue.extend(component)
 
   if (options.intercept) {

src/mount.js

@@ -12,7 +12,11 @@ Vue.config.productionTip = false
 
 export default function mount (component: Component, options: Options = {}): VueWrapper {
   if (!window) {
-    throwError('window is undefined, vue-test-utils needs to be run in a browser environment.\n You can run the tests in node using JSDOM')
+    throwError(
+      'window is undefined, vue-test-utils needs to be run in a browser environment.\n' +
+      'You can run the tests in node using jsdom + jsdom-global.\n' +
+      'See https://vue-test-utils.vuejs.org/en/guides/general-tips.html for more details.'
+    )
   }
 
   const componentToMount = options.clone === false ? component : cloneDeep(component)

test/unit/setup/mocha.setup.js

@@ -1,6 +1,7 @@
+require('jsdom-global')()
+
 const chai = require('chai')
 const sinon = require('sinon')
-require('jsdom-global')()
 
 global.expect = chai.expect
 global.sinon = sinon

test/unit/specs/mount.spec.js

@@ -65,4 +65,12 @@ describe('mount', () => {
 
     expect(() => mount(compileToFunctions('<div />'))).to.throw().with.property('message', message)
   })
+
+  it('compiles inline templates', () => {
+    const wrapper = mount({
+      template: `<div>foo</div>`
+    })
+    expect(wrapper.vm).to.be.an('object')
+    expect(wrapper.html()).to.equal(`<div>foo</div>`)
+  })
 })