AgentLab/scripts/check-apps.mjs

// 应用使用面（/apps、/apps/:appId、/apps/:appId/p/:pageId、/apps/:appId/new/:entryId、/apps/:appId/i/:runId）的回归检查。
//
// 守的是这些「看着没坏、其实不对」的地方：
//   - 应用首页三个页签（待办 / 应用 / 我发起的）记在地址上；关登录时挂一行说明（所有人都能用全部功能，签批人是自报署名）；
//     需升级的应用照实标出来；
//   - 应用页按视图模型渲染：印章四项（截至 / 口径 / 出具档位 / 来源）和服务端标出的错位照写；指标块的数是按钮，点开走
//     指标链接口（GET /runs/{id}/evidence/metrics/{node}/{metric}），面板里有指标步骤；没有出处的数照实标「无证据」；
//     趋势是自绘 SVG，升版不可比的地方画断开线并写明；「查看数据」给出表格视图；表格点表头排序、遮罩列写「已遮罩」；
//     不认识的组件写「此组件需要更新前端」，不报错、不空白；服务端解析出错的组件（problems）列在页面顶上；
//     有视图在生成时自动重取；
//   - 入口页：必填没填本地拦下、错误挂到字段下面；服务端 422 的 {errors:[{path, code, message}]} 按 path 挂回字段，
//     对不上字段的列在表单顶上；⌘/Ctrl+Enter 发起；成功后进实例页；需升级时不让发起；
//   - 实例页：状态、印章、进度、本实例的待办卡（就地处理）、动作状态（哈希前 8 位、环境）；
//   - 窄屏（390px）不出横向滚动。
//
// 页面是真页面（走真的应用外壳），/api/apps/**、/api/tasks/**、指标链接口在浏览器层答掉，数据是这里虚构的
// （「门店周报」「报销审批」）；其余 GET 放行到服务端（外壳要它），写请求一律拦下、记在探针里，不碰真实写接口。
//
//   node scripts/check-apps.mjs
// 对别的实例跑时带上地址：AGENTLAB_WEB=http://localhost:<前端端口> node scripts/check-apps.mjs
// CHECK_ONLY=首页,入口 只跑段名里含这些字的段。
import { chromium } from '../frontend/node_modules/playwright-core/index.mjs'

const WEB = process.env.AGENTLAB_WEB ?? 'http://localhost:5273'
const CHROME = process.env.CHROME_PATH ?? '/Applications/Google Chrome.app/Contents/MacOS/Google Chrome'

let failed = 0
const check = (name, cond, detail = '') => {
  console.log(`  ${cond ? '✓' : '✗'} ${name}${detail ? ` — ${detail}` : ''}`)
  if (!cond) failed++
}
const ONLY = (process.env.CHECK_ONLY ?? '').split(',').map((s) => s.trim()).filter(Boolean)
const opened = new Set()
async function section(name, fn) {
  if (ONLY.length && !ONLY.some((k) => name.includes(k))) return
  console.log(`\n=== ${name} ===`)
  try {
    await fn()
  } catch (e) {
    check(`${name} 中途出错`, false, String(e?.message ?? e).split('\n')[0])
  } finally {
    for (const c of opened) await c.close().catch(() => {})
    opened.clear()
  }
}

const ago = (ms) => new Date(Date.now() - ms).toISOString()
const RUN = 'run_week_14'

// ---------------------------------------------------------------- 假数据

const APPS = [
  { id: 'app_weekly', name: '门店周报', description: '每周一看各门店的销售概况', icon: 'app', status: 'active',
    published_version: 3, level: 'governed', needs_upgrade: false, pending_tasks: 0, my_role: 'manage', updated_at: ago(3600_000) },
  { id: 'app_claim', name: '报销审批', description: '员工发起报销，财务会签后付款', icon: 'app', status: 'active',
    published_version: 2, level: 'published', needs_upgrade: true, pending_tasks: 1, my_role: 'use', updated_at: ago(7200_000) },
]

const STAMP = {
  as_of: ago(86400_000), as_of_text: '截至 2026-10-13 10:05；统计期 week 2026-W41', pin: '周销售 v7', graph_hash: '3fa2c1d0',
  calibers: [{ name: '周销售口径', version: 'v3' }], tier: 'formal', tier_text: '完整出具',
  from: '定时任务「周一 10 点」第 14 次', sealed: true, notes: ['定时任务已改为运行 v8，本应用固定在 v7'],
}

