// tools/screens.mjs — 还原验收「屏注册表」单一真源 // // fidelity.mjs(自动 diff 闸)与 ds-compare.mjs(人工 montage 目检)共用此表, // 保证「每一屏 + 外壳都跟原型比」(规则 2)。屏随 Phase 1/2 照原型重建后逐个入册。 // // 字段: // html 原型 html(仓库根相对路径) // prefix Flutter golden 文件前缀 → client/test/golden/goldens/_.png // width/height golden「逻辑」尺寸(golden 物理像素 = 逻辑 × dpr);两边须一致 // dpr devicePixelRatio(默认 2) // waitFor 原型截图前等待的选择器 // threshold fidelity 该屏校准阈值(差异像素比例上限);人工目检「像」后定 // shell true=外壳(顶栏/侧栏/状态栏整框),与普通屏一同对比 // zones 分区域阈值(逻辑坐标):把屏切带各自判定,抓「全屏百分比淹没」的局部错位 // (如顶栏元素水平偏移)。x/y/w/h 为逻辑像素,fidelity 按 dpr 换算。 export const SCREENS = { // 外壳:顶栏(两级品牌+主题器+通知) + 侧栏(分组) + 状态栏。 // 全屏阈值松(内容区空白 vs 原型满表),真正判定看 zones(顶栏带收紧到 4%)。 shell: { html: '.superpowers/prototype/screens/inventory.html', // 外壳含在每个全框屏里,借库存页取整框 prefix: 'app_shell', width: 1280, height: 900, dpr: 2, waitFor: '.app', threshold: 0.20, // 全屏仅参考;判定以 zones 为准 shell: true, zones: [ { name: 'top', x: 0, y: 0, w: 1280, h: 56, threshold: 0.04 }, { name: 'side', x: 0, y: 56, w: 218, h: 810, threshold: 0.14 }, { name: 'status', x: 0, y: 866, w: 1280, h: 34, threshold: 0.10 }, ], }, inventory: { html: '.superpowers/prototype/screens/inventory.html', prefix: 'inventory_list', width: 1280, height: 900, dpr: 2, waitFor: '.app', threshold: 0.20, // 旧屏未重建,暂宽松;Phase 2 重建后收紧 }, };