@cnamts/synapse 1.0.11 → 1.0.13

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

@@ -0,0 +1,787 @@
+import { A11Y_COMPLIANCE_ENUM_VALUES, A11yComplianceEnum } from '../A11yComplianceEnum'
+import { VueWrapper, mount, shallowMount } from '@vue/test-utils'
+import { beforeEach, describe, expect, it } from 'vitest'
+import { AmeliproBtn } from '@/components'
+import AmeliproFooter from '../AmeliproFooter.vue'
+import type { ComponentProps } from 'vue-component-type-helpers'
+import { DisplayTestComponent } from '@tests/helpers/utils'
+import type { ExpectedPropOptions } from '@tests/types'
+import type { PropType } from 'vue'
+import type { RouteLocationRaw } from 'vue-router'
+import TestHelper from '@tests/helpers/TestHelper'
+import { propValidator } from '@/utils/propValidator'
+
+const expectedPropOptions: ExpectedPropOptions<typeof AmeliproFooter> = {
+	a11yCompliance: {
+		default: A11yComplianceEnum.NON_COMPLIANT,
+		type: String,
+		validator: (value: string) => propValidator('a11yCompliance', A11Y_COMPLIANCE_ENUM_VALUES, value),
+	},
+	a11yHref: {
+		type: String,
+		default: undefined,
+	},
+	a11yTarget: {
+		type: String,
+		default: undefined,
+	},
+	a11yTo: {
+		type: [Array, Object, String] as PropType<RouteLocationRaw>,
+		default: undefined,
+	},
+	aboutHref: {
+		type: String,
+		default: undefined,
+	},
+	aboutTarget: {
+		type: String,
+		default: undefined,
+	},
+	aboutTo: {
+		type: [Array, Object, String] as PropType<RouteLocationRaw>,
+		default: undefined,
+	},
+	backOffice: {
+		type: Boolean,
+		default: false,
+	},
+	backOfficeText: {
+		type: String,
+		default: undefined,
+	},
+	cguHref: {
+		type: String,
+		default: undefined,
+	},
+	cguTarget: {
+		type: String,
+		default: undefined,
+	},
+	cguTo: {
+		type: [Array, Object, String] as PropType<RouteLocationRaw>,
+		default: undefined,
+	},
+	configurationHref: {
+		type: String,
+		default: undefined,
+	},
+	configurationLabel: {
+		type: String,
+		default: 'Configuration',
+	},
+	configurationTarget: {
+		type: String,
+		default: undefined,
+	},
+	configurationTo: {
+		type: [Array, Object, String] as PropType<RouteLocationRaw>,
+		default: undefined,
+	},
+	legalNoticeHref: {
+		type: String,
+		default: undefined,
+	},
+	legalNoticeTarget: {
+		type: String,
+		default: undefined,
+	},
+	legalNoticeTo: {
+		type: [Array, Object, String] as PropType<RouteLocationRaw>,
+		default: undefined,
+	},
+	noA11y: {
+		type: Boolean,
+		default: false,
+	},
+	noAbout: {
+		type: Boolean,
+		default: false,
+	},
+	noCgu: {
+		type: Boolean,
+		default: false,
+	},
+	noConfiguration: {
+		type: Boolean,
+		default: false,
+	},
+	noLegalNotice: {
+		type: Boolean,
+		default: false,
+	},
+	noLinkA11y: {
+		type: Boolean,
+		default: false,
+	},
+	noPhone: {
+		type: Boolean,
+		default: false,
+	},
+	noSiteMap: {
+		type: Boolean,
+		default: false,
+	},
+	phoneLink: {
+		type: Boolean,
+		default: true,
+	},
+	siteMapHref: {
+		type: String,
+		default: undefined,
+	},
+	siteMapTarget: {
+		type: String,
+		default: undefined,
+	},
+	siteMapTo: {
+		type: [Array, Object, String] as PropType<RouteLocationRaw>,
+		default: undefined,
+	},
+	uniqueId: {
+		type: String,
+		default: undefined,
+	},
+	version: {
+		type: String,
+		default: 'X.X.X',
+	},
+}
+
+// Values pour les props "required"
+const requiredPropValues = (): ComponentProps<typeof AmeliproFooter> => ({})
+
+// Valeurs pour les props "modified"
+const modifiedPropValues = (): ComponentProps<typeof AmeliproFooter> => ({
+	a11yCompliance: 'partiellement-conforme',
+	a11yHref: '#modified-a11y-href',
+	a11yTarget: 'modified-a11y-target',
+	a11yTo: '/modified-a11y-to',
+	aboutHref: '#modified-about-href',
+	aboutTarget: 'modified-about-target',
+	aboutTo: '/modified-about-to',
+	backOffice: true,
+	backOfficeText: 'Modified back office text',
+	cguHref: '#modified-cgu-href',
+	cguTarget: 'modified-cgu-target',
+	cguTo: '/modified-cgu-to',
+	configurationHref: '#modified-configuration-href',
+	configurationLabel: 'Modified configuration label',
+	configurationTarget: 'modified-configuration-target',
+	configurationTo: '/modified-configuration-to',
+	legalNoticeHref: '#modified-legal-notice-href',
+	legalNoticeTarget: 'modified-legal-notice-target',
+	legalNoticeTo: '/modified-legal-notice-to',
+	noA11y: true,
+	noAbout: true,
+	noCgu: true,
+	noConfiguration: true,
+	noLegalNotice: true,
+	noLinkA11y: true,
+	noPhone: true,
+	noSiteMap: true,
+	phoneLink: false,
+	siteMapHref: '#modified-site-map-href',
+	siteMapTarget: 'modified-site-map-target',
+	siteMapTo: '/modified-site-map-to',
+	uniqueId: 'modified-unique-id',
+	version: 'Modified version',
+})
+
+const testHelper = new TestHelper(AmeliproFooter)
+testHelper.setExpectedPropOptions(expectedPropOptions)
+	.setRequiredPropValues(requiredPropValues)
+	.setModifiedPropValues(modifiedPropValues)
+
+const displayWrapper = mount(DisplayTestComponent)
+
+describe('AmeliproFooter', () => {
+	describe('Snapshots', () => {
+		testHelper.snapshots()
+	})
+
+	describe('Properties', () => {
+		testHelper.properties()
+	})
+
+	describe('Setting props should update props of inner tags', () => {
+		let vueWrapper: VueWrapper<InstanceType<typeof AmeliproFooter>>
+
+		beforeEach(() => {
+			vueWrapper = shallowMount(AmeliproFooter, { props: requiredPropValues() })
+		})
+
+		describe('footer root', () => {
+			it('prop uniqueId sets attribute id', async () => {
+				expect(vueWrapper.attributes('id')).toBeUndefined()
+
+				const { uniqueId } = modifiedPropValues()
+				await vueWrapper.setProps({ uniqueId })
+				expect(vueWrapper.attributes('id')).toBe('modified-unique-id-container')
+			})
+
+			it('display width sets attribute class', async () => {
+				displayWrapper.vm.setWidth(1170)
+				await vueWrapper.vm.$nextTick()
+				expect(vueWrapper.find('.amelipro-footer').classes('d-flex')).toBe(true)
+
+				displayWrapper.vm.setWidth(1169)
+				await vueWrapper.vm.$nextTick()
+				expect(vueWrapper.find('.amelipro-footer').classes('d-block')).toBe(true)
+
+				displayWrapper.vm.resetDefaults()
+			})
+		})
+
+		describe('footer content', () => {
+			it('prop uniqueId sets attribute id', async () => {
+				expect(vueWrapper.find('.amelipro-footer__content').attributes('id')).toBeUndefined()
+
+				const { uniqueId } = modifiedPropValues()
+				await vueWrapper.setProps({ uniqueId })
+				expect(vueWrapper.find('.amelipro-footer__content').attributes('id')).toBe('modified-unique-id-content')
+			})
+
+			it('display width & prop backOffice set attribute class', async () => {
+				displayWrapper.vm.setMdAndUp(true)
+				await vueWrapper.vm.$nextTick()
+				expect(vueWrapper.find('.amelipro-footer__content').classes('flex-column')).toBe(false)
+				expect(vueWrapper.find('.amelipro-footer__content').classes('flex-row')).toBe(true)
+				expect(vueWrapper.find('.amelipro-footer__content').classes('justify-center')).toBe(false)
+				expect(vueWrapper.find('.amelipro-footer__content').classes('justify-space-between')).toBe(true)
+
+				displayWrapper.vm.setMdAndUp(false)
+				await vueWrapper.vm.$nextTick()
+				expect(vueWrapper.find('.amelipro-footer__content').classes('flex-column')).toBe(true)
+				expect(vueWrapper.find('.amelipro-footer__content').classes('flex-row')).toBe(false)
+				expect(vueWrapper.find('.amelipro-footer__content').classes('justify-center')).toBe(false)
+				expect(vueWrapper.find('.amelipro-footer__content').classes('justify-space-between')).toBe(false)
+
+				const { backOffice } = modifiedPropValues()
+				await vueWrapper.setProps({ backOffice })
+				expect(vueWrapper.find('.amelipro-footer__content').classes('flex-column')).toBe(false)
+				expect(vueWrapper.find('.amelipro-footer__content').classes('flex-row')).toBe(false)
+				expect(vueWrapper.find('.amelipro-footer__content').classes('justify-center')).toBe(true)
+				expect(vueWrapper.find('.amelipro-footer__content').classes('justify-space-between')).toBe(false)
+
+				displayWrapper.vm.resetDefaults()
+			})
+
+			it('display width sets attribute style', async () => {
+				displayWrapper.vm.setWidth(1000)
+				await vueWrapper.vm.$nextTick()
+				expect(vueWrapper.find('.amelipro-footer__content').attributes('style')).toBe('width: 100%;')
+
+				displayWrapper.vm.setWidth(1072)
+				await vueWrapper.vm.$nextTick()
+				expect(vueWrapper.find('.amelipro-footer__content').attributes('style')).toBe('width: 980px;')
+
+				displayWrapper.vm.setWidth(1240)
+				await vueWrapper.vm.$nextTick()
+				expect(vueWrapper.find('.amelipro-footer__content').attributes('style')).toBe('width: 1144px;')
+
+				displayWrapper.vm.resetDefaults()
+			})
+		})
+
+		describe('footer version', () => {
+			it('prop backoffice sets footer version visibility', async () => {
+				expect(vueWrapper.find('.footer-version').exists()).toBe(true)
+
+				const { backOffice } = modifiedPropValues()
+				await vueWrapper.setProps({ backOffice })
+				expect(vueWrapper.find('.footer-version').exists()).toBe(false)
+			})
+
+			it('prop uniqueId sets attribute id', async () => {
+				expect(vueWrapper.find('.footer-version').attributes('id')).toBeUndefined()
+
+				const { uniqueId } = modifiedPropValues()
+				await vueWrapper.setProps({ uniqueId })
+				expect(vueWrapper.find('.footer-version').attributes('id')).toBe('modified-unique-id-version')
+			})
+
+			it('display width sets attribute class', async () => {
+				displayWrapper.vm.setMdAndUp(true)
+				await vueWrapper.vm.$nextTick()
+				expect(vueWrapper.find('.footer-version').classes('d-none')).toBe(false)
+
+				displayWrapper.vm.setMdAndUp(false)
+				await vueWrapper.vm.$nextTick()
+				expect(vueWrapper.find('.footer-version').classes('d-none')).toBe(true)
+
+				displayWrapper.vm.resetDefaults()
+			})
+
+			it('prop version sets version content', async () => {
+				expect(vueWrapper.find('.footer-version').text()).toBe('X.X.X')
+
+				const { version } = modifiedPropValues()
+				await vueWrapper.setProps({ version })
+				expect(vueWrapper.find('.footer-version').text()).toBe('Modified version')
+			})
+		})
+
+		describe('footer contact', () => {
+			it('prop backoffice sets footer contact visibility', async () => {
+				expect(vueWrapper.find('.amelipro-footer__contact').exists()).toBe(true)
+
+				const { backOffice } = modifiedPropValues()
+				await vueWrapper.setProps({ backOffice })
+				expect(vueWrapper.find('.amelipro-footer__contact').exists()).toBe(false)
+			})
+
+			it('prop uniqueId sets attribute id', async () => {
+				expect(vueWrapper.find('.amelipro-footer__contact').attributes('id')).toBeUndefined()
+
+				const { uniqueId } = modifiedPropValues()
+				await vueWrapper.setProps({ uniqueId })
+				expect(vueWrapper.find('.amelipro-footer__contact').attributes('id')).toBe('modified-unique-id-contact')
+			})
+
+			it('display width & prop backOffice set attribute class', async () => {
+				displayWrapper.vm.setMdAndUp(true)
+				await vueWrapper.vm.$nextTick()
+				expect(vueWrapper.find('.amelipro-footer__contact').classes('mt-1')).toBe(true)
+				expect(vueWrapper.find('.amelipro-footer__contact').classes('mr-4')).toBe(true)
+
+				displayWrapper.vm.setMdAndUp(false)
+				await vueWrapper.vm.$nextTick()
+				expect(vueWrapper.find('.amelipro-footer__contact').classes('mt-1')).toBe(false)
+				expect(vueWrapper.find('.amelipro-footer__contact').classes('mr-4')).toBe(false)
+
+				displayWrapper.vm.resetDefaults()
+			})
+		})
+
+		describe('footer list', () => {
+			it('prop backoffice sets footer list visibility', async () => {
+				expect(vueWrapper.find('.amelipro-footer__list').exists()).toBe(true)
+
+				const { backOffice } = modifiedPropValues()
+				await vueWrapper.setProps({ backOffice })
+				expect(vueWrapper.find('.amelipro-footer__list').exists()).toBe(false)
+			})
+
+			it('prop uniqueId sets attribute id', async () => {
+				expect(vueWrapper.find('.amelipro-footer__list').attributes('id')).toBeUndefined()
+
+				const { uniqueId } = modifiedPropValues()
+				await vueWrapper.setProps({ uniqueId })
+				expect(vueWrapper.find('.amelipro-footer__list').attributes('id')).toBe('modified-unique-id-list')
+			})
+
+			it('display width & prop backOffice set attribute class', async () => {
+				displayWrapper.vm.setMdAndUp(true)
+				await vueWrapper.vm.$nextTick()
+				expect(vueWrapper.find('.amelipro-footer__list').classes('justify-end')).toBe(true)
+				expect(vueWrapper.find('.amelipro-footer__list').classes('justify-center')).toBe(false)
+
+				displayWrapper.vm.setMdAndUp(false)
+				await vueWrapper.vm.$nextTick()
+				expect(vueWrapper.find('.amelipro-footer__list').classes('justify-end')).toBe(false)
+				expect(vueWrapper.find('.amelipro-footer__list').classes('justify-center')).toBe(true)
+
+				displayWrapper.vm.resetDefaults()
+			})
+		})
+
+		describe('footer a11y text', () => {
+			it('props noA11y & noLinkA11y set a11y text visibility', async () => {
+				expect(vueWrapper.find('.a11y-text').exists()).toBe(false)
+
+				const { noA11y, noLinkA11y } = modifiedPropValues()
+				await vueWrapper.setProps({ noLinkA11y })
+				expect(vueWrapper.find('.a11y-text').exists()).toBe(true)
+
+				await vueWrapper.setProps({ noA11y })
+				expect(vueWrapper.find('.a11y-text').exists()).toBe(false)
+			})
+
+			it('prop uniqueId sets attribute id', async () => {
+				const { noLinkA11y } = modifiedPropValues()
+				await vueWrapper.setProps({ noLinkA11y })
+				expect(vueWrapper.find('.a11y-text').attributes('id')).toBeUndefined()
+
+				const { uniqueId } = modifiedPropValues()
+				await vueWrapper.setProps({ uniqueId })
+				expect(vueWrapper.find('.a11y-text').attributes('id')).toBe('modified-unique-id-a11y-text')
+			})
+
+			it('prop a11yCompliance sets a11y text content', async () => {
+				const { noLinkA11y } = modifiedPropValues()
+				await vueWrapper.setProps({ noLinkA11y })
+
+				expect(vueWrapper.find('.a11y-text').element.textContent).toContain('Accessibilité\xa0: non conforme')
+
+				await vueWrapper.setProps({ a11yCompliance: 'partiellement-conforme' })
+				expect(vueWrapper.find('.a11y-text').element.textContent).toContain('Accessibilité\xa0: partiellement conforme')
+
+				await vueWrapper.setProps({ a11yCompliance: 'conforme' })
+				expect(vueWrapper.find('.a11y-text').element.textContent).toContain('Accessibilité\xa0: conforme')
+			})
+		})
+		describe('footer backoffice text', () => {
+			it('prop backoffice sets footer list visibility', async () => {
+				expect(vueWrapper.find('.amelipro-footer__backoffice-text').exists()).toBe(false)
+
+				const { backOffice } = modifiedPropValues()
+				await vueWrapper.setProps({ backOffice })
+				expect(vueWrapper.find('.amelipro-footer__backoffice-text').exists()).toBe(true)
+			})
+
+			it('prop uniqueId sets attribute id', async () => {
+				const { backOffice, uniqueId } = modifiedPropValues()
+				await vueWrapper.setProps({ backOffice })
+
+				expect(vueWrapper.find('.amelipro-footer__backoffice-text').attributes('id')).toBeUndefined()
+
+				await vueWrapper.setProps({ uniqueId })
+				expect(vueWrapper.find('.amelipro-footer__backoffice-text').attributes('id')).toBe('modified-unique-id-backoffice-text')
+			})
+
+			it('props backOfficeText & version set backoffice text content', async () => {
+				const { backOffice, backOfficeText, version } = modifiedPropValues()
+				await vueWrapper.setProps({ backOffice })
+
+				expect(vueWrapper.find('.amelipro-footer__backoffice-text').text()).toBe('CNAM -  - Version X.X.X')
+
+				await vueWrapper.setProps({ backOfficeText })
+				expect(vueWrapper.find('.amelipro-footer__backoffice-text').text()).toBe('CNAM - Modified back office text - Version X.X.X')
+
+				await vueWrapper.setProps({ version })
+				expect(vueWrapper.find('.amelipro-footer__backoffice-text').text()).toBe('CNAM - Modified back office text - Version Modified version')
+			})
+		})
+
+		describe('footer version mobile', () => {
+			it('prop backoffice sets footer version visibility', async () => {
+				expect(vueWrapper.find('.footer-version--mobile').exists()).toBe(true)
+
+				const { backOffice } = modifiedPropValues()
+				await vueWrapper.setProps({ backOffice })
+				expect(vueWrapper.find('.footer-version--mobile').exists()).toBe(false)
+			})
+
+			it('display width sets attribute class', async () => {
+				displayWrapper.vm.setMdAndUp(true)
+				await vueWrapper.vm.$nextTick()
+				expect(vueWrapper.find('.footer-version--mobile').classes('d-none')).toBe(true)
+				expect(vueWrapper.find('.footer-version--mobile').classes('d-flex')).toBe(false)
+
+				displayWrapper.vm.setMdAndUp(false)
+				await vueWrapper.vm.$nextTick()
+				expect(vueWrapper.find('.footer-version--mobile').classes('d-none')).toBe(false)
+				expect(vueWrapper.find('.footer-version--mobile').classes('d-flex')).toBe(true)
+
+				displayWrapper.vm.resetDefaults()
+			})
+
+			it('prop uniqueId sets attribute id', async () => {
+				expect(vueWrapper.find('.footer-version--mobile p').attributes('id')).toBeUndefined()
+
+				const { uniqueId } = modifiedPropValues()
+				await vueWrapper.setProps({ uniqueId })
+				expect(vueWrapper.find('.footer-version--mobile p').attributes('id')).toBe('modified-unique-id-version-mobile')
+			})
+
+			it('prop version sets version content', async () => {
+				expect(vueWrapper.find('.footer-version--mobile p').text()).toBe('X.X.X')
+
+				const { version } = modifiedPropValues()
+				await vueWrapper.setProps({ version })
+				expect(vueWrapper.find('.footer-version--mobile p').text()).toBe('Modified version')
+			})
+		})
+	})
+
+	describe('Setting props should update props or attributes of inner components', () => {
+		let vueWrapper: VueWrapper<InstanceType<typeof AmeliproFooter>>
+
+		beforeEach(() => {
+			vueWrapper = shallowMount(AmeliproFooter, { props: requiredPropValues() })
+		})
+
+		describe('AmeliproBtn site map', () => {
+			const findBtn = () => vueWrapper.findComponent<typeof AmeliproBtn>('.amelipro-footer__site-map-btn')
+			it('prop noSiteMap sets btn visibility', async () => {
+				expect(findBtn().exists()).toBe(true)
+
+				const { noSiteMap } = modifiedPropValues()
+				await vueWrapper.setProps({ noSiteMap })
+				expect(findBtn().exists()).toBe(false)
+			})
+
+			it('prop uniqueId sets prop uniqueId', async () => {
+				expect(findBtn().props('uniqueId')).toBe(testHelper.default('uniqueId'))
+
+				const { uniqueId } = modifiedPropValues()
+				await vueWrapper.setProps({ uniqueId })
+				expect(findBtn().props('uniqueId')).toBe(`${testHelper.modified('uniqueId')}-site-map-btn`)
+			})
+
+			it('prop siteMapHref sets attribute href', async () => {
+				expect(findBtn().attributes('href')).toBe(testHelper.default('siteMapHref'))
+
+				const { siteMapHref } = modifiedPropValues()
+				await vueWrapper.setProps({ siteMapHref })
+				expect(findBtn().attributes('href')).toBe(testHelper.modified('siteMapHref'))
+			})
+
+			it('prop siteMapTarget sets attribute target', async () => {
+				expect(findBtn().attributes('target')).toBe(testHelper.default('siteMapTarget'))
+
+				const { siteMapTarget } = modifiedPropValues()
+				await vueWrapper.setProps({ siteMapTarget })
+				expect(findBtn().attributes('target')).toBe(testHelper.modified('siteMapTarget'))
+			})
+
+			it('prop siteMapTo sets attribute to', async () => {
+				expect(findBtn().attributes('to')).toBe(testHelper.default('siteMapTo'))
+
+				const { siteMapTo } = modifiedPropValues()
+				await vueWrapper.setProps({ siteMapTo })
+				expect(findBtn().attributes('to')).toBe(testHelper.modified('siteMapTo'))
+			})
+		})
+
+		describe('AmeliproBtn configuration', () => {
+			const findBtn = () => vueWrapper.findComponent<typeof AmeliproBtn>('.amelipro-footer__config-btn')
+			it('prop noConfiguration sets btn visibility', async () => {
+				expect(findBtn().exists()).toBe(true)
+
+				const { noConfiguration } = modifiedPropValues()
+				await vueWrapper.setProps({ noConfiguration })
+				expect(findBtn().exists()).toBe(false)
+			})
+
+			it('prop uniqueId sets prop id', async () => {
+				expect(findBtn().props('uniqueId')).toBe(testHelper.default('uniqueId'))
+
+				const { uniqueId } = modifiedPropValues()
+				await vueWrapper.setProps({ uniqueId })
+				expect(findBtn().props('uniqueId')).toBe(`${testHelper.modified('uniqueId')}-config-btn`)
+			})
+
+			it('prop configurationHref sets attribute href', async () => {
+				expect(findBtn().attributes('href')).toBe(testHelper.default('configurationHref'))
+
+				const { configurationHref } = modifiedPropValues()
+				await vueWrapper.setProps({ configurationHref })
+				expect(findBtn().attributes('href')).toBe(testHelper.modified('configurationHref'))
+			})
+
+			// TODO: pourquoi ce test ne passe-t-il pas ?
+			it.skip('prop configurationLabel sets label text', async () => {
+				expect(findBtn().text()).toBe(testHelper.default('configurationLabel'))
+
+				const { configurationLabel } = modifiedPropValues()
+				await vueWrapper.setProps({ configurationLabel })
+				expect(findBtn().text()).toBe(testHelper.modified('configurationLabel'))
+			})
+
+			it('prop configurationTarget sets attribute target', async () => {
+				expect(findBtn().attributes('target')).toBe(testHelper.default('configurationTarget'))
+
+				const { configurationTarget } = modifiedPropValues()
+				await vueWrapper.setProps({ configurationTarget })
+				expect(findBtn().attributes('target')).toBe(testHelper.modified('configurationTarget'))
+			})
+
+			it('prop configurationTo sets attribute to', async () => {
+				expect(findBtn().attributes('to')).toBe(testHelper.default('configurationTo'))
+
+				const { configurationTo } = modifiedPropValues()
+				await vueWrapper.setProps({ configurationTo })
+				expect(findBtn().attributes('to')).toBe(testHelper.modified('configurationTo'))
+			})
+		})
+
+		describe('AmeliproBtn legal notice', () => {
+			const findBtn = () => vueWrapper.findComponent<typeof AmeliproBtn>('.amelipro-footer__legal-notice-btn')
+			it('prop noLegalNotice sets btn visibility', async () => {
+				expect(findBtn().exists()).toBe(true)
+
+				const { noLegalNotice } = modifiedPropValues()
+				await vueWrapper.setProps({ noLegalNotice })
+				expect(findBtn().exists()).toBe(false)
+			})
+
+			it('prop uniqueId sets prop id', async () => {
+				expect(findBtn().props('uniqueId')).toBe(testHelper.default('uniqueId'))
+
+				const { uniqueId } = modifiedPropValues()
+				await vueWrapper.setProps({ uniqueId })
+				expect(findBtn().props('uniqueId')).toBe(`${testHelper.modified('uniqueId')}-legal-notice-btn`)
+			})
+
+			it('prop legalNoticeHref sets attribute href', async () => {
+				expect(findBtn().attributes('href')).toBe(testHelper.default('legalNoticeHref'))
+
+				const { legalNoticeHref } = modifiedPropValues()
+				await vueWrapper.setProps({ legalNoticeHref })
+				expect(findBtn().attributes('href')).toBe(testHelper.modified('legalNoticeHref'))
+			})
+
+			it('prop legalNoticeTarget sets attribute target', async () => {
+				expect(findBtn().attributes('target')).toBe(testHelper.default('legalNoticeTarget'))
+
+				const { legalNoticeTarget } = modifiedPropValues()
+				await vueWrapper.setProps({ legalNoticeTarget })
+				expect(findBtn().attributes('target')).toBe(testHelper.modified('legalNoticeTarget'))
+			})
+
+			it('prop legalNoticeTo sets attribute to', async () => {
+				expect(findBtn().attributes('to')).toBe(testHelper.default('legalNoticeTo'))
+
+				const { legalNoticeTo } = modifiedPropValues()
+				await vueWrapper.setProps({ legalNoticeTo })
+				expect(findBtn().attributes('to')).toBe(testHelper.modified('legalNoticeTo'))
+			})
+		})
+
+		describe('AmeliproBtn CGU', () => {
+			const findBtn = () => vueWrapper.findComponent<typeof AmeliproBtn>('.amelipro-footer__cgu-btn')
+			it('prop noCgu sets btn visibility', async () => {
+				expect(findBtn().exists()).toBe(true)
+
+				const { noCgu } = modifiedPropValues()
+				await vueWrapper.setProps({ noCgu })
+				expect(findBtn().exists()).toBe(false)
+			})
+
+			it('prop uniqueId sets prop id', async () => {
+				expect(findBtn().props('uniqueId')).toBe(testHelper.default('uniqueId'))
+
+				const { uniqueId } = modifiedPropValues()
+				await vueWrapper.setProps({ uniqueId })
+				expect(findBtn().props('uniqueId')).toBe(`${testHelper.modified('uniqueId')}-cgu-btn`)
+			})
+
+			it('prop cguHref sets attribute href', async () => {
+				expect(findBtn().attributes('href')).toBe(testHelper.default('cguHref'))
+
+				const { cguHref } = modifiedPropValues()
+				await vueWrapper.setProps({ cguHref })
+				expect(findBtn().attributes('href')).toBe(testHelper.modified('cguHref'))
+			})
+
+			it('prop cguTarget sets attribute target', async () => {
+				expect(findBtn().attributes('target')).toBe(testHelper.default('cguTarget'))
+
+				const { cguTarget } = modifiedPropValues()
+				await vueWrapper.setProps({ cguTarget })
+				expect(findBtn().attributes('target')).toBe(testHelper.modified('cguTarget'))
+			})
+
+			it('prop cguTo sets attribute to', async () => {
+				expect(findBtn().attributes('to')).toBe(testHelper.default('cguTo'))
+
+				const { cguTo } = modifiedPropValues()
+				await vueWrapper.setProps({ cguTo })
+				expect(findBtn().attributes('to')).toBe(testHelper.modified('cguTo'))
+			})
+		})
+
+		describe('AmeliproBtn a11y link', () => {
+			const findBtn = () => vueWrapper.findComponent<typeof AmeliproBtn>('.amelipro-footer__a11y-btn')
+			it('props noA11y & noLinkA11y set btn visibility', async () => {
+				expect(findBtn().exists()).toBe(true)
+
+				const { noA11y, noLinkA11y } = modifiedPropValues()
+				await vueWrapper.setProps({ noLinkA11y })
+				expect(findBtn().exists()).toBe(false)
+
+				await vueWrapper.setProps({ noA11y, noLinkA11y: false })
+				expect(findBtn().exists()).toBe(false)
+			})
+
+			it('prop uniqueId sets prop id', async () => {
+				expect(findBtn().props('uniqueId')).toBe(testHelper.default('uniqueId'))
+
+				const { uniqueId } = modifiedPropValues()
+				await vueWrapper.setProps({ uniqueId })
+				expect(findBtn().props('uniqueId')).toBe(`${testHelper.modified('uniqueId')}-a11y-btn`)
+			})
+
+			it('prop a11yHref sets attribute href', async () => {
+				expect(findBtn().attributes('href')).toBe(testHelper.default('a11yHref'))
+
+				const { a11yHref } = modifiedPropValues()
+				await vueWrapper.setProps({ a11yHref })
+				expect(findBtn().attributes('href')).toBe(testHelper.modified('a11yHref'))
+			})
+
+			it('prop a11yTarget sets attribute target', async () => {
+				expect(findBtn().attributes('target')).toBe(testHelper.default('a11yTarget'))
+
+				const { a11yTarget } = modifiedPropValues()
+				await vueWrapper.setProps({ a11yTarget })
+				expect(findBtn().attributes('target')).toBe(testHelper.modified('a11yTarget'))
+			})
+
+			it('prop a11yTo sets attribute to', async () => {
+				expect(findBtn().attributes('to')).toBe(testHelper.default('a11yTo'))
+
+				const { a11yTo } = modifiedPropValues()
+				await vueWrapper.setProps({ a11yTo })
+				expect(findBtn().attributes('to')).toBe(testHelper.modified('a11yTo'))
+			})
+		})
+	})
+
+	// TODO: réparer ces tests
+	describe.skip('Events', () => {
+		let vueWrapper: VueWrapper<InstanceType<typeof AmeliproFooter>>
+
+		const buttonFinder = (n: number) => vueWrapper.findAllComponents(AmeliproBtn).at(n)
+
+		beforeEach(() => {
+			vueWrapper = shallowMount(AmeliproFooter, { props: requiredPropValues() })
+		})
+
+		it('test siteMapEvent', async () => {
+			expect(vueWrapper.emitted('site-map-event')).toStrictEqual(undefined)
+			expect(buttonFinder(0)?.exists()).toBe(true)
+			await buttonFinder(0)?.trigger('click')
+			expect(vueWrapper.emitted('site-map-event')).toStrictEqual([[]])
+		})
+
+		it('test aboutEvent', async () => {
+			expect(vueWrapper.emitted('about-event')).toStrictEqual(undefined)
+			await buttonFinder(1)?.trigger('click')
+			expect(vueWrapper.emitted('about-event')).toStrictEqual([[]])
+		})
+
+		it('test configEvent', async () => {
+			expect(vueWrapper.emitted('config-event')).toStrictEqual(undefined)
+			await buttonFinder(2)?.trigger('click')
+			expect(vueWrapper.emitted('config-event')).toStrictEqual([[]])
+		})
+
+		it('test legalNoticeEvent', async () => {
+			expect(vueWrapper.emitted('legal-notice-event')).toStrictEqual(undefined)
+			await buttonFinder(3)?.trigger('click')
+			expect(vueWrapper.emitted('legal-notice-event')).toStrictEqual([[]])
+		})
+
+		it('test cguEvent', async () => {
+			expect(vueWrapper.emitted('cgu-event')).toStrictEqual(undefined)
+			await buttonFinder(4)?.trigger('click')
+			expect(vueWrapper.emitted('cgu-event')).toStrictEqual([[]])
+		})
+
+		it('test a11yEvent', async () => {
+			expect(vueWrapper.emitted('a11y-event')).toStrictEqual(undefined)
+			await buttonFinder(5)?.trigger('click')
+			expect(vueWrapper.emitted('a11y-event')).toStrictEqual([[]])
+		})
+	})
+
+	// describe('Slots', () => {
+	//	describe.todo('AmeliproBtn site map #default')
+	//	describe.todo('AmeliproBtn configuration #default')
+	//	describe.todo('AmeliproBtn legal notice #default')
+	//	describe.todo('AmeliproBtn CGU #default')
+	//	describe.todo('AmeliproBtn a11y link #default')
+	// })
+})