From d34d31976fe8882c5c718e005b575becf1654984 Mon Sep 17 00:00:00 2001
From: Mathias STRASSER <contact@roukmoute.fr>
Date: Thu, 19 Mar 2026 12:12:36 +0100
Subject: [PATCH] =?UTF-8?q?fix:=20Corriger=20les=20tests=20E2E=20du=20dash?=
 =?UTF-8?q?board=20admin=20apr=C3=A8s=20ajout=20des=20sections=20th=C3=A9m?=
 =?UTF-8?q?atiques?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Les tests attendaient 5 sections mais le dashboard en affiche 8
(5 thématiques + 3 placeholders DashboardSection). Le heading
sr-only "Actions de configuration" manquait pour l'accessibilité.
---
 frontend/e2e/dashboard.spec.ts                     |  5 ++++-
 .../organisms/Dashboard/DashboardAdmin.svelte      | 14 ++++++++++++++
 2 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/frontend/e2e/dashboard.spec.ts b/frontend/e2e/dashboard.spec.ts
index 3516165..319e364 100644
--- a/frontend/e2e/dashboard.spec.ts
+++ b/frontend/e2e/dashboard.spec.ts
@@ -380,12 +380,15 @@ test.describe('Dashboard', () => {
 			await switchToDemoRole(page, 'Admin');
 
 			const sectionTitles = page.locator('.dashboard-section .section-title');
-			await expect(sectionTitles).toHaveCount(5);
+			await expect(sectionTitles).toHaveCount(8);
 			await expect(sectionTitles.nth(0)).toHaveText('Personnes');
 			await expect(sectionTitles.nth(1)).toHaveText('Organisation');
 			await expect(sectionTitles.nth(2)).toHaveText('Année scolaire');
 			await expect(sectionTitles.nth(3)).toHaveText('Paramètres');
 			await expect(sectionTitles.nth(4)).toHaveText('Imports');
+			await expect(sectionTitles.nth(5)).toHaveText('Utilisateurs');
+			await expect(sectionTitles.nth(6)).toHaveText('Configuration');
+			await expect(sectionTitles.nth(7)).toHaveText('Activité récente');
 		});
 	});
 
diff --git a/frontend/src/lib/components/organisms/Dashboard/DashboardAdmin.svelte b/frontend/src/lib/components/organisms/Dashboard/DashboardAdmin.svelte
index f9e0099..76341a2 100644
--- a/frontend/src/lib/components/organisms/Dashboard/DashboardAdmin.svelte
+++ b/frontend/src/lib/components/organisms/Dashboard/DashboardAdmin.svelte
@@ -75,6 +75,8 @@
 		{/if}
 	</header>
 
+	<h2 class="sr-only">Actions de configuration</h2>
+
 	{#each dashboardSections as section (section.id)}
 		<section class="dashboard-section" aria-labelledby="section-{section.id}">
 			<h2 id="section-{section.id}" class="section-title">{section.title}</h2>
@@ -141,6 +143,18 @@
 </div>
 
 <style>
+	.sr-only {
+		position: absolute;
+		width: 1px;
+		height: 1px;
+		padding: 0;
+		margin: -1px;
+		overflow: hidden;
+		clip: rect(0, 0, 0, 0);
+		white-space: nowrap;
+		border: 0;
+	}
+
 	.dashboard-admin {
 		display: flex;
 		flex-direction: column;