danyang-match/scripts/run-ui-contracts.mjs

#!/usr/bin/env node
// UI 契约门禁统一执行器（本地 + CI 共用入口）
//
// 背景：ui-tests/*.mjs 是一组「源码结构与关键行为断言」守卫（纯 node 内建模块、零 npm 依赖），
// 2026-09-18 之前**只在本地手工逐个执行** —— 没有 CI 把关，改坏了没人知道。
// 本脚本把「逐个跑 + 汇总 + 非零退出」固化下来：
//
//   node scripts/run-ui-contracts.mjs              # 跑 ui-tests/ 下全部守卫（默认）
//   node scripts/run-ui-contracts.mjs <file...>    # 只跑指定守卫（排查用）
//
// 三条约定（都对应踩过的坑）：
// 1) **子进程 cwd 固定为仓库根**。守卫分两类路径风格：多数用 `import.meta.dirname` 自锚定，
//    但 phase03/04/06/07、tabbar-icons、miniapp-auth 用相对路径 —— 在别处调用会假红。
// 2) **守卫数量下限硬校验**：防止「守卫被删除/改名」后依然报绿（Phase 19 教训：扫描清单本身会漏）。
//    新增守卫要上调 MIN_GUARDS；有意删减则下调，二者都必须显式改这行，不能默默变绿。
// 3) 任一守卫非零退出 → 本脚本非零退出（CI 才会红），并打印该守卫的原始输出便于定位。

import { spawnSync } from 'node:child_process'
import { readdirSync } from 'node:fs'
import { basename, dirname, resolve } from 'node:path'
import { fileURLToPath } from 'node:url'

const root = resolve(dirname(fileURLToPath(import.meta.url)), '..')
const UI_TESTS_DIR = resolve(root, 'ui-tests')

// 2026-09-19 基线：ui-tests/ 下 18 个守卫
//   14 → 15：新增 wxml-structure-contracts（补「WXML 能否编译」这一层 ——
//            此前 14 绿时小程序仍有两个页面编译失败）；
//   15 → 17：新增 miniapp-self-method-contracts（`this._x()` 无定义 → 运行期 TypeError，
//            且该调用位于 resolve 之前时会让所有请求的 Promise 永不 settle）、
//            wxss-component-selector-contracts（组件 wxss 用了标签/ID/属性选择器）；
//   17 → 18：新增 miniapp-api-client-behavior（**唯一一组行为断言**：桩掉 wx.request，
//            真跑 api.js，验证成功/失败/幂等键释放/收尾容错 4 组行为）。
//   18 → 19：新增 admin-design-tokens（管理端设计 token 守卫：未定义 token / 硬编码色值 /
//            字号下限 / 非法字重 / EP 调色板残留 / **对比度实算** —— 最后一项是此前
//            完全无人把关的一类，且人工目视很难覆盖 24 个页面）。
//   19 → 20：新增 admin-reactivity-contracts（管理端响应式契约：**非响应式状态**——
//            普通 `const x = [...]` 被直接改元素且绑到 v-for 时，改动了但渲染不更新，
//            界面显示陈旧/默认值。2026-09-23 实测数据统计页漏斗卡恒为 0 即此因。
//            该缺陷无 TS/lint/构建报错，前 19 个守卫全绿也抓不到，只有真跑起来看渲染
//            结果才暴露 → 必须由源码结构断言接管）。
//   20 → 21：新增 miniapp-capsule-safe-contracts（胶囊按钮安全区几何，防 Tab 页与右上角
//            胶囊按钮重合——这类布局缺陷目视才发现，结构化断言钉住安全区变量）。
//   21 → 22：新增 miniapp-language-contracts（界面语种守卫：复用 scripts/audit-miniapp-language.mjs，
//            断言「全量扫描 0 命中」，兜住英文/非中文简体枚举码 any/accept/reject、never_married、
//            bachelor、U51… 直接上屏这类只有真机才暴露的缺陷）。
//   22 → 23：新增 miniapp-profile-contracts（小程序「资料/择偶条件」提交契约：桩掉 stores，
//            真跑 profile-basic / profile-lifestyle / profile-preference 的事件处理与 onNext()，
//            断言提交负载用的是**后端规范字段名 + 枚举码**。此前 hasChildren / occupationCategory /
//            workRegion / ageMin / educationAccepted 等字段名对不上，后端读不到 → 字段被**静默丢弃**；
//            且 high_school / phd / occasional 违反 DB CHECK 直接 500。均为 .js 层，
//            tsc 与静态扫描都发现不了）。
// 新增/删减守卫时同步修改本默认值。
// 可用环境变量 UI_GUARDS_MIN 覆盖 —— 唯一目的是让「数量下限」这条分支本身可被自检
// （`UI_GUARDS_MIN=99 node scripts/run-ui-contracts.mjs` 必须拒绝报绿）。
const MIN_GUARDS = Number(process.env.UI_GUARDS_MIN ?? 23)

const cliArgs = process.argv.slice(2)
const explicit = cliArgs.length > 0

const guards = explicit
  ? cliArgs.map((p) => resolve(root, p))
  : readdirSync(UI_TESTS_DIR)
      .filter((f) => f.endsWith('.mjs'))
      .sort()
      .map((f) => resolve(UI_TESTS_DIR, f))

if (guards.length === 0) {
  console.error('ERROR: 未找到任何守卫（ui-tests/*.mjs）')
  process.exit(1)
}

if (!explicit && guards.length < MIN_GUARDS) {
  console.error(
    `ERROR: 只发现 ${guards.length} 个守卫，少于下限 ${MIN_GUARDS} —— 守卫可能被删除或改名，拒绝报绿。`,
  )
  console.error('       新增守卫请上调 MIN_GUARDS；确为有意删减请下调（并说明原因）。')
  process.exit(1)
}

console.log(`UI 契约门禁（源码结构与关键行为断言）— ${guards.length} 个守卫\n`)

const pad = String(guards.length).length
const failures = []
const t0 = Date.now()

guards.forEach((file, i) => {
  const name = basename(file)
  const started = Date.now()
  const r = spawnSync(process.execPath, [file], {
    cwd: root,
    encoding: 'utf8',
    env: { ...process.env, NO_COLOR: '1' },
  })
  const ms = Date.now() - started
  const tag = `[${String(i + 1).padStart(pad)}/${guards.length}]`
  if (r.status === 0) {
    console.log(`${tag} PASS  ${name}  (${ms}ms)`)
  } else {
    console.log(`${tag} FAIL  ${name}  (${ms}ms)`)
    failures.push({ name, status: r.status, stdout: r.stdout, stderr: r.stderr })
  }
})

if (failures.length > 0) {
  console.log(`\n${'='.repeat(64)}\n失败详情（守卫原始输出）\n${'='.repeat(64)}`)
  for (const f of failures) {
    console.log(`\n--- ${f.name}（exit ${f.status ?? 'null'}）---`)
    const out = [f.stdout, f.stderr].filter(Boolean).join('\n').trim()
    console.log(out || '(无输出 —— 守卫自身异常退出，需人工排查)')
  }
}

const secs = ((Date.now() - t0) / 1000).toFixed(1)
console.log('')
if (failures.length === 0) {
  console.log(`✅ PASS ${guards.length} / ${guards.length}，0 失败，用时 ${secs}s`)
  process.exit(0)
}
console.log(`❌ PASS ${guards.length - failures.length} / ${guards.length}，${failures.length} 失败，用时 ${secs}s`)
process.exit(1)