fix(compat): handle listener, style and class in legacy functional components

src/mount.ts

@@ -237,6 +237,11 @@ export function mount(
     isLegacyFunctionalComponent(originalComponent)
   ) {
     component = defineComponent({
+      compatConfig: {
+        MODE: 3,
+        INSTANCE_LISTENERS: false,
+        INSTANCE_ATTRS_CLASS_STYLE: false
+      },
       setup:
         (_, { attrs, slots }) =>
         () =>

src/utils/vueCompatSupport.ts

@@ -32,10 +32,10 @@ export function isLegacyFunctionalComponent(component: unknown) {
     return false
   }
 
-  return (
+  return Boolean(
     component &&
-    typeof component === 'object' &&
-    hasOwnProperty(component, 'functional') &&
-    component.functional
+      typeof component === 'object' &&
+      hasOwnProperty(component, 'functional') &&
+      component.functional
   )
 }

tests-compat/compat.spec.ts

@@ -143,4 +143,35 @@ describe('@vue/compat build', () => {
 
     expect(wrapper.vm.foo).toBe('bar')
   })
+
+  it('correctly passes all props to functional component', async () => {
+    configureCompat({
+      MODE: 3,
+      INSTANCE_LISTENERS: 'suppress-warning',
+      INSTANCE_ATTRS_CLASS_STYLE: 'suppress-warning'
+    })
+
+    const FunctionalComponent = {
+      functional: true,
+      render(h: any, context: any) {
+        return h('div', context.data, context.props.text)
+      }
+    }
+
+    const onClick = jest.fn()
+    const wrapper = mount(FunctionalComponent, {
+      props: {
+        class: 'foo',
+        text: 'message',
+        style: { color: 'red' },
+        onClick
+      }
+    })
+    expect(wrapper.text()).toBe('message')
+    await wrapper.trigger('click')
+    expect(onClick).toHaveBeenCalled()
+    expect(wrapper.html()).toBe(
+      '<div class="foo" text="message" style="color: red;">message</div>'
+    )
+  })
 })