const metricEv = (metric) => ({ run_id: RUN, kind: 'metric', node: 'kpi', metric, eid: `ev:metric:${metric}` })
const point = (i, value) => ({
  run_id: `run_w${i}`, as_of: new Date(Date.UTC(2026, 8, 1 + i * 7)).toISOString(), value, text: `${value} 万元`,
  evidence: { run_id: `run_w${i}`, kind: 'metric', node: 'kpi', metric: 'gmv', eid: `ev:${i}` },
})

const HOME = {
  format: 'agentlab.view/1',
  app: { id: 'app_weekly', name: '门店周报', version: 3, level: 'governed', needs_upgrade: false },
  page: { id: 'home', title: '本周概览' },
  pages: [{ id: 'home', title: '本周概览' }, { id: 'detail', title: '门店明细' }],
  sources: { wk: { state: 'ok', run_id: RUN, stamp: STAMP } },
  tree: [
    { id: 'stamp', type: 'stamp', props: {}, data: { view: 'wk', state: 'ok', stamp: STAMP } },
    { id: 'kpis', type: 'columns', props: { count: 2 }, children: [
      { id: 'gmv', type: 'metric', props: { label: '销售额' },
        data: { state: 'ok', text: '45.68 万元', name: '销售额', unit: '', evidence: metricEv('gmv') } },
      { id: 'orders', type: 'metric', props: { label: '订单数' }, data: { state: 'ok', text: '1,284 单', name: '订单数' } },
    ] },
    { id: 'trend', type: 'series', props: { label: '销售额趋势' }, data: {
      state: 'ok', mode: 'incomparable', unit: '万元',
      series: [
        { version: 6, label: 'v6', points: [point(0, 40.1), point(1, 41.3), point(2, 39.8)] },
        { version: 7, label: 'v7', points: [point(3, 44.2), point(4, 45.68)] },
      ],
      breaks: [{ after_run: 'run_w2', from: 6, to: 7, text: '口径从 v6 升到 v7，前后不可比' }],
    } },
    { id: 'stores', type: 'table', props: { title: '门店排行' }, data: {
      state: 'ok', columns: ['门店', '销售额', '店长手机'], masked: ['店长手机'], total_rows: 3, truncated: false,
      rows: [['南山店', 120.5, '已遮罩'], ['福田店', 98.2, '已遮罩'], ['宝安店', 130.1, '已遮罩']],
      evidence: { run_id: RUN, kind: 'query', node: 'q1', artifact: 'art_q1' },
    } },
    { id: 'future', type: 'gauge3d', props: {} },
    { id: 'broken', type: 'metric', props: { label: '毛利率' }, data: { state: 'error' } },
  ],
  forms: {},
  problems: [{ component: 'broken', code: 'view.resolve_failed', message: '解析出错：KeyError' }],
}

const CLAIM_HOME = {
  format: 'agentlab.view/1',
  app: { id: 'app_claim', name: '报销审批', version: 2, level: 'published', needs_upgrade: false },
  page: { id: 'home', title: '报销' },
  pages: [{ id: 'home', title: '报销' }],
  sources: {},
  tree: [
    { id: 'new', type: 'entry_button', props: { entry: 'apply' }, data: { entry: 'apply', label: '发起报销', disabled: false } },
    { id: 'mine', type: 'instance_list', props: { entry: 'apply', who: 'mine' }, data: { who: 'mine', entry: 'apply', items: [] } },
  ],
  forms: {
    apply: {
      format: 'agentlab.form/1', type: 'object', required: ['amount', 'reason'], 'x-order': ['amount', 'reason', 'kind'],
      properties: {
        amount: { type: 'number', title: '金额（元）', minimum: 0 },
        reason: { type: 'string', title: '事由', 'x-widget': 'textarea', maxLength: 500 },
        kind: { type: 'string', title: '类别', enum: ['travel', 'meal'], 'x-enum-labels': ['差旅', '餐费'] },
      },
    },
  },
  problems: [],
}

