@cnamts/synapse 1.0.20 → 1.0.21

package/src/utils/theme/tests/useThemeLocales.spec.ts

@@ -0,0 +1,245 @@
+import { describe, it, expect, beforeEach, vi } from 'vitest'
+import { useThemeLocales } from '../index'
+import { useTheme } from 'vuetify'
+import { nextTick, ref } from 'vue'
+import type { Mock } from 'vitest'
+
+// Mock Vuetify
+vi.mock('vuetify', () => ({
+	useTheme: vi.fn(),
+}))
+
+describe('useThemeLocales', () => {
+	let mockTheme: { name: ReturnType<typeof ref<string>> }
+
+	beforeEach(() => {
+		// Reset mock before each test
+		vi.clearAllMocks()
+
+		// Setup default mock theme with reactive ref
+		mockTheme = {
+			name: ref('default'),
+		}
+		;(useTheme as Mock).mockReturnValue(mockTheme)
+	})
+
+	it('should return themeLocales computed property', () => {
+		const locales = {
+			default: { title: 'Default Title', pageTitle: 'Default', message: 'msg', code: '500' },
+		}
+
+		const { themeLocales } = useThemeLocales(locales)
+
+		expect(themeLocales).toBeDefined()
+		expect(themeLocales.value).toEqual({ title: 'Default Title', pageTitle: 'Default', message: 'msg', code: '500' })
+	})
+
+	it('should return default locale when theme name is not found', () => {
+		const locales = {
+			default: { title: 'Default Title', message: 'Default Message', pageTitle: 'Default', code: '500' },
+			cnam: { title: 'CNAM Title', message: 'CNAM Message', pageTitle: 'CNAM', code: '500' },
+		}
+
+		mockTheme.name.value = 'unknown'
+
+		const { themeLocales } = useThemeLocales(locales)
+
+		expect(themeLocales.value).toEqual({
+			title: 'Default Title',
+			message: 'Default Message',
+			pageTitle: 'Default',
+			code: '500',
+		})
+	})
+
+	it('should return locale for cnam theme', () => {
+		const locales = {
+			default: { title: 'Default Title', pageTitle: 'Default', message: 'msg', code: '500' },
+			cnam: { title: 'CNAM Title', message: 'CNAM Message', pageTitle: 'CNAM', code: '500' },
+		}
+
+		mockTheme.name.value = 'cnam'
+
+		const { themeLocales } = useThemeLocales(locales)
+
+		expect(themeLocales.value).toEqual({
+			title: 'CNAM Title',
+			message: 'CNAM Message',
+			pageTitle: 'CNAM',
+			code: '500',
+		})
+	})
+
+	it('should return locale for ap theme', () => {
+		const locales = {
+			default: { title: 'Default Title', pageTitle: 'Default', message: 'msg', code: '500' },
+			ap: { title: 'AP Title', message: 'AP Message', pageTitle: 'AP', code: '500' },
+		}
+
+		mockTheme.name.value = 'ap'
+
+		const { themeLocales } = useThemeLocales(locales)
+
+		expect(themeLocales.value).toEqual({
+			title: 'AP Title',
+			message: 'AP Message',
+			pageTitle: 'AP',
+			code: '500',
+		})
+	})
+
+	it('should return locale for ap2026 theme', () => {
+		const locales = {
+			default: { title: 'Default Title', pageTitle: 'Default', message: 'msg', code: '500' },
+			ap2026: { title: 'AP 2026 Title', message: 'AP 2026 Message', pageTitle: 'AP2026', code: '500' },
+		}
+
+		mockTheme.name.value = 'ap2026'
+
+		const { themeLocales } = useThemeLocales(locales)
+
+		expect(themeLocales.value).toEqual({
+			title: 'AP 2026 Title',
+			message: 'AP 2026 Message',
+			pageTitle: 'AP2026',
+			code: '500',
+		})
+	})
+
+	it('should update themeLocales when theme changes', async () => {
+		const locales = {
+			default: { title: 'Default Title', pageTitle: 'Default', message: 'msg', code: '500' },
+			cnam: { title: 'CNAM Title', pageTitle: 'CNAM', message: 'msg', code: '500' },
+			ap: { title: 'AP Title', pageTitle: 'AP', message: 'msg', code: '500' },
+		}
+
+		// Initial theme
+		mockTheme.name.value = 'cnam'
+		const { themeLocales } = useThemeLocales(locales)
+		expect(themeLocales.value.title).toBe('CNAM Title')
+
+		// Change theme
+		mockTheme.name.value = 'ap'
+		await nextTick()
+		expect(themeLocales.value.title).toBe('AP Title')
+
+		// Change to default
+		mockTheme.name.value = 'default'
+		await nextTick()
+		expect(themeLocales.value.title).toBe('Default Title')
+	})
+
+	it('should handle complex locale objects', () => {
+		const locales = {
+			default: {
+				pageTitle: 'Error',
+				message: 'An error occurred',
+				code: '500',
+				src: undefined,
+			},
+			cnam: {
+				pageTitle: 'Error CNAM',
+				message: 'An error occurred at CNAM',
+				code: '500',
+				src: undefined,
+			},
+			ap: {
+				pageTitle: 'Error AP',
+				message: 'An error occurred at AP',
+				code: '500',
+				src: 'image-ap.svg',
+			},
+		}
+
+		mockTheme.name.value = 'ap'
+
+		const { themeLocales } = useThemeLocales(locales)
+
+		expect(themeLocales.value).toEqual({
+			pageTitle: 'Error AP',
+			message: 'An error occurred at AP',
+			code: '500',
+			src: 'image-ap.svg',
+		})
+	})
+
+	it('should maintain reactivity across multiple instances', async () => {
+		const locales = {
+			default: { title: 'Default', pageTitle: 'Default', message: 'msg', code: '500' },
+			cnam: { title: 'CNAM', pageTitle: 'CNAM', message: 'msg', code: '500' },
+		}
+
+		const { themeLocales: locales1 } = useThemeLocales(locales)
+		const { themeLocales: locales2 } = useThemeLocales(locales)
+
+		mockTheme.name.value = 'cnam'
+		await nextTick()
+
+		expect(locales1.value.title).toBe('CNAM')
+		expect(locales2.value.title).toBe('CNAM')
+	})
+
+	it('should handle locale with null or undefined values', () => {
+		const locales = {
+			default: { title: 'Default', icon: null, description: undefined, pageTitle: 'Default', message: 'msg', code: '500' },
+			cnam: { title: 'CNAM', icon: null, description: undefined, pageTitle: 'CNAM', message: 'msg', code: '500' },
+		}
+
+		mockTheme.name.value = 'cnam'
+
+		const { themeLocales } = useThemeLocales(locales)
+
+		expect(themeLocales.value.title).toBe('CNAM')
+		expect(themeLocales.value.icon).toBeNull()
+	})
+
+	it('should work with generic type inference', () => {
+		const locales = {
+			default: { title: 'Default', message: 'Default message', pageTitle: 'Default', code: '500' },
+			cnam: {
+				title: 'CNAM',
+				message: 'CNAM message',
+				code: '500',
+				pageTitle: 'CNAM',
+			},
+		}
+
+		mockTheme.name.value = 'cnam'
+
+		const { themeLocales } = useThemeLocales(locales)
+
+		expect(themeLocales.value.title).toBe('CNAM')
+		expect(themeLocales.value.message).toBe('CNAM message')
+	})
+
+	it('should prefer theme locale over default when available', () => {
+		const locales = {
+			default: { title: 'Default Title', message: 'Default Message', pageTitle: 'Default', code: '500' },
+			custom: { title: 'Custom Title', message: 'Custom Message', pageTitle: 'Custom', code: '500' },
+		}
+
+		mockTheme.name.value = 'custom'
+
+		const { themeLocales } = useThemeLocales(locales)
+
+		expect(themeLocales.value.title).toBe('Custom Title')
+		expect(themeLocales.value.message).toBe('Custom Message')
+	})
+
+	it('should fallback to default when accessing non-existent theme', () => {
+		const locales = {
+			default: { title: 'Default', message: 'Default message', pageTitle: 'Default', code: '500' },
+		}
+
+		mockTheme.name.value = 'nonexistent'
+
+		const { themeLocales } = useThemeLocales(locales)
+
+		expect(themeLocales.value).toEqual({
+			title: 'Default',
+			message: 'Default message',
+			pageTitle: 'Default',
+			code: '500',
+		})
+	})
+})

