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({ viewport: { width: 1440, height: 900 } })

await page.addInitScript(() => {
  sessionStorage.setItem('fms-login', JSON.stringify({ loginInfo: { token: 'dev-token', user: { id: 1, name: 'dev', account: 'g3soft' } } }))
  localStorage.setItem('fms-user', JSON.stringify({ userInfo: { orgId: 'G3HD', account: 'g3soft' } }))
})
await page.route('**/api/**', (route) => route.fulfill({ status: 200, contentType: 'application/json', body: JSON.stringify({ code: 0, data: null }) }))

// demo page (no auth needed for ui demo probably, but mock anyway)
await page.goto(`${BASE}/demo`, { waitUntil: 'networkidle', timeout: 30000 })
await page.waitForTimeout(2500)

const demo = await page.evaluate(() => {
  const splitter = document.querySelector('.fms-splitter')
  if (!splitter) return { error: 'no splitter on demo' }
  const panels = Array.from(splitter.querySelectorAll(':scope > .fms-splitter-panel')).map((el) => Math.round(el.getBoundingClientRect().width))
  const bars = Array.from(splitter.querySelectorAll(':scope > .fms-splitter-bar')).map((el) => Math.round(el.getBoundingClientRect().width))
  return { containerW: Math.round(splitter.getBoundingClientRect().width), panels, bars }
})
console.log(JSON.stringify(demo, null, 2))
await browser.close()