const TASK = {
  id: 'task_fin', approval_id: 'ap_fin', run_id: 'run_claim_1', node_id: 'finance', app_id: 'app_claim', app_name: '报销审批',
  app_version: 2, workflow_name: '报销流程', kind: 'approve', title: '财务审批', form: null, policy: { kind: 'all' },
  status: 'pending', due_at: new Date(Date.now() + 3600_000).toISOString(), escalation_level: 0,
  payload: { kind: 'human_node', message: '张三报销差旅 **1,200 元**，请审批' },
  assignments: [
    { id: 'as1', principal_kind: 'user', principal: 'lisi', source: 'slot:finance', status: 'responded', responded_by: 'lisi',
      responded_at: ago(600_000), decision: 'approve', verified: false },
    { id: 'as2', principal_kind: 'user', principal: 'wangwu', source: 'slot:finance', status: 'pending', responded_by: null,
      responded_at: null, decision: null, verified: false },
  ],
  can_respond: true, outcome: null, resolved_by: null, resolved_at: null, created_at: ago(1800_000),
}

const INSTANCE = {
  run_id: 'run_claim_1', title: '张三 的报销', entry_id: 'apply', status: 'interrupted', started_by: '张三',
  created_at: ago(1800_000), finished_at: null, pending_tasks: 1, tier: null,
  view: {
    format: 'agentlab.view/1',
    app: { id: 'app_claim', name: '报销审批', version: 2, level: 'published', needs_upgrade: false },
    page: { id: 'instance', title: '实例' }, pages: [{ id: 'home', title: '报销' }, { id: 'instance', title: '实例' }],
    sources: { inst: { state: 'running', run_id: 'run_claim_1', stamp: null, message: '正在运行，完成后刷新页面' } },
    tree: [
      { id: 'inst_header', type: 'instance_header', props: {}, data: {
        state: 'ok', run_id: 'run_claim_1', title: '张三 的报销', status: 'interrupted', status_text: '等待处理',
        started_by: '张三', created_at: ago(1800_000), finished_at: null, pending_tasks: 1, stamp: null } },
      { id: 'inst_timeline', type: 'instance_timeline', props: {}, data: {
        state: 'ok', status: 'interrupted', status_text: '等待处理', steps: [
          { node: 'input', title: '报销单', state: 'done', at: ago(1790_000) },
          { node: 'finance', title: '财务审批', state: 'waiting', at: ago(1700_000) },
        ] } },
      { id: 'inst_tasks', type: 'task_list', props: { scope: 'instance' }, data: { scope: 'instance', items: [] } },
      { id: 'pay', type: 'action_status', props: { label: '付款' }, data: { state: 'ok', node: 'pay', records: [
        { id: 'act1', state: 'unknown', environment: 'prod', attempt: 1, payload_hash: '9c1e44ab', error: '请求超时' },
      ] } },
    ],
    forms: {}, problems: [],
  },
}

const METRIC_CHAIN = {
  chain: [
    { step: 'metric', node_id: 'kpi', metric: 'gmv', name: '销售额', value: 456800, formula: 'sum(amount)',
      substituted: 'sum(…) = 456800', inputs: [] },
  ],
  seal: { sealed: true, ok: true, covered: true },
  redacted: { columns: [] },
}

// ---------------------------------------------------------------- 浏览器

const browser = await chromium.launch({ executablePath: CHROME })

async function open({ width = 1280, height = 900, state }) {
  const ctx = await browser.newContext({ viewport: { width, height } })
  opened.add(ctx)
  const page = await ctx.newPage()
  page.errors = []
  page.on('pageerror', (e) => page.errors.push(e.message))
  await page.route((url) => url.pathname.startsWith('/api/'), (route) => {
    const r = route.request()
    const url = new URL(r.url())
    const p = url.pathname
    if (r.method() !== 'GET') {
      state.writes.push({ method: r.method(), path: p, body: r.postData() })
      if (p === '/api/apps/app_claim/entries/apply') {
        const body = JSON.parse(r.postData() || '{}')
        if (state.reject422) {
          return route.fulfill({ status: 422, json: { detail: '表单没有通过校验', errors: [
            { path: 'amount', code: 'maximum', message: '不能大于 5000' },
            { path: 'approver', code: 'required', message: '缺少审批人' },
          ] } })
        }
        return route.fulfill({ status: 201, json: { run_id: 'run_claim_1', title: `${body.values?.reason ?? ''}` } })
      }
      if (p.startsWith('/api/tasks/') && p.endsWith('/respond')) {
        return route.fulfill({ json: { task: { ...TASK, status: 'resolved', can_respond: false }, resolved: true } })
      }
      return route.fulfill({ status: 503, json: { detail: '检查脚本拦下了写请求' } })
    }
    if (p === '/api/auth/me') return route.fulfill({ json: { mode: 'off', username: null, display_name: null, role: 'admin', groups: [], verified: false } })
    if (p === '/api/apps') return route.fulfill({ json: { items: APPS } })
    if (p === '/api/apps/app_weekly/pages/home') {
      state.pageHits = (state.pageHits ?? 0) + 1
      return route.fulfill({ json: state.home ?? HOME })
    }
    if (p === '/api/apps/app_weekly/pages/detail') return route.fulfill({ json: { ...HOME, page: { id: 'detail', title: '门店明细' }, tree: [] } })
    if (p === '/api/apps/app_claim/pages/home') return route.fulfill({ json: state.claimHome ?? CLAIM_HOME })
    if (/^\/api\/apps\/[^/]+\/instances$/.test(p)) return route.fulfill({ json: { items: p.includes('app_claim') ? [INSTANCE] : [] } })
    if (p === '/api/apps/app_claim/instances/run_claim_1') return route.fulfill({ json: INSTANCE })
    if (p === `/api/runs/${RUN}/evidence/metrics/kpi/gmv`) {
      state.chainHits = (state.chainHits ?? 0) + 1
      return route.fulfill({ json: METRIC_CHAIN })
    }
    if (p === '/api/tasks/count') return route.fulfill({ json: { mine: 1, apps: 1, other: 0 } })
    if (p === '/api/tasks') return route.fulfill({ json: { items: url.searchParams.get('status') === 'resolved' ? [] : [TASK] } })
    if (p === '/api/tasks/task_fin') return route.fulfill({ json: TASK })
    return route.continue()
  })
  return { ctx, page }
}