package/dist/components/MaintenancePage/index.d.ts

@@ -1,2 +0,0 @@
-import { default as MaintenancePage } from './MaintenancePage';
-export default MaintenancePage;

package/src/components/Customs/SyPagination/tests/SyPagination.a11y.spec.ts

@@ -1,27 +0,0 @@
-// @vitest-environment jsdom
-
-import { describe, it } from 'vitest'
-import { mount } from '@vue/test-utils'
-import { axe } from 'vitest-axe'
-import { assertNoA11yViolations } from '@tests/unit/accessibility/axeUtils'
-import SyPagination from '../SyPagination.vue'
-
-// Scénario d’accessibilité : pagination avec libellé, aria-controls et page active.
-
-describe('SyPagination – accessibility (axe)', () => {
-	it('has no obvious axe violations with labelled navigation and active page', async () => {
-		const wrapper = mount(SyPagination, {
-			props: {
-				modelValue: 3,
-				pages: 10,
-				label: 'Pagination des résultats',
-				ariaControls: 'liste-resultats',
-			},
-		})
-
-		const results = await axe(wrapper.element as HTMLElement)
-		assertNoA11yViolations(results, 'SyPagination – labelled navigation', {
-			ignoreRules: ['region'],
-		})
-	})
-})

package/src/components/Customs/SyTabs/tests/SyTabs.a11y.spec.ts

