Portage de l'ajout des slots de personnalisation des descriptions des…

… cookies (#3869)
assurance-maladie-digital · Dec 9, 2024 · 98947e7 · 98947e7
1 parent c0551fa
commit 98947e7
Show file tree

Hide file tree

Showing 4 changed files with 75 additions and 3 deletions.
diff --git a/packages/synapse-bridge/src/templates/CookiesPage/CookiesInformation/CookiesInformation.vue b/packages/synapse-bridge/src/templates/CookiesPage/CookiesInformation/CookiesInformation.vue
@@ -101,7 +101,15 @@ export default defineComponent({
 				</VIcon>
 			</summary>
 
-			<CookiesTable :items="tableItems" class="mb-2" />
+			<CookiesTable :items="tableItems" class="mb-2" >
+				<template
+					v-for="(_, slotName) in $slots"
+					:key="slotName"
+					v-slot:[slotName]="props"
+				>
+					<slot :name="slotName" v-bind="props || {}" />
+				</template>
+			</CookiesTable>
 		</details>
 
 		<VRadioGroup

diff --git a/packages/synapse-bridge/src/templates/CookiesPage/CookiesPage.vue b/packages/synapse-bridge/src/templates/CookiesPage/CookiesPage.vue
@@ -109,7 +109,15 @@ export default defineComponent({
 					:type="key"
 					:table-items="cookies"
 					class="mb-6"
-				/>
+				>
+					<template
+						v-for="(_, slotName) in $slots"
+						:key="slotName"
+						#[slotName]="props"
+					>
+						<slot :name="slotName" v-bind="props || {}" />
+					</template>
+				</CookiesInformation>
 
 				<div class="d-flex mt-16">
 					<VSpacer />

diff --git a/packages/synapse-bridge/src/templates/CookiesPage/CookiesTable/CookiesTable.vue b/packages/synapse-bridge/src/templates/CookiesPage/CookiesTable/CookiesTable.vue
@@ -39,7 +39,14 @@ export default defineComponent({
 		<tbody>
 			<tr v-for="(cookie, index) in items" :key="index">
 				<td>{{ cookie.name }}</td>
-				<td>{{ cookie.description }}</td>
+				<td>
+					<slot
+						:name="`cookie-description-${cookie.name}`"
+						:cookie="cookie"
+					>
+						{{ cookie.description }}
+					</slot>
+				</td>
 				<td>{{ cookie.conservation }}</td>
 			</tr>
 		</tbody>

diff --git a/packages/synapse-bridge/src/templates/CookiesPage/tests/CookiesPage.spec.ts b/packages/synapse-bridge/src/templates/CookiesPage/tests/CookiesPage.spec.ts
@@ -107,4 +107,53 @@ describe('CookiesPage', () => {
 
 		expect(wrapper.emitted()).toHaveProperty('submit')
 	})
+
+	it('displays the cookie description as a scoped slot', () => {
+		const cookiesList = {
+			essentials: [
+				{
+					name: 'session',
+					description: 'Sauvegarde la session pour rester connecté.',
+					conservation: '20 heures',
+				},
+				{
+					name: 'cookie_policy',
+					description: 'Sauvegarde les préférences de cookies.',
+					conservation: '1 an',
+				},
+			],
+			functional: [
+				{
+					name: 'contrast',
+					description: 'Sauvegarde la personnalisation de l’affichage.',
+					conservation: '1 an',
+				},
+			],
+			analytics: [
+				{
+					name: 'user_id',
+					description: 'Sauvegarde l’identifiant unique de visiteur.',
+					conservation: '6 mois',
+				},
+			],
+		}
+
+		const wrapper = mount(CookiesPage, {
+			global: {
+				plugins: [vuetify],
+			},
+			props: {
+				items: cookiesList,
+			},
+			slots: {
+				'cookie-description-contrast': `
+					<template #cookie-description-contrast="{ cookie }">
+						<a href="#" class="contrast-description">{{ cookie.description }}</a>
+					</template>
+				`,
+			},
+		})
+
+		expect(wrapper.find('a.contrast-description').text()).toContain(cookiesList.functional[0].description)
+	})
 })