mirror of
https://github.com/MBombeck/HealthLog.git
synced 2026-11-09 13:01:00 +00:00
Marc-André Bombeck
a01c9d0435
Appearance ("Darstellung") stacked every module's view and ordering
settings on one long page. Split it into a hub that lists the modules as
navigable rows, each opening its own /settings/layout/<module> subpage
with a back link — the per-module settings move verbatim, no restyling.
The module routes now redirect to those subpages instead of an in-page
anchor, and the in-app cogs link straight to them.
84 lines
3.2 KiB
TypeScript
84 lines
3.2 KiB
TypeScript
/**
|
|
* v1.25.11 (#148) — the shared Appearance group registry.
|
|
*
|
|
* `layout-groups` is the single source of truth consumed by BOTH the client
|
|
* hub (`layout-section.tsx`) and the server subpage route
|
|
* (`app/settings/layout/[module]/page.tsx`, via `LAYOUT_GROUP_IDS` in
|
|
* `generateStaticParams()`). These tests pin the param → section mapping: the
|
|
* id list (the statically-generated subpage params), the guard, the per-module
|
|
* gate expectations, and that each group resolves a distinct section body.
|
|
*/
|
|
import { describe, expect, it, vi } from "vitest";
|
|
|
|
// Stub the section components at the import boundary — each has its own test;
|
|
// here we only assert the registry's metadata + identity mapping, and we keep
|
|
// the heavy section trees out of the unit import graph.
|
|
vi.mock("../dashboard-section", () => ({ DashboardSection: () => null }));
|
|
vi.mock("../insights-section", () => ({ InsightsSection: () => null }));
|
|
vi.mock("../medications-section", () => ({ MedicationsSection: () => null }));
|
|
vi.mock("../mood-section", () => ({ MoodSection: () => null }));
|
|
vi.mock("../labs-section", () => ({ LabsSection: () => null }));
|
|
vi.mock("../illness-section", () => ({ IllnessSection: () => null }));
|
|
vi.mock("../vorsorge-section", () => ({ VorsorgeSection: () => null }));
|
|
|
|
import {
|
|
LAYOUT_GROUPS,
|
|
LAYOUT_GROUP_IDS,
|
|
isLayoutGroupId,
|
|
} from "../layout-groups";
|
|
|
|
describe("layout-groups registry", () => {
|
|
it("exposes the seven Appearance modules as statically-generated subpage params", () => {
|
|
expect(LAYOUT_GROUP_IDS).toEqual([
|
|
"dashboard",
|
|
"insights",
|
|
"medications",
|
|
"mood",
|
|
"labs",
|
|
"illness",
|
|
"vorsorge",
|
|
]);
|
|
// generateStaticParams() shape.
|
|
expect(LAYOUT_GROUP_IDS.map((module) => ({ module }))).toEqual([
|
|
{ module: "dashboard" },
|
|
{ module: "insights" },
|
|
{ module: "medications" },
|
|
{ module: "mood" },
|
|
{ module: "labs" },
|
|
{ module: "illness" },
|
|
{ module: "vorsorge" },
|
|
]);
|
|
});
|
|
|
|
it("guards unknown segments", () => {
|
|
expect(isLayoutGroupId("medications")).toBe(true);
|
|
expect(isLayoutGroupId("vorsorge")).toBe(true);
|
|
expect(isLayoutGroupId("nope")).toBe(false);
|
|
expect(isLayoutGroupId("")).toBe(false);
|
|
});
|
|
|
|
it("gates the toggleable tracking modules and leaves the rest always-on", () => {
|
|
const gate = (id: string) =>
|
|
LAYOUT_GROUPS.find((group) => group.id === id)?.moduleGate;
|
|
expect(gate("medications")).toBe("medications");
|
|
expect(gate("mood")).toBe("mood");
|
|
expect(gate("labs")).toBe("labs");
|
|
expect(gate("illness")).toBe("illness");
|
|
// dashboard / insights / vorsorge are never gated.
|
|
expect(gate("dashboard")).toBeUndefined();
|
|
expect(gate("insights")).toBeUndefined();
|
|
expect(gate("vorsorge")).toBeUndefined();
|
|
});
|
|
|
|
it("maps every id to a distinct section body and the canonical i18n keys", () => {
|
|
const bodies = new Set(LAYOUT_GROUPS.map((group) => group.Body));
|
|
expect(bodies.size).toBe(LAYOUT_GROUPS.length);
|
|
for (const group of LAYOUT_GROUPS) {
|
|
expect(group.titleKey).toBe(`settings.sections.layout.${group.id}.title`);
|
|
expect(group.descriptionKey).toBe(
|
|
`settings.sections.layout.${group.id}.description`,
|
|
);
|
|
}
|
|
});
|
|
});
|