const noHScroll = (page) => page.evaluate(() => document.documentElement.scrollWidth <= innerWidth + 1)

// ---------------------------------------------------------------- 首页

await section('首页：三个页签、关登录说明、需升级', async () => {
  const state = { writes: [] }
  const { page } = await open({ state })
  await page.goto(`${WEB}/apps`)
  const tabs = page.getByRole('tablist', { name: '应用' })
  await tabs.waitFor({ timeout: 15000 })
  check('三个页签：待办、应用、我发起的', (await tabs.getByRole('tab').allInnerTexts()).map((t) => t.replace(/\d+/g, '').trim()).join(',') === '待办,应用,我发起的')
  check('默认是待办页签', (await page.locator('[data-apps-home]').getAttribute('data-apps-home')) === 'inbox')
  check('关登录时挂一行说明（自报署名）', /未开启登录/.test(await page.locator('[data-auth-off]').innerText()))
  check('待办按应用分组', (await page.locator('[data-inbox-group="app_claim"]').count()) === 1)
  check('会签的待办写进度', /1\/2 已同意/.test(await page.locator('[data-inbox-signoffs]').innerText()))
  await tabs.getByRole('tab', { name: /应用/ }).click()
  check('页签记在地址上', /tab=apps/.test(page.url()), page.url())
  await page.locator('[data-app]').first().waitFor({ timeout: 5000 })
  check('两个应用卡', (await page.locator('[data-app]').count()) === 2)
  check('需升级的应用照实标出', (await page.locator('[data-app="app_claim"] [data-app-needs-upgrade]').count()) === 1)
  check('能管理的应用有「编辑」，只能用的没有',
    (await page.locator('[data-app="app_weekly"] a[href$="/edit"]').count()) === 1
    && (await page.locator('[data-app="app_claim"] a[href$="/edit"]').count()) === 0)
  await page.getByRole('tab', { name: '我发起的' }).click()
  await page.locator('[data-mine] [data-instance]').first().waitFor({ timeout: 5000 })
  check('我发起的：合各应用的实例，链到实例页',
    (await page.locator('[data-mine] a[href="/apps/app_claim/i/run_claim_1"]').count()) === 1)
  check('没有未捕获的运行时错误', page.errors.length === 0, page.errors[0] ?? '')
})

// ---------------------------------------------------------------- 应用页

