pi-mega-compact 0.7.8 → 0.8.0

package/extensions/dashboard-server/html.test.ts

@@ -0,0 +1,50 @@
+/**
+ * html.test.ts — S34 Game Mode tab presence in the dashboard HTML template.
+ */
+import { test, describe } from "node:test";
+import assert from "node:assert/strict";
+import { dashboardHtml } from "./html.js";
+
+describe("S34 dashboard HTML Game Mode", () => {
+  const html = dashboardHtml("custom");
+  test("Game Mode tab button + panel-game exist", () => {
+    assert.ok(
+      html.includes('<button class="tab" data-tab="game">Game Mode</button>'),
+      "game tab button present",
+    );
+    assert.ok(html.includes('<div class="tab-panel" id="panel-game">'), "panel-game present");
+  });
+  test("level-up-pulse + mega-flash keyframes present", () => {
+    assert.ok(html.includes("@keyframes level-up-pulse"), "level-up-pulse keyframe present");
+    assert.ok(html.includes("@keyframes mega-flash"), "mega-flash keyframe present");
+  });
+  test("empty-state string present", () => {
+    assert.ok(
+      html.includes("No scores yet — run a session with game mode on."),
+      "empty-state string present",
+    );
+  });
+});
+
+
+describe("S35 dashboard HTML achievements", () => {
+  const html = dashboardHtml("custom");
+  test("Achievements heading + ach-tiles/ach-toast containers present", () => {
+    assert.ok(html.includes(">Achievements</h3>"), "Achievements heading present");
+    assert.ok(html.includes('id="ach-tiles"'), "ach-tiles container present");
+    assert.ok(html.includes('id="ach-toast"'), "ach-toast element present");
+  });
+  test("ach-unlock-pulse keyframe + ach-tile classes present", () => {
+    assert.ok(html.includes("@keyframes ach-unlock-pulse"), "ach-unlock-pulse keyframe present");
+    assert.ok(html.includes(".ach-tile"), "ach-tile class present");
+    assert.ok(html.includes(".ach-tile.unlocked"), "unlocked class present");
+    assert.ok(html.includes(".ach-tile.locked"), "locked class present");
+  });
+  test("renderAchievements fn + GET /api/achievements fetch present", () => {
+    assert.ok(html.includes("function renderAchievements"), "renderAchievements fn present");
+    assert.ok(html.includes("fetch('/api/achievements')"), "achievements fetch present");
+  });
+  test("visible-but-locked teaser string present", () => {
+    assert.ok(html.includes("??? "), "??? teaser present");
+  });
+});