@@ -1,51 +0,0 @@
-// @vitest-environment jsdom
-
-import { describe, it, vi } from 'vitest'
-import { mount } from '@vue/test-utils'
-import { axe } from 'vitest-axe'
-import { assertNoA11yViolations } from '@tests/unit/accessibility/axeUtils'
-import SyTabs from '../SyTabs.vue'
-
-// Stub RouterLink pour éviter de dépendre du routeur réel
-const RouterLink = {
-	name: 'RouterLink',
-	props: ['to'],
-	template: '<a :href="to"><slot /></a>',
-}
-
-const testItems = [
-	{ label: 'Tab 1', value: 'tab1', content: 'Contenu du Tab 1' },
-	{ label: 'Tab 2', value: 'tab2', content: 'Contenu du Tab 2' },
-	{ label: 'Tab 3', value: 'tab3', content: 'Contenu du Tab 3' },
-]
-
-// Scénario d’accessibilité : groupe d’onglets avec trois panneaux.
-
-describe('SyTabs – accessibility (axe)', () => {
-	it('has no obvious axe violations with three tabs and panels', async () => {
-		const wrapper = mount(SyTabs, {
-			props: {
-				items: testItems,
-			},
-			global: {
-				components: {
-					RouterLink,
-				},
-				mocks: {
-					$router: {
-						push: vi.fn(),
-						replace: vi.fn(),
-					},
-				},
-			},
-			attachTo: document.body,
-		})
-
-		const results = await axe(wrapper.element as HTMLElement)
-		assertNoA11yViolations(results, 'SyTabs – default configuration', {
-			ignoreRules: ['region'],
-		})
-
-		wrapper.unmount()
-	})
-})

package/src/components/DataListItem/tests/DataListItem.a11y.spec.ts

