@cnamts/synapse 1.0.10 → 1.0.11

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

@@ -1,6 +1,5 @@
 import { describe, it, expect, vi } from 'vitest'
 import { mount } from '@vue/test-utils'
-import { vuetify } from '@tests/unit/setup'
 
 import UploadWorkflow from '../UploadWorkflow.vue'
 import { locales as fileListLocales } from '@/components/FileList/UploadItem/locales'
@@ -28,9 +27,6 @@ describe('UploadWorkflow', () => {
 					},
 				],
 			},
-			global: {
-				plugins: [vuetify],
-			},
 		})
 
 		expect(wrapper.html()).toMatchSnapshot()
@@ -52,9 +48,6 @@ describe('UploadWorkflow', () => {
 					},
 				],
 			},
-			global: {
-				plugins: [vuetify],
-			},
 		})
 
 		await wrapper.find('.file-item button').trigger('click')
@@ -87,9 +80,6 @@ describe('UploadWorkflow', () => {
 					},
 				],
 			},
-			global: {
-				plugins: [vuetify],
-			},
 		})
 
 		await wrapper.findAll('.file-item button')[1].trigger('click')
@@ -134,7 +124,6 @@ describe('UploadWorkflow', () => {
 				],
 			},
 			global: {
-				plugins: [vuetify],
 				stubs: {
 					VDialog: {
 						template: '<div><slot /></div>',
@@ -188,9 +177,6 @@ describe('UploadWorkflow', () => {
 					},
 				],
 			},
-			global: {
-				plugins: [vuetify],
-			},
 		})
 
 		await wrapper.find('.file-item button').trigger('click')
