import "@testing-library/jest-dom/vitest";
import { cleanup, configure } from "@testing-library/react";
import { afterAll, afterEach, beforeAll, vi } from "vitest";

import { configureAuthClient } from "@/shared/api";

import "../shared/i18n";
import { server } from "./server";

// Allow async UI updates on the slower CI runner; local waits stay unchanged.
if (process.env.CI) configure({ asyncUtilTimeout: 5000 });

beforeAll(() => server.listen({ onUnhandledRequest: "error" }));
afterEach(() => {
	cleanup();
	configureAuthClient();
	server.resetHandlers();
});
afterAll(() => server.close());

class ResizeObserver {
	disconnect() {}
	observe() {}
	unobserve() {}
}

vi.stubGlobal("ResizeObserver", ResizeObserver);

// JSDOM has no layout/scrolling; Mantine Combobox scrolls the active option.
Object.defineProperty(HTMLElement.prototype, "scrollIntoView", {
	configurable: true,
	value: () => {},
});

Object.defineProperty(globalThis, "matchMedia", {
	value: (query: string) => ({
		addEventListener: () => {},
		addListener: () => {},
		dispatchEvent: () => false,
		matches: false,
		media: query,
		onchange: /* eslint-disable-line unicorn/no-null -- Exercise the explicit null returned by the production API/DOM contract. */ null,
		removeEventListener: () => {},
		removeListener: () => {},
	}),
	writable: true,
});