Function stubMatchMedia

site/src/theme/usePreferredColorScheme.test.tsx:5–23

(matches: boolean)

import { usePreferredColorScheme } from "./usePreferredColorScheme";

const stubMatchMedia = (matches: boolean) => {
	const query = {
		matches,
		media: "(prefers-color-scheme: light)",
		onchange: null,
		addEventListener: vi.fn<MediaQueryList["addEventListener"]>(),
		removeEventListener: vi.fn<MediaQueryList["removeEventListener"]>(),
		addListener: vi.fn<MediaQueryList["addListener"]>(),
		removeListener: vi.fn<MediaQueryList["removeListener"]>(),
		dispatchEvent: vi.fn<MediaQueryList["dispatchEvent"]>(() => true),
	} satisfies MediaQueryList;

	vi.stubGlobal(
		"matchMedia",
		vi.fn(() => query),
	);

	return query;
};
afterEach(() => {
	vi.unstubAllGlobals();
});