fix: 🐛 Exporte tous les composants DsfrNavigation*

Author: laruiss

src/components/DsfrNavigation/DsfrNavigationMegaMenuCategory.spec.js

@@ -0,0 +1,64 @@
+import { render } from '@testing-library/vue'
+import { createRouter, createWebHistory } from 'vue-router'
+
+import DsfrNavigationMegaMenuCategory from './DsfrNavigationMegaMenuCategory.vue'
+
+const router = createRouter({
+  history: createWebHistory('/'),
+  routes: [{
+    path: '/',
+    name: 'Home',
+    component: { template: '<div />' },
+  }],
+})
+
+const VIcon = { props: ['name'], template: '<i :class="name"></i>' }
+
+describe('DsfrNavigationMegaMenuCategory', () => {
+  it('should render a navigation mega menu', async () => {
+    const title = 'Nom de catégorie'
+    const links = [
+      {
+        text: 'Lien 1',
+        to: '/',
+      },
+      {
+        text: 'Lien 2',
+        to: '/',
+      },
+      {
+        text: 'Lien 3',
+        to: '/',
+      },
+      {
+        text: 'Lien 4',
+        to: '/',
+      },
+      {
+        text: 'Lien 5',
+        to: '/',
+      },
+    ]
+
+    const { getAllByTestId, getByText } = render(DsfrNavigationMegaMenuCategory, {
+      global: {
+        plugins: [router],
+        components: {
+          VIcon,
+        },
+      },
+      props: {
+        title,
+        links,
+      },
+    })
+
+    await router.isReady()
+
+    const linkEls = getAllByTestId('nav-router-link')
+    const h5El = getByText(title)
+
+    expect(h5El).toHaveClass('fr-nav__link')
+    expect(linkEls.length).toBe(links.length)
+  })
+})

src/components/DsfrNavigation/DsfrNavigationMenu.stories.js

@@ -10,7 +10,7 @@ export default {
     },
     id: {
       control: 'string',
-      description: 'Valeur de l’attribut `id` de ce sous-menu.\n\n *N.B. : Il est recommandé de ne pas le donner, la bibliothèque lui en donnera un aléatoire*.',
+      description: 'Valeur de l’attribut `id` de ce sous-menu. *N.B. : Il est recommandé de ne pas le donner, la bibliothèque lui en donnera un aléatoire*.',
     },
     links: {
       control: 'array',
@@ -22,7 +22,7 @@ export default {
     },
     expandedId: {
       control: 'text',
-      description: 'Indique l’id de l’élément "ouvert" ou "déplié" dans le menu.\n\nPermet au composant de savoir s’il doit être déplié (si `expandedId` est identique à son `id`) ou non (si `expandedId` est différent de son `id`)',
+      description: 'Indique l’id de l’élément "ouvert" ou "déplié" dans le menu. Permet au composant de savoir s’il doit être déplié (si `expandedId` est identique à son `id`) ou non (si `expandedId` est différent de son `id`)',
     },
   },
 }

src/components/DsfrNavigation/DsfrNavigationMenu.vue

@@ -22,7 +22,7 @@ export default {
     },
     links: {
       type: Array,
-      default: () => [],
+      required: true,
     },
     expandedId: {
       type: String,

src/components/DsfrNavigation/DsfrNavigationMenuItem.stories.js

@@ -14,19 +14,19 @@ export default {
     },
     expandedId: {
       control: 'text',
-      description: 'Valeur de l’id du menu déroulé.\n\n*N.B. : Ne fait pas partie du composant.*',
+      description: 'Valeur de l’id du menu déroulé. *N.B. : Ne fait pas partie de ce composant.*',
     },
     menuId: {
       control: 'string',
-      description: 'Valeur de l’attribut `id` de ce sous-menu. *N.B. : Il est recommandé de ne pas le donner, la bibliothèque lui en donnera un aléatoire*.',
+      description: 'Valeur de l’attribut `id` de ce sous-menu. *N.B. : Il est recommandé de ne pas le donner, la bibliothèque lui en donnera un aléatoire*. *N.B. : Ne fait pas partie de ce composant.*',
     },
     id: {
       control: 'string',
       description: 'Valeur de l’attribut `id` de cet item de menu de navigation.',
     },
     active: {
       control: 'boolean',
-      description: 'Indique l’élément est actif (l’utilisateur est actuellement sur la page pointée par cet item de menu de navigation).',
+      description: 'Indique si l’élément est actif (l’utilisateur est actuellement sur la page pointée par cet item de menu de navigation).',
     },
   },
 }

src/components/index.js

@@ -15,6 +15,13 @@ export { default as DsfrFooter } from './DsfrFooter/DsfrFooter.vue'
 export { default as DsfrFooterPartners } from './DsfrFooter/DsfrFooterPartners.vue'
 export { default as DsfrLogo } from './DsfrLogo/DsfrLogo.vue'
 export { default as DsfrModal } from './DsfrModal/DsfrModal.vue'
+export { default as DsfrNavigation } from './DsfrNavigation/DsfrNavigation.vue'
+export { default as DsfrNavigationItem } from './DsfrNavigation/DsfrNavigationItem.vue'
+export { default as DsfrNavigationMegaMenu } from './DsfrNavigation/DsfrNavigationMegaMenu.vue'
+export { default as DsfrNavigationMegaMenuCategory } from './DsfrNavigation/DsfrNavigationMegaMenuCategory.vue'
+export { default as DsfrNavigationMenu } from './DsfrNavigation/DsfrNavigationMenu.vue'
+export { default as DsfrNavigationMenuItem } from './DsfrNavigation/DsfrNavigationMenuItem.vue'
+export { default as DsfrNavigationMenuLink } from './DsfrNavigation/DsfrNavigationMenuLink.vue'
 export { default as DsfrPicture } from './DsfrMedia/DsfrPicture.vue'
 export { default as DsfrRadioButton } from './DsfrRadioButton/DsfrRadioButton.vue'
 export { default as DsfrRadioButtonSet } from './DsfrRadioButton/DsfrRadioButtonSet.vue'