@cnamts/synapse 0.0.3-alpha → 0.0.5-alpha

package/src/components/HeaderBar/HeaderComplexMenu/HeaderComplexMenu.stories.ts

@@ -1,272 +0,0 @@
-import HeaderMenu from './HeaderComplexMenu.vue'
-import HeaderBar from '../HeaderBar.vue'
-import type { Meta, StoryObj } from '@storybook/vue3'
-import HeaderMenuSection from './HeaderMenuSection/HeaderMenuSection.vue'
-import HeaderSubMenu from './HeaderSubMenu/HeaderSubMenu.vue'
-import HeaderMenuItem from './HeaderMenuItem/HeaderMenuItem.vue'
-import { VBtn } from 'vuetify/components'
-import { mdiMapMarker } from '@mdi/js'
-
-const meta = {
-	title: 'Components/HeaderBar/HeaderComplexMenu',
-	component: HeaderMenu,
-	parameters: {
-		layout: 'fullscreen',
-	},
-} satisfies Meta<typeof HeaderMenu>
-
-export default meta
-
-type Story = StoryObj<typeof meta>
-
-export const Default: Story = {
-	args: {},
-	render: (args) => {
-		return {
-			components: { HeaderMenu, HeaderBar },
-			setup() {
-				return { args }
-			},
-			template: `
-				<HeaderBar>
-					<template #menu>
-						<HeaderMenu>
-							<p>lorem ipsum</p>
-						</HeaderMenu>
-					</template>
-				</HeaderBar>
-			`,
-		}
-	},
-}
-
-export const Populated: Story = {
-	args: {},
-	render: (args) => {
-		return {
-			components: { HeaderMenuItem, HeaderMenu, HeaderBar, HeaderSubMenu, HeaderMenuSection, VBtn },
-			setup() {
-				return { args }
-			},
-			template: `
-				<HeaderBar>
-					<template #menu>
-						<HeaderMenu>
-							<HeaderMenuSection title="section 1">
-								<HeaderMenuItem>
-									<a>Item 1</a>
-								</HeaderMenuItem>
-								<HeaderMenuItem>
-									<a>Item 2</a>
-								</HeaderMenuItem>
-								<headerMenuItem>
-									<HeaderSubMenu>
-										<template #title>
-											Menu de premier niveau 1
-										</template>
-										<HeaderMenuSection title="Section">
-											<HeaderMenuItem>
-												<a>Item</a>
-											</HeaderMenuItem>
-											<HeaderSubMenu>
-												<template #title>
-													Menu de deuxième niveau 1
-												</template>
-												<HeaderMenuItem>
-													<a>Item</a>
-												</HeaderMenuItem>
-											</HeaderSubMenu>
-										</HeaderMenuSection>
-									</HeaderSubMenu>
-								</headerMenuItem>
-							</HeaderMenuSection>
-							<HeaderMenuSection title="section 2">
-								<headerMenuItem>
-									<HeaderSubMenu>
-										<template #title>
-											Menu de premier niveau 2
-										</template>
-										<HeaderMenuItem>
-											<a>Item 1</a>
-										</HeaderMenuItem>
-										<HeaderMenuItem>
-											<HeaderSubMenu>
-												<template #title>
-													Menu de deuxième niveau 2
-												</template>
-												<HeaderMenuItem>
-													<a>Item 1</a>
-												</HeaderMenuItem>
-											</HeaderSubMenu>
-										</HeaderMenuItem>
-										<HeaderMenuItem>
-											<HeaderSubMenu>
-												<template #title>
-													Menu de deuxième niveau 3
-												</template>
-												<HeaderMenuSection title="section 1">
-													<HeaderMenuItem>
-														<a>Item 1</a>
-													</HeaderMenuItem>
-												</HeaderMenuSection>
-											</HeaderSubMenu>
-										</HeaderMenuItem>
-									</HeaderSubMenu>
-								</headerMenuItem>
-								<HeaderMenuItem>
-									<a>Item 3</a>
-								</HeaderMenuItem>
-							</HeaderMenuSection>
-							<div class="pa-4">
-								<p class="font-weight-bold">Veillez vous connecter</p>
-								<VBtn variant="tonal" class="mt-4 font-weight-medium" color="primary">Je me connecte</VBtn>
-							</div>
-						</HeaderMenu>
-					</template>
-				</HeaderBar>
-			`,
-		}
-	},
-}
-
-export const Generated: Story = {
-	args: {
-	},
-	render: (args) => {
-		return {
-			components: { HeaderMenu, HeaderBar, HeaderMenuSection, HeaderSubMenu, HeaderMenuItem },
-			setup() {
-				const menu = [
-					{
-						title: 'Vous informer',
-						items: [
-							{ title: 'Actualités', href: 'https://www.ameli.fr/assure/actualites' },
-							{
-								subMenuTitle: 'Droits et démarches',
-								subMenuSubtitle: 'selon votre situation',
-								sections: [
-									{
-										title: undefined,
-										items: [
-											{ title: 'Les essentiels de l’assuré', href: 'https://www.ameli.fr/assure/droits-demarches/principes' },
-											{ title: 'Parentalité, couple', href: 'https://www.ameli.fr/assure/droits-demarches/famille' },
-											{ title: 'Fin de vie, deuil', href: 'https://www.ameli.fr/assure/droits-demarches/fin-de-vie-deuil' },
-											{ title: 'Etudes et stages', href: 'https://www.ameli.fr/assure/droits-demarches/etudes-stages' },
-											{ title: 'Vie professionnelle, retraite', href: 'https://www.ameli.fr/assure/droits-demarches/vie-professionnelle-retraite' },
-											{ title: 'Difficultés d\'accès aux droits et aux soins', href: 'https://www.ameli.fr/assure/droits-demarches/difficultes-acces-droits-soins' },
-											{ title: 'Maladie, accident, hospitalisation', href: 'https://www.ameli.fr/assure/droits-demarches/maladie-accident-hospitalisation' },
-											{ title: 'invalidité, handicap', href: 'https://www.ameli.fr/assure/droits-demarches/invalidite-handicap' },
-											{ title: 'situations particumlières', href: 'https://www.ameli.fr/assure/droits-demarches/situations-particulieres' },
-											{ title: 'réclamation, médiation, recours', href: 'https://www.ameli.fr/assure/droits-demarches/reclamation-mediation-voies-de-recours' },
-											{ title: 'Europe, international', href: 'https://www.ameli.fr/assure/droits-demarches/europe-international' },
-										],
-									},
-								],
-							},
-							{
-								subMenuTitle: 'Remboursements',
-								subMenuSubtitle: 'prestations et aides',
-								sections: [
-									{
-										title: undefined,
-										items: [
-											{ title: 'Ce qui est remboursé', href: 'https://www.ameli.fr/assure/remboursements/rembourse' },
-											{ title: 'ce qui reste à votre charge', href: 'https://www.ameli.fr/assure/remboursements/reste-charge' },
-											{ title: 'Être bien remboursé', href: 'https://www.ameli.fr/assure/remboursements/etre-bien-rembourse' },
-											{ title: 'Indemnités journalières maladie, maternité, paternité', href: 'https://www.ameli.fr/assure/remboursements/indemnites-journalieres-maladie-maternite-paternite' },
-											{ title: 'Accident du travail : prise en charge et indemnités journalières', href: 'https://www.ameli.fr/assure/remboursements/accident-travail' },
-											{ title: 'Maladie professionnelle : prise en charge et indemnités journalières', href: 'https://www.ameli.fr/assure/remboursements/maladie-professionnelle' },
-											{ title: 'Pensions, allocations et rentes', href: 'https://www.ameli.fr/assure/remboursements/pensions-allocations-rentes' },
-											{ title: 'Incapacité permanente', href: 'https://www.ameli.fr/assure/remboursements/incapacite-permanente' },
-											{ title: 'Complémentaire santé solidaire : vous n\'avez rien à payer dans la plupart des cas ', href: 'https://www.ameli.fr/assure/remboursements/cmu-aides-financieres/complementaire-sante-solidaire' },
-											{ title: 'Aide médicale de l\'État et soins urgents', href: 'https://www.ameli.fr/assure/remboursements/aide-medicale-etat-soins-urgents' },
-											{ title: 'Compte ameli, mode d\'emploi', href: 'https://www.ameli.fr/assure/remboursements/suivre-remboursements' },
-										],
-									},
-								],
-							},
-							{
-								subMenuTitle: 'Maladies et prévention',
-								sections: [
-									{
-										title: undefined,
-										items: [
-											{ title: 'Tous les thèmes de santé', href: 'https://www.ameli.fr/assure/sante/themes' },
-											{ title: 'L\'Assurance Maladie vous accompagne', href: 'https://www.ameli.fr/assure/remboursements/reste-charge' },
-											{ title: 'Mon espace santé', href: 'https://www.ameli.fr/assure/sante/mon-espace-sante' },
-											{ title: 'Mon bilan prévention', href: 'https://www.ameli.fr/assure/sante/mon-bilan-prevention' },
-											{ title: 'Réagir en cas \'urgence ', href: 'https://www.ameli.fr/assure/sante/urgence' },
-											{ title: 'Accomplir les bons gestes ', href: 'https://www.ameli.fr/assure/sante/bons-gestes' },
-											{ title: 'Médicaments et vaccins', href: 'https://www.ameli.fr/assure/sante/medicaments' },
-											{ title: 'Déroulement d\'un examen', href: 'https://www.ameli.fr/assure/sante/examen' },
-											{ title: 'Certificat médical : dans quels cas et pour qui est-il obligatoire ?', href: 'https://www.ameli.fr/assure/sante/certificat-medical-quand-et-pour-qui' },
-											{ title: 'Devenir parent', href: 'https://www.ameli.fr/assure/sante/devenir-parent' },
-											{ title: 'Enfants', href: 'https://www.ameli.fr/assure/sante/enfants' },
-											{ title: 'Jeunes 16-25 ans', href: 'https://www.ameli.fr/assure/sante/jeunes-16-25-ans' },
-											{ title: 'Seniors', href: 'https://www.ameli.fr/assure/sante/seniors' },
-											{ title: 'Télésanté, la santé à distance', href: 'https://www.ameli.fr/assure/sante/telesante' },
-										],
-									},
-								],
-							},
-						],
-					},
-					{
-						title: 'Besoin d\'aide',
-						items: [
-							{
-								title: 'Contacter l\'Assurance Maladie',
-								subtitle: 'obtenir une attestation, envoyer une feuille de soins, contacter sa caisse, etc.',
-								href: 'https://www.ameli.fr/assure/adresses-contacts',
-							},
-							{
-								title: 'Trouver un professionnel de santé',
-								subtitle: 'médecins, infirmiers...',
-								href: 'https://www.ameli.fr/assure/adresses-contacts' },
-							{ title: 'Télécharger un formulaire (ex: cerfa)', href: 'https://www.ameli.fr/assure/droits-demarches/formulaires' },
-							{ title: 'Consulter le forum', href: 'https://forum-assures.ameli.fr/' },
-							{ title: 'Sourds et malentendants', href: 'https://elioz.fr/elioz-connect/annuaire/assurance-maladie-annuaire/' },
-						],
-					},
-				]
-				return { args, menu, marker: mdiMapMarker }
-			},
-			template: `
-				<HeaderBar>
-					<template #menu>
-						<HeaderMenu>
-							<HeaderMenuSection v-for="section in menu" :key="section.title" :title="section.title">
-								<HeaderMenuItem v-for="item in section.items" :key="item.title">
-									<HeaderSubMenu v-if="item.subMenuTitle">
-										<template #title>
-											{{ item.subMenuTitle }}
-											<em v-if="item.subMenuSubtitle" style="font-style: normal; color: #757777;">{{ item.subMenuSubtitle }}</em>
-										</template>
-										<HeaderMenuSection v-for="subSection in item.sections" :key="subSection.title"  :title="subSection.title">
-											<HeaderMenuItem v-for="subItem in subSection.items" :key="subItem.title">
-												<a :href="subItem.href">{{ subItem.title }}</a>
-											</HeaderMenuItem>
-										</HeaderMenuSection>
-									</HeaderSubMenu>
-									<a v-else :href="item.href">
-										{{ item.title }}
-										<em v-if="item.subtitle" style="font-style: normal; color: #757777;">{{ item.subtitle }}</em>
-									</a>
-								</HeaderMenuItem>
-							</HeaderMenuSection>
-							<h2 class="border-b-sm mb-2" style="font-size: 1.1rem; padding: 40px 16px 8px 20px;">Votre caisse</h2>
-							<div style="padding: 16px 50px 16px 20px;">
-								<div class="d-flex align-center ga-2 font-weight-bold">
-									<VIcon aria-label="Localisation" role="img" aria-hidden="false" color="primary">{{marker}}</VIcon>
-									<p>Vous n'avez pas sélectionné votre caisse</p>
-								</div>
-								<VBtn class="mt-3 mb-4 font-weight-bold text-capitalize" base-color="primary" density="comfortable" flat height="37">Sélectionner</VBtn>
-								<p class="mb-8">Les pages d'ameli seront alors enrichies des informations locales de votre caisse (contacts, événements régionaux, etc.) </p>
-							</div>
-						</HeaderMenu>
-					</template>
-				</HeaderBar>
-			`,
-		}
-	},
-}

