20260820223837

code/fms/.playwright-cli/verify-layout.mjs

@@ -0,0 +1,78 @@
+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/**', 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(3500)
+
+// 1) Layout sidebar bar still visible & draggable?
+const layout = await page.evaluate(() => {
+  const layoutSplitter = document.querySelector('.fms-layout-splitter')
+  const bars = layoutSplitter ? Array.from(layoutSplitter.querySelectorAll(':scope > .fms-splitter-bar')) : []
+  const panels = layoutSplitter ? Array.from(layoutSplitter.querySelectorAll(':scope > .fms-splitter-panel')) : []
+  return {
+    barCount: bars.length,
+    barWidths: bars.map((b) => Math.round(b.getBoundingClientRect().width)),
+    panelWidths: panels.map((p) => Math.round(p.getBoundingClientRect().width)),
+  }
+})
+
+// drag the layout sidebar bar
+let layoutDrag = null
+try {
+  const bar = await page.locator('.fms-layout-splitter > .fms-splitter-bar').first()
+  const bb = await bar.boundingBox()
+  if (bb) {
+    const before = await page.evaluate(() => Math.round(document.querySelector('.fms-layout-splitter > .fms-splitter-panel').getBoundingClientRect().width))
+    await page.mouse.move(bb.x + bb.width / 2, bb.y + bb.height / 2)
+    await page.mouse.down()
+    await page.mouse.move(bb.x + bb.width / 2 + 80, bb.y + bb.height / 2, { steps: 12 })
+    await page.mouse.up()
+    await page.waitForTimeout(500)
+    const after = await page.evaluate(() => Math.round(document.querySelector('.fms-layout-splitter > .fms-splitter-panel').getBoundingClientRect().width))
+    layoutDrag = { before, after }
+  }
+} catch (e) {
+  layoutDrag = { error: String(e) }
+}
+
+// 2) Switch to list view & check action column
+const listInfo = await page.evaluate(() => {
+  // find list toggle (if any) - click buttons with title/icon
+  const btns = Array.from(document.querySelectorAll('.fl-toolbar button, .fms-file .button, .fl-header .button'))
+  return { toolbarBtns: btns.length }
+})
+await page.screenshot({ path: '.playwright-cli/fmsfile-final.png' })
+
+console.log(JSON.stringify({ layout, layoutDrag, listInfo }, null, 2))
+await browser.close()