initial commit

fluxer_app/src/test/setup.ts

@@ -0,0 +1,234 @@
+/*
+ * Copyright (C) 2026 Fluxer Contributors
+ *
+ * This file is part of Fluxer.
+ *
+ * Fluxer is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * Fluxer is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with Fluxer. If not, see <https://www.gnu.org/licenses/>.
+ */
+
+import {observer} from 'mobx-react-lite';
+import type {ReactNode} from 'react';
+import {vi} from 'vitest';
+
+if (typeof globalThis.URLPattern === 'undefined') {
+	await import('urlpattern-polyfill');
+}
+
+vi.mock('~/lib/Platform', () => ({
+	Platform: {
+		OS: 'web',
+		isWeb: true,
+		isNative: false,
+		isIOS: false,
+		isAndroid: false,
+		isElectron: false,
+		select: (specifics: Record<string, any>) =>
+			specifics.web ?? specifics.ios ?? specifics.android ?? Object.values(specifics)[0],
+		Version: '1.0.0',
+	},
+	isWebPlatform: () => true,
+	isNativePlatform: () => false,
+	isElectronPlatform: () => false,
+	getNativeLocaleIdentifier: () => null,
+}));
+
+vi.mock('mobx-persist-store', () => ({
+	makePersistable: vi.fn(() => Promise.resolve()),
+	stopPersisting: vi.fn(),
+	configurePersistable: vi.fn(),
+	isHydrated: vi.fn(() => true),
+	isPersisting: vi.fn(() => false),
+}));
+
+vi.mock('~/lib/Logger', () => {
+	const noop = () => {};
+	class MockLogger {
+		child() {
+			return new MockLogger();
+		}
+		trace = noop;
+		debug = noop;
+		info = noop;
+		warn = noop;
+		error = noop;
+		fatal = noop;
+	}
+	return {
+		Logger: MockLogger,
+		LogLevel: {Trace: 0, Debug: 1, Info: 2, Warn: 3, Error: 4, Fatal: 5, Silent: 6},
+	};
+});
+
+vi.mock('~/stores/UpdaterStore', () => ({
+	default: {
+		hasUpdate: false,
+		state: 'idle',
+		isChecking: false,
+		updateType: null,
+		updateInfo: {
+			native: {available: false, version: null},
+			web: {available: false, sha: null, buildNumber: null},
+		},
+		displayVersion: null,
+		currentVersion: null,
+		channel: null,
+		lastCheckedAt: null,
+		checkForUpdates: vi.fn(() => Promise.resolve()),
+		dismissUpdate: vi.fn(),
+		applyUpdate: vi.fn(),
+	},
+}));
+
+vi.mock('katex', () => ({
+	default: {
+		renderToString: vi.fn(() => '<span class="katex">mocked</span>'),
+	},
+}));
+
+vi.mock('~/lib/HttpClient', () => {
+	const defaultInstance = {
+		api_code_version: 1,
+		endpoints: {
+			api: 'https://localhost/api',
+			api_client: 'https://localhost/api',
+			api_public: 'https://localhost/api',
+			gateway: 'wss://localhost/gateway',
+			media: 'https://localhost/media',
+			cdn: 'https://localhost/cdn',
+			marketing: 'https://localhost/marketing',
+			admin: 'https://localhost/admin',
+			invite: 'https://localhost/invite',
+			gift: 'https://localhost/gift',
+			webapp: 'https://localhost',
+		},
+		captcha: {provider: 'none', hcaptcha_site_key: null, turnstile_site_key: null},
+		features: {sms_mfa_enabled: false, voice_enabled: false, stripe_enabled: false, self_hosted: false},
+	};
+
+	const mockResponse = Promise.resolve({ok: true, status: 200, headers: {}, body: defaultInstance});
+	const client = {
+		get: vi.fn(() => mockResponse),
+		post: vi.fn(() => mockResponse),
+		put: vi.fn(() => mockResponse),
+		patch: vi.fn(() => mockResponse),
+		delete: vi.fn(() => mockResponse),
+		request: vi.fn(() => mockResponse),
+		setBaseUrl: vi.fn(),
+		setSudoHandler: vi.fn(),
+		setSudoFailureHandler: vi.fn(),
+		setSudoTokenProvider: vi.fn(),
+		setSudoTokenListener: vi.fn(),
+		setSudoTokenInvalidator: vi.fn(),
+	};
+
+	return {__esModule: true, default: client};
+});
+
+vi.mock('~/components/channel/emoji-picker/EmojiPickerConstants', () => ({
+	EMOJI_CLAP: '👏',
+	EMOJI_SPRITE_SIZE: 32,
+	EMOJI_ROW_HEIGHT: 48,
+	CATEGORY_HEADER_HEIGHT: 32,
+	EMOJIS_PER_ROW: 9,
+	OVERSCAN_ROWS: 5,
+	getSpriteSheetPath: () => 'sprite.png',
+	getSpriteSheetBackground: () => 'url(sprite.png)',
+}));
+
+vi.mock('~/components/modals/ImageCropModal', () => ({
+	default: () => null,
+}));
+
+vi.mock('@lingui/core/macro', () => {
+	const formatMessage = (
+		str: TemplateStringsArray | string | {message?: string; defaultMessage?: string} | undefined,
+		...expr: Array<unknown>
+	) => {
+		if (typeof str === 'string') return str;
+		if (Array.isArray(str)) {
+			return String(str.reduce((acc, chunk, i) => acc + chunk + (expr[i] ?? ''), ''));
+		}
+		if (str && typeof str === 'object') {
+			return (str as any).message ?? (str as any).defaultMessage ?? '';
+		}
+		return '';
+	};
+
+	return {
+		t: formatMessage,
+		msg: formatMessage,
+	};
+});
+
+vi.mock('@lingui/react/macro', async () => {
+	const React = await import('react');
+
+	interface TransProps {
+		children?: ReactNode;
+		id?: string;
+		message?: ReactNode;
+	}
+
+	const Trans = observer(({children, id, message}: TransProps) => {
+		if (children != null) return React.createElement(React.Fragment, null, children);
+		return React.createElement('span', null, message ?? id ?? null);
+	});
+
+	interface PluralProps {
+		value: number;
+		one?: ReactNode;
+		other?: ReactNode;
+		zero?: ReactNode;
+		few?: ReactNode;
+		many?: ReactNode;
+	}
+
+	const Plural = observer(({value, one, other, zero, few, many}: PluralProps) => {
+		if (value === 0 && zero != null) return zero;
+		if (value === 1 && one != null) return one;
+		if (typeof few !== 'undefined' && value >= 2 && value <= 4) return few;
+		if (typeof many !== 'undefined' && value >= 5) return many;
+		return other ?? null;
+	});
+
+	interface SelectProps extends Record<string, ReactNode | string | number | undefined> {
+		value: string | number;
+		other?: ReactNode;
+	}
+
+	const Select = observer(({value, other, ...cases}: SelectProps) => {
+		const key = String(value);
+		return Object.hasOwn(cases, key) ? (cases[key] as ReactNode) : (other ?? null);
+	});
+
+	const SelectOrdinal = Plural;
+
+	return {
+		Trans,
+		Plural,
+		Select,
+		SelectOrdinal,
+	};
+});
+
+vi.mock('~/utils/NotificationUtils', () => ({
+	ensureDesktopNotificationClickHandler: vi.fn(),
+	hasNotification: () => false,
+	isGranted: async () => false,
+	playNotificationSoundIfEnabled: vi.fn(),
+	requestPermission: async () => {},
+	showNotification: async () => ({browserNotification: null, nativeNotificationId: null}),
+	closeNativeNotification: () => undefined,
+	closeNativeNotifications: () => undefined,
+}));