feat(design): the public watch page on the app's surfaces (B6) — the scheme backdrop, the title and actions on a glass panel, a glass Download (E28 S3d4)

2026-09-26 00:39:10 +02:00
parent 4646aae320
commit 4d6e59b80a
2 changed files with 26 additions and 4 deletions
@@ -84,6 +84,27 @@ describe("WatchPage action row", () => {
    expect(repeat.className).toContain("h-7");
    expect(download.className).toContain("h-7");
  });
+
+  // E28 S3d4 (B6): the page the stranger sees wears the app's surfaces — the scheme's ambient
+  // backdrop (no page fill over the body's), the title and actions on a glass panel, a glass Download.
+  it("sits on the app's surfaces: backdrop, a glass panel, a glass Download", async () => {
+    window.history.replaceState({}, "", "/watch/tok-b6");
+    mockMeta({
+      needs_password: false,
+      audio: false,
+      allow_download: true,
+      file_url: "/f.mp4",
+      title: "A clip",
+    });
+    const view = render(<WatchPage />);
+    const title = await view.findByRole("heading", { name: "A clip" });
+    expect((view.container.firstElementChild as HTMLElement).className).not.toMatch(
+      /(^|\s)bg-bg(\s|$)/,
+    );
+    expect(title.closest(".glass")).toBeTruthy();
+    const download = view.container.querySelector('a[href="/f.mp4"]')!;
+    expect(download.className).toContain("glass-card");
+  });
 });

 describe("WatchPage media element (S3 · 5a)", () => {