@cnamts/synapse 1.0.10 → 1.0.12

package/src/components/Amelipro/AmeliproUpload/README.md

@@ -0,0 +1,66 @@
+# AmeliproUpload
+
+Composant Vue destiné à la sélection et à la gestion de fichiers à téléverser (upload) dans un formulaire.
+
+## Principes de fonctionnement
+
+- **Stockage local** : Le composant ne réalise pas le téléversement lui-même. Il se contente de stocker les fichiers sélectionnés, qui seront ensuite transmis au formulaire parent pour traitement.
+- **Événements** : Un événement `update:model-value` est émis à chaque modification de la liste interne des fichiers (ajout ou suppression). Lors d’un ajout multiple, un seul événement est émis pour l’ensemble des fichiers importés.
+- **Validation à l’import** : Tout fichier ajouté doit respecter l’ensemble des règles de validation définies (type, taille, nombre maximum, non-duplication, etc.). La non-duplication s’applique aussi bien vis-à-vis des fichiers déjà présents que des fichiers ajoutés en double lors d’une même importation.
+- **Suppression** : La suppression d’un fichier retire simplement ce fichier de la liste interne et émet l’événement `update:model-value`. Elle ne déclenche pas de revalidation des fichiers restants.
+- **Pas de revalidation globale** : Les fichiers déjà présents et validés ne sont jamais revalidés lors d’une suppression ou d’une modification qui ne les concerne pas.
+- **Gestion des erreurs et messages** : Les messages d’erreur affichés lors de l’import ou du rejet de fichiers sont personnalisables via la prop `errorMessages` et l’utilisation des règles (rules) fournies dans `src/utils/amelipro/rules/uploadFile`. Il est recommandé d’utiliser ces règles pour garantir la cohérence des messages et la personnalisation attendue.
+
+## Résumé du cycle de vie
+
+1. **Ajout de fichiers**
+   - Chaque fichier ajouté est validé individuellement selon les règles définies (voir limitation ci-dessous).
+   - Les fichiers déjà présents ou en doublon dans l’import sont rejetés avec un message adapté (voir limitation ci-dessous).
+   - Les fichiers valides sont ajoutés à la liste interne.
+   - Un seul événement `update:model-value` est émis avec la nouvelle liste complète.
+
+2. **Suppression de fichiers**
+   - Le fichier sélectionné est retiré de la liste interne.
+   - Aucun autre fichier n’est revalidé.
+   - Un événement `update:model-value` est émis avec la nouvelle liste.
+
+## Gestion des fichiers entrants
+
+### Gestion de la liste temporaire pour la validation
+
+Le composant utilise une variable temporaire (ex : `pendingFiles` ou `tempFiles`) qui contient la liste des fichiers en temps réel (fichiers déjà présents + ceux en cours d’ajout). Cette liste sert à appliquer les règles de validation (doublons, limite de nombre, format…) avant de mettre à jour la liste principale. Les règles s’appuient sur cette liste pour garantir que l’ajout respecte toutes les contraintes.
+
+### Avec mise à jour des fichiers
+
+La liste interne des fichiers (`filesModel`) est mise à jour de plusieurs manières :
+
+- via la prop `value` au chargement du composant
+- via la prop `value` suite à une modification manuelle extérieure
+- via une modification du v-model `fileInputModel` lié à `VFileInput`
+- via glisser-déposer de fichiers dans le container qui encapsule le composant VFileInput
+
+### Sans mise à jour des fichiers
+
+Dans certains cas, il faut ignorer les modifications entrantes, par exemple pour ne pas réémettre d'événement au risque de créer une boucle infinie.
+
+La liste des fichiers ne doit pas être mise à jour si :
+
+- la prop `value` est modifiée suite à un événement émis par le composant lui-même, entrainant une mise à jour du v-model du composant parent. Ce cas peut être identifié en comparant les fichiers entrants aux fichiers qui viennent d'être émis.
+
+> **Remarque** : Pour éviter toute boucle de synchronisation, il est conseillé de comparer la liste entrante (`value`) à la liste interne (`filesModel`) avant toute mise à jour. Si les deux listes sont identiques (même nom, taille, type pour chaque fichier), la modification doit être ignorée.
+
+> **Bonnes pratiques** : Toujours vérifier l’origine de la modification (interne vs externe) avant de mettre à jour la liste des fichiers, et n’émettre l’événement `update:model-value` qu’en cas de modification effective.
+
+## Bonnes pratiques
+
+- Utiliser ce composant dans un formulaire parent qui gère le téléversement effectif des fichiers.
+- Définir clairement les règles de validation attendues via les props du composant, en utilisant de préférence les règles utilitaires fournies (`fileUploadMaxFileNumberRule`, `fileUploadDuplicationRule`, etc.) pour bénéficier de la personnalisation des messages d’erreur.
+- Ne pas manipuler directement la liste interne de fichiers depuis l’extérieur : passer par les événements et le v-model.
+
+## Limitations connues et points d’attention
+
+- **Gestion des doublons** : Si l’utilisateur tente d’ajouter un fichier déjà présent dans la liste, un message d’avertissement explicite est affiché et le fichier n’est pas ajouté.
+- **Personnalisation des messages d’erreur** : Si la logique d’import ne s’appuie pas sur les règles utilitaires (ex : `fileUploadMaxFileNumberRule`), la personnalisation des messages via la prop `errorMessages` ne sera pas effective. Il est donc essentiel de toujours utiliser ces règles pour la validation.
+- **Aucune revalidation sur suppression** : La suppression d’un fichier ne déclenche jamais de revalidation des autres fichiers déjà présents.
+- **Revalidation à la suppression** : Lorsqu’un fichier est supprimé, une revalidation est effectuée pour appliquer les règles globales (par exemple, la règle "required" si elle est activée). Les autres fichiers déjà présents ne sont pas revalidés individuellement, mais les règles s’appliquant à l’ensemble de la liste sont réévaluées.
+- **Un seul événement par action** : L’événement `update:model-value` n’est émis qu’en cas de modification effective de la liste (ajout ou suppression réelle).

