diff --git a/apps/web/src/features/settings/components/PreferenceSettings.test.tsx b/apps/web/src/features/settings/components/PreferenceSettings.test.tsx index 71eb455c9..05e17e834 100644 --- a/apps/web/src/features/settings/components/PreferenceSettings.test.tsx +++ b/apps/web/src/features/settings/components/PreferenceSettings.test.tsx @@ -52,6 +52,28 @@ vi.mock('@/components/ui/label', () => ({ ), })); +// Mock useTranslation hook +vi.mock('@/hooks/useTranslation', () => ({ + useTranslation: () => ({ + t: (key: string) => { + const translations: Record = { + 'settings.language.language': 'Language', + 'settings.language.title': 'Language and Region', + 'settings.language.description': 'Choose your preferred language', + 'settings.appearance.theme': 'Theme', + 'settings.appearance.light': 'Light', + 'settings.appearance.dark': 'Dark', + 'settings.appearance.system': 'System', + 'common.search': 'Search', + }; + return translations[key] ?? key; + }, + changeLanguage: vi.fn(), + language: 'en', + isReady: true, + }), +})); + describe('PreferenceSettings Component', () => { const mockPreferences: PreferenceSettingsType = { language: 'en', @@ -73,9 +95,9 @@ describe('PreferenceSettings Component', () => { />, ); - expect(screen.getByText('Langue')).toBeInTheDocument(); - expect(screen.getByText('Fuseau horaire')).toBeInTheDocument(); - expect(screen.getByText('Thème')).toBeInTheDocument(); + expect(screen.getByText('Language')).toBeInTheDocument(); + expect(screen.getByText('Language and Region')).toBeInTheDocument(); + expect(screen.getByText('Theme')).toBeInTheDocument(); expect(screen.getByTestId('radio-group')).toBeInTheDocument(); });