await section('应用页：印章、指标、出处、趋势、表格、未知组件', async () => {
  const state = { writes: [] }
  const { page } = await open({ state })
  await page.goto(`${WEB}/apps/app_weekly`)
  await page.locator('[data-view-renderer]').waitFor({ timeout: 15000 })
  const stamp = page.locator('[data-stamp]').first()
  const stampText = await stamp.innerText()
  check('印章四项：截至、口径、出具档位、来源', ['截至', '口径', '出具档位', '来源'].every((k) => stampText.includes(k)), stampText.replace(/\n/g, ' '))
  check('印章写口径名和哈希前 8 位', stampText.includes('周销售 v7 · 3fa2c1d0') && stampText.includes('周销售口径 v3'))
  check('服务端标出的错位照写', (await stamp.locator('[data-stamp-note]').innerText()).includes('固定在 v7'))
  check('页面有两页：页签', (await page.getByRole('tab').count()) >= 2)

  const gmv = page.locator('[data-node="gmv"] button[data-evidence="metric"]')
  check('指标块的数是按钮', (await gmv.innerText()).includes('45.68 万元'))
  check('没有出处的数照实标「无证据」', (await page.locator('[data-node="orders"] [data-evidence="none"]').innerText()).includes('无证据'))
  await gmv.click()
  const panel = page.locator('[data-evidence-panel]')
  check('点数字打开出处面板', await panel.waitFor({ timeout: 5000 }).then(() => true, () => false))
  check('走的是指标链接口', state.chainHits === 1, `${state.chainHits ?? 0} 次`)
  await page.keyboard.press('Escape')

  const series = page.locator('[data-component="series"]')
  check('趋势是 SVG', (await series.locator('svg[role="img"]').count()) === 1)
  check('升版不可比处画断开线', (await series.locator('[data-plot-break]').count()) === 1)
  check('升版说明写在图下', (await series.locator('[data-series-note]').innerText()).includes('前后不可比'))
  check('两条线有图例', (await series.locator('ul li').count()) === 2)
  await series.getByRole('button', { name: '查看数据' }).click()
  check('「查看数据」给出表格视图', (await series.locator('table tbody tr').count()) === 5)

  const table = page.locator('[data-component="table"]')
  const firstCell = () => table.locator('tbody tr').first().locator('td').first().innerText()
  check('表格按服务端给的顺序', (await firstCell()) === '南山店')
  await table.getByRole('button', { name: /^销售额/ }).click()
  check('点表头升序', (await firstCell()) === '福田店', await firstCell())
  await table.getByRole('button', { name: /^销售额/ }).click()
  check('再点降序', (await firstCell()) === '宝安店', await firstCell())
  check('遮罩列写「已遮罩」', (await table.locator('td[data-masked]').count()) === 3)

  check('不认识的组件写「此组件需要更新前端」', (await page.locator('[data-unknown-component="gauge3d"]').innerText()).includes('此组件需要更新前端'))
  check('服务端解析出错的组件列在顶上', (await page.locator('[data-view-problems]').innerText()).includes('解析出错'))
  check('出错的组件就地说明', (await page.locator('[data-node="broken"] [data-block-state="error"]').count()) === 1)
  check('没有未捕获的运行时错误', page.errors.length === 0, page.errors[0] ?? '')
})

await section('应用页：视图生成中自动重取、需升级提示', async () => {
  const running = { ...HOME, app: { ...HOME.app, needs_upgrade: true },
    sources: { wk: { state: 'running', run_id: RUN, stamp: null, message: '正在运行，完成后刷新页面' } },
    tree: [{ id: 'stamp', type: 'stamp', props: {}, data: { view: 'wk', state: 'running', stamp: null, message: '正在运行，完成后刷新页面' } }] }
  const state = { writes: [], home: running }
  const { page } = await open({ state })
  await page.goto(`${WEB}/apps/app_weekly`)
  await page.locator('[data-view-renderer]').waitFor({ timeout: 15000 })
  check('需升级照实提示', (await page.locator('[data-app-needs-upgrade]').count()) === 1)
  check('生成中写明在等', (await page.locator('[data-block-state="running"]').count()) === 1)
  const before = state.pageHits
  state.home = HOME
  await page.waitForTimeout(6000)
  check('有视图在生成时 5 秒后自动重取', state.pageHits > before, `${before} → ${state.pageHits}`)
  check('生成完换上数据', (await page.locator('[data-node="gmv"]').count()) === 1)
})

// ---------------------------------------------------------------- 入口