package/src/components/HeaderBar/HeaderComplexMenu/HeaderMenuItem/HeaderMenuItem.stories.ts

@@ -1,49 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/vue3'
-import HeaderMenuItem from './HeaderMenuItem.vue'
-import HeaderMenu from '../HeaderComplexMenu.vue'
-import HeaderBar from '../../HeaderBar.vue'
-
-const meta = {
-	title: 'Components/HeaderBar/HeaderComplexMenu/HeaderMenuItem',
-	component: HeaderMenuItem,
-	parameters: {
-		layout: 'fullscreen',
-	},
-} satisfies Meta<typeof HeaderMenuItem>
-
-export default meta
-
-type Story = StoryObj<typeof meta>
-
-export const Default: Story = {
-	args: {
-		default: 'lorem ipsum',
-	},
-	render: (args) => {
-		return {
-			components: { HeaderMenuItem, HeaderMenu, HeaderBar },
-			setup() {
-				return { args }
-			},
-			template: `
-				<HeaderBar>
-					<template #menu>
-						<HeaderMenu>
-							<HeaderMenuSection>
-								<HeaderMenuItem>
-									<a>{{ args.default }}</a>
-								</HeaderMenuItem>
-							</HeaderMenuSection>
-						</HeaderMenu>
-					</template>
-				</HeaderBar>
-			`,
-		}
-	},
-	play: async ({ canvasElement }) => {
-		const menuBtn = canvasElement.querySelector('button')
-		setTimeout(() => {
-			menuBtn!.click()
-		}, 1000)
-	},
-}

