vitest.setup.ts

import 'temporal-polyfill-lite/global';
import 'temporal-polyfill-lite/types/global';
import {beforeEach, vi} from 'vitest';
import {config, mount} from '@vue/test-utils';
import {createTestingPinia} from '@pinia/testing';
import resizeObserver from 'resize-observer-polyfill';
import createI18n from '@/i18n';
import en from '@/i18n/en.json';
import router from '@/router';

window.HTMLElement.prototype.scrollIntoView = vi.fn();
window.HTMLElement.prototype.hasPointerCapture = vi.fn();
vi.stubGlobal('ResizeObserver', resizeObserver);

config.global.plugins = [createI18n(en), router];
config.global.directives = {
  tippy() {},
};

const dataTestIdPlugin = (wrapper: ReturnType<typeof mount>) => ({
  findByTestId: (testId: string) => wrapper.find(`[data-test-id='${testId}']`),
  findByText: (selector: string, text: string) =>
    wrapper.findAll(selector).find((node) => {
      return node.text() === text;
    }),
});

config.plugins.VueWrapper.install(dataTestIdPlugin);

vi.mock('canvas-confetti', () => ({
  default: () => false,
}));

// Reset handlers after each test
beforeEach(() => {
  // Clear local storage so state is fresh for each test
  localStorage.clear();
  config.global.plugins[2] = createTestingPinia();
});