How to use with Jest ?

version: 0.4.5

// MyComponent.tsx
export default defineComponent({
    // ....
})

// *.spec.ts
it('should render', () => {
    const wrapper = shallowMount(MyComponent)  // throw error: defineComponent is not defined
})

[antfu]

So I create a tools to (solve) this https://github.com/vitest-dev/vitest 👀

[Evertvdw]

@zynth17 @Xa3lis @Hyphon I just stumbled upon this as well, but I found a workaround/solution, inside the jest.setup file you can import the composables and set them on global. Like this:

import { useQuasar } from "quasar";
import { useRoute, useRouter } from "vue-router";
import { useStore } from "src/store";
import { computed } from "vue";

global.useQuasar = useQuasar;
global.useRoute = useRoute;
global.useRouter = useRouter;
global.useStore = useStore;
global.computed = computed;

If you use TS you will probably need to disable some type checking because otherwise it will complain that those properties are not defined on Global at runtime.