package/src/components/HeaderBar/HeaderComplexMenu/HeaderMenuSection/HeaderMenuSection.stories.ts

@@ -1,56 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/vue3'
-import HeaderMenuSection from './HeaderMenuSection.vue'
-import HeaderMenuItem from '../HeaderMenuItem/HeaderMenuItem.vue'
-import HeaderMenu from '../HeaderComplexMenu.vue'
-import HeaderBar from '../../HeaderBar.vue'
-
-const meta = {
-	title: 'Components/HeaderBar/HeaderComplexMenu/HeaderMenuSection',
-	component: HeaderMenuSection,
-	parameters: {
-		layout: 'fullscreen',
-	},
-} satisfies Meta<typeof HeaderMenuSection>
-
-export default meta
-
-type Story = StoryObj<typeof meta>
-
-export const Default: Story = {
-	args: {
-		title: 'section 1',
-	},
-	render: (args) => {
-		return {
-			components: { HeaderMenuItem, HeaderMenu, HeaderBar, HeaderMenuSection },
-			setup() {
-				return { args }
-			},
-			template: `
-				<HeaderBar>
-					<template #menu>
-						<HeaderMenu>
-							<HeaderMenuSection :title="args.title">
-								<HeaderMenuItem>
-									<a>lorem ipsum</a>
-								</HeaderMenuItem>
-							</HeaderMenuSection>
-
-							<HeaderMenuSection title="section 2">
-								<HeaderMenuItem>
-									<a>lorem ipsum</a>
-								</HeaderMenuItem>
-							</HeaderMenuSection>
-						</HeaderMenu>
-					</template>
-				</HeaderBar>
-			`,
-		}
-	},
-	play: async ({ canvasElement }) => {
-		const menuBtn = canvasElement.querySelector('button')
-		setTimeout(() => {
-			menuBtn!.click()
-		}, 1000)
-	},
-}