@@ -1,31 +0,0 @@
-// @vitest-environment jsdom
-
-import { describe, it } from 'vitest'
-import { mount } from '@vue/test-utils'
-import { axe } from 'vitest-axe'
-import { assertNoA11yViolations } from '@tests/unit/accessibility/axeUtils'
-import DataListItem from '../DataListItem.vue'
-
-const defaultProps = {
-	label: 'Adresse e-mail',
-	value: 'sample@example.com',
-	action: 'Modifier',
-	chip: true,
-	row: false,
-}
-
-describe('DataListItem – accessibility (axe)', () => {
-	it('has no obvious axe violations with chip, icon slot and action', async () => {
-		const wrapper = mount(DataListItem, {
-			props: defaultProps,
-			slots: {
-				icon: '<span aria-hidden="true" class="fake-icon" />',
-			},
-		})
-
-		const results = await axe(wrapper.element as HTMLElement)
-		assertNoA11yViolations(results, 'DataListItem – chip and action', {
-			ignoreRules: ['region'],
-		})
-	})
-})

package/src/components/DatePicker/CalendarMode/tests/DatePicker.a11y.spec.ts

@@ -1,27 +0,0 @@
-// @vitest-environment jsdom
-
-import { describe, it } from 'vitest'
-import { mount } from '@vue/test-utils'
-import { axe } from 'vitest-axe'
-import { assertNoA11yViolations } from '@tests/unit/accessibility/axeUtils'
-import DatePicker from '../DatePicker.vue'
-
-// Scénario d’accessibilité : champ de date en mode calendrier,
-// avec label et champ requis, calendrier fermé (état par défaut).
-
-describe('DatePicker (CalendarMode) – accessibility (axe)', () => {
-	it('has no obvious axe violations in default state', async () => {
-		const wrapper = mount(DatePicker, {
-			props: {
-				label: 'Date de naissance',
-				format: 'DD/MM/YYYY',
-				required: true,
-			},
-		})
-
-		const results = await axe(wrapper.element as HTMLElement)
-		assertNoA11yViolations(results, 'DatePicker (CalendarMode) – default state', {
-			ignoreRules: ['region'],
-		})
-	})
-})

package/src/components/DatePicker/ComplexDatePicker/tests/ComplexDatePicker.a11y.spec.ts

@@ -1,26 +0,0 @@
-// @vitest-environment jsdom
-
-import { describe, it } from 'vitest'
-import { mount } from '@vue/test-utils'
-import { axe } from 'vitest-axe'
-import { assertNoA11yViolations } from '@tests/unit/accessibility/axeUtils'
-import ComplexDatePicker from '../ComplexDatePicker.vue'
-
-// Scénario d’accessibilité : sélecteur de date combiné (champ + calendrier),
-// en mode simple, avec label et format jour/mois/année.
-
-describe('ComplexDatePicker – accessibility (axe)', () => {
-	it('has no obvious axe violations in default calendar mode', async () => {
-		const wrapper = mount(ComplexDatePicker, {
-			props: {
-				label: 'Date',
-				format: 'DD/MM/YYYY',
-			},
-		})
-
-		const results = await axe(wrapper.element as HTMLElement)
-		assertNoA11yViolations(results, 'ComplexDatePicker – default calendar mode', {
-			ignoreRules: ['region'],
-		})
-	})
-})

package/src/components/DatePicker/DateTextInput/tests/DateTextInput.a11y.spec.ts

@@ -1,27 +0,0 @@
-// @vitest-environment jsdom
-
-import { describe, it } from 'vitest'
-import { mount } from '@vue/test-utils'
-import { axe } from 'vitest-axe'
-import { assertNoA11yViolations } from '@tests/unit/accessibility/axeUtils'
-import DateTextInput from '../DateTextInput.vue'
-
-// Scénario d’accessibilité : champ texte de date seul, requis,
-// avec format jour/mois/année.
-
-describe('DateTextInput – accessibility (axe)', () => {
-	it('has no obvious axe violations for a required single date field', async () => {
-		const wrapper = mount(DateTextInput, {
-			props: {
-				label: 'Date',
-				format: 'DD/MM/YYYY',
-				required: true,
-			},
-		})
-
-		const results = await axe(wrapper.element as HTMLElement)
-		assertNoA11yViolations(results, 'DateTextInput – required single date', {
-			ignoreRules: ['region'],
-		})
-	})
-})

package/src/components/DownloadBtn/tests/DownloadBtn.a11y.spec.ts

