Add functional rendering support and examples

Author: dfcook

src/vue-testing-library.js

@@ -81,13 +81,19 @@ function cleanup() {
 }
 
 function cleanupAtWrapper(wrapper) {
+  console.dir(wrapper)
+
   if (
     wrapper.element.parentNode &&
     wrapper.element.parentNode.parentNode === document.body
   ) {
     document.body.removeChild(wrapper.element.parentNode)
   }
-  wrapper.destroy()
+
+  if (wrapper.isVueInstance()) {
+    wrapper.destroy()
+  }
+
   mountedWrappers.delete(wrapper)
 }
 

tests/__tests__/components/FunctionalSFC.vue

@@ -0,0 +1,3 @@
+<template functional>
+  <p>Hi!</p>
+</template>

tests/__tests__/functional.js

@@ -0,0 +1,23 @@
+import { cleanup, render } from '@testing-library/vue'
+import FunctionalSFC from './components/FunctionalSFC'
+
+const Functional = {
+  functional: true,
+  render(createElement) {
+    return createElement('p', null, 'Hi!')
+  }
+}
+
+afterEach(cleanup)
+
+it('renders functional comp', () => {
+  const { getByText } = render(Functional)
+
+  getByText('Hi!')
+})
+
+it('renders functional SFC comp', () => {
+  const { getByText } = render(FunctionalSFC)
+
+  getByText('Hi!')
+})