package/src/components/HeaderBar/HeaderComplexMenu/HeaderSubMenu/HeaderSubMenu.stories.ts

@@ -1,137 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/vue3'
-import HeaderBar from '../../HeaderBar.vue'
-import HeaderMenu from '../HeaderComplexMenu.vue'
-import HeaderMenuItem from '../HeaderMenuItem/HeaderMenuItem.vue'
-import HeaderMenuSection from '../HeaderMenuSection/HeaderMenuSection.vue'
-import HeaderSubMenu from './HeaderSubMenu.vue'
-
-const meta = {
-	title: 'Components/HeaderBar/HeaderComplexMenu/HeaderSubMenu',
-	component: HeaderSubMenu,
-	parameters: {
-		layout: 'fullscreen',
-	},
-} satisfies Meta<typeof HeaderSubMenu>
-
-export default meta
-
-type Story = StoryObj<typeof meta>
-
-export const Default: Story = {
-	args: {
-		title: 'Menu de premier niveau',
-	},
-	render: (args) => {
-		return {
-			components: { HeaderMenuItem, HeaderMenu, HeaderBar, HeaderSubMenu, HeaderMenuSection },
-			setup() {
-				return { args }
-			},
-			template: `
-				<HeaderBar>
-					<template #menu>
-						<HeaderMenu>
-							<HeaderMenuSection>
-								<HeaderMenuItem>
-									<a>Item</a>
-								</HeaderMenuItem>
-								<HeaderMenuItem>
-									<a>Item</a>
-								</HeaderMenuItem>
-								<headerMenuItem>
-									<HeaderSubMenu>
-										<template #title>
-											{{ args.title }}
-										</template>
-										<HeaderMenuItem>
-											<a>Item</a>
-										</HeaderMenuItem>
-									</HeaderSubMenu>
-								</headerMenuItem>
-								<HeaderMenuItem>
-									<a>Item</a>
-								</HeaderMenuItem>
-							</HeaderMenuSection>
-						</HeaderMenu>
-					</template>
-				</HeaderBar>
-			`,
-		}
-	},
-	play: async ({ canvasElement }) => {
-		const menuBtn = canvasElement.querySelector('button')
-		setTimeout(() => {
-			menuBtn!.click()
-		}, 1000)
-	},
-}
-
-export const Deep: Story = {
-	args: {
-		title: 'Menu de deuxième niveau',
-	},
-	render: (args) => {
-		return {
-			components: { HeaderMenuItem, HeaderMenu, HeaderBar, HeaderSubMenu, HeaderMenuSection },
-			setup() {
-				return { args }
-			},
-			template: `
-				<HeaderBar>
-					<template #menu>
-						<HeaderMenu>
-							<HeaderMenuSection>
-								<HeaderMenuItem>
-									<a>Item 1</a>
-								</HeaderMenuItem>
-								<HeaderMenuItem>
-									<a>Item 2</a>
-								</HeaderMenuItem>
-								<headerMenuItem>
-									<HeaderSubMenu>
-										<template #title>
-											Menu de premier niveau
-										</template>
-										<HeaderMenuItem>
-											<a>Item 2.1</a>
-										</HeaderMenuItem>
-										<HeaderMenuItem>
-											<a>Item 2.2</a>
-										</HeaderMenuItem>
-										<HeaderMenuItem>
-											<HeaderSubMenu>
-												<template #title>
-													Menu de deuxième niveau
-												</template>
-												<HeaderMenuItem>
-													<a>Item 3.1</a>
-												</HeaderMenuItem>
-												<HeaderMenuItem>
-													<a>Item 3.2</a>
-												</HeaderMenuItem>
-											</HeaderSubMenu>
-										</HeaderMenuItem>
-									</HeaderSubMenu>
-								</headerMenuItem>
-								<HeaderMenuItem>
-									<a>Item 3</a>
-								</HeaderMenuItem>
-							</HeaderMenuSection>
-						</HeaderMenu>
-					</template>
-				</HeaderBar>
-			`,
-		}
-	},
-	play: async ({ canvasElement }) => {
-		const menuBtn = canvasElement.querySelector('button')
-		await new Promise(resolve => setTimeout(resolve, 1000))
-		await menuBtn!.click()
-		await new Promise(resolve => setTimeout(resolve, 500))
-		const subMenuBtn = canvasElement.querySelector<HTMLElement>('.sub-menu-btn')
-		await subMenuBtn!.click()
-		await new Promise(resolve => setTimeout(resolve, 500))
-		const subMenuBtn2 = canvasElement.querySelector<HTMLElement>('.sub-menu .sub-menu .sub-menu-btn')
-		await subMenuBtn2!.click()
-	},
-}

