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 empty = '{"win":"2026年","kpi":{},"fus":{},"faults":{},"sysdist":{},"all_months":[]}'
for (const tab of ['overview','energy','component','vibration','generation','fault']) {
  const errs = []
  const vc = new VirtualConsole()
  vc.on('jsdomError', (e) => errs.push(String(e && e.message).slice(0, 90)))
  vc.on('error', (...a) => errs.push(a.map(String).join(' ').slice(0, 90)))
  let calls = 0
  const dom = new JSDOM(idx.replace('</head>', '<style>' + css + '</style></head>'),
    { url: 'http://127.0.0.1:28084/detail/v2#tab=' + tab, runScripts: 'outside-only', pretendToBeVisual: true, virtualConsole: vc })
  const w = dom.window
  w.fetch = async (u) => { calls++; const body = /fleet/.test(String(u)) ? empty : '{}'
    return { ok: true, status: 200, json: async () => JSON.parse(body), text: async () => body } }
  try { w.eval(code) } catch (e) { errs.push('EVAL ' + String(e).slice(0, 90)) }
  await new Promise((r) => setTimeout(r, 2600))
  const root = w.document.querySelector('#root') || w.document.body
  const txt = (root.textContent || '').replace(/\s+/g, ' ')
  console.log(tab.padEnd(11) + ' elements=' + String(root.querySelectorAll('*').length).padStart(5)
    + ' calls=' + calls + ' errs=' + errs.length + ' head=' + JSON.stringify(txt.slice(0, 46)))
}