frontend-svelte/vitest.setup.component.ts

import * as matchers from '@testing-library/jest-dom/matchers';
import { cleanup } from '@testing-library/svelte';
import {
    afterEach,
    expect,
    vi,
} from 'vitest';

// Import Tailwind CSS styles for component tests
import '$app/styles/app.css';

expect.extend(matchers);

afterEach(() => {
    cleanup();
});

// Mock window.matchMedia for components that use it
Object.defineProperty(window, 'matchMedia', {
    writable: true,
    value: vi.fn().mockImplementation((query: string) => ({
        matches: false,
        media: query,
        onchange: null,
        addListener: vi.fn(),
        removeListener: vi.fn(),
        addEventListener: vi.fn(),
        removeEventListener: vi.fn(),
        dispatchEvent: vi.fn(),
    })),
});