fix: Pass props to functional component (#1513)

* chore: Add regression tests for #1490 * fix: Pass props to functional component
vuejs · May 20, 2022 · 8bb8a93 · 8bb8a93
1 parent bb1a378
commit 8bb8a93
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 2 deletions.
diff --git a/src/mount.ts b/src/mount.ts
@@ -295,9 +295,9 @@ export function mount(
       },
       props: originalComponent.props || {},
       setup:
-        (_, { attrs, slots }) =>
+        (props, { attrs, slots }) =>
         () =>
-          h(originalComponent, attrs, slots),
+          h(originalComponent, { ...props, ...attrs }, slots),
       ...instanceOptions
     })
     addToDoNotStubComponents(originalComponent)

diff --git a/tests/mountingOptions/props.spec.ts b/tests/mountingOptions/props.spec.ts
@@ -1,5 +1,6 @@
 import { defineComponent, h } from 'vue'
 import { mount } from '../../src'
+import Title from '../components/FunctionComponent'
 
 describe('mountingOptions.props', () => {
   const Component = defineComponent({
@@ -85,4 +86,13 @@ describe('mountingOptions.props', () => {
 
     expect(onCustomEvent).toHaveBeenCalledTimes(3)
   })
+
+  test('props with functional component', async () => {
+    const wrapper = mount(Title, {
+      props: {
+        title: 'Hello'
+      }
+    })
+    expect(wrapper.text()).toBe('Hello')
+  })
 })
diff --git a/tests/setProps.spec.ts b/tests/setProps.spec.ts
@@ -1,6 +1,7 @@
 import { defineComponent, h, computed } from 'vue'
 
 import { mount } from '../src'
+import Title from './components/FunctionComponent'
 
 describe('setProps', () => {
   it('updates a primitive prop', async () => {
@@ -143,4 +144,14 @@ describe('setProps', () => {
       'You can only use setProps on your mounted component'
     )
   })
+
+  it('sets props for functional component', async () => {
+    const wrapper = mount(Title)
+
+    await wrapper.setProps({
+      title: 'Hello'
+    })
+
+    expect(wrapper.text()).toBe('Hello')
+  })
 })