@@ -1,26 +0,0 @@
-// @vitest-environment jsdom
-
-import { describe, it } from 'vitest'
-import { mount } from '@vue/test-utils'
-import { axe } from 'vitest-axe'
-import { assertNoA11yViolations } from '@tests/unit/accessibility/axeUtils'
-import DownloadBtn from '../DownloadBtn.vue'
-import { filePromise } from './data/filePromise'
-
-// Scénario d’accessibilité : bouton de téléchargement prêt à l’emploi
-// avec icône, texte par défaut et état initial idle.
-
-describe('DownloadBtn – accessibility (axe)', () => {
-	it('has no obvious axe violations in default state', async () => {
-		const wrapper = mount(DownloadBtn, {
-			props: {
-				filePromise,
-			},
-		})
-
-		const results = await axe(wrapper.element as HTMLElement)
-		assertNoA11yViolations(results, 'DownloadBtn – default state', {
-			ignoreRules: ['region'],
-		})
-	})
-})

package/src/components/ExternalLinks/tests/ExternalLinks.a11y.spec.ts

@@ -1,39 +0,0 @@
-// @vitest-environment jsdom
-
-import { describe, it } from 'vitest'
-import { mount } from '@vue/test-utils'
-import { axe } from 'vitest-axe'
-import { assertNoA11yViolations } from '@tests/unit/accessibility/axeUtils'
-import ExternalLinks from '../ExternalLinks.vue'
-
-const items = [
-	{ text: 'ameli.fr', href: 'https://www.ameli.fr' },
-	{ text: 'Service-public.fr', href: 'https://www.service-public.fr' },
-]
-
-// Scénario d’accessibilité : bouton externe fixé en bas à droite,
-// menu ouvert avec une liste de liens.
-
-describe('ExternalLinks – accessibility (axe)', () => {
-	it('has no obvious axe violations with menu open and items', async () => {
-		const wrapper = mount(ExternalLinks, {
-			props: {
-				position: 'bottom right',
-				items,
-				fixed: true,
-			},
-			attachTo: document.body,
-		})
-
-		const button = wrapper.find('button')
-		await button.trigger('click')
-		await wrapper.vm.$nextTick()
-
-		const results = await axe(document.body)
-		assertNoA11yViolations(results, 'ExternalLinks – menu open with items', {
-			ignoreRules: ['region'],
-		})
-
-		wrapper.unmount()
-	})
-})

package/src/components/HeaderNavigationBar/tests/HeaderNavigationBar.a11y.spec.ts

@@ -1,45 +0,0 @@
-// @vitest-environment jsdom
-
-import { describe, it, vi } from 'vitest'
-import { mount } from '@vue/test-utils'
-import { axe } from 'vitest-axe'
-import { assertNoA11yViolations } from '@tests/unit/accessibility/axeUtils'
-import HeaderNavbar from '../HeaderNavigationBar.vue'
-
-// Scénario d’accessibilité : barre de navigation avec onglets horizontaux en mode desktop.
-
-vi.mock('@/utils/functions/throttleDisplayFn/throttleDisplayFn.ts', () => ({
-	default: (fn: (...args: unknown[]) => void) => fn,
-}))
-
-describe('HeaderNavigationBar – accessibility (axe)', () => {
-	it('has no obvious axe violations in desktop horizontal mode', async () => {
-		// @ts-expect-error  - Property 'happyDOM' does not exist on type 'Window & typeof globalThis'.
-		window.window.happyDOM.setInnerWidth(1200)
-
-		const wrapper = mount(HeaderNavbar, {
-			global: {
-				stubs: {
-					Teleport: true,
-					RouterLink: true,
-				},
-			},
-			props: {
-				items: [
-					{ label: 'Accueil', to: '/' },
-					{ label: 'À propos', to: '/about' },
-				],
-			},
-			attachTo: document.body,
-		})
-
-		await wrapper.vm.$nextTick()
-
-		const results = await axe(wrapper.element as HTMLElement)
-		assertNoA11yViolations(results, 'HeaderNavigationBar – desktop horizontal', {
-			ignoreRules: ['region'],
-		})
-
-		wrapper.unmount()
-	})
-})

package/src/components/HeaderToolbar/tests/HeaderToolbar.a11y.spec.ts

@@ -1,25 +0,0 @@
-// @vitest-environment jsdom
-
-import { describe, it } from 'vitest'
-import { mount } from '@vue/test-utils'
-import { axe } from 'vitest-axe'
-import { assertNoA11yViolations } from '@tests/unit/accessibility/axeUtils'
-import HeaderToolbar from '../HeaderToolbar.vue'
-
-// Scénario d’accessibilité : barre d’outils d’en-tête avec menus gauche/droite
-// rendus en mode bureau.
-
-describe('HeaderToolbar – accessibility (axe)', () => {
-	it('has no obvious axe violations with default desktop menus', async () => {
-		const wrapper = mount(HeaderToolbar, {
-			attachTo: document.body,
-		})
-
-		const results = await axe(wrapper.element as HTMLElement)
-		assertNoA11yViolations(results, 'HeaderToolbar – default desktop menus', {
-			ignoreRules: ['region'],
-		})
-
-		wrapper.unmount()
-	})
-})

package/src/components/LunarCalendar/tests/LunarCalendar.a11y.spec.ts

@@ -1,31 +0,0 @@
-// @vitest-environment jsdom
-
-import { describe, it } from 'vitest'
-import { mount } from '@vue/test-utils'
-import { axe } from 'vitest-axe'
-import { assertNoA11yViolations } from '@tests/unit/accessibility/axeUtils'
-import LunarCalendar from '../LunarCalendar.vue'
-
-// Scénario d’accessibilité : champ de date lunaire avec label requis et valeur renseignée.
-
-describe('LunarCalendar – accessibility (axe)', () => {
-	it('has no obvious axe violations with labeled required field', async () => {
-		const wrapper = mount(LunarCalendar, {
-			props: {
-				label: 'Date de naissance',
-				modelValue: '10/19/1995',
-				required: true,
-				minYear: 1900,
-				maxYear: 2030,
-			},
-			attachTo: document.body,
-		})
-
-		const results = await axe(wrapper.element as HTMLElement)
-		assertNoA11yViolations(results, 'LunarCalendar – labeled required field', {
-			ignoreRules: ['region'],
-		})
-
-		wrapper.unmount()
-	})
-})

package/src/components/MaintenancePage/index.ts

@@ -1,3 +0,0 @@
-import MaintenancePage from './MaintenancePage.vue'
-
-export default MaintenancePage

package/src/components/PaginatedTable/tests/PaginatedTable.a11y.spec.ts

@@ -1,43 +0,0 @@
-// @vitest-environment jsdom
-
-import { describe, it } from 'vitest'
-import { mount } from '@vue/test-utils'
-import { axe } from 'vitest-axe'
-import { assertNoA11yViolations } from '@tests/unit/accessibility/axeUtils'
-import PaginatedTable from '../PaginatedTable.vue'
-import type { DataOptions } from '@/components/PaginatedTable/types'
-
-const fakeItems = [
-	{ id: 1, name: 'John Doe', age: 25 },
-	{ id: 2, name: 'Jane Doe', age: 30 },
-	{ id: 3, name: 'John Smith', age: 35 },
-] as const
-
-const headers = [
-	{ title: 'ID', key: 'id' },
-	{ title: 'Name', key: 'name' },
-	{ title: 'Age', key: 'age' },
-]
-
-// Scénario d’accessibilité : tableau paginé en mode local avec légende cachée.
-
-describe('PaginatedTable – accessibility (axe)', () => {
-	it('has no obvious axe violations in local mode with caption', async () => {
-		const wrapper = mount(PaginatedTable, {
-			props: {
-				options: {} as DataOptions,
-				items: fakeItems,
-				headers,
-				caption: 'Liste des utilisateurs',
-			},
-			attachTo: document.body,
-		})
-
-		const results = await axe(wrapper.element as HTMLElement)
-		assertNoA11yViolations(results, 'PaginatedTable – local mode with caption', {
-			ignoreRules: ['region'],
-		})
-
-		wrapper.unmount()
-	})
-})