await section('入口：本地校验、422 挂回字段、发起后进实例页', async () => {
  const state = { writes: [] }
  const { page } = await open({ state })
  await page.goto(`${WEB}/apps/app_claim/new/apply`)
  const form = page.locator('[data-schema-form]')
  await form.waitFor({ timeout: 15000 })
  check('标题用发起按钮上的名字', (await page.locator('h2').first().innerText()) === '发起报销')
  check('必填有星号', (await form.locator('[data-field="amount"] label span[aria-hidden]').innerText()) === '*')
  check('字段按 x-order 排', (await form.locator('[data-field]').evaluateAll((els) => els.map((e) => e.getAttribute('data-field')))).join(',') === 'amount,reason,kind')
  check('枚举画成下拉，显示中文', (await form.locator('[data-field="kind"] option').allInnerTexts()).includes('差旅'))
  await page.locator('[data-entry-submit]').click()
  check('必填没填本地拦下，不发请求', !state.writes.some((w) => w.path.endsWith('/entries/apply')))
  check('错误挂在字段下面', (await form.locator('[data-field="amount"] [data-field-error="required"]').count()) === 1)
  await form.locator('[data-field="amount"] input').fill('1.')
  check('数字框能打出小数点', (await form.locator('[data-field="amount"] input').inputValue()) === '1.')
  await form.locator('[data-field="amount"] input').fill('9000')
  await form.locator('[data-field="reason"] textarea').fill('出差深圳')
  state.reject422 = true
  await page.locator('[data-entry-submit]').click()
  await form.locator('[data-field="amount"] [data-field-error="maximum"]').waitFor({ timeout: 5000 }).catch(() => {})
  check('服务端 422 按 path 挂回字段', (await form.locator('[data-field="amount"] [data-field-error="maximum"]').innerText()).includes('5000'))
  check('对不上字段的错误列在表单顶上', (await form.locator('[data-form-errors]').innerText()).includes('缺少审批人'))
  const sent = JSON.parse(state.writes.find((w) => w.path.endsWith('/entries/apply')).body)
  check('交上去的金额是数，不是字符串', sent.values.amount === 9000, JSON.stringify(sent.values))
  state.reject422 = false
  await form.locator('[data-field="amount"] input').fill('1200')
  await form.locator('[data-field="reason"] textarea').press(process.platform === 'darwin' ? 'Meta+Enter' : 'Control+Enter')
  check('⌘/Ctrl+Enter 发起，成功后进实例页', await page.waitForURL(/\/apps\/app_claim\/i\/run_claim_1/, { timeout: 5000 }).then(() => true, () => false), page.url())
  check('没有未捕获的运行时错误', page.errors.length === 0, page.errors[0] ?? '')
})

await section('入口：需升级时不让发起', async () => {
  const state = { writes: [], claimHome: { ...CLAIM_HOME, app: { ...CLAIM_HOME.app, needs_upgrade: true } } }
  const { page } = await open({ state })
  await page.goto(`${WEB}/apps/app_claim/new/apply`)
  await page.locator('[data-schema-form]').waitFor({ timeout: 15000 })
  check('写明需升级', (await page.locator('[data-app-needs-upgrade]').count()) === 1)
  check('发起按钮停用', await page.locator('[data-entry-submit]').isDisabled())
})

// ---------------------------------------------------------------- 实例

await section('实例页：状态、进度、待办卡、动作状态', async () => {
  const state = { writes: [] }
  const { page } = await open({ state })
  await page.goto(`${WEB}/apps/app_claim/i/run_claim_1`)
  await page.locator('[data-view-renderer]').waitFor({ timeout: 15000 })
  check('写出发起人', (await page.locator('[data-instance-page]').innerText()).includes('由「张三」发起'))
  check('进度按节点列出', (await page.locator('[data-timeline-step]').count()) === 2)
  await page.locator('[data-component="task_list"] [data-task]').waitFor({ timeout: 5000 })
  check('本实例的待办就地处理（完整的待办卡）', (await page.locator('[data-component="task_list"] [data-task-approve]').count()) === 1)
  check('动作状态写结果未知和环境', /结果未知/.test(await page.locator('[data-action="unknown"]').innerText())
    && /生产环境/.test(await page.locator('[data-action="unknown"]').innerText()))
  check('关登录（等同管理员）时接运行流', (await page.locator('[data-instance-follow]').getAttribute('data-instance-follow')) === 'stream')
  check('没有未捕获的运行时错误', page.errors.length === 0, page.errors[0] ?? '')
})

await section('窄屏：390px 不出横向滚动', async () => {
  const state = { writes: [] }
  const { page } = await open({ width: 390, height: 844, state })
  for (const path of ['/apps', '/apps/app_weekly', '/apps/app_claim/new/apply', '/apps/app_claim/i/run_claim_1']) {
    await page.goto(`${WEB}${path}`)
    await page.waitForTimeout(800)
    check(`${path} 没有横向滚动`, await noHScroll(page))
  }
})

await browser.close()
console.log(failed ? `\n✗ ${failed} 项未通过` : '\n✓ 全部通过')
process.exit(failed ? 1 : 0)