// P62-2：核验渲染后的按钮清单（确认无"工作台/契约自检/关于本前端"）与排版关键项
import { readFileSync } from 'node:fs'
import { fileURLToPath } from 'node:url'
import { dirname, resolve } from 'node:path'
import { JSDOM, VirtualConsole } from 'jsdom'
const HERE = dirname(fileURLToPath(import.meta.url))
const dist = resolve(HERE, '../../../release/web')
const idx = readFileSync(dist + '/index.html', 'utf8')
const jsFile = (idx.match(/src="([^"]+\.js)"/) || [])[1].replace(/^.*\//, '')
const cssFile = (idx.match(/href="([^"]+\.css)"/) || [])[1].replace(/^.*\//, '')
const code = readFileSync(dist + '/assets/' + jsFile, 'utf8')
const css = readFileSync(dist + '/assets/' + cssFile, 'utf8')
const fleet = readFileSync(resolve(HERE, '_fleet_fixture.json'), 'utf8')
const dom = new JSDOM(idx.replace('</head>', '<style>' + css + '</style></head>'),
  { url: 'http://127.0.0.1:28084/detail/v2#workbench', runScripts: 'outside-only', pretendToBeVisual: true, virtualConsole: new VirtualConsole() })
const w = dom.window
w.fetch = async (u) => { const s = String(u); const body = /fleet/.test(s) ? fleet : '{}'
  return { ok: true, status: 200, json: async () => JSON.parse(body), text: async () => body } }
try { w.eval(code) } catch (e) { console.log('EVAL_ERR ' + String(e).slice(0, 120)) }
for (let i = 0; i < 20; i++) { await new Promise((r) => setTimeout(r, 400)); if (w.document.querySelector('nav.tabs#tabs')) break }
const d = w.document
console.log('PAGE_HEAD_BUTTONS ' + JSON.stringify(Array.from(d.querySelectorAll('header.top button')).map((b) => b.textContent.trim())))
console.log('HEADER_LINKS ' + JSON.stringify(Array.from(d.querySelectorAll('header.top a')).map((a) => a.textContent.trim())))
console.log('TAB_LABELS ' + JSON.stringify(Array.from(d.querySelectorAll('nav.tabs#tabs > button')).map((b) => b.textContent.trim())))
console.log('STRAY_MODE ' + JSON.stringify(Array.from(d.querySelectorAll('button')).map((b) => b.textContent.trim()).filter((x) => /契约自检|关于本前端|^工作台$/.test(x))))
console.log('NAV_TABS_COUNT ' + d.querySelectorAll('nav.tabs').length + ' (应为 1)')
const cs = w.getComputedStyle(d.querySelector('header.top'))
console.log('HEADER justify=' + cs.justifyContent + ' wrap=' + cs.flexWrap + ' gap=' + cs.gap)
const r = w.getComputedStyle(d.querySelector('header.top > .right'))
console.log('RIGHT display=' + r.display + ' marginLeft=' + r.marginLeft + ' gap=' + r.gap + ' padding=' + r.padding)
const sel = w.getComputedStyle(d.querySelector('#win'))
const dt = w.getComputedStyle(d.querySelector('.winrng input[type=date]'))
console.log('WIN width=' + sel.width + ' · DATE width=' + dt.width)