test: ✅ corrige les warnings dans les tests Vitest

Résout #1229

Les tests généraient plusieurs warnings Vue qui polluaient la sortie :
- Ajout de la prop requise `value` dans DsfrCheckbox.spec.ts
- Ajout de la prop requise `label` dans DsfrMultiselect.spec.ts (6 tests)
- Ajout de la prop `titleLinkAttrs` dans DsfrCard.spec.ts
- Suppression des console.log dans DsfrSelect.spec.ts

Tous les tests passent maintenant sans warnings.

fixes #1229

Author: laruiss

package.json

@@ -89,7 +89,7 @@
     "@gouvfr/dsfr": "~1.14.2",
     "focus-trap": "^7.6.4",
     "focus-trap-vue": "^4.0.3",
-    "vue": "^3.5.13",
+    "vue": "^3.5.25",
     "vue-router": "^4.5.0"
   },
   "devDependencies": {
@@ -154,7 +154,7 @@
     "vite-node": "^3.0.5",
     "vite-plugin-full-reload": "^1.2.0",
     "vitepress": "^1.6.3",
-    "vitest": "^3.0.5",
+    "vitest": "^3.2.4",
     "vue-demi": "^0.14.10",
     "vue-tsc": "^2.2.0"
   },

src/components/DsfrAccordion/DsfrAccordion.vue

@@ -36,7 +36,7 @@ const {
 
 const isStandaloneActive = ref()
 
-const useAccordion = inject(registerAccordionKey)!
+const useAccordion = inject(registerAccordionKey, undefined)!
 const { isActive, expand } = useAccordion?.(toRef(() => props.title)) ?? { isActive: isStandaloneActive, expand: () => isStandaloneActive.value = !isStandaloneActive.value }
 
 onMounted(() => {

src/components/DsfrCard/DsfrCard.spec.ts

@@ -54,6 +54,7 @@ describe('DsfrCard', () => {
         },
       },
       props: {
+        titleLinkAttrs: {},
         altImg,
         detail,
         title,

src/components/DsfrCheckbox/DsfrCheckbox.spec.ts

@@ -19,6 +19,7 @@ describe('DsfrCheckbox', () => {
         },
       },
       props: {
+        value: 1,
         label,
         modelValue,
         name: 'label-1',
@@ -54,6 +55,7 @@ describe('DsfrCheckbox', () => {
         },
       },
       props: {
+        value: 1,
         label,
         modelValue,
         name: 'label-1',

src/components/DsfrMultiselect/DsfrMultiselect.spec.ts

@@ -17,6 +17,7 @@ describe('DsfrMultiselect', () => {
     // When
     const { getByRole, getAllByRole } = render(DsfrMultiselect, {
       props: {
+        label: 'Test multiselect',
         modelValue: values,
         options,
       },
@@ -44,6 +45,7 @@ describe('DsfrMultiselect', () => {
     // When
     const { getByRole, getAllByRole } = render(DsfrMultiselect, {
       props: {
+        label: 'Test multiselect avec options sélectionnées',
         modelValue: values,
         options,
       },
@@ -73,6 +75,7 @@ describe('DsfrMultiselect', () => {
     // When
     const { getByRole, getAllByRole } = render(DsfrMultiselect, {
       props: {
+        label: 'Test multiselect avec recherche',
         modelValue: values,
         options,
         search: true,
@@ -106,6 +109,7 @@ describe('DsfrMultiselect', () => {
     // When
     const { getByRole, getAllByRole } = render(DsfrMultiselect, {
       props: {
+        label: 'Test multiselect avec recherche pour filtrer',
         modelValue: values,
         options,
         search: true,
@@ -139,6 +143,7 @@ describe('DsfrMultiselect', () => {
     // When
     const { getByRole } = render(DsfrMultiselect, {
       props: {
+        label: 'Test multiselect avec sélection de tout',
         modelValue: values,
         options,
         selectAll: true,
@@ -191,6 +196,7 @@ describe('DsfrMultiselect', () => {
     // When
     const { getByRole, getByText } = render(DsfrMultiselect, {
       props: {
+        label: 'Test multiselect avec options sous forme d’objets',
         modelValue: values,
         options,
         idKey: 'nom',

src/components/DsfrNavigation/DsfrNavigationMenuLink.vue

@@ -29,7 +29,7 @@ const iconProps = computed(() => (dsfrIcon.value || !props.icon)
       : { scale: defaultScale, ...((props.icon as Record<string, string>) || {}) },
 )
 
-const useHeader = hasInjectionContext() ? inject(registerNavigationLinkKey)! : undefined
+const useHeader = hasInjectionContext() ? inject(registerNavigationLinkKey, undefined)! : undefined
 const closeModal = useHeader?.() ?? (() => {})
 </script>
 

src/components/DsfrSelect/DsfrSelect.spec.ts

@@ -118,7 +118,6 @@ describe('DsfrSelect', () => {
       },
     })
     const selectEl = container.querySelector('select')
-    console.log(selectEl?.innerHTML) // eslint-disable-line no-console
 
     const optGroupEls = selectEl.querySelectorAll('optgroup')
     const optionEl1 = getByText('Text 1')
@@ -138,8 +137,5 @@ describe('DsfrSelect', () => {
     expect(optionEl3?.ariaDisabled).toBe('false')
     expect(optionEl4?.ariaDisabled).toBe('true')
     expect(optionEl4.disabled).toBe(true)
-
-    console.log(optGroupEls[0]?.ariaDisabled) // eslint-disable-line no-console
-    console.log(optionEl1?.ariaDisabled) // eslint-disable-line no-console
   })
 })

src/components/DsfrSideMenu/DsfrSideMenu.stories.ts

@@ -162,14 +162,14 @@ export const MenuLateralAvecAccordeonEtCheckbox: Story = {
         button-label="Afficher les filtres"
       >
         <DsfrAccordionsGroup>
-        <DsfrAccordion
-          v-for="(accordion, name) in args.accordions"
-          :id="\`accordion_\${name}\`"
-          :key="name"
-            :id="name"
-            :title="name"
-            :expanded-id="expandedId"
-            @expand="id => expandedId = id"
+          <DsfrAccordion
+            v-for="(accordion, name) in args.accordions"
+            :id="\`accordion_\${name}\`"
+            :key="name"
+              :id="name"
+              :title="name"
+              :expanded-id="expandedId"
+              @expand="id => expandedId = id"
           >
             <DsfrCheckboxSet
               :options="accordion.options"