178 lines
9.0 KiB
JavaScript
178 lines
9.0 KiB
JavaScript
/* 回放器播放器逻辑回归测试（由 pytest 经 node 调起，见 test_replay_player_js.py）。
|
|
以 DOM 桩加载发布的 app.js 与 replay.js 原文，完整走一遍：
|
|
切回放Tab → 自动加载存档 → 手动导入 JSONL → 播放/逐步/进度条/缩放，
|
|
断言 HUD 刷新与时间线正确。曾回归出两类冻结 bug（applyEvents 参数遮蔽
|
|
外层状态、switch 段缺 at 导致 robot.x TypeError），本文件防其复发。 */
|
|
"use strict";
|
|
const fs = require("fs");
|
|
const path = require("path");
|
|
|
|
const REPO = process.env.REPO;
|
|
if (!REPO) throw new Error("REPO env required");
|
|
|
|
// ---- 构造一局日志：复刻"原点换频道"致病模式（第一步原地检测且换频道） ----
|
|
function base(id) { return { arena_id: "default", robot_id: "2026001", request_id: id }; }
|
|
const sources = [{ channel: 4, x: 100, y: 0, r_eff_m: 1200, directional: false, heading_deg: 0 }];
|
|
const refereeLog = [
|
|
JSON.stringify({ event: "session_start", case_code: "TEST-CASE-0001", module: "q3_practice",
|
|
robot_id: "2026001", seed: 9, truth: sources }),
|
|
JSON.stringify({ event: "action", seq: 1, method: "POST", path: "/enter", status: 200,
|
|
request: base("e1"), response: { accepted: true, virtual_time_s: 0,
|
|
remaining_real_duration_s: 1200 } }),
|
|
// 原地检测 + 换频道：无 move 段、switch 段在 t=0
|
|
JSON.stringify({ event: "action", seq: 2, method: "POST", path: "/measure", status: 200,
|
|
request: { ...base("m1"), position: { x: 0, y: 0 }, channel: 4 },
|
|
response: { accepted: true, virtual_time_s: 5, measure_result: "no_signal" } }),
|
|
JSON.stringify({ event: "action", seq: 3, method: "POST", path: "/measure", status: 200,
|
|
request: { ...base("m2"), position: { x: 300, y: 400 }, channel: 7 },
|
|
response: { accepted: true, virtual_time_s: 111, measure_result: "direction", svd_deg: 36.87 } }),
|
|
JSON.stringify({ event: "action", seq: 4, method: "POST", path: "/clear", status: 200,
|
|
request: { ...base("c1"), position: { x: 0, y: 0 }, channel: 4 },
|
|
response: { accepted: true, virtual_time_s: 194, clear_result: "no_target_in_range" } }),
|
|
JSON.stringify({ event: "action", seq: 5, method: "POST", path: "/exit", status: 200,
|
|
request: base("x1"), response: { accepted: true, virtual_time_s: 194, exit_reason: "user_exit" } }),
|
|
JSON.stringify({ event: "session_end", reason: "user_exit", virtual_time_s: 215 }),
|
|
// 参赛队客户端会话日志格式（accepted 事件，含重试噪声）
|
|
JSON.stringify({ event: "step", virtual_time_s: 1.0 }),
|
|
JSON.stringify({ event: "attempt", path: "/enter", request: base("a1") }),
|
|
JSON.stringify({ event: "accepted", path: "/clear", request: { ...base("c9"), position: { x: 10, y: 0 }, channel: 9 },
|
|
response: { accepted: true, virtual_time_s: 202, clear_result: "success" } }),
|
|
].join("\n");
|
|
|
|
// ---- DOM 桩 ----
|
|
function makeClassList() {
|
|
const set = new Set(["hidden"]);
|
|
return {
|
|
add: (...c) => c.forEach((x) => set.add(x)),
|
|
remove: (...c) => c.forEach((x) => set.delete(x)),
|
|
toggle: (c, force) => { const on = force === undefined ? !set.has(c) : !!force;
|
|
on ? set.add(c) : set.delete(c); return on; },
|
|
contains: (c) => set.has(c),
|
|
};
|
|
}
|
|
const ctxStub = new Proxy({}, {
|
|
get(t, prop) {
|
|
if (!(prop in t)) t[prop] = (typeof prop === "string" &&
|
|
/^(arc|beginPath|closePath|fill|stroke|moveTo|lineTo|fillText|strokeRect|fillRect|clearRect)$/.test(prop))
|
|
? () => {} : function () {};
|
|
return t[prop];
|
|
},
|
|
set(t, prop, v) { t[prop] = v; return true; },
|
|
});
|
|
function makeEl(id) {
|
|
return {
|
|
id, textContent: "", innerHTML: "", value: "", checked: true, files: [],
|
|
width: 640, height: 640, style: {}, handlers: {}, children: [],
|
|
get classList() { return (this._cls ||= makeClassList()); },
|
|
addEventListener(type, fn) { (this.handlers[type] ||= []).push(fn); },
|
|
click() {}, matches() { return false; },
|
|
appendChild(child) { this.children.push(child); },
|
|
querySelector() { return makeEl("nested"); },
|
|
getContext() { return ctxStub; },
|
|
getBoundingClientRect() { return { left: 0, top: 0, width: 640, height: 640 } },
|
|
};
|
|
}
|
|
const els = new Map();
|
|
const $get = (id) => { if (!els.has(id)) els.set(id, makeEl(id)); return els.get(id); };
|
|
$get("page-replay").classList.remove("hidden"); // 回放 Tab 打开
|
|
$get("page-live").classList.add("hidden");
|
|
|
|
const rafQueue = [];
|
|
globalThis.requestAnimationFrame = (cb) => { rafQueue.push(cb); return rafQueue.length; };
|
|
globalThis.cancelAnimationFrame = () => { rafQueue.length = 0; };
|
|
globalThis.performance = { now: () => Date.now() };
|
|
globalThis.setInterval = () => 0;
|
|
globalThis.location = { port: "8026" };
|
|
globalThis.confirm = () => true;
|
|
globalThis.alert = () => {};
|
|
globalThis.addEventListener = () => {};
|
|
globalThis.window = globalThis;
|
|
globalThis.document = {
|
|
getElementById: $get,
|
|
createElement: (tag) => makeEl(tag),
|
|
addEventListener() {},
|
|
};
|
|
globalThis.FileReader = class {
|
|
readAsText(file) { this.result = file.__text; queueMicrotask(() => this.onload && this.onload()); }
|
|
};
|
|
const replayEvents = refereeLog.split("\n").map((l) => JSON.parse(l));
|
|
globalThis.fetch = async (url) => {
|
|
const json = async () => {
|
|
if (url.startsWith("/ui/api/sessions"))
|
|
return { sessions: [{ case_code: "TEST-CASE-0001", module: "q3_practice", robot_id: "2026001" }] };
|
|
if (url.startsWith("/ui/api/replay"))
|
|
return { case_code: "TEST-CASE-0001", module: "q3_practice",
|
|
meta: { module: "q3_practice", robot_id: "2026001", truth: sources }, events: replayEvents };
|
|
if (url.startsWith("/ui/api/state"))
|
|
return { phase: "idle", action_port: 2026, display_limit: 1000, modules: {}, attempts: {} };
|
|
throw new Error("unexpected fetch " + url);
|
|
};
|
|
return { ok: true, json };
|
|
};
|
|
|
|
// ---- 装载发布代码原文（跨文件全局函数按浏览器语义显式挂到全局） ----
|
|
const staticDir = path.join(REPO, "referee", "src", "referee", "static");
|
|
const appSrc = fs.readFileSync(path.join(staticDir, "app.js"), "utf8");
|
|
const replaySrc = fs.readFileSync(path.join(staticDir, "replay.js"), "utf8");
|
|
const appApi = new Function(appSrc + "\n;return { fmtV, escapeHtml, sumReq, sumRes };")();
|
|
Object.assign(globalThis, appApi);
|
|
new Function(replaySrc)();
|
|
|
|
const flush = async () => { for (let i = 0; i < 20; i++) await new Promise((r) => setImmediate(r)); };
|
|
function assert(cond, message) { if (!cond) throw new Error(message); }
|
|
|
|
(async () => {
|
|
// 1) 自动加载存档
|
|
$get("tab-replay").onclick();
|
|
await flush();
|
|
const ev0 = $get("rp-event").innerHTML;
|
|
assert(ev0 && !ev0.includes("加载一局后开始回放"), "事件面板未刷新: " + JSON.stringify(ev0));
|
|
assert($get("rp-t-total").textContent === "215 s",
|
|
"总时长错误: " + $get("rp-t-total").textContent);
|
|
|
|
// 2) 逐步穿过 move/switch/measure/clear 段（含原点换频道的致病模式）
|
|
for (let i = 0; i < 6; i++) $get("rp-next").onclick();
|
|
assert($get("rp-event").innerHTML !== ev0, "逐步后事件面板未刷新");
|
|
assert(/频道<b>\d+<\/b>/.test($get("rp-status").innerHTML), "状态栏缺频道信息");
|
|
|
|
// 3) 播放推进（10× 倍速播 1 秒真实帧）
|
|
$get("rp-play").onclick();
|
|
let now = 1000;
|
|
for (let i = 0; i < 60; i++) { const cb = rafQueue.shift(); if (!cb) break; now += 16; cb(now); }
|
|
assert($get("rp-t-cur").textContent !== "0 s", "播放未推进: " + $get("rp-t-cur").textContent);
|
|
|
|
// 4) 进度条拖到 50%
|
|
$get("rp-slider").value = "500";
|
|
$get("rp-slider").handlers.input[0]();
|
|
assert($get("rp-t-cur").textContent === "107.5 s",
|
|
"拖到50%应为 107.5 s: " + $get("rp-t-cur").textContent);
|
|
|
|
// 5) 缩放
|
|
$get("rp-zoom-out").onclick();
|
|
assert($get("rp-zoom-label").textContent === "80%", "缩放标签未更新");
|
|
|
|
// 6) 手动导入评测机日志（含真值）
|
|
$get("rp-open-file").onclick();
|
|
$get("rp-file").files = [{ name: "BBM9-HZG2-77N5-NKKC.log.jsonl", __text: refereeLog }];
|
|
for (const fn of $get("rp-file").handlers.change || []) fn();
|
|
await flush();
|
|
const info = $get("rp-info").textContent;
|
|
assert(info.includes("BBM9-HZG2-77N5-NKKC.log.jsonl") && info.includes("动作 6 条") &&
|
|
info.includes("含真值 1 源"), "手动导入（评测机日志）信息异常: " + info);
|
|
|
|
// 7) 手动导入客户端会话日志（accepted 事件、无真值、剔除重试噪声）
|
|
$get("rp-file").files = [{ name: "client-session.jsonl", __text: refereeLog }];
|
|
await flush();
|
|
for (const fn of $get("rp-file").handlers.change || []) fn();
|
|
await flush();
|
|
for (let i = 0; i < 3; i++) $get("rp-next").onclick();
|
|
assert(($get("rp-event").innerHTML || "").length > 0, "导入后逐步无事件面板");
|
|
|
|
// 8) 拖到结尾
|
|
$get("rp-slider").value = "1000";
|
|
$get("rp-slider").handlers.input[0]();
|
|
assert($get("rp-t-cur").textContent === $get("rp-t-total").textContent, "结尾时刻不一致");
|
|
|
|
console.log("replay player harness: ALL PASS");
|
|
})().catch((err) => { console.error("replay player harness FAILED:", err.message); process.exit(1); });
|