package/src/components/HeaderBar/HeaderComplexMenu/tests/HeaderComplexMenu.spec.ts

@@ -1,129 +0,0 @@
-import { vuetify } from '@tests/unit/setup'
-import { mount } from '@vue/test-utils'
-import { afterEach } from 'node:test'
-import { describe, expect, it, vi } from 'vitest'
-import { registerHeaderMenuKey } from '../../consts'
-import HeaderComplexMenu from '../HeaderComplexMenu.vue'
-
-describe('HeaderComplexMenu', () => {
-	const BtnTestComponent = {
-		setup() {
-			const props = defineProps({ modelValue: Boolean })
-			return { open: props.modelValue }
-		},
-		template: `<button @click="$emit('update:modelValue', !open)">Test</button>`,
-	}
-
-	afterEach(() => {
-		vi.resetAllMocks()
-		document.body.innerHTML = ''
-	})
-
-	it('should render the component', async () => {
-		const wrapper = mount(HeaderComplexMenu, {
-			global: {
-				plugins: [vuetify],
-				provide: {
-					[registerHeaderMenuKey]: () => {},
-				},
-			},
-			slots: {
-				default: '<div>Default slot</div>',
-			},
-			stubs: {
-				HeaderMenuBtn: BtnTestComponent,
-			},
-		})
-
-		expect(wrapper.html()).toMatchSnapshot()
-
-		const menu = wrapper.find('.overlay')
-		expect(menu.attributes('style')).toContain('display: none;')
-
-		const btn = wrapper.find('.header-menu-btn')
-		await btn.trigger('click')
-		expect(menu.attributes('style')).toBeUndefined()
-	})
-
-	it('should close the menu when clicking outside', async () => {
-		const wrapper = mount(HeaderComplexMenu, {
-			global: {
-				plugins: [vuetify],
-				provide: {
-					[registerHeaderMenuKey]: () => {},
-				},
-			},
-			stubs: {
-				HeaderMenuBtn: BtnTestComponent,
-			},
-			slots: {
-				default: '<div>Default slot</div>',
-			},
-			attachTo: document.body,
-		})
-
-		const overlay = wrapper.find('.overlay')
-		const btn = wrapper.find('.header-menu-btn')
-
-		await btn.trigger('click')
-		expect(overlay.attributes('style')).toBeUndefined()
-
-		await overlay.trigger('click')
-		expect(overlay.attributes('style')).toContain('display: none;')
-
-		wrapper.unmount()
-	})
-
-	it('should not close the menu when clicking inside', async () => {
-		const wrapper = mount(HeaderComplexMenu, {
-			global: {
-				plugins: [vuetify],
-				provide: {
-					[registerHeaderMenuKey]: () => {},
-				},
-			},
-			stubs: {
-				HeaderMenuBtn: BtnTestComponent,
-			},
-			slots: {
-				default: '<div>Default slot</div>',
-			},
-			attachTo: document.body,
-		})
-
-		const menu = wrapper.find('.overlay')
-		const btn = wrapper.find('button')
-		await btn.trigger('click')
-		expect(menu.attributes('style')).toBeUndefined()
-
-		await wrapper.find('.header-menu').trigger('click')
-		expect(menu.attributes('style')).toBeUndefined()
-
-		wrapper.unmount()
-	})
-
-	it('should listen to the button to open and close the menu', async () => {
-		const wrapper = mount(HeaderComplexMenu, {
-			global: {
-				plugins: [vuetify],
-				provide: {
-					[registerHeaderMenuKey]: () => {},
-				},
-			},
-			stubs: {
-				HeaderMenuBtn: BtnTestComponent,
-			},
-			slots: {
-				default: '<div>Default slot</div>',
-			},
-		})
-
-		const menu = wrapper.find('.overlay')
-		const btn = wrapper.find('button')
-		await btn.trigger('click')
-		expect(menu.attributes('style')).toBeUndefined()
-
-		await btn.trigger('click')
-		expect(menu.attributes('style')).toContain('display: none;')
-	})
-})

