tests-setup.js

import { beforeEach, vi } from "vitest";
import { createRouter, createWebHistory } from "vue-router";
import { config } from "@vue/test-utils";
import { createHead } from "@unhead/vue";
import { createPinia, setActivePinia } from "pinia";
import routes from "~pages";
import record from "@/utils/__fixtures__/record-with-features.json";
import operator from "@/utils/__fixtures__/operator.json";

setActivePinia(createPinia());

// Enables default Vue Component, such as <router-link />
// via https://test-utils.vuejs.org/guide/advanced/vue-router.html#using-a-real-router
// and https://test-utils.vuejs.org/api/#config-global
const head = createHead();
const router = createRouter({ routes, history: createWebHistory() });

config.global.plugins = [head, router];

vi.mock("axios", async (importActual) => {
  const axios = await importActual();
  const createMock = {
    delete: vi.fn(),
    get: vi.fn((path) => {
      if (path.includes("/operator") && path.includes("/records")) return { data: [record] };
      if (path.includes("/operator")) return { data: operator };
      if (path.includes("/audits")) return { data: record };
    }),
    post: vi.fn(),
    head: vi.fn(),
    patch: vi.fn(),
    defaults: {
      headers: {
        common: {},
      },
    },
  };
  return {
    __esModule: true,
    default: {
      create: vi.fn().mockReturnValue(createMock),
      __createMock: createMock,
      delete: vi.fn(),
      get: vi.fn((path) => {
        if (path.includes("operator") && path.includes("records")) return { data: [record] };
        if (path.includes("operator")) return { data: operator };
        if (path.includes("audits")) return { data: record };
      }),
      head: vi.fn(),
      post: vi.fn(),
      patch: vi.fn(),
    },
    post: vi.fn(),
    AxiosError: axios.AxiosError,
  };
});

vi.mock("maplibre-gl", () => ({
  Map: vi.fn(() => ({
    addControl: vi.fn(),
    on: vi.fn(),
    once: vi.fn(),
    remove: vi.fn(),
    setGlyphs: vi.fn(),
    loadImage: vi.fn(),
    addSource: vi.fn(),
    addLayer: vi.fn(),
    fitBounds: vi.fn(),
    getLayer: vi.fn(),
    getSource: vi.fn(),
    getZoom: vi.fn(),
    getStyle: vi.fn().mockImplementation(() => ({ layers: [] })),
    isStyleLoaded: vi.fn().mockReturnValue(true),
    setLayoutProperty: vi.fn(),
    resize: vi.fn(),
  })),
  NavigationControl: vi.fn(),
  ScaleControl: vi.fn(),
}));

vi.stubGlobal("localStorage", {
  getItem: vi.fn(),
  setItem: vi.fn(),
});

vi.mock("@vueuse/core", async (importActual) => {
  const vueuse = await importActual();
  return {
    __esModule: true,
    ...vueuse,
    useOnline: vi.fn().mockImplementation(() => ({ value: true })),
  };
});

vi.stubGlobal(
  "matchMedia",
  vi.fn(() => ({
    addEventListener: vi.fn(),
    matches: vi.fn().mockReturnValue(true),
  })),
);

vi.spyOn(global, "navigator", "get").mockImplementation(() => ({
  clipboard: {
    writeText: vi.fn(),
  },
  onLine: true,
}));

beforeEach(() => vi.clearAllMocks());