fix: render children depending on createElement correctly (#198)

Author: rssfrncs

src/lib/create-instance.js

@@ -74,7 +74,7 @@ export default function createConstructor (
         return h(
           clonedComponent,
           mountingOptions.context || component.FunctionalRenderContext,
-          (mountingOptions.context && mountingOptions.context.children) || createFunctionalSlots(mountingOptions.slots, h)
+          (mountingOptions.context && mountingOptions.context.children && mountingOptions.context.children.map(x => typeof x === 'function' ? x(h) : x)) || createFunctionalSlots(mountingOptions.slots, h)
         )
       }
     }

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

@@ -66,7 +66,7 @@ describe('context', () => {
     expect(wrapper.element.textContent).to.equal(defaultValue)
   })
 
-  it('mounts functional component with a defined context.children', () => {
+  it('mounts functional component with a defined context.children text', () => {
     const Component = {
       functional: true,
       render: (h, { children }) => {
@@ -75,9 +75,24 @@ describe('context', () => {
     }
     const wrapper = mount(Component, {
       context: {
-        children: ['hello']
+        children: ['render text']
       }
     })
-    expect(wrapper.text()).to.equal('hello')
+    expect(wrapper.text()).to.equal('render text')
+  })
+
+  it('mounts functional component with a defined context.children element', () => {
+    const Component = {
+      functional: true,
+      render: (h, { children }) => {
+        return h('div', children)
+      }
+    }
+    const wrapper = mount(Component, {
+      context: {
+        children: [h => h('div', 'render component')]
+      }
+    })
+    expect(wrapper.text()).to.equal('render component')
   })
 })