[2f806123] Video: release 0.25.0 (#535)

* fix(release): CI wait polls the prod rung; escape the header tooltip apostrophe get_latest_ci_conclusion defaults to the ladder's head rung, so wait_for_ci searched slave for a release commit that lives on master and timed out after 40 minutes with the run already green. The wait now passes the prod branch explicitly. Also fixes the react/no-unescaped-entities error that turned master's Panel CI red. * [2f806123] feat(motion): add release-0.25.0 composition extending panel-demo register * [2f806123] fix(scope): revert out-of-scope backend and panel changes from video branch * [2f806123] fix(scope): revert out-of-scope backend and panel changes from video branch * [2f806123] fix(scope): restore out-of-scope files from current origin/master after stale-master revert * [2f806123] fix(scope): restore motion/pnpm-workspace.yaml from origin/master * [2f806123] docs(motion): add release-0.25.0 composition example to README --------- Co-authored-by: Renn F <rennf93@users.noreply.github.com> Co-authored-by: UX/UI Developer 1 <ux-dev-1@roboco.tech> Co-authored-by: UX/UI Documenter <ux-doc@roboco.tech>
2026-08-03 07:23:24 +02:00 · 2026-07-16 08:43:10 +02:00
parent 3e8b3d82e6
commit 63212899ca
7 changed files with 815 additions and 0 deletions
@@ -0,0 +1,100 @@
+import { readFileSync, existsSync } from "node:fs";
+import { dirname, join } from "node:path";
+import { fileURLToPath } from "node:url";
+import { describe, expect, it } from "vitest";
+
+// HTML-structure smoke test for the RoboCo v0.25.0 release composition.
+// Extends the panel-demo register: panel chrome, typing reveal, feature cards
+// with progress -> completed pill flips, cursor, stats overlay, toast,
+// outro, offline constraint, and the captions.json schema/limits.
+
+const here = dirname(fileURLToPath(import.meta.url));
+const dir = here;
+const read = (name) => readFileSync(join(dir, name), "utf8");
+
+const orientations = [
+  { file: "vertical.html", height: "1920" },
+  { file: "square.html", height: "1080" },
+];
+
+describe("release-0.25.0 composition", () => {
+  it("ships props.js (default preview values, sidecar overwrites at render)", () => {
+    expect(existsSync(join(dir, "props.js"))).toBe(true);
+    const src = read("props.js");
+    expect(src).toContain("window.__PROPS__");
+    expect(src).toContain("window.__ORIENTATION__");
+    expect(src).toContain("introText");
+    expect(src).toContain("toastTitle");
+    expect(src).toContain("toastBody");
+    expect(src).not.toMatch(/—/);
+  });
+
+  it.each(orientations)("$file parses with correct dimensions and wiring", ({ file, height }) => {
+    const html = read(file);
+
+    expect(html).toContain('data-width="1080"');
+    expect(html).toContain(`data-height="${height}"`);
+    expect(html).toMatch(/data-duration="14"/);
+    expect(html).toMatch(/data-fps="30"/);
+
+    const propsIdx = html.indexOf('<script src="props.js"></script>');
+    const kitJsIdx = html.indexOf('<script src="../../kit/kit.js"></script>');
+    const inlineIdx = html.indexOf("window.__timelines");
+    expect(propsIdx).toBeGreaterThan(-1);
+    expect(kitJsIdx).toBeGreaterThan(propsIdx);
+    expect(inlineIdx).toBeGreaterThan(kitJsIdx);
+
+    expect(html).toContain('href="../../kit/kit.css"');
+    expect(html).toMatch(/class="[^"]*clip[^"]*"/);
+
+    expect(html).toContain("pk-frame");
+    expect(html).toContain("pk-frame__sidebar");
+    expect(html).toContain("pk-frame__topbar");
+
+    expect(html).toContain('id="typeIntro"');
+    expect(html).toContain("pk-caret");
+    expect(html).toContain("typeReveal");
+
+    const cardCount = (html.match(/pk-card clip/g) || []).length;
+    const progressCount = (html.match(/pk-pill--progress/g) || []).length;
+    const completedCount = (html.match(/pk-pill--completed/g) || []).length;
+    expect(cardCount).toBe(3);
+    expect(progressCount).toBe(3);
+    expect(completedCount).toBe(3);
+
+    expect(html).toContain("v0.25.0");
+    expect(html).toContain("Env ladder");
+    expect(html).toContain("Collision map");
+    expect(html).toContain("Metrics donut");
+
+    expect(html).toContain("pk-cursor");
+    expect(html).toContain("pk-cursor__ring");
+
+    expect(html).toContain("pk-toast");
+    expect(html).toContain('id="toastTitle"');
+    expect(html).toContain('id="toastBody"');
+
+    expect(html).toContain("pk-outro");
+    expect(html).toContain("roboco.tech");
+
+    expect(html).not.toMatch(/<script[^>]+src="https?:\/\//);
+    expect(html).not.toMatch(/href="https?:\/\//);
+    expect(html).not.toMatch(/—/);
+  });
+
+  it("ships captions.json within X and TikTok platform limits", () => {
+    expect(existsSync(join(dir, "captions.json"))).toBe(true);
+    const captions = JSON.parse(read("captions.json"));
+
+    expect(captions.composition_id).toBe("release-0.25.0");
+    expect(captions.platforms.x.char_count).toBe(captions.platforms.x.caption.length);
+    expect(captions.platforms.x.char_count).toBeLessThanOrEqual(captions.platforms.x.limit);
+    expect(captions.platforms.x.within_limit).toBe(true);
+    expect(captions.platforms.tiktok.char_count).toBe(captions.platforms.tiktok.caption.length);
+    expect(captions.platforms.tiktok.char_count).toBeLessThanOrEqual(captions.platforms.tiktok.limit);
+    expect(captions.platforms.tiktok.within_limit).toBe(true);
+
+    expect(captions.platforms.x.caption).not.toMatch(/—/);
+    expect(captions.platforms.tiktok.caption).not.toMatch(/—/);
+  });
+});