const assert = require('assert')
const sleep = (ms) => new Promise((resolve) => setTimeout(resolve, ms))
const origin = process.argv[2] || 'http://localhost:5173'
const routes = [
  ['/pages/notification/n02-message-detail', '.notice-state--ready'],
  ['/pages/profile/m02-edit-profile', '.profile-state--ready'],
  ['/pages/profile/m03-security-settings', '.device-state--safe'],
  ['/pages/profile/m04-change-password', '.password-state--ready'],
  ['/pages/profile/m05-change-phone', '.phone-state--ready'],
  ['/pages/profile/m06-help-center', '.help-page'],
  ['/pages/profile/m07-feedback', '.feedback-state--ready'],
  ['/pages/profile/m08-promotion', '.share-state--ready'],
  ['/pages/profile/m09-vip-orders', '.order-state--empty'],
  ['/pages/profile/m10-about-settings', '.about-page'],
]

const connect = async () => {
  const pages = await (await fetch('http://127.0.0.1:9222/json/list')).json()
  const page = pages.find((item) => item.type === 'page' && item.url.startsWith(`${origin}/`))
  if (!page) throw new Error(`Chrome debugging has no ${origin} page`)
  const socket = new WebSocket(page.webSocketDebuggerUrl)
  await new Promise((resolve, reject) => { socket.addEventListener('open', resolve, { once: true }); socket.addEventListener('error', reject, { once: true }) })
  let id = 0
  const pending = new Map()
  socket.addEventListener('message', ({ data }) => { const message = JSON.parse(data); const request = pending.get(message.id); if (!request) return; pending.delete(message.id); message.error ? request.reject(new Error(message.error.message)) : request.resolve(message.result) })
  const send = (method, params = {}) => new Promise((resolve, reject) => { id += 1; pending.set(id, { resolve, reject }); socket.send(JSON.stringify({ id, method, params })) })
  return { socket, send }
}
const valueOf = async (send, expression) => (await send('Runtime.evaluate', { expression, returnByValue: true })).result?.value
const waitFor = async (send, expression, message) => { for (let i = 0; i < 60; i += 1) { if (await valueOf(send, expression)) return; await sleep(100) } throw new Error(message) }

const run = async () => {
  const { socket, send } = await connect()
  let audit = 0
  const open = async (route, selector) => {
    audit += 1
    const url = `${origin}/?nmAudit=${audit}#${route}`
    await send('Page.navigate', { url })
    await waitFor(send, `location.href === ${JSON.stringify(url)}`, `navigation failed: ${route}`)
    await waitFor(send, `Boolean(document.querySelector(${JSON.stringify(selector)}))`, `selector missing: ${route} ${selector}`)
  }
  try {
    await send('Page.enable'); await send('Runtime.enable')
    for (const size of [{ width: 320, height: 568 }, { width: 412, height: 915 }]) {
      await send('Emulation.setDeviceMetricsOverride', { ...size, deviceScaleFactor: 1, mobile: true, screenWidth: size.width, screenHeight: size.height })
      for (const [route, selector] of routes) {
        await open(route, selector)
        const metrics = await valueOf(send, `({ width: document.documentElement.scrollWidth, modulePage: Boolean(document.querySelector('.module-page')) })`)
        assert(metrics.width <= size.width + 1, `${route} overflows at ${size.width}x${size.height}`)
        assert.strictEqual(metrics.modulePage, false, `${route} still renders ModulePage`)
        const stress = await valueOf(send, `(() => {
          document.querySelectorAll('text').forEach((node) => {
            if (node.children.length || !node.textContent.trim()) return
            node.textContent = node.textContent.repeat(3)
            const size = Number.parseFloat(getComputedStyle(node).fontSize)
            if (size) node.style.fontSize = (size * 1.3) + 'px'
          })
          return { width: document.documentElement.scrollWidth, height: document.documentElement.scrollHeight }
        })()`)
        assert(stress.width <= size.width + 1, `${route} long text overflows at ${size.width}x${size.height}`)
        assert(stress.height >= size.height, `${route} long content did not remain reachable at ${size.width}x${size.height}`)
      }
    }

    await open('/pages/notification/n02-message-detail', '.notice-state--ready')
    await valueOf(send, `document.querySelector('.app-button').click()`)
    await waitFor(send, `document.body.innerText.includes('已读')`, 'N02 did not update read state')

    await open('/pages/profile/m02-edit-profile', '.profile-state--ready')
    await valueOf(send, `(() => { const input=document.querySelector('input'); input.value=''; input.dispatchEvent(new Event('input',{bubbles:true})); document.querySelector('.app-button').click(); return true })()`)
    await waitFor(send, `Boolean(document.querySelector('.field-error'))`, 'M02 did not validate nickname')

    await open('/pages/profile/m03-security-settings', '.device-state--safe')
    await valueOf(send, `document.querySelector('.security-row').click()`)
    await waitFor(send, `location.hash.includes('/pages/profile/m04-change-password')`, 'M03 password navigation failed')

    await open('/pages/profile/m04-change-password', '.password-state--ready')
    await valueOf(send, `document.querySelector('.app-button').click()`)
    assert.strictEqual(await valueOf(send, `document.querySelectorAll('.field-error').length`), 3, 'M04 must report all empty fields')

    await open('/pages/profile/m05-change-phone', '.phone-state--ready')
    await valueOf(send, `document.querySelector('.code-action').click()`)
    await waitFor(send, `Boolean(document.querySelector('.field-error'))`, 'M05 did not validate phone before code')

    await open('/pages/profile/m06-help-center', '.help-page')
    await valueOf(send, `(() => { const input=document.querySelector('input'); input.value='不存在的问题'; input.dispatchEvent(new Event('input',{bubbles:true})); return true })()`)
    await waitFor(send, `Boolean(document.querySelector('.empty-card'))`, 'M06 search empty state missing')

    await open('/pages/profile/m07-feedback', '.feedback-state--ready')
    await valueOf(send, `document.querySelector('.app-button').click()`)
    assert.strictEqual(await valueOf(send, `document.querySelectorAll('.field-error').length`), 2, 'M07 must report type and description errors')

    await open('/pages/profile/m08-promotion', '.share-state--ready')
    await valueOf(send, `document.querySelector('.app-button').click()`)
    await waitFor(send, `Boolean(document.querySelector('.app-dialog'))`, 'M08 poster dialog missing')

    await open('/pages/profile/m09-vip-orders', '.order-state--empty')
    await valueOf(send, `document.querySelector('.app-button').click()`)
    await waitFor(send, `Boolean(document.querySelector('.app-dialog'))`, 'M09 service dialog missing')

    await open('/pages/profile/m10-about-settings', '.about-page')
    await valueOf(send, `document.querySelector('.settings-row').click()`)
    await waitFor(send, `Boolean(document.querySelector('.app-dialog'))`, 'M10 agreement dialog missing')
    process.stdout.write('NM-BUSINESS-RUNTIME-SMOKE PASS\n')
  } finally {
    try { await send('Emulation.clearDeviceMetricsOverride') } catch (_) {}
    socket.close()
  }
}
run().catch((error) => { process.stderr.write(`${error.stack || error.message}\n`); process.exit(1) })