Tokens Test

1import assert from "node:assert/strict";
2import { readFileSync } from "node:fs";
3import { dirname, join } from "node:path";
4import test from "node:test";
5import { fileURLToPath } from "node:url";
6import { brandRolesFromStats, ICON_FONT_PATTERN, isIconFont } from "./tokens.mjs";
7import { brandRolesFromStats as facelessBrandRolesFromStats } from "../../../faceless-explainer/scripts/lib/tokens.mjs";
8import { brandRolesFromStats as prBrandRolesFromStats } from "../../../pr-to-video/scripts/lib/tokens.mjs";
9
10const scriptsDir = join(dirname(fileURLToPath(import.meta.url)), "..", "..", "..");
11
12test("recognizes brand-specific icon font names", () => {
13  assert.equal(isIconFont("vidaXLfont"), true);
14  assert.equal(isIconFont("BrandGlyphFont"), true);
15  assert.equal(isIconFont("Poppins"), false);
16  assert.equal(isIconFont("HelveticaFont"), false);
17  assert.equal(isIconFont("Airbnb Cereal Font"), false);
18  assert.equal(isIconFont("SF Pro Text Font"), false);
19  assert.equal(isIconFont("Uber Move Font"), false);
20  assert.equal(isIconFont("Circular Std font"), false);
21  assert.equal(isIconFont("brand-font"), false);
22});
23
24test("keeps sibling skill icon-font classifiers aligned", () => {
25  for (const skill of ["faceless-explainer", "pr-to-video"]) {
26    const source = readFileSync(join(scriptsDir, skill, "scripts", "build-frame.mjs"), "utf8");
27    assert.match(
28      source,
29      new RegExp(String.raw`ICON_FONT_PATTERN\s*=\s*${escapeRegExp(ICON_FONT_PATTERN)}`),
30    );
31  }
32});
33
34function escapeRegExp(value) {
35  return String(value).replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
36}
37
38test("preserves a prominent second accent used outside interactive backgrounds", () => {
39  const colors = ["#FFFFFF", "#2D1238", "#F3E62B", "#111111"];
40  const stats = [
41    { hex: "#FFFFFF", areaBg: 1000, maxArea: 1000 },
42    { hex: "#2D1238", textCount: 4, interactiveBg: 3 },
43    { hex: "#F3E62B", textCount: 3, interactiveBg: 0 },
44    { hex: "#111111", textCount: 20 },
45  ];
46
47  assert.deepEqual(brandRolesFromStats(stats, colors), {
48    canvas: "#FFFFFF",
49    ink: "#111111",
50    accent: "#F3E62B",
51    accent2: "#2D1238",
52  });
53
54  for (const sibling of [facelessBrandRolesFromStats, prBrandRolesFromStats]) {
55    assert.deepEqual(sibling(stats, colors), brandRolesFromStats(stats, colors));
56  }
57});