VFD Incompatible With Jest

[outcomes-keyan-hardman]

First off - thank you so much for this library, it's much appreciated. However, in an effort to update many projects from Vue2 to Vue3 it would be extremely helpful if I could continue using jest. I receive the following error:

Test suite failed to run

    TypeError: Class constructors cannot be invoked without 'new'

      13 |
      14 | @Component({ components: { Sidebar } })
    > 15 | export default class App extends Vue {
         | ^
      16 |   @Prop({ required: false }) private userContext?: UserContext
      17 |
      18 |   loaded = false

Please let me know what other info I can provide to address this. This was brought up before but the issue was closed:
#33

[ruojianll]

Which version of v-f-d you are using?

[outcomes-keyan-hardman]

Thank you for the response ruojianll - I am using
"vue-facing-decorator": "^2.1.19",

This error occurs on mount / shallowMount

const wrapper = shallowMount(App, { props: {} })

[ruojianll]

Would you share you project for testing?

[ruojianll]

Found it. It's a vue-jest issue.
https://github.com/vuejs/vue-jest/blob/master/packages/vue3-jest/lib/utils.js#L116
vue-jest force applies ts target to es5, it causes the native v-f-d base class is not compatible with transformed component class in .vue file. ES6 is vue3 basic environment, so I won't change v-f-d for ES5.
vue-jest for vue3 should upgrade to ES6.

[outcomes-keyan-hardman]

Thanks for the info!

[windsurfing33]

Hello @ruojianll , i'm stuck with the same incompatibility problem between VFD and vue3-jest. Would it have a way to solve that issue ?

[ruojianll]

@windsurfing33
As I mentioned, that's a vue-jest issue. You could try Vitest. #33 (comment)