feat(options.children): add option to pass children to functional components

Author: eddyerburgh

flow/options.js

@@ -5,5 +5,6 @@ declare type Options = { // eslint-disable-line no-undef
     localVue?: Component,
     stubs?: Object,
     context?: Object,
-    clone?: boolean
+    clone?: boolean,
+    children?: Array<Component | string>
 }

src/lib/create-instance.js

@@ -22,7 +22,7 @@ export default function createConstructor (component: Component, options: Option
     const clonedComponent = cloneDeep(component)
     component = {
       render (h) {
-        return h(clonedComponent, options.context)
+        return h(clonedComponent, options.context, options.children)
       }
     }
   }

test/integration/specs/mount/options/children.spec.js

@@ -0,0 +1,22 @@
+import mount from '~src/mount'
+
+describe('mount.children', () => {
+  it('mounts functional component with children when passed children array', () => {
+    const Component = {
+      functional: true,
+      render (h, { children }) {
+        return h('div', children)
+      },
+      name: 'common'
+    }
+
+    const context = {}
+    const children = [
+      'hello'
+    ]
+
+    const wrapper = mount(Component, { context, children })
+
+    expect(wrapper.text()).to.contain('hello')
+  })
+})

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

@@ -1,6 +1,6 @@
 import mount from '~src/mount'
 
-describe('context', () => {
+describe('mount.context', () => {
   it('mounts functional component when passed context object', () => {
     const Component = {
       functional: true,

test/integration/specs/mount/options/localVue.js renamed to test/integration/specs/mount/options/localVue.spec.js

@@ -25,6 +25,8 @@ type Stubs = {
   [key: string]: Component | string | true
 } | string[]
 
+type Children =  (Component | string)[]
+
 /**
  * Base class of Wrapper and WrapperArray
  * It has common methods on both Wrapper and WrapperArray
@@ -85,7 +87,8 @@ interface MountOptions<V extends Vue> extends ComponentOptions<V> {
   localVue?: typeof Vue
   intercept?: object
   slots?: Slots
-  stubs?: Stubs
+  stubs?: Stubs,
+  children?: Children
 }
 
 type ShallowOptions<V extends Vue> = MountOptions<V>

types/index.d.ts

@@ -46,6 +46,7 @@ mount(functionalOptions, {
   context: {
     props: { foo: 'test' }
   },
+  children: ['child', ClassComponent],
   stubs: ['child']
 })