package/src/components/Amelipro/AmeliproUpload/__tests__/AmeliproUpload.spec.ts

@@ -0,0 +1,74 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import { VueWrapper, shallowMount } from '@vue/test-utils'
+import { beforeEach, describe, expect, it } from 'vitest'
+import AmeliproUpload from '../AmeliproUpload.vue'
+import type { ComponentProps } from 'vue-component-type-helpers'
+
+const requiredPropValues = (): ComponentProps<typeof AmeliproUpload> => ({
+	fileTypeAccepted: ['text/plain'],
+	uniqueId: 'required-unique-id',
+})
+
+const defaultPropValues = (): ComponentProps<typeof AmeliproUpload> => ({
+	...requiredPropValues(),
+	ariaRequired: false,
+	disabled: false,
+	errorMessages: undefined,
+	errorTitle: undefined,
+	externalErrors: [],
+	inputLabel: 'Cliquer sur ce bouton pour joindre vos documents ou les glisser-déposer directement dans ce cadre',
+	maxFileNumber: 1,
+	rules: [],
+	value: [],
+	warningRules: [],
+	warningTitle: undefined,
+})
+
+const modifiedPropValues = (): ComponentProps<typeof AmeliproUpload> => ({
+	ariaRequired: true,
+	disabled: true,
+	errorMessages: { error: 'Modified error message' },
+	fileTypeAccepted: ['modified-type-1', 'modified-type-2'],
+	inputLabel: 'Modified input label',
+	maxFileNumber: 3,
+	value: [new File(['foo'], 'modified-file.txt')],
+	rules: [() => true],
+	uniqueId: 'modified-unique-id',
+})
+
+describe('AmeliproUpload', () => {
+	describe('Setting props should update attributes of inner tags', () => {
+		let wrapper: VueWrapper<any>
+		beforeEach(() => {
+			wrapper = shallowMount(AmeliproUpload, { props: requiredPropValues() })
+		})
+
+		it('prop uniqueId sets attribute id on root container', async () => {
+			expect(wrapper.attributes('id')).toBe(`${defaultPropValues().uniqueId}-container`)
+			const { uniqueId } = modifiedPropValues()
+			await wrapper.setProps({ uniqueId })
+			expect(wrapper.attributes('id')).toBe(`${modifiedPropValues().uniqueId}-container`)
+		})
+	})
+
+	describe('Setting props should update props or attributes of inner components', () => {
+		let wrapper: VueWrapper<any>
+		beforeEach(() => {
+			wrapper = shallowMount(AmeliproUpload, { props: requiredPropValues() })
+		})
+
+		it('prop disabled sets prop disabled on VFileInput', async () => {
+			expect(wrapper.findComponent({ name: 'VFileInput' }).props('disabled')).toBe(defaultPropValues().disabled)
+			const { disabled } = modifiedPropValues()
+			await wrapper.setProps({ disabled })
+			expect(wrapper.findComponent({ name: 'VFileInput' }).props('disabled')).toBe(modifiedPropValues().disabled)
+		})
+
+		it('prop ariaRequired sets attribute aria-required on VFileInput', async () => {
+			expect(wrapper.findComponent({ name: 'VFileInput' }).attributes('aria-required')).toBe(String(defaultPropValues().ariaRequired))
+			const { ariaRequired } = modifiedPropValues()
+			await wrapper.setProps({ ariaRequired })
+			expect(wrapper.findComponent({ name: 'VFileInput' }).attributes('aria-required')).toBe(String(modifiedPropValues().ariaRequired))
+		})
+	})
+})

