20260820223837

code/fms/.playwright-cli/inspect-panel-props2.mjs

@@ -0,0 +1,50 @@
+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 }) }))
+
+await page.goto(`${BASE}/file-demo`, { waitUntil: 'networkidle', timeout: 30000 })
+await page.waitForTimeout(3000)
+
+// Walk all component instances and dump those whose subTree contains .fms-splitter-panel
+const result = await page.evaluate(() => {
+  const out = []
+  const seen = new Set()
+  function walk(instance, depth) {
+    if (!instance || seen.has(instance)) return
+    seen.add(instance)
+    const typeName = instance.type?.__name || instance.type?.name || '(anon)'
+    const sub = instance.subTree
+    let hasPanel = false
+    let propsCopy = null
+    const visit = (v) => {
+      if (!v) return
+      if (typeof v.type === 'object' && v.type?.__name === 'SplitterPanel') hasPanel = true
+      if (Array.isArray(v.children)) v.children.forEach(visit)
+      else if (v.children && typeof v.children === 'object' && !v.component) visit(v.children)
+      if (v.component) walk(v.component, depth + 1)
+    }
+    if (sub) visit(sub)
+    // capture all refs to splitter panel instances
+    if (hasPanel) {
+      propsCopy = instance.props ? { ...instance.props } : null
+      out.push({ typeName, depth, props: propsCopy, keys: instance.props ? Object.keys(instance.props) : [] })
+    }
+  }
+  const app = document.querySelector('#app')?.__vue_app__
+  walk(app?._instance, 0)
+  return out
+})
+
+console.log(JSON.stringify(result, null, 2))
+await browser.close()