@tokenbuddy/tb-admin 1.0.36 → 1.0.38

package/tests/ui-static-row.test.ts

@@ -1,467 +0,0 @@
-/**
- * Step 13 v1.1: admin web UI seller row 渲染测试.
- *
- * 原则: 不引入 jsdom / linkedom. 直接 evaluate ui-static.ts bundle 的
- * inline script 抽出 sellerRow 函数 (regex 匹配 function 声明) + 喂 mock
- * window.__tbFmt, 然后 string match 验证 4 类行 (dataSource=both / fly /
- * registry / 老 1.0.31 缺字段) 渲染出正确的 CSS class + 文案 + 按钮.
- *
- * 覆盖 (跟 docs/processes/seller-fleet-data-sources.md 一致):
- *   1. dataSource="both"       → "app-row" (无红/灰 class), 绿点 active, "已发布" chip
- *   2. dataSource="fly"        → "app-row app-row-fly-only" (灰), "未发布" chip
- *                                + publish-hint-btn 文案
- *   3. dataSource="registry"   → "app-row app-row-registry-only" (整行红边)
- *                                + "严重事故" + alert-reason + remove-hint-btn
- *   4. dataSource 老 1.0.31 缺失 → 兜底 "both" (默认行, 不报红)
- *
- * 验证 grep 锚点 (跟 spec 一致):
- *   - "立即下线 (registry-only)" 必须在 remove-hint-btn 出现
- *   - "registry 收录了但 fly app 失踪" 必须在 alert-reason 出现
- *   - "未发布 — 可申请发布" 必须在 publish-hint-btn 出现
- */
-
-import { adminUiHtml } from "../src/ui-static.js";
-
-interface MockFmt {
-  UNKNOWN_VALUE: string;
-  formatDuration: (v: unknown) => string;
-  formatSpeed: (v: unknown) => string;
-  formatBalanceAmount: () => string;
-  formatSellerCapacity: () => string;
-  formatDiscountRatio: (v: unknown) => string;
-  formatSellerStatus: (s: unknown) => string;
-  sellerStatusTone: (s: unknown) => string;
-  normalizeStatusLabel: (s: unknown) => string;
-  formatTimeCompact: (s: unknown) => string;
-  formatCount: (n: unknown) => string;
-}
-
-const MOCK_FMT: MockFmt = {
-  UNKNOWN_VALUE: "—",
-  formatDuration: () => "123ms",
-  formatSpeed: () => "12.3 tok/s",
-  formatBalanceAmount: () => "0.00",
-  formatSellerCapacity: () => "3/8",
-  formatDiscountRatio: () => "1.0x",
-  formatSellerStatus: (s) => String(s || "unknown"),
-  sellerStatusTone: (s) => {
-    const k = String(s || "unknown").toLowerCase();
-    if (k === "active" || k === "healthy") return "green";
-    if (k === "draining" || k === "degraded") return "amber";
-    if (k === "offline" || k === "unhealthy") return "red";
-    if (k === "busy_capacity") return "blue";
-    return "gray";
-  },
-  normalizeStatusLabel: (s) => String(s || "—"),
-  formatTimeCompact: () => "12:34",
-  formatCount: (n) => String(n ?? 0)
-};
-
-/**
- * Step 13 v1.1: 不引 jsdom, 用 `new Function` 跑抽出 sellerRow 函数体.
- * ui-static.ts 整个文件是 `<script>...</script>` 模板字符串, 我们用
- * 简单 regex 提取 inline script 内容, 加上 mock window, 跑 sellerRow 拿 HTML.
- *
- * 限制: 不模拟 DOM 树. 验证方式是直接看 sellerRow() 返回的 HTML 字符串
- * 是否含预期的 class + 文案 + 按钮 (跟 spec grep 锚点一一对应).
- */
-function renderRow(row: Record<string, unknown>): string {
-  const html = adminUiHtml();
-  // 抽 <script>...</script>
-  const scriptMatch = html.match(/<script>([\s\S]*?)<\/script>/);
-  if (!scriptMatch) {
-    throw new Error("adminUiHtml() did not include a <script> tag");
-  }
-  const scriptBody = scriptMatch[1];
-  // mock window + 把 sellerRow 暴露
-  const code = `
-    var noopArr = () => [];
-    var fakeEl = { classList: { toggle: () => undefined, add: () => undefined, remove: () => undefined }, innerHTML: "", textContent: "" };
-    var window = { __tbFmt: ${JSON.stringify(MOCK_FMT)}, addEventListener: () => undefined };
-    var document = {
-      createElement: () => fakeEl,
-      addEventListener: () => undefined,
-      querySelectorAll: noopArr,
-      querySelector: () => fakeEl,
-      getElementById: () => fakeEl
-    };
-    var setTimeout = () => 0;
-    var setInterval = () => 0;
-    var clearTimeout = () => undefined;
-    var clearInterval = () => undefined;
-    ${scriptBody}
-    return sellerRow(${JSON.stringify(row)});
-  `;
-  // eslint-disable-next-line @typescript-eslint/no-implied-eval, no-new-func
-  const fn = new Function(code);
-  return fn();
-}
-
-describe("admin web seller row 渲染 (Step 13 v1.1 双源 spec)", () => {
-  test("dataSource=both → 正常行 (无红/灰 class), 绿点, 已发布 chip", () => {
-    const out = renderRow({
-      id: "tbs-alpha",
-      name: "tbs-alpha",
-      app: "tbs-alpha",
-      url: "https://tbs-alpha.fly.dev",
-      registryStatus: "active",
-      nodeStatus: "active",
-      upstreamDomain: "openrouter.ai",
-      upstreamStatus: "healthy",
-      modelsCount: 1,
-      dataSource: "both",
-      flyApp: { name: "tbs-alpha", status: "running" }
-    });
-    // 行 class 不带 registry-only / fly-only
-    expect(out).toContain('class="app-row"');
-    expect(out).not.toContain("app-row-registry-only");
-    expect(out).not.toContain("app-row-fly-only");
-    // 绿点 active → tone-green
-    expect(out).toMatch(/app-dot tone-green/);
-    expect(out).toContain('title="registry: active · upstream: healthy · publish: published · detail: pending"');
-    // 已发布 chip
-    expect(out).toMatch(/datasource-chip published/);
-    expect(out).toContain("已发布");
-    expect(out).not.toContain("status-badge");
-    // 无 alert-reason / remove-hint-btn / publish-hint-btn
-    expect(out).not.toContain("alert-reason");
-    expect(out).not.toContain("remove-hint-btn");
-    expect(out).not.toContain("publish-hint-btn");
-  });
-
-  test("dataSource=fly → 灰底 + 未发布 chip + publish-hint-btn", () => {
-    const out = renderRow({
-      id: "tbs-flyonly",
-      name: "tbs-flyonly",
-      app: "tbs-flyonly",
-      url: "https://tbs-flyonly.fly.dev",
-      registryStatus: "unknown",
-      nodeStatus: "unknown",
-      upstreamDomain: "tbs-flyonly.fly.dev",
-      upstreamStatus: "unknown",
-      modelsCount: 0,
-      dataSource: "fly",
-      publishStatus: "unpublished",
-      publishHint: "未发布 — 可申请发布 (走 vendor-bootstrap stage)",
-      flyApp: { name: "tbs-flyonly", status: "running" }
-    });
-    expect(out).toContain("app-row-fly-only");
-    expect(out).not.toContain("app-row-registry-only");
-    expect(out).toMatch(/datasource-chip unpublished/);
-    expect(out).toContain("未发布");
-    // publish-hint-btn 出现 + 文案含 spec 关键词
-    expect(out).toContain("publish-hint-btn");
-    expect(out).toContain("未发布 — 可申请发布");
-  });
-
-  test("registryStatus=offline overrides Pub chip even when Fly app still exists", () => {
-    const out = renderRow({
-      id: "tbs-offline",
-      name: "tbs-offline",
-      app: "tbs-offline",
-      url: "https://tbs-offline.fly.dev",
-      registryStatus: "offline",
-      nodeStatus: "unknown",
-      upstreamDomain: "api.example.com",
-      upstreamStatus: "unknown",
-      modelsCount: 1,
-      dataSource: "both",
-      publishStatus: "published",
-      flyApp: { name: "tbs-offline", status: "running" }
-    });
-
-    expect(out).toMatch(/datasource-chip offline/);
-    expect(out).toContain("已下线");
-    expect(out).toContain("Publish: offline · registry: offline · source: both");
-    expect(out).toContain('title="registry: offline · upstream: unknown · publish: offline · detail: pending"');
-    expect(out).not.toContain(">已发布</span>");
-    expect(out).not.toContain("registry: error");
-  });
-
-  test("registryStatus=draining overrides Pub chip even when publish relation is published", () => {
-    const out = renderRow({
-      id: "tbs-draining",
-      name: "tbs-draining",
-      app: "tbs-draining",
-      url: "https://tbs-draining.fly.dev",
-      registryStatus: "draining",
-      nodeStatus: "active",
-      upstreamDomain: "api.example.com",
-      upstreamStatus: "healthy",
-      modelsCount: 1,
-      dataSource: "both",
-      publishStatus: "published",
-      flyApp: { name: "tbs-draining", status: "running" }
-    });
-
-    expect(out).toMatch(/datasource-chip draining/);
-    expect(out).toContain("下线中");
-    expect(out).toContain("Publish: draining · registry: draining · source: both");
-  });
-
-  test("publishStatus=checking → 不把未知发布状态显示成未发布", () => {
-    const out = renderRow({
-      id: "tbs-checking",
-      name: "tbs-checking",
-      app: "tbs-checking",
-      url: "https://tbs-checking.fly.dev",
-      registryStatus: "unknown",
-      nodeStatus: "unknown",
-      upstreamDomain: "tbs-checking.fly.dev",
-      upstreamStatus: "unknown",
-      modelsCount: 0,
-      dataSource: "fly",
-      publishStatus: "checking",
-      detailStatus: "pending",
-      flyApp: { name: "tbs-checking", status: "running" }
-    });
-    expect(out).not.toContain("app-row-fly-only");
-    expect(out).toMatch(/datasource-chip checking/);
-    expect(out).toContain("发布待确认");
-    expect(out).not.toContain("publish-hint-btn");
-    expect(out).not.toContain(">未发布<");
-  });
-
-  test("列表列语义: connection 显示连接数, resources 无第二排, upstream 不显示 seller host / models", () => {
-    const out = renderRow({
-      id: "tbs-hide-host",
-      name: "tbs-hide-host",
-      app: "tbs-hide-host",
-      url: "https://tbs-hide-host.fly.dev",
-      registryStatus: "active",
-      nodeStatus: "active",
-      upstreamDomain: "tbs-hide-host.fly.dev",
-      upstreamStatus: "healthy",
-      upstreamBalanceUsdMicros: 1020000,
-      upstreamBalanceCurrency: "USD",
-      upstreamBalanceSource: "usage_generic",
-      capacityUsed: 3,
-      capacityLimit: 8,
-      resourceCpuPercent: 12.5,
-      resourceMemoryPercent: 48,
-      resourceMemoryRssMb: 246,
-      resourceMemoryLimitMb: 512,
-      discountRatio: 1,
-      modelsCount: 7,
-      specs: { cpuCores: 1, memoryMb: 512, machines: 1, runningMachines: 1, volumeGb: 1 },
-      dataSource: "both",
-      publishStatus: "published",
-      detailStatus: "fresh",
-      detailUpdatedAt: "2026-06-12T13:06:00.000Z",
-      detailNextRefreshAt: "2999-01-01T00:00:00.000Z",
-      flyApp: { name: "tbs-hide-host", status: "running" }
-    });
-
-    expect(out).toContain("op-value");
-    expect(out).toContain(">3 / 8</strong>");
-    expect(out).toContain("12.5%/48%");
-    expect(out).toContain("spec 1 vCPU / 512 MB");
-    expect(out).toContain("balance-line tone-red");
-    expect(out).toContain("op-chip tone-red");
-    expect(out).not.toMatch(/Resources<\/span><strong[^>]*>1 vCPU \/ 512 MB<\/strong><span class="metric-sub"/);
-    expect(out).not.toContain("cap 3 / 8");
-    expect(out).not.toContain("<strong>tbs-hide-host.fly.dev</strong>");
-    expect(out).not.toContain("7 models · disc");
-    expect(out).not.toContain("usage_generic");
-    expect(out).not.toContain("balance-badge tone-green");
-    expect(out).toContain("op-chip tone-green");
-    expect(out).toContain(">healthy</span>");
-  });
-
-  test("CPU/RAM 列只显示占比, 无运行数据时显示 -/-", () => {
-    const out = renderRow({
-      id: "tbs-no-runtime",
-      name: "tbs-no-runtime",
-      app: "tbs-no-runtime",
-      url: "https://tbs-no-runtime.fly.dev",
-      registryStatus: "active",
-      nodeStatus: "active",
-      upstreamDomain: "api.example.com",
-      upstreamStatus: "healthy",
-      capacityUsed: 0,
-      capacityLimit: 8,
-      dataSource: "both",
-      publishStatus: "published",
-      flyApp: { name: "tbs-no-runtime", status: "running" }
-    });
-
-    expect(out).toContain("-/-");
-    expect(out).not.toContain("CPU — / MEM —");
-  });
-
-  test("上游 status 从 seller /operator/status 单列显示, unhealthy 显示红色告警", () => {
-    const out = renderRow({
-      id: "tbs-upstream-down",
-      name: "tbs-upstream-down",
-      app: "tbs-upstream-down",
-      url: "https://tbs-upstream-down.fly.dev",
-      registryStatus: "active",
-      nodeStatus: "active",
-      upstreamDomain: "api.downstream.example",
-      upstreamStatus: "unhealthy",
-      capacityUsed: 0,
-      capacityLimit: 8,
-      dataSource: "both",
-      publishStatus: "published",
-      flyApp: { name: "tbs-upstream-down", status: "running" }
-    });
-
-    expect(out).toContain(">Status</span>");
-    expect(out).toContain("Upstream status from seller /operator/status");
-    expect(out).toContain("op-chip tone-red");
-    expect(out).toContain(">unhealthy</span>");
-    expect(out).toContain("row-alert");
-  });
-
-  test("上游 status 未知时显示中性 -, 不显示 unknown 文案", () => {
-    const out = renderRow({
-      id: "tbs-upstream-unknown",
-      name: "tbs-upstream-unknown",
-      app: "tbs-upstream-unknown",
-      url: "https://tbs-upstream-unknown.fly.dev",
-      registryStatus: "active",
-      nodeStatus: "active",
-      upstreamDomain: "api.example.com",
-      upstreamStatus: "unknown",
-      capacityUsed: 0,
-      capacityLimit: 8,
-      dataSource: "both",
-      publishStatus: "published",
-      flyApp: { name: "tbs-upstream-unknown", status: "running" }
-    });
-
-    expect(out).toContain(">Status</span>");
-    expect(out).toContain("op-chip tone-gray");
-    expect(out).toContain(">-\u003c/span>");
-    expect(out).not.toContain(">unknown</span>");
-    expect(out).not.toContain(">unkown</span>");
-  });
-
-  test("余额探测失败只显示 -, 不显示额外状态文案", () => {
-    const out = renderRow({
-      id: "tbs-balance-blocked",
-      name: "tbs-balance-blocked",
-      app: "tbs-balance-blocked",
-      url: "https://tbs-balance-blocked.fly.dev",
-      registryStatus: "active",
-      nodeStatus: "active",
-      upstreamDomain: "api.example.com",
-      upstreamStatus: "healthy",
-      upstreamBalanceError: "unauthorized: check upstreamApiKey",
-      capacityUsed: 0,
-      capacityLimit: 8,
-      dataSource: "both",
-      publishStatus: "published",
-      flyApp: { name: "tbs-balance-blocked", status: "running" }
-    });
-
-    expect(out).toContain('title="unauthorized: check upstreamApiKey">-</span>');
-    expect(out).not.toContain("probe blocked");
-    expect(out).not.toContain("balance-badge tone-gray");
-    expect(out).not.toContain("balance-badge tone-red");
-    expect(out).not.toContain("balance-line tone-red");
-  });
-
-  test("详情刷新 queued/loading 时 Next 列显示 spinner, 不显示状态文本", () => {
-    const out = renderRow({
-      id: "tbs-refreshing",
-      name: "tbs-refreshing",
-      app: "tbs-refreshing",
-      url: "https://tbs-refreshing.fly.dev",
-      registryStatus: "active",
-      nodeStatus: "active",
-      upstreamDomain: "api.example.com",
-      upstreamStatus: "healthy",
-      capacityUsed: 0,
-      capacityLimit: 8,
-      detailStatus: "loading",
-      dataSource: "both",
-      publishStatus: "published",
-      flyApp: { name: "tbs-refreshing", status: "running" }
-    });
-
-    expect(out).toContain("inline-spinner");
-    expect(out).toContain("aria-label=\"detail loading\"");
-    expect(out).not.toContain(">loading</strong>");
-    expect(out).not.toContain(">queued</strong>");
-  });
-
-  test("运维关键指标按风险突出: 满连接/高资源/慢 TTFT 显示红黄 chip", () => {
-    const out = renderRow({
-      id: "tbs-hot",
-      name: "tbs-hot",
-      app: "tbs-hot",
-      url: "https://tbs-hot.fly.dev",
-      registryStatus: "active",
-      nodeStatus: "active",
-      upstreamDomain: "openrouter.ai",
-      upstreamStatus: "healthy",
-      capacityUsed: 8,
-      capacityLimit: 8,
-      resourceCpuPercent: 81,
-      resourceMemoryPercent: 93,
-      ttftMs: 6500,
-      upstreamBalanceUsdMicros: 50000000,
-      upstreamBalanceCurrency: "USD",
-      dataSource: "both",
-      publishStatus: "published",
-      flyApp: { name: "tbs-hot", status: "running" }
-    });
-
-    expect(out).toContain("row-alert");
-    expect(out).toContain("op-chip tone-red");
-    expect(out).toContain(">8 / 8</span>");
-    expect(out).toContain("81%/93%");
-    expect(out).toContain(">6.50s</span>");
-  });
-
-  test("dataSource=registry → 整行红边 + 严重事故 + alert-reason + 立即下线 (registry-only) 按钮", () => {
-    const out = renderRow({
-      id: "tbs-ghost",
-      name: "tbs-ghost",
-      app: "tbs-ghost",
-      url: "https://tbs-ghost.fly.dev",
-      registryStatus: "active",
-      nodeStatus: "unknown",
-      upstreamDomain: "tbs-ghost.fly.dev",
-      upstreamStatus: "unknown",
-      modelsCount: 1,
-      dataSource: "registry",
-      publishStatus: "registry_only",
-      registryAlert: true,
-      alertReason: "registry 收录了但 fly app 失踪 — 严重事故, 立即下线",
-      removeHint: "立即下线 (registry-only)"
-    });
-    expect(out).toContain("app-row-registry-only");
-    // 严重事故 文案
-    expect(out).toContain("严重事故");
-    // alert-reason
-    expect(out).toContain("alert-reason");
-    expect(out).toContain("registry 收录了但 fly app 失踪");
-    // 立即下线 (registry-only) 按钮
-    expect(out).toContain("remove-hint-btn");
-    expect(out).toContain("立即下线 (registry-only)");
-    expect(out).toMatch(/data-action="remove"/);
-    expect(out).toMatch(/data-seller-id="tbs-ghost"/);
-  });
-
-  test("dataSource 缺失 (老 1.0.31 行) → 兜底 'both', 不报错不标红", () => {
-    const out = renderRow({
-      id: "legacy",
-      name: "legacy",
-      app: "legacy",
-      url: "https://legacy.fly.dev",
-      registryStatus: "active",
-      nodeStatus: "active",
-      upstreamDomain: "legacy.fly.dev",
-      upstreamStatus: "healthy",
-      modelsCount: 1
-      // 故意没 dataSource 字段, 模拟 1.0.31 老 row
-    });
-    expect(out).toContain('class="app-row"');
-    expect(out).not.toContain("app-row-registry-only");
-    expect(out).not.toContain("app-row-fly-only");
-    // 兜底 chip = published
-    expect(out).toMatch(/datasource-chip published/);
-  });
-});