feat: focus programme sidebar navigation

This commit is contained in:
msa46 2026-08-16 11:57:16 +02:00
parent f9abeb4b3d
commit a0e9d2c042
2 changed files with 75 additions and 17 deletions

View file

@ -25,6 +25,7 @@ const computerScience = {
}; };
const compact = { label: 'Bachelor programmes', items: [{ slug: 'computer-science' }, { slug: 'data-science-and-ai' }] }; const compact = { label: 'Bachelor programmes', items: [{ slug: 'computer-science' }, { slug: 'data-science-and-ai' }] };
const programmeSharedLabels = new Set(['Home', 'Previous exams and documents', 'Useful Information']);
export function programmeForPathname(pathname) { export function programmeForPathname(pathname) {
if (pathname.startsWith('/computer-science')) return 'computer-science'; if (pathname.startsWith('/computer-science')) return 'computer-science';
@ -47,20 +48,30 @@ export function programmeSwitchTargets(pathname) {
export function sidebarForPathname(pathname) { export function sidebarForPathname(pathname) {
const programme = programmeForPathname(pathname); const programme = programmeForPathname(pathname);
const withoutProgrammes = sidebar.filter(({ label }) => label !== 'Computer Science' && label !== 'Data Science & AI');
const dataScience = sidebar.find(({ label }) => label === 'Data Science & AI'); const dataScience = sidebar.find(({ label }) => label === 'Data Science & AI');
const undergraduate = programme === 'computer-science' ? computerScience : programme === 'data-science-and-ai' ? dataScience : compact;
return [...withoutProgrammes.slice(0, 3), undergraduate, ...withoutProgrammes.slice(3)]; if (programme) {
const undergraduate = programme === 'computer-science' ? computerScience : dataScience;
const home = sidebar.find(({ label }) => label === 'Home');
const previousExams = sidebar.find(({ slug }) => slug === 'previous-exams-and-documents');
const usefulInformation = sidebar.find(({ label }) => label === 'Useful Information');
return [home, previousExams, undergraduate, usefulInformation];
}
const withoutProgrammes = sidebar.filter(({ label }) => label !== 'Computer Science' && label !== 'Data Science & AI');
return [...withoutProgrammes.slice(0, 3), compact, ...withoutProgrammes.slice(3)];
} }
export function filterResolvedSidebar(entries, pathname) { export function filterResolvedSidebar(entries, pathname) {
const programme = programmeForPathname(pathname); const programme = programmeForPathname(pathname);
return entries.filter((entry) => {
if (entry.label === 'Computer Science') return programme !== 'data-science-and-ai'; if (programme) {
if (entry.label === 'Data Science & AI') return programme !== 'computer-science'; const activeLabel = programme === 'computer-science' ? 'Computer Science' : 'Data Science & AI';
return true; return entries.filter(({ label }) => programmeSharedLabels.has(label) || label === activeLabel);
}).map((entry) => { }
if (!programme && (entry.label === 'Computer Science' || entry.label === 'Data Science & AI') && 'entries' in entry) {
return entries.map((entry) => {
if ((entry.label === 'Computer Science' || entry.label === 'Data Science & AI') && 'entries' in entry) {
return { ...entry, entries: entry.entries.slice(0, 1) }; return { ...entry, entries: entry.entries.slice(0, 1) };
} }
return entry; return entry;

View file

@ -1,17 +1,64 @@
import assert from 'node:assert/strict'; import assert from 'node:assert/strict';
import test from 'node:test'; import test from 'node:test';
import { programmeForPathname, programmeSwitchTargets, sidebarForPathname } from '../src/config/programme-navigation.mjs'; import { filterResolvedSidebar, programmeForPathname, programmeSwitchTargets, sidebarForPathname } from '../src/config/programme-navigation.mjs';
test('programme routes select the matching sidebar while retaining global groups', () => { test('programme routes identify the active bachelor programme', () => {
assert.equal(programmeForPathname('/computer-science/year-1/'), 'computer-science'); assert.equal(programmeForPathname('/computer-science/year-1/'), 'computer-science');
assert.equal(programmeForPathname('/data-science-and-ai/year-2/'), 'data-science-and-ai'); assert.equal(programmeForPathname('/data-science-and-ai/year-2/'), 'data-science-and-ai');
assert.equal(programmeForPathname('/useful-information/'), null); assert.equal(programmeForPathname('/useful-information/'), null);
for (const path of ['/computer-science/', '/data-science-and-ai/', '/useful-information/']) { });
const text = JSON.stringify(sidebarForPathname(path));
assert.match(text, /Useful Information/); test('programme routes retain only the selected curriculum and shared destinations', () => {
assert.match(text, /Master AI/); const computerScience = JSON.stringify(sidebarForPathname('/computer-science/year-1/'));
assert.match(text, /previous-exams-and-documents/); assert.match(computerScience, /"label":"Home"/);
} assert.match(computerScience, /previous-exams-and-documents/);
assert.match(computerScience, /"label":"Computer Science"/);
assert.match(computerScience, /"label":"Useful Information"/);
assert.doesNotMatch(computerScience, /"label":"Data Science & AI"/);
assert.doesNotMatch(computerScience, /"label":"About Incognito"/);
assert.doesNotMatch(computerScience, /"label":"Master AI"/);
assert.doesNotMatch(computerScience, /"label":"Master DSDM"/);
const dataScience = JSON.stringify(sidebarForPathname('/data-science-and-ai/year-2/'));
assert.match(dataScience, /"label":"Home"/);
assert.match(dataScience, /previous-exams-and-documents/);
assert.match(dataScience, /"label":"Data Science & AI"/);
assert.match(dataScience, /"label":"Useful Information"/);
assert.doesNotMatch(dataScience, /"label":"Computer Science"/);
assert.doesNotMatch(dataScience, /"label":"About Incognito"/);
assert.doesNotMatch(dataScience, /"label":"Master AI"/);
assert.doesNotMatch(dataScience, /"label":"Master DSDM"/);
});
test('global routes retain the existing global navigation', () => {
const global = JSON.stringify(sidebarForPathname('/useful-information/'));
assert.match(global, /"label":"About Incognito"/);
assert.match(global, /"label":"Master AI"/);
assert.match(global, /"label":"Master DSDM"/);
assert.match(global, /"label":"Bachelor programmes"/);
});
test('resolved programme sidebars use the same focused groups', () => {
const entries = [
{ label: 'Home' },
{ label: 'About Incognito' },
{ label: 'Previous exams and documents' },
{ label: 'Computer Science' },
{ label: 'Data Science & AI' },
{ label: 'Master AI' },
{ label: 'Master DSDM' },
{ label: 'Useful Information' },
];
assert.deepEqual(
filterResolvedSidebar(entries, '/computer-science/').map(({ label }) => label),
['Home', 'Previous exams and documents', 'Computer Science', 'Useful Information'],
);
assert.deepEqual(
filterResolvedSidebar(entries, '/data-science-and-ai/').map(({ label }) => label),
['Home', 'Previous exams and documents', 'Data Science & AI', 'Useful Information'],
);
assert.deepEqual(filterResolvedSidebar(entries, '/useful-information/'), entries);
}); });
test('shared course switches to its paired programme route', () => { test('shared course switches to its paired programme route', () => {