fix(frontend): complete settings MVP structure

frontend/tests/account-dialog-overlay.test.ts

@@ -19,6 +19,8 @@ test("a closed account overlay does not render profile or logout content", () =>
     dialogClass: "profile-modal",
     signingOut: false,
     close() {},
+    navigate() {},
+    openRedeem() {},
     overlayRef,
     closeButtonRef,
     renderProfile() {
@@ -28,6 +30,9 @@ test("a closed account overlay does not render profile or logout content", () =>
     renderChartLibrary() {
       return null;
     },
+    renderGeneral() {
+      return null;
+    },
     renderLogout() {
       logoutRenders += 1;
       return null;

frontend/tests/settings-mvp-contract.test.ts

@@ -0,0 +1,47 @@
+import assert from "node:assert/strict";
+import { readFileSync } from "node:fs";
+import test from "node:test";
+
+const page = readFileSync(new URL("../src/app/page.tsx", import.meta.url), "utf8");
+const sidebar = readFileSync(new URL("../src/components/app-sidebar.tsx", import.meta.url), "utf8");
+const overlay = readFileSync(new URL("../src/components/account-dialog-overlay.tsx", import.meta.url), "utf8");
+
+function between(source: string, start: string, end: string) {
+  const startIndex = source.indexOf(start);
+  const endIndex = source.indexOf(end, startIndex + start.length);
+  assert.notEqual(startIndex, -1, `missing start marker: ${start}`);
+  assert.notEqual(endIndex, -1, `missing end marker: ${end}`);
+  return source.slice(startIndex, endIndex);
+}
+
+test("account menu exposes the four MVP settings sections", () => {
+  assert.match(sidebar, /<span>个人资料<\/span>/);
+  assert.match(sidebar, /<span>星盘资料<\/span>/);
+  assert.match(sidebar, /<span>通用设置<\/span>/);
+  assert.match(sidebar, /<span>账户与点数<\/span>/);
+  assert.match(sidebar, /onOpenGeneral/);
+});
+
+test("personal profile is limited to account basics and links to chart settings", () => {
+  const profile = between(page, "    renderProfile() {", "    renderChartLibrary() {");
+  assert.match(profile, /账户信息/);
+  assert.match(profile, /登录邮箱/);
+  assert.match(profile, /管理星盘资料/);
+  assert.doesNotMatch(profile, /<ProfileFields/);
+  assert.doesNotMatch(profile, /出生资料/);
+});
+
+test("the chart library owns self-profile editing and keeps other-chart save separate", () => {
+  const charts = between(page, "    renderChartLibrary() {", "    renderGeneral() {");
+  assert.match(charts, /编辑本人资料/);
+  assert.match(charts, /onSubmit=\{saveProfile\}/);
+  assert.match(charts, /onSubmit=\{saveOtherChart\}/);
+  assert.match(charts, /setEditingSelfChart\(true\)/);
+});
+
+test("the general dialog renders the shared theme preference panel", () => {
+  assert.match(overlay, /dialog: "profile" \| "chart-library" \| "general" \| "logout"/);
+  assert.match(overlay, /renderGeneral: \(\) => ReactNode/);
+  assert.match(overlay, /return model\.renderGeneral\(\)/);
+  assert.match(page, /renderGeneral\(\) \{\s*return <ThemePreferencePanel \/>;/);
+});