How to mock composable method in a component?

[qashier-ray-foo]

I tried vi.mock("@/composables/useSampleComposable") but the composable is not mocked. Need help

[cexbrayat]

As you can see in vi.mock documentation, you need to add second parameter which is the factory of the mock object you want to use https://vitest.dev/api/vi.html#vi-mock

It's usually something like:

vi.mock("@/composables/useSampleComposable", () =>({
  mySuperComposableFunction: vi.fn()
}))

[qashier-ray-foo]

As you can see in vi.mock documentation, you need to add second parameter which is the factory of the mock object you want to use https://vitest.dev/api/vi.html#vi-mock

It's usually something like:

vi.mock("@/composables/useSampleComposable", () =>({
  mySuperComposableFunction: vi.fn()
}))

I tried this method before, but when testing the component, the composable still is not mocked. 😅

[cexbrayat]

If you want help from us, you can build a repro online with https://stackblitz.com/github/vuejs/create-vue-templates/tree/main/typescript-vitest?file=src%2Fcomponents%2F__tests__%2FHelloWorld.spec.ts and we'll take a look

[qashier-ray-foo]

Could it be because I am using quasar webpack with vitest? I forked the repro and install all the quasar libs, using vite project with vitest, I am able to mock the composable