@cnamts/synapse 1.0.10 → 1.0.11

package/src/components/DataListGroup/tests/DataListGroup.spec.ts

@@ -4,7 +4,6 @@ import { mount } from '@vue/test-utils'
 import DataListGroup from '../DataListGroup.vue'
 
 import { dataListGroupItems } from './data/dataListGroupItems'
-import { vuetify } from '@tests/unit/setup'
 
 describe('DataListGroup', () => {
 	it('renders correctly', () => {
@@ -12,9 +11,6 @@ describe('DataListGroup', () => {
 			props: {
 				items: dataListGroupItems,
 			},
-			global: {
-				plugins: [vuetify],
-			},
 		})
 
 		expect(wrapper.find('h4').text()).toBe('Catégorie 1')
@@ -26,9 +22,6 @@ describe('DataListGroup', () => {
 				loading: true,
 				items: dataListGroupItems,
 			},
-			global: {
-				plugins: [vuetify],
-			},
 		})
 
 		expect(wrapper.find('.sy-data-list-loading').exists()).toBe(true)
@@ -39,9 +32,6 @@ describe('DataListGroup', () => {
 			props: {
 				items: dataListGroupItems,
 			},
-			global: {
-				plugins: [vuetify],
-			},
 		})
 
 		const button = wrapper.find('button')

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

@@ -1,15 +1,11 @@
 import { mount } from '@vue/test-utils'
 import { describe, it, expect } from 'vitest'
-import { vuetify } from '@tests/unit/setup'
 
 import DataListItem from '../DataListItem.vue'
 
 describe('DataListItem', () => {
 	it('renders correctly', () => {
 		const wrapper = mount(DataListItem, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				label: 'Test',
 				value: 'Sample Value',
@@ -29,9 +25,6 @@ describe('DataListItem', () => {
 
 	it('renders correctly with a number value', () => {
 		const wrapper = mount(DataListItem, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				label: 'Test',
 				value: 123,
@@ -43,9 +36,6 @@ describe('DataListItem', () => {
 
 	it('renders correctly with a NaN value', () => {
 		const wrapper = mount(DataListItem, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				label: 'Test',
 				value: parseInt('test', 10),
@@ -57,9 +47,6 @@ describe('DataListItem', () => {
 
 	it('renders correctly a value with HTML as text', () => {
 		const wrapper = mount(DataListItem, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				label: 'Test',
 				value: '<span>Custom Value</span>',
@@ -73,9 +60,6 @@ describe('DataListItem', () => {
 
 	it('renders correctly a value as plain HTML', () => {
 		const wrapper = mount(DataListItem, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				label: 'Test',
 				value: 'Paul<br> Dupont',
@@ -90,9 +74,6 @@ describe('DataListItem', () => {
 
 	it('renders correctly value in a chip', () => {
 		const wrapper = mount(DataListItem, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				label: 'Test',
 				value: 'Chip Value',
@@ -106,9 +87,6 @@ describe('DataListItem', () => {
 
 	it('renders correctly with an action', () => {
 		const wrapper = mount(DataListItem, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				label: 'Test',
 				action: 'Click Me',
@@ -121,9 +99,6 @@ describe('DataListItem', () => {
 
 	it('emits click:action event on button click', async () => {
 		const wrapper = mount(DataListItem, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				label: 'Test',
 				action: 'Click Me',
@@ -138,9 +113,6 @@ describe('DataListItem', () => {
 
 	it('renders correctly in row mode', () => {
 		const wrapper = mount(DataListItem, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				label: 'Test',
 				value: 'Sample Value',

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

@@ -1,6 +1,5 @@
 import { mount } from '@vue/test-utils'
 import { describe, it, expect, beforeEach } from 'vitest'
-import { vuetify } from '@tests/unit/setup'
 import { nextTick } from 'vue'
 import DatePicker from '../DatePicker.vue'
 
@@ -9,9 +8,6 @@ describe('CalendarMode.vue - Events', () => {
 
 	beforeEach(() => {
 		wrapper = mount(DatePicker, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				modelValue: '',
 				format: 'DD/MM/YYYY',
@@ -58,9 +54,6 @@ describe('CalendarMode.vue - Events', () => {
 	it('permet la saisie manuelle même avec disablePickerInteraction', async () => {
 		// Créer un composant avec disablePickerInteraction à true
 		const wrapperWithDisabledPicker = mount(DatePicker, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				modelValue: '',
 				format: 'DD/MM/YYYY',
@@ -118,9 +111,6 @@ describe('CalendarMode.vue - Events', () => {
 
 	it('accepte différents formats de date', async () => {
 		const wrapperWithDashFormat = mount(DatePicker, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				modelValue: '',
 				format: 'YYYY-MM-DD',
@@ -142,9 +132,6 @@ describe('CalendarMode.vue - Events', () => {
 
 	it('accepte les plages de dates en entrée', async () => {
 		const wrapperWithRange = mount(DatePicker, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				modelValue: ['01/01/2023', '05/01/2023'],
 				format: 'DD/MM/YYYY',
@@ -168,9 +155,6 @@ describe('CalendarMode.vue - Events', () => {
 		}
 
 		const wrapperWithRules = mount(DatePicker, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				modelValue: '',
 				format: 'DD/MM/YYYY',

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

@@ -1,6 +1,5 @@
 import { mount } from '@vue/test-utils'
 import { describe, it, expect, beforeEach, vi } from 'vitest'
-import { vuetify } from '@tests/unit/setup'
 import { nextTick } from 'vue'
 import DatePicker from '../DatePicker.vue'
 
@@ -9,9 +8,6 @@ describe('CalendarMode.vue', () => {
 
 	beforeEach(() => {
 		wrapper = mount(DatePicker, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				modelValue: '',
 				required: true,
@@ -20,22 +16,14 @@ describe('CalendarMode.vue', () => {
 	})
 
 	it('emits update:modelValue event on date selection', async () => {
-		const wrapper = mount(DatePicker, {
-			global: {
-				plugins: [vuetify],
-			},
-		})
+		const wrapper = mount(DatePicker)
 		const input = wrapper.find('input')
 		await input.setValue('01/01/2023')
 		expect(wrapper.emitted('update:modelValue')).toBeTruthy()
 	})
 
 	it('renders the component', () => {
-		const wrapper = mount(DatePicker, {
-			global: {
-				plugins: [vuetify],
-			},
-		})
+		const wrapper = mount(DatePicker)
 		expect(wrapper.exists()).toBe(true)
 	})
 
@@ -75,11 +63,7 @@ describe('CalendarMode.vue', () => {
 		const removeEventListenerSpy = vi.spyOn(document, 'removeEventListener')
 
 		// Monte le composant
-		const wrapper = mount(DatePicker, {
-			global: {
-				plugins: [vuetify],
-			},
-		})
+		const wrapper = mount(DatePicker)
 
 		// Démonte le composant
 		wrapper.unmount()
@@ -127,9 +111,6 @@ describe('CalendarMode.vue', () => {
 
 	it('returns true when there are no validation errors', async () => {
 		const wrapper = mount(DatePicker, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				required: true,
 			},
@@ -146,9 +127,6 @@ describe('CalendarMode.vue', () => {
 
 	it('returns false when there are validation errors', async () => {
 		const wrapper = mount(DatePicker, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				required: true,
 			},
@@ -206,9 +184,7 @@ describe('CalendarMode.vue', () => {
 	})
 
 	it('toggles date picker visibility correctly', async () => {
-		const wrapper = mount(DatePicker, {
-			global: { plugins: [vuetify] },
-		})
+		const wrapper = mount(DatePicker)
 
 		expect(wrapper.vm.isDatePickerVisible).toBe(false)
 
@@ -223,7 +199,6 @@ describe('CalendarMode.vue', () => {
 
 	it('validates required field correctly', async () => {
 		const wrapper = mount(DatePicker, {
-			global: { plugins: [vuetify] },
 			props: {
 				required: true,
 			},
@@ -238,7 +213,6 @@ describe('CalendarMode.vue', () => {
 		const today = new Date()
 		const formattedDate = `${today.getDate().toString().padStart(2, '0')}/${(today.getMonth() + 1).toString().padStart(2, '0')}/${today.getFullYear()}`
 		const wrapper = mount(DatePicker, {
-			global: { plugins: [vuetify] },
 			props: {
 				modelValue: formattedDate,
 				format: 'DD/MM/YYYY',
@@ -251,7 +225,6 @@ describe('CalendarMode.vue', () => {
 
 	it('supports date ranges when displayRange is true', async () => {
 		const wrapper = mount(DatePicker, {
-			global: { plugins: [vuetify] },
 			props: {
 				displayRange: true,
 			},
@@ -264,7 +237,6 @@ describe('CalendarMode.vue', () => {
 
 	it('properly displays error messages from validation', async () => {
 		const wrapper = mount(DatePicker, {
-			global: { plugins: [vuetify] },
 			props: {
 				required: true,
 			},
@@ -281,7 +253,6 @@ describe('CalendarMode.vue', () => {
 
 	it('handles birth date mode properly', async () => {
 		const wrapper = mount(DatePicker, {
-			global: { plugins: [vuetify] },
 			props: {
 				isBirthDate: true,
 			},
@@ -296,7 +267,6 @@ describe('CalendarMode.vue', () => {
 
 	it('takes into account disabled and readonly limitations', async () => {
 		const wrapper = mount(DatePicker, {
-			global: { plugins: [vuetify] },
 			props: {
 				disabled: true,
 			},

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

@@ -1,6 +1,5 @@
 import { mount } from '@vue/test-utils'
 import { describe, it, expect, beforeEach } from 'vitest'
-import { vuetify } from '@tests/unit/setup'
 import { nextTick } from 'vue'
 import ComplexDatePicker from '../ComplexDatePicker.vue'
 
@@ -9,9 +8,6 @@ describe('ComplexDatePicker.vue - Events', () => {
 
 	beforeEach(() => {
 		wrapper = mount(ComplexDatePicker, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				modelValue: '',
 				format: 'DD/MM/YYYY',
@@ -114,9 +110,6 @@ describe('ComplexDatePicker.vue - Events', () => {
 
 	it('accepte une plage de dates en entrée', async () => {
 		const wrapperWithRange = mount(ComplexDatePicker, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				modelValue: ['01/01/2023', '05/01/2023'],
 				format: 'DD/MM/YYYY',
@@ -140,9 +133,6 @@ describe('ComplexDatePicker.vue - Events', () => {
 		}
 
 		const wrapperWithRules = mount(ComplexDatePicker, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				modelValue: '',
 				format: 'DD/MM/YYYY',

package/src/components/DatePicker/DateTextInput/DateTextInput.events.spec.ts

@@ -1,6 +1,5 @@
 import { mount } from '@vue/test-utils'
 import { describe, it, expect, beforeEach } from 'vitest'
-import { vuetify } from '@tests/unit/setup'
 import { nextTick } from 'vue'
 import DateTextInput from './DateTextInput.vue'
 
@@ -9,9 +8,6 @@ describe('DateTextInput.vue - Events', () => {
 
 	beforeEach(() => {
 		wrapper = mount(DateTextInput, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				modelValue: '',
 				format: 'DD/MM/YYYY',
@@ -84,9 +80,6 @@ describe('DateTextInput.vue - Events', () => {
 
 	it('supporte différents séparateurs selon le format', async () => {
 		const wrapperWithDashFormat = mount(DateTextInput, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				modelValue: '',
 				format: 'YYYY-MM-DD',
@@ -110,9 +103,6 @@ describe('DateTextInput.vue - Events', () => {
 
 	it('gère correctement les plages de dates', async () => {
 		const wrapperWithRange = mount(DateTextInput, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				modelValue: '',
 				format: 'DD/MM/YYYY',
@@ -139,9 +129,6 @@ describe('DateTextInput.vue - Events', () => {
 		}
 
 		const wrapperWithRules = mount(DateTextInput, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				modelValue: '',
 				format: 'DD/MM/YYYY',

package/src/components/DatePicker/DateTextInput/DateTextInput.range.spec.ts

@@ -1,4 +1,3 @@
-import { vuetify } from '@tests/unit/setup'
 import { flushPromises, mount } from '@vue/test-utils'
 import { beforeEach, describe, expect, it } from 'vitest'
 import SyTextField from '../../Customs/SyTextField/SyTextField.vue'
@@ -9,9 +8,6 @@ describe('DateTextInput.vue - Range Mode', () => {
 
 	beforeEach(() => {
 		wrapper = mount(DateTextInput, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				modelValue: null,
 				format: 'DD/MM/YYYY',
@@ -160,9 +156,6 @@ describe('DateTextInput.vue - Range Mode', () => {
 
 	it('correctly formats range with different return format', async () => {
 		wrapper = mount(DateTextInput, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				modelValue: null,
 				format: 'DD/MM/YYYY',
@@ -331,9 +324,6 @@ describe('DateTextInput.vue - Range Mode', () => {
 	it('validates custom rules in range mode', async () => {
 		// Créer un wrapper avec une règle personnalisée qui échoue toujours
 		const customWrapper = mount(DateTextInput, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				modelValue: null,
 				format: 'DD/MM/YYYY',

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

@@ -1,6 +1,5 @@
 import { flushPromises, mount } from '@vue/test-utils'
 import { describe, it, expect, beforeEach, vi } from 'vitest'
-import { vuetify } from '@tests/unit/setup'
 import DateTextInput from './DateTextInput.vue'
 import SyTextField from '../../Customs/SyTextField/SyTextField.vue'
 
@@ -9,9 +8,6 @@ describe('DateTextInput.vue', () => {
 
 	beforeEach(() => {
 		wrapper = mount(DateTextInput, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				modelValue: null,
 				format: 'DD/MM/YYYY',
@@ -54,9 +50,6 @@ describe('DateTextInput.vue', () => {
 
 	it('formats date according to dateFormatReturn', async () => {
 		const wrapper = mount(DateTextInput, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				modelValue: null,
 				format: 'DD/MM/YYYY',
@@ -73,9 +66,6 @@ describe('DateTextInput.vue', () => {
 
 	it('validates custom rules', async () => {
 		const wrapper = mount(DateTextInput, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				modelValue: null,
 				format: 'DD/MM/YYYY',
@@ -112,9 +102,6 @@ describe('DateTextInput.vue', () => {
 					},
 				}],
 			},
-			global: {
-				plugins: [vuetify],
-			},
 		})
 
 		// Force validation by triggering a blur event
@@ -160,9 +147,6 @@ describe('DateTextInput.vue', () => {
 
 	it('validates modelValue with different dateFormatReturn format', async () => {
 		const wrapper = mount(DateTextInput, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				modelValue: '2025-1-1',
 				format: 'DD/MM/YYYY',
@@ -213,9 +197,6 @@ describe('DateTextInput.vue', () => {
 
 	it('supports different date formats', async () => {
 		const customWrapper = mount(DateTextInput, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				modelValue: null,
 				format: 'YYYY-MM-DD',
@@ -255,9 +236,6 @@ describe('DateTextInput.vue', () => {
 
 	it('handles custom date format return', async () => {
 		const customWrapper = mount(DateTextInput, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				modelValue: null,
 				format: 'DD/MM/YYYY',
@@ -296,9 +274,6 @@ describe('DateTextInput.vue', () => {
 
 	it('handles 2 digits year correctly', async () => {
 		const customWrapper = mount(DateTextInput, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				modelValue: null,
 				format: 'DD/MM/YY',
@@ -325,9 +300,6 @@ describe('DateTextInput.vue', () => {
 
 	it('handles ISO-8601 date format correctly', async () => {
 		const customWrapper = mount(DateTextInput, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				modelValue: null,
 				format: 'YYYY-MM-DD',
@@ -430,9 +402,6 @@ describe('DateTextInput.vue', () => {
 
 	it('initializes with model value correctly', async () => {
 		const customWrapper = mount(DateTextInput, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				modelValue: '01/01/2025',
 				dateFormat: 'DD/MM/YYYY',
@@ -446,9 +415,6 @@ describe('DateTextInput.vue', () => {
 
 	it('handles different date separators correctly', async () => {
 		const customWrapper = mount(DateTextInput, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				modelValue: null,
 				format: 'DD.MM.YYYY',
@@ -523,9 +489,6 @@ describe('DateTextInput.vue', () => {
 					},
 				}],
 			},
-			global: {
-				plugins: [vuetify],
-			},
 		})
 
 		// Force la validation
@@ -549,9 +512,6 @@ describe('DateTextInput.vue', () => {
 
 	it('handles multiple validation rules correctly', async () => {
 		const customWrapper = mount(DateTextInput, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				modelValue: null,
 				format: 'DD/MM/YYYY',
@@ -589,9 +549,6 @@ describe('DateTextInput.vue', () => {
 	// Tests spécifiques pour la gestion du curseur
 	it('positionne correctement le curseur après une frappe de caractère', async () => {
 		const customWrapper = mount(DateTextInput, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				format: 'DD/MM/YYYY',
 				required: false,
@@ -621,9 +578,6 @@ describe('DateTextInput.vue', () => {
 
 	it('saute les séparateurs lors de la saisie de date', async () => {
 		const customWrapper = mount(DateTextInput, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				format: 'DD/MM/YYYY',
 				required: false,
@@ -651,9 +605,6 @@ describe('DateTextInput.vue', () => {
 	// Tests d'intégration pour des flux utilisateur complexes
 	it('gère correctement un cycle complet de saisie, validation et correction', async () => {
 		const customWrapper = mount(DateTextInput, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				modelValue: null,
 				format: 'DD/MM/YYYY',
@@ -702,9 +653,6 @@ describe('DateTextInput.vue', () => {
 
 	it('gère correctement plusieurs cycles de validation', async () => {
 		const customWrapper = mount(DateTextInput, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				modelValue: null,
 				format: 'DD/MM/YYYY',