package/src/components/Amelipro/AmeliproUpload/types.d.ts

@@ -0,0 +1,10 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+export interface ErrorBucket {
+	fileName?: File['name']
+	errors: string[]
+}
+
+export type Registrable = {
+	register: (field: any) => void
+	unregister: (field: any) => void
+}

package/src/components/Amelipro/ServiceMenu/ServiceBtn/tests/ServiceBtn.spec.ts

@@ -1,14 +1,10 @@
 import { mount } from '@vue/test-utils'
 import { expect, describe, it } from 'vitest'
 import ServiceBtn from '../ServiceBtn.vue'
-import { vuetify } from '@tests/unit/setup'
 
 describe('ServiceBtn', () => {
 	it('render correctly', async () => {
 		const wrapper = mount(ServiceBtn, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				iconBgColor: 'ap-blue',
 				iconHoverBgColor: 'ap-yellow',

package/src/components/Amelipro/ServiceMenu/ServiceList/tests/ServiceList.spec.ts

@@ -1,14 +1,10 @@
 import { mount } from '@vue/test-utils'
 import { expect, describe, it } from 'vitest'
 import ServiceList from '../ServiceList.vue'
-import { vuetify } from '@tests/unit/setup'
 
 describe('ServiceList', () => {
 	it('render correctly', async () => {
 		const wrapper = mount(ServiceList, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				items: [
 					{

package/src/components/Amelipro/ServiceMenu/ServiceMenuContent/tests/ServiceMenuContent.spec.ts

@@ -1,14 +1,10 @@
 import { mount } from '@vue/test-utils'
 import { expect, describe, it } from 'vitest'
 import ServiceMenuContent from '../ServiceMenuContent.vue'
-import { vuetify } from '@tests/unit/setup'
 
 describe('ServiceMenuContent', () => {
 	it('render correctly', async () => {
 		const wrapper = mount(ServiceMenuContent, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				servicesPs: [
 					{

package/src/components/Amelipro/ServiceMenu/tests/ServiceMenu.spec.ts

@@ -1,14 +1,10 @@
 import { mount } from '@vue/test-utils'
 import { expect, describe, it } from 'vitest'
 import ServiceMenu from '../ServiceMenu.vue'
-import { vuetify } from '@tests/unit/setup'
 
 describe('ServiceMenu', () => {
 	it('render correctly', async () => {
 		const wrapper = mount(ServiceMenu, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				modelValue: true,
 				servicesPs: [

package/src/components/Amelipro/StructureMenu/StructureBtn/tests/StructureBtn.spec.ts

@@ -1,14 +1,10 @@
 import { mount } from '@vue/test-utils'
 import { expect, describe, it } from 'vitest'
 import StructureBtn from '../StructureBtn.vue'
-import { vuetify } from '@tests/unit/setup'
 
 describe('StructureBtn', () => {
 	it('render correctly', async () => {
 		const wrapper = mount(StructureBtn, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				controls: 'control-id',
 				tabindex: 0,

package/src/components/Amelipro/StructureMenu/StructureItem/tests/StructureItem.spec.ts

@@ -1,14 +1,10 @@
 import { mount } from '@vue/test-utils'
 import { expect, describe, it } from 'vitest'
 import StructureItem from '../StructureItem.vue'
-import { vuetify } from '@tests/unit/setup'
 
 describe('StructureItem', () => {
 	it('render correctly', async () => {
 		const wrapper = mount(StructureItem, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				groupName: 'group-name',
 				item: {

package/src/components/Amelipro/StructureMenu/StructureList/tests/StructureList.spec.ts

@@ -1,14 +1,10 @@
 import { mount } from '@vue/test-utils'
 import { expect, describe, it } from 'vitest'
 import StructureList from '../StructureList.vue'
-import { vuetify } from '@tests/unit/setup'
 
 describe('StructureList', () => {
 	it('render correctly', async () => {
 		const wrapper = mount(StructureList, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				label: 'mon label',
 				name: 'my-name',

package/src/components/Amelipro/StructureMenu/StructureTabs/tests/StructureTabs.spec.ts

@@ -1,14 +1,10 @@
 import { mount } from '@vue/test-utils'
 import { expect, describe, it } from 'vitest'
 import StructureTabs from '../StructureTabs.vue'
-import { vuetify } from '@tests/unit/setup'
 
 describe('StructureTabs', () => {
 	it('render correctly', async () => {
 		const wrapper = mount(StructureTabs, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				ariaLabel: 'mon label',
 				tabs: [

package/src/components/Amelipro/StructureMenu/tests/StructureMenu.spec.ts

@@ -1,13 +1,11 @@
 import { mount } from '@vue/test-utils'
 import { expect, describe, it } from 'vitest'
 import StructureMenu from '../StructureMenu.vue'
-import { vuetify } from '@tests/unit/setup'
 
 describe('StructureMenu', () => {
 	it('render correctly', async () => {
 		const wrapper = mount(StructureMenu, {
 			global: {
-				plugins: [vuetify],
 				stubs: {
 					VDialog: {
 						template: '<div><slot></slot></div>',

package/src/components/Amelipro/UserInformationSummary/tests/UserInformationSummary.spec.ts

@@ -1,14 +1,10 @@
 import { mount } from '@vue/test-utils'
 import { expect, describe, it } from 'vitest'
 import UserInformationSummary from '../UserInformationSummary.vue'
-import { vuetify } from '@tests/unit/setup'
 
 describe('UserInformationSummary', () => {
 	it('render correctly', async () => {
 		const wrapper = mount(UserInformationSummary, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				uniqueId: 'user-information-summary-id',
 				userInformationSummaryInfos: {

package/src/components/Amelipro/UserMenu/UserMenuDetails/tests/UserMenuDetails.spec.ts

@@ -1,14 +1,10 @@
 import { mount } from '@vue/test-utils'
 import { expect, describe, it } from 'vitest'
 import UserMenuDetails from '../UserMenuDetails.vue'
-import { vuetify } from '@tests/unit/setup'
 
 describe('UserMenuDetails', () => {
 	it('render correctly', async () => {
 		const wrapper = mount(UserMenuDetails, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				uniqueId: 'user-information-summary-id',
 				UserMenuDetailsInfos: {

package/src/components/Amelipro/UserMenu/tests/UserMenu.spec.ts

@@ -1,14 +1,10 @@
 import { mount } from '@vue/test-utils'
 import { expect, describe, it } from 'vitest'
 import UserMenu from '../UserMenu.vue'
-import { vuetify } from '@tests/unit/setup'
 
 describe('UserMenu', () => {
 	it('render correctly', async () => {
 		const wrapper = mount(UserMenu, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				lastConnexion: '24/04/2025',
 				uniqueId: 'user-information-summary-id',

package/src/components/BackBtn/BackBtn.vue

@@ -31,7 +31,8 @@
 		:variant="buttonVariant"
 		:theme="buttonTheme"
 		:color="buttonColor"
-		:class="['sy-back-btn', 'text-none', buttonClasses, `bg-${buttonBgColor}`]"
+		:class="['sy-back-btn', 'text-none', buttonClasses]"
+		:style="{ backgroundColor: buttonBgColor }"
 	>
 		<slot name="icon">
 			<VIcon

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

@@ -1,29 +1,22 @@
 import { mount } from '@vue/test-utils'
 import { expect, describe, it } from 'vitest'
 import BackBtn from '../BackBtn.vue'
-import { vuetify } from '@tests/unit/setup'
 import { VIcon, VBtn } from 'vuetify/components'
 
 describe('BackBtn', () => {
 	it('render correctly', async () => {
 		const wrapper = mount(BackBtn, {
-			global: {
-				plugins: [vuetify],
-			},
 			component: {
 				VIcon,
 				VBtn,
 			},
 		})
 
-		expect(wrapper.html()).toMatchSnapshot()
+		expect(wrapper.exists()).toBe(true)
 	})
 
 	it('hides back icon when hideBackIcon is true', () => {
 		const wrapper = mount(BackBtn, {
-			global: {
-				plugins: [vuetify],
-			},
 			component: {
 				VIcon,
 				VBtn,
@@ -35,9 +28,6 @@ describe('BackBtn', () => {
 
 	it('applies correct button classes based on props', () => {
 		const wrapper = mount(BackBtn, {
-			global: {
-				plugins: [vuetify],
-			},
 			component: {
 				VIcon,
 				VBtn,
@@ -49,9 +39,6 @@ describe('BackBtn', () => {
 
 	it('applies correct button classes when dark is true and hideBackIcon is false', () => {
 		const wrapper = mount(BackBtn, {
-			global: {
-				plugins: [vuetify],
-			},
 			component: {
 				VIcon,
 				VBtn,
@@ -62,9 +49,6 @@ describe('BackBtn', () => {
 	})
 	it('returns false when dark prop is not provided', () => {
 		const wrapper = mount(BackBtn, {
-			global: {
-				plugins: [vuetify],
-			},
 			component: {
 				VIcon,
 				VBtn,
@@ -75,9 +59,6 @@ describe('BackBtn', () => {
 
 	it('returns true when dark prop is true', () => {
 		const wrapper = mount(BackBtn, {
-			global: {
-				plugins: [vuetify],
-			},
 			component: {
 				VIcon,
 				VBtn,
@@ -89,9 +70,6 @@ describe('BackBtn', () => {
 
 	it('returns false when dark prop is false', () => {
 		const wrapper = mount(BackBtn, {
-			global: {
-				plugins: [vuetify],
-			},
 			component: {
 				VIcon,
 				VBtn,

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

@@ -2,7 +2,6 @@ import { describe, it, expect, vi, afterEach } from 'vitest'
 import { mount } from '@vue/test-utils'
 
 import BackToTopBtn from '../BackToTopBtn.vue'
-import { vuetify } from '@tests/unit/setup'
 
 describe('BackToTopBtn', () => {
 	afterEach(() => {
@@ -11,20 +10,13 @@ describe('BackToTopBtn', () => {
 	})
 
 	it('renders correctly', () => {
-		const wrapper = mount(BackToTopBtn, {
-			global: {
-				plugins: [vuetify],
-			},
-		})
+		const wrapper = mount(BackToTopBtn)
 
 		expect(wrapper.html()).toMatchSnapshot()
 	})
 
 	it('renders correctly when nudgeBottom and nudgeRight are set to invalid values', () => {
 		const wrapper = mount(BackToTopBtn, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				nudgeBottom: '',
 				nudgeRight: '',
@@ -39,9 +31,6 @@ describe('BackToTopBtn', () => {
 		vi.spyOn(window, 'scrollY', 'get').mockReturnValue(0)
 
 		const wrapper = mount(BackToTopBtn, {
-			global: {
-				plugins: [vuetify],
-			},
 			attachTo: document.body,
 		})
 
@@ -76,9 +65,6 @@ describe('BackToTopBtn', () => {
 			props: {
 				target: 'test-target',
 			},
-			global: {
-				plugins: [vuetify],
-			},
 			attachTo: document.body,
 		})
 
@@ -106,9 +92,6 @@ describe('BackToTopBtn', () => {
 		vi.spyOn(window, 'scrollY', 'get').mockReturnValue(0)
 
 		const wrapper = mount(BackToTopBtn, {
-			global: {
-				plugins: [vuetify],
-			},
 			attachTo: document.body,
 		})
 
@@ -138,11 +121,7 @@ describe('BackToTopBtn', () => {
 	})
 
 	it('scrolls to the top when the button is clicked', async () => {
-		const wrapper = mount(BackToTopBtn, {
-			global: {
-				plugins: [vuetify],
-			},
-		})
+		const wrapper = mount(BackToTopBtn)
 
 		const scrollToSpy = vi
 			.spyOn(window, 'scrollTo')
@@ -155,9 +134,6 @@ describe('BackToTopBtn', () => {
 
 	it('scrolls to the top when the button is clicked and the target is a custom element', async () => {
 		const wrapper = mount(BackToTopBtn, {
-			global: {
-				plugins: [vuetify],
-			},
 			propsData: {
 				target: 'test',
 			},
@@ -176,9 +152,6 @@ describe('BackToTopBtn', () => {
 
 	it('scrolls to the top when the button is clicked and the target is a custom element that does not exist', async () => {
 		const wrapper = mount(BackToTopBtn, {
-			global: {
-				plugins: [vuetify],
-			},
 			propsData: {
 				target: 'test',
 			},
@@ -196,11 +169,7 @@ describe('BackToTopBtn', () => {
 	})
 
 	it('remove the scroll event listener when the component is destroyed', async () => {
-		const wrapper = mount(BackToTopBtn, {
-			global: {
-				plugins: [vuetify],
-			},
-		})
+		const wrapper = mount(BackToTopBtn)
 
 		const removeEventListenerSpy = vi.spyOn(window, 'removeEventListener')
 

package/src/components/ChipList/tests/chipList.spec.ts

@@ -1,16 +1,8 @@
 import { describe, it, expect } from 'vitest'
 import { mount } from '@vue/test-utils'
-import { createVuetify } from 'vuetify'
-import * as components from 'vuetify/components'
-import * as directives from 'vuetify/directives'
 import ChipList from '../ChipList.vue'
 import type { ChipItem, ChipState } from '../types'
 
-const vuetify = createVuetify({
-	components,
-	directives,
-})
-
 describe('ChipList', () => {
 	const defaultItems: ChipItem[] = [
 		{
@@ -31,9 +23,6 @@ describe('ChipList', () => {
 			props: {
 				items: defaultItems,
 			},
-			global: {
-				plugins: [vuetify],
-			},
 		})
 
 		// Vérifie que tous les items sont rendus
@@ -81,9 +70,6 @@ describe('ChipList', () => {
 				items,
 				overflowLimit: 6, // Augmenté pour voir tous les chips
 			},
-			global: {
-				plugins: [vuetify],
-			},
 		})
 
 		// Vérifie les classes d'état
@@ -106,9 +92,6 @@ describe('ChipList', () => {
 			props: {
 				items: defaultItems,
 			},
-			global: {
-				plugins: [vuetify],
-			},
 		})
 
 		const successChip = wrapper.find('.sy-chip-success')
@@ -125,9 +108,6 @@ describe('ChipList', () => {
 				items: defaultItems,
 				readonly: true,
 			},
-			global: {
-				plugins: [vuetify],
-			},
 		})
 
 		const removeButtons = wrapper.findAll('.remove-chip')
@@ -158,9 +138,6 @@ describe('ChipList', () => {
 				items: manyItems,
 				overflowLimit: 3,
 			},
-			global: {
-				plugins: [vuetify],
-			},
 		})
 
 		// Vérifie que le nombre de chips visibles est correct
@@ -181,9 +158,6 @@ describe('ChipList', () => {
 			props: {
 				items: defaultItems,
 			},
-			global: {
-				plugins: [vuetify],
-			},
 		})
 
 		// Test de l'événement remove
@@ -206,9 +180,6 @@ describe('ChipList', () => {
 				items: defaultItems,
 				resetText: customResetText,
 			},
-			global: {
-				plugins: [vuetify],
-			},
 		})
 
 		const resetButton = wrapper.find('[data-test-id="reset-btn"]')
@@ -221,9 +192,6 @@ describe('ChipList', () => {
 			props: {
 				items: defaultItems,
 			},
-			global: {
-				plugins: [vuetify],
-			},
 		})
 
 		// Vérifie la présence de la structure HTML native
@@ -245,9 +213,6 @@ describe('ChipList', () => {
 			props: {
 				items: [],
 			},
-			global: {
-				plugins: [vuetify],
-			},
 		})
 
 		expect(wrapper.find('.vd-chip-list').exists()).toBe(false)
@@ -283,9 +248,6 @@ describe('ChipList', () => {
 				readonly,
 				overflowLimit: 3,
 			},
-			global: {
-				plugins: [vuetify],
-			},
 		})
 
 		// Vérifie la présence des boutons de suppression

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

@@ -3,14 +3,9 @@ import { expect, describe, it } from 'vitest'
 
 import CollapsibleList from '../CollapsibleList.vue'
 
-import { vuetify } from '@tests/unit/setup'
-
 describe('CollapsibleList', () => {
 	it('renders correctly', async () => {
 		const wrapper = mount(CollapsibleList, {
-			global: {
-				plugins: [vuetify],
-			},
 			propsData: {
 				listTitle: 'Santé',
 				items: [
@@ -34,9 +29,6 @@ describe('CollapsibleList', () => {
 
 	it('renders correctly with in mobile mode', () => {
 		const wrapper = mount(CollapsibleList, {
-			global: {
-				plugins: [vuetify],
-			},
 			propsData: {
 				listTitle: 'Santé',
 				items: [