fix: support v-text on child functional components with shallowMount (#…

…1697)

a child functional component must display content of v-text directive when it is mounted with
shallowMount

fix #1693

Co-authored-by: Jeremy Cassou <jeremy.cassou@agilea-group.com>

packages/create-instance/create-component-stubs.js

@@ -135,6 +135,9 @@ export function createStubFromComponent(
         tagName,
         {
           ref: componentOptions.functional ? context.data.ref : undefined,
+          domProps: componentOptions.functional
+            ? context.data.domProps
+            : undefined,
           attrs: componentOptions.functional
             ? {
                 ...context.props,

test/resources/components/component-with-functional-child.vue

@@ -1,6 +1,7 @@
 <template>
   <functional-component
     :class="{ bar: a + b === 2, foo: a === 1, qux: a === 2 }"
+    v-text="something"
   />
 </template>
 
@@ -15,7 +16,8 @@ export default {
   data() {
     return {
       a: 1,
-      b: 1
+      b: 1,
+      something: 'value'
     }
   }
 }

test/resources/components/functional-component.vue

@@ -1,3 +1,5 @@
 <template functional>
-  <div />
+  <div>
+    <slot />
+  </div>
 </template>

test/specs/shallow-mount.spec.js

@@ -41,6 +41,11 @@ describeRunIf(process.env.TEST_ENV !== 'node', 'shallowMount', () => {
     )
   })
 
+  it('renders v-text content of functional child', () => {
+    const wrapper = shallowMount(ComponentWithFunctionalChild)
+    expect(wrapper.find('functional-component-stub').text()).toBe('value')
+  })
+
   it('returns new VueWrapper of Vue localVue if no options are passed', () => {
     const compiled = compileToFunctions('<div><input /></div>')
     const wrapper = shallowMount(compiled)