Skip to content

Bug: Transition - [Vue warn]: Wrong type passed as event handler to xxx - did you forget @ or : in front of your prop? #2430

Closed
@wouterkroes

Description

@wouterkroes

Describe the bug

Vue warnings are present in the stderr of Vitest.
These Vue warnings are not present in the Browser.

[Vue warn]: Wrong type passed as event handler to onBeforeEnter - did you forget @ or : in front of your prop?
Expected function or array of functions, received type string. 
  at <Transition name="fade" onBeforeEnter=fn<onBeforeEnter> onAfterEnter=fn<onAfterEnter>  ... > 
  at <HelloWorld msg="Hello Vitest" ref="VTU_COMPONENT" > 
  at <VTUROOT>
[Vue warn]: Wrong type passed as event handler to onAfterEnter - did you forget @ or : in front of your prop?
Expected function or array of functions, received type string. 
  at <Transition name="fade" onBeforeEnter=fn<onBeforeEnter> onAfterEnter=fn<onAfterEnter>  ... > 
  at <HelloWorld msg="Hello Vitest" ref="VTU_COMPONENT" > 
  at <VTUROOT>
[Vue warn]: Wrong type passed as event handler to onEnterCancelled - did you forget @ or : in front of your prop?
Expected function or array of functions, received type string. 
  at <Transition name="fade" onBeforeEnter=fn<onBeforeEnter> onAfterEnter=fn<onAfterEnter>  ... > 
  at <HelloWorld msg="Hello Vitest" ref="VTU_COMPONENT" > 
  at <VTUROOT>
[Vue warn]: Wrong type passed as event handler to onBeforeLeave - did you forget @ or : in front of your prop?
Expected function or array of functions, received type string. 
  at <Transition name="fade" onBeforeEnter=fn<onBeforeEnter> onAfterEnter=fn<onAfterEnter>  ... > 
  at <HelloWorld msg="Hello Vitest" ref="VTU_COMPONENT" > 
  at <VTUROOT>
[Vue warn]: Wrong type passed as event handler to onAfterLeave - did you forget @ or : in front of your prop?
Expected function or array of functions, received type string. 
  at <Transition name="fade" onBeforeEnter=fn<onBeforeEnter> onAfterEnter=fn<onAfterEnter>  ... > 
  at <HelloWorld msg="Hello Vitest" ref="VTU_COMPONENT" > 
  at <VTUROOT>
[Vue warn]: Wrong type passed as event handler to onLeaveCancelled - did you forget @ or : in front of your prop?
Expected function or array of functions, received type string. 
  at <Transition name="fade" onBeforeEnter=fn<onBeforeEnter> onAfterEnter=fn<onAfterEnter>  ... > 
  at <HelloWorld msg="Hello Vitest" ref="VTU_COMPONENT" > 
  at <VTUROOT>

My guess is VTU is not correctly handling Transition in combination with javascript hooks

To Reproduce
stackblitz demo -> npm run test:unit

Expected behavior
I expect no vue warnings in the stderr of Vitest

Related information:
n/a

Additional context
n/a

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions