Mocking useSanctumClient

[rkrater]

I'm new to vitest and mocking so maybe I'm doing it wrong but I'm trying to find a way to mock the response from useSanctumClient. Any help would be greatly appreciated.

useRegister is a composable that has api calls to our Laravel server - if status is 200 ifSuccessful is set to true. useSanctumClient isn't being mocked and the composable is calling "http://localhost:80/api/summerschool/sessions"

import { describe, expect, it, vi } from "vitest";

vi.mock("nuxt-auth-sanctum", () => {
  return {
    useSanctumClient: () => ({
      get: vi.fn().mockResolvedValue({
        status: 200,
        data: {
		 // api data
        },
      }),
    }),
  };
});

describe("settingsLoad", () => {
  it("ifSuccessful is true", async () => {
    const { settingsLoad } = useRegister();

    const res = await settingsLoad();
    expect(res.ifSuccessful).toBe(true);
  });
});

[manchenkoff]

Hey @rkrater! Behind the scenes, useSanctumClient just creates an instance of ofetch client via ofetch.create() method, so you can check how this object can be mocked.

Another option is to point sanctum module to your Nuxt app instead of actual API and mock the response instead. You can check an example in the tests used for nuxt-auth-sanctum itself - here.