20260821173417

code/fms/.playwright-cli/walk-dialog-dom.mjs

@@ -0,0 +1,68 @@
+import { chromium } from 'playwright-core'
+
+const BASE = 'http://localhost:5082'
+const browser = await chromium.launch({
+  headless: true,
+  executablePath: 'C:\\Program Files\\Google\\Chrome\\Application\\chrome.exe',
+})
+const page = await browser.newPage({ viewport: { width: 1440, height: 900 }, deviceScaleFactor: 1 })
+
+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/**', async (route) => {
+  const req = route.request()
+  const url = req.url()
+  let body = {}
+  try { body = req.postDataJSON() || {} } catch {}
+  if (url.includes('/data/loaddata')) {
+    const rows = body.view_name === 's_module' ? [{ b_id: 1, b_code: 'b_port', b_name: '港口管理' }] :
+      body.view_name === 'bf_files_cateid' ? [{ b_id: '10', b_name: '合同文件' }] : []
+    return route.fulfill({ status: 200, contentType: 'application/json', body: JSON.stringify({ code: 0, data: rows }) })
+  }
+  if (url.includes('/data/page')) {
+    const files = Array.from({ length: 4 }, (_, i) => ({
+      subid: String(1000 + i), father: '1001', mx_moduleid: '1', mx_cate_id: '10',
+      mx_filename: `文件-${i + 1}.pdf`, mx_filesize: (i + 1) * 1024 * 1024,
+      mx_fileext: 'pdf', mx_mapfilename: '',
+    }))
+    return route.fulfill({ status: 200, contentType: 'application/json', body: JSON.stringify({ code: 0, data: { rows: files, total: files.length } }) })
+  }
+  return route.fulfill({ status: 200, contentType: 'application/json', body: JSON.stringify({ code: 0, data: null }) })
+})
+
+await page.goto(`${BASE}/file-demo`, { waitUntil: 'networkidle', timeout: 30000 })
+await page.waitForTimeout(2000)
+await page.locator('button:has-text("声明式弹窗")').click()
+await page.waitForTimeout(1500)
+
+const result = await page.evaluate(() => {
+  const lines = []
+  function info(el) {
+    if (!el) return null
+    const r = el.getBoundingClientRect()
+    const cs = getComputedStyle(el)
+    return {
+      tag: el.tagName.toLowerCase(),
+      cls: String(el.className),
+      x: Math.round(r.x), y: Math.round(r.y), w: Math.round(r.width), h: Math.round(r.height),
+      display: cs.display,
+      padding: cs.padding,
+      border: cs.border,
+      overflow: cs.overflow,
+    }
+  }
+  const walk = (el, depth) => {
+    if (!el || depth > 12) return
+    lines.push(' '.repeat(depth * 2) + JSON.stringify(info(el)))
+    for (const child of el.children) walk(child, depth + 1)
+  }
+  const modal = document.querySelector('.fms-modal')
+  if (!modal) return { error: 'no modal' }
+  walk(modal, 0)
+  return lines
+})
+
+console.log('RESULT:', JSON.stringify(result))
+await browser.close()