feat: Réorganiser la navigation admin en catégories pour améliorer l'UX mobile-first
Le menu d'administration contenait 13 liens à plat dans le header, ce qui débordait sur desktop et rendait le drawer mobile trop long à scanner. Les liens sont maintenant regroupés en 4 catégories (Personnes, Organisation, Année scolaire, Paramètres) avec des dropdowns au survol sur desktop et des accordéons repliables dans le drawer mobile. Le nombre d'éléments visibles passe de 13 à 5 (1 lien direct + 4 catégories), la catégorie active s'auto-déplie dans le menu mobile.
This commit is contained in:
@@ -59,7 +59,10 @@ test.describe('Pedagogy - Grading Mode Configuration (Story 2.4)', () => {
|
||||
await loginAsAdmin(page);
|
||||
await page.goto(`${ALPHA_URL}/admin/classes`);
|
||||
|
||||
const pedagogyLink = page.getByRole('link', { name: /pédagogie/i });
|
||||
// Hover "Paramètres" category to reveal dropdown
|
||||
const nav = page.locator('.desktop-nav');
|
||||
await nav.getByRole('button', { name: /paramètres/i }).hover();
|
||||
const pedagogyLink = nav.getByRole('menuitem', { name: /pédagogie/i });
|
||||
await expect(pedagogyLink).toBeVisible();
|
||||
});
|
||||
|
||||
@@ -67,7 +70,10 @@ test.describe('Pedagogy - Grading Mode Configuration (Story 2.4)', () => {
|
||||
await loginAsAdmin(page);
|
||||
await page.goto(`${ALPHA_URL}/admin/classes`);
|
||||
|
||||
await page.getByRole('link', { name: /pédagogie/i }).click();
|
||||
// Hover "Paramètres" category to reveal dropdown
|
||||
const nav = page.locator('.desktop-nav');
|
||||
await nav.getByRole('button', { name: /paramètres/i }).hover();
|
||||
await nav.getByRole('menuitem', { name: /pédagogie/i }).click();
|
||||
await expect(page).toHaveURL(/\/admin\/pedagogy/, { timeout: 10000 });
|
||||
});
|
||||
|
||||
|
||||
Reference in New Issue
Block a user