@@ -227,7 +213,6 @@ describe('UploadWorkflow', () => {
 				showFilePreview: false,
 			},
 			global: {
-				plugins: [vuetify],
 				stubs: {
 					VDialog: {
 						template: '<div><slot /></div>',

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

@@ -1,15 +1,10 @@
 import { mount } from '@vue/test-utils'
 import { describe, it, expect } from 'vitest'
-import { vuetify } from '@tests/unit/setup'
 import Usages from '../Usages.vue'
 
 describe('Usages.vue', () => {
 	it('renders the component with default props', () => {
-		const wrapper = mount(Usages, {
-			global: {
-				plugins: [vuetify],
-			},
-		})
+		const wrapper = mount(Usages)
 
 		// Vérifier que le composant est rendu
 		expect(wrapper.exists()).toBe(true)
@@ -33,9 +28,6 @@ describe('Usages.vue', () => {
 		const items2 = ['Item A', 'Item B']
 
 		const wrapper = mount(Usages, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				items1,
 				items2,
@@ -61,9 +53,6 @@ describe('Usages.vue', () => {
 		const items1 = ['Item 1', 'Item 2']
 
 		const wrapper = mount(Usages, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				items1,
 			},
@@ -82,9 +71,6 @@ describe('Usages.vue', () => {
 		const items2 = ['Item A', 'Item B', 'Item C']
 
 		const wrapper = mount(Usages, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				items2,
 			},
@@ -100,11 +86,7 @@ describe('Usages.vue', () => {
 	})
 
 	it('uses the correct icons', () => {
-		const wrapper = mount(Usages, {
-			global: {
-				plugins: [vuetify],
-			},
-		})
+		const wrapper = mount(Usages)
 
 		const icons = wrapper.findAll('.v-icon')
 
@@ -119,11 +101,7 @@ describe('Usages.vue', () => {
 	})
 
 	it('applies the correct styling to columns', () => {
-		const wrapper = mount(Usages, {
-			global: {
-				plugins: [vuetify],
-			},
-		})
+		const wrapper = mount(Usages)
 
 		// Vérifier les classes CSS pour la première colonne
 		const checkColumn = wrapper.find('.check')
@@ -140,9 +118,6 @@ describe('Usages.vue', () => {
 
 	it('handles empty arrays for both item lists', () => {
 		const wrapper = mount(Usages, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				items1: [],
 				items2: [],
@@ -160,9 +135,6 @@ describe('Usages.vue', () => {
 
 	it('renders with custom props from CustomizableOptions', () => {
 		const wrapper = mount(Usages, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				color: 'primary',
 				disabled: true,

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

@@ -1,15 +1,11 @@
 import { describe, it, expect } from 'vitest'
 import { mount } from '@vue/test-utils'
 import UserMenuBtn from '../UserMenuBtn.vue'
-import { vuetify } from '@tests/unit/setup'
 import { nextTick } from 'vue'
 
 describe('UserMenuBtn', () => {
 	it('renders the component', () => {
 		const wrapper = mount(UserMenuBtn, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				modelValue: null,
 				menuItems: [{ text: 'Item 1', value: 'item1' }],
@@ -25,9 +21,6 @@ describe('UserMenuBtn', () => {
 
 	it('displays the full name', () => {
 		const wrapper = mount(UserMenuBtn, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				modelValue: null,
 				fullName: 'John Doe',
@@ -38,9 +31,6 @@ describe('UserMenuBtn', () => {
 
 	it('does not render logout button when hidden', () => {
 		const wrapper = mount(UserMenuBtn, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				modelValue: null,
 				hideLogoutBtn: true,
@@ -51,9 +41,6 @@ describe('UserMenuBtn', () => {
 
 	it('renders user icon when not hidden', () => {
 		const wrapper = mount(UserMenuBtn, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				modelValue: null,
 				hideUserIcon: false,
@@ -64,9 +51,6 @@ describe('UserMenuBtn', () => {
 
 	it('does not render user icon when hidden', () => {
 		const wrapper = mount(UserMenuBtn, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				modelValue: null,
 				hideUserIcon: true,
@@ -77,9 +61,6 @@ describe('UserMenuBtn', () => {
 
 	it('emits "update:modelValue" when selected changes', async () => {
 		const wrapper = mount(UserMenuBtn, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				modelValue: null,
 			},
@@ -95,9 +76,6 @@ describe('UserMenuBtn', () => {
 
 	it('computes mobile view correctly based on props and display', () => {
 		const wrapper = mount(UserMenuBtn, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				modelValue: null,
 				isMobileView: true,
@@ -107,9 +85,6 @@ describe('UserMenuBtn', () => {
 	})
 	it('emits "update:modelValue" when updateModelValue is called via event', async () => {
 		const wrapper = mount(UserMenuBtn, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				modelValue: null,
 				menuItems: [{ text: 'Item 1', value: 'item1' }],
@@ -127,9 +102,6 @@ describe('UserMenuBtn', () => {
 	it('possède la prop logoutText  custom', async () => {
 		const customLogoutText = 'Déconnexion'
 		const wrapper = mount(UserMenuBtn, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				modelValue: null,
 				logoutText: customLogoutText,
@@ -148,9 +120,6 @@ describe('UserMenuBtn', () => {
 	it('possède la prop logoutText  par défaut', async () => {
 		const defaultLogoutText = 'Logout'
 		const wrapper = mount(UserMenuBtn, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				modelValue: null,
 				hideLogoutBtn: false,

package/src/composables/useFilterable/useFilterable.ts

@@ -28,6 +28,31 @@ export default function useFilterable(model: Ref<FilterProp>, emits) {
 		return slugify(name, { lower: true })
 	}
 
+	/**
+	 * Handle various types of items to extract a displayable text
+	 */
+	function getDisplayText(item: unknown): string {
+		if (item === null || item === undefined) {
+			return ''
+		}
+
+		if (typeof item !== 'object') {
+			return item.toString()
+		}
+
+		const obj = item as Record<string, unknown>
+
+		const possibleKeys = ['title', 'text', 'label', 'name', 'value']
+		for (const key of possibleKeys) {
+			if (typeof obj[key] === 'string' || typeof obj[key] === 'number') {
+				const existingDisplayableValue = obj[key] as string | number
+				return existingDisplayableValue.toString()
+			}
+		}
+
+		return JSON.stringify(item)
+	}
+
 	function getChips(filter: FilterItem): ChipItem[] {
 		const { value, formatChip } = filter
 
@@ -54,19 +79,10 @@ export default function useFilterable(model: Ref<FilterProp>, emits) {
 		}
 
 		if (isArray) {
-			return value.map((item) => {
-				if (typeof item !== 'object') {
-					return {
-						text: item.toString(),
-						value: item,
-					}
-				}
-
-				return {
-					text: item.title || item.text || item.value.toString(),
-					value: item,
-				}
-			})
+			return value.map(item => ({
+				text: getDisplayText(item),
+				value: item,
+			}))
 		}
 
 		if (isObject) {
@@ -90,11 +106,11 @@ export default function useFilterable(model: Ref<FilterProp>, emits) {
 
 			// Handle single select objects (VSelect with return-object but without multiple)
 			// Check if this looks like a select option object with title/text and value properties
-			const hasSelectStructure = (typedValue.title !== undefined || typedValue.text !== undefined) && typedValue.value !== undefined
+			const hasSelectStructure = (typedValue.title !== undefined || typedValue.text !== undefined || typedValue.label !== undefined) && typedValue.value !== undefined
 			if (hasSelectStructure) {
 				return [
 					{
-						text: typedValue.title || typedValue.text || typedValue.value.toString(),
+						text: getDisplayText(typedValue),
 						value: typedValue,
 					},
 				]
@@ -102,15 +118,8 @@ export default function useFilterable(model: Ref<FilterProp>, emits) {
 
 			// Any other object - iterate over keys
 			return Object.keys(typedValue).map((key) => {
-				// Use text property if it exists, else use value property or default to key value
-				const text
-					= typedValue[key].title
-						|| typedValue[key].text
-						|| typedValue[key].value?.toString()
-						|| typedValue[key].toString()
-
 				return {
-					text,
+					text: getDisplayText(typedValue[key]),
 					value: typedValue[key],
 				}
 			})
@@ -174,7 +183,7 @@ export default function useFilterable(model: Ref<FilterProp>, emits) {
 			}
 
 			// Handle single select objects (VSelect with return-object but without multiple)
-			const hasSelectStructure = (typedValue.title !== undefined || typedValue.text !== undefined) && typedValue.value !== undefined
+			const hasSelectStructure = (typedValue.title !== undefined || typedValue.text !== undefined || typedValue.label !== undefined) && typedValue.value !== undefined
 			if (hasSelectStructure) {
 				// For single select objects, clear the entire value
 				filter.value = undefined