import { chromium } from 'playwright-core'

const BASE = 'http://localhost:5082'
const browser = await chromium.launch({
  headless: true,
  executablePath: `${process.env.LOCALAPPDATA}\\ms-playwright\\chromium-1232\\chrome-win64\\chrome.exe`,
})
const page = await browser.newPage()

// What does the browser actually get for each module?
const results = {}
for (const [name, p] of [
  ['splitter', 'src/components/ui/splitter/splitter.vue'],
  ['defaultLayout', 'src/layouts/DefaultLayout.vue'],
  ['fileCard', 'src/components/fms-file/FileCard.vue'],
]) {
  const r = await page.request.get(`${BASE}/${p}?t=${Date.now()}`)
  const t = await r.text()
  results[name] = {
    status: r.status(),
    len: t.length,
    hasCamelize: t.includes('camelize'),
    hasChildSelector: t.includes('> .fms-splitter-bar'),
    hasPopoverFlex: t.includes('.popover-trigger') && t.includes('flex: 1'),
    snippet: t.slice(t.indexOf('panelItems') - 100, t.indexOf('panelItems') + 300),
  }
}
// Also get the compiled CSS portion of DefaultLayout
const rl = await page.request.get(`${BASE}/src/layouts/DefaultLayout.vue?vue&type=style&index=0&lang.scss&t=${Date.now()}`)
const tl = await rl.text()
console.log('DefaultLayout style status', rl.status())
console.log(tl.slice(0, 2000))
console.log(JSON.stringify(results, null, 2))
await browser.close()