feat: replace sidebar with svelte alternative

2026-08-28 17:21:05 +00:00 · 2026-07-20 16:33:23 +09:30
parent 824cedca2f
commit c231a00db3
25 changed files with 1884 additions and 187 deletions
@@ -0,0 +1,70 @@
+/**
+ * @jest-environment jsdom
+ */
+import { getPagePathFromHash, parseNativeMenu } from "./parseNativeMenu";
+
+describe("parseNativeMenu", () => {
+  it("parses top-level items and nested folders", () => {
+    document.body.innerHTML = `
+      <div id="menu">
+        <ul>
+          <li class="item" data-key="home" id="homebutton" data-path="/home" data-betterseqta="true">
+            <label><svg></svg><span>Home</span></label>
+          </li>
+          <li class="item hasChildren" data-key="assessments" data-path="/assessments">
+            <label><svg></svg><span>Assessments</span></label>
+            <div class="sub"><ul>
+              <li class="item betterseqta-assessments-overview-item" data-betterseqta="true">
+                <label>Overview</label>
+              </li>
+              <li class="item" data-key="upcoming" data-path="/assessments/upcoming">
+                <label>Upcoming</label>
+              </li>
+            </ul></div>
+          </li>
+        </ul>
+      </div>
+    `;
+
+    const menu = document.getElementById("menu")!;
+    const items = parseNativeMenu(menu);
+
+    expect(items.map((i) => i.key)).toEqual(["home", "assessments"]);
+    expect(items[0].betterseqta).toBe(true);
+    expect(items[1].hasChildren).toBe(true);
+    expect(items[1].children.map((c) => c.key)).toEqual([
+      "assessments-overview",
+      "upcoming",
+    ]);
+    expect(items[1].children[0].label).toBe("Overview");
+  });
+
+  it("reads page path from hash", () => {
+    expect(getPagePathFromHash("#?page=/timetable")).toBe("/timetable");
+    expect(getPagePathFromHash("#?page=/assessments/upcoming&x=1")).toBe(
+      "/assessments/upcoming",
+    );
+  });
+
+  it("ignores the custom Svelte sidebar list when parsing", () => {
+    document.body.innerHTML = `
+      <div id="menu">
+        <ul class="logo-link">
+          <li class="item" data-key="home" data-path="/home">
+            <label>Home</label>
+          </li>
+        </ul>
+        <ul id="bsplus-sidebar-root" class="logo-link bsplus-sidebar-list">
+          <li class="item" data-key="fake" data-path="/fake">
+            <label>Fake</label>
+          </li>
+        </ul>
+      </div>
+    `;
+
+    const menu = document.getElementById("menu")!;
+    const items = parseNativeMenu(menu);
+
+    expect(items.map((i) => i.key)).toEqual(["home"]);
+  });
+});