package/src/components/HeaderBar/HeaderComplexMenu/tests/__snapshots__/HeaderComplexMenu.spec.ts.snap

@@ -1,18 +0,0 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
-
-exports[`HeaderComplexMenu > should render the component 1`] = `
-"<div data-v-10d9bc74="" role="dialog" aria-modal="true" aria-label="Menu principal">
-  <div data-v-10d9bc74=""><button data-v-70557900="" data-v-10d9bc74="" class="header-menu-btn" style="background-color: #1867C0; color: #fff;" type="button" aria-label="Ouvrir le menu" title="Ouvrir le menu"><i data-v-70557900="" class="M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z mdi v-icon notranslate v-theme--light" style="font-size: 48px; height: 48px; width: 48px;" aria-hidden="true"></i><span data-v-70557900="" class="header-menu-btn__label">Menu</span></button></div>
-  <transition-stub data-v-10d9bc74="" name="menu" appear="false" persisted="true" css="true">
-    <div data-v-10d9bc74="" class="overlay" style="display: none;">
-      <div data-v-10d9bc74="" role="menu" class="menu-wrapper" style="left: 0px; top: 0px;"><button data-v-70557900="" data-v-10d9bc74="" class="header-menu-btn" style="background-color: #1867C0; color: #fff;" type="button" aria-label="Ouvrir le menu" title="Ouvrir le menu"><i data-v-70557900="" class="M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z mdi v-icon notranslate v-theme--light" style="font-size: 48px; height: 48px; width: 48px;" aria-hidden="true"></i><span data-v-70557900="" class="header-menu-btn__label">Menu</span></button>
-        <nav data-v-10d9bc74="" id="header-menu-wrapper" class="header-menu-wrapper" role="navigation" aria-label="Menu public">
-          <div data-v-10d9bc74="" class="header-menu">
-            <div>Default slot</div>
-          </div>
-        </nav>
-      </div>
-    </div>
-  </transition-stub>
-</div>"
-`;

package/src/stories/Guidelines/CustomisationEtThemes.mdx

@@ -1,3 +0,0 @@
-import { Meta } from '@storybook/addon-docs';
-
-<Meta title="Guidelines/Customisation et themes" />