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="\.\/assets\/([^"]+\.js)"/) || [])[1]
const cssFile = (idx.match(/href="\.\/assets\/([^"]+\.css)"/) || [])[1]
const code = readFileSync(dist + '/assets/' + jsFile, 'utf8')
const css = readFileSync(dist + '/assets/' + cssFile, 'utf8')
const fleet = readFileSync(resolve(HERE, '_fleet_fixture.json'), 'utf8')
async function run(path, label) {
  const dom = new JSDOM(idx.replace('</head>', '<style>' + css + '</style></head>'),
    { url: 'http://127.0.0.1:28084' + path, runScripts: 'outside-only', pretendToBeVisual: true, virtualConsole: new VirtualConsole() })
  const w = dom.window
  w.fetch = async (u) => { const s = String(u); const body = s.includes('fleet') ? fleet : '{}'
    return { ok: true, status: 200, json: async () => JSON.parse(body), text: async () => body } }
  const errs = []
  w.addEventListener('error', (ev) => errs.push(String(ev.message).slice(0, 90)))
  try { w.eval(code) } catch (e) { errs.push('EVAL ' + String(e).slice(0, 90)) }
  for (let i = 0; i < 16; i++) { await new Promise((r) => setTimeout(r, 500)); if (w.document.querySelector('.wb-tabs')) break }
  const d = w.document
  const active = Array.from(d.querySelectorAll('.wb-tabs button')).find((b) => String(b.className).includes('on'))
  console.log(label + ' | wrap=' + !!d.querySelector('.wrap') + ' tabs=' + d.querySelectorAll('.wb-tabs button').length
    + ' active=' + (active ? active.textContent.trim() : '-')
    + ' fsubs=' + JSON.stringify(Array.from(d.querySelectorAll('[data-fsub]')).map((b) => b.textContent.trim()))
    + ' errs=' + JSON.stringify(errs.slice(0, 2)))
}
await run('/detail/v2#tab=vibration', 'VIB')
await run('/detail/v2#tab=documents', 'DOCS')
await run('/detail/v2#tab=recalc', 'RECALC')
await run('/detail/v2', 'DETAIL')