Merge pull request #82 from testing-library/41-functional-rendering

41 functional rendering

Author: dfcook

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@testing-library/vue",
-  "version": "1.2.0",
+  "version": "2.0.0",
   "description": "Simple and complete Vue DOM testing utilities that encourage good testing practices.",
   "main": "dist/vue-testing-library.js",
   "scripts": {

package.json

@@ -87,7 +87,11 @@ function cleanupAtWrapper(wrapper) {
   ) {
     document.body.removeChild(wrapper.element.parentNode)
   }
-  wrapper.destroy()
+
+  if (wrapper.isVueInstance()) {
+    wrapper.destroy()
+  }
+
   mountedWrappers.delete(wrapper)
 }
 

src/vue-testing-library.js

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

tests/__tests__/components/FunctionalSFC.vue

@@ -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!')
+})