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 code = readFileSync(dist + '/assets/' + jsFile, 'utf8')
const fleet = readFileSync(resolve(HERE, '_fleet_fixture.json'), 'utf8')
const dom = new JSDOM(idx, { url: 'http://127.0.0.1:28084/detail/v2', 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 } }
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, 500)); if (w.document.querySelector('#win')) break }
const d = w.document
const opts = d.querySelectorAll('#win option').length
console.log('WIN_SELECT ' + !!d.querySelector('#win') + ' · options=' + opts
  + ' · groups=' + d.querySelectorAll('#win optgroup').length
  + ' · 重选=' + !!d.querySelector('.reselect')
  + ' · 起=' + !!d.querySelector('input[type=date]')
  + ' · 应用=' + Array.from(d.querySelectorAll('button')).some((b) => b.textContent.includes('应用')))