68 lines
3.2 KiB
JavaScript
68 lines
3.2 KiB
JavaScript
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: 2 }, (_, 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(3000)
|
|
|
|
const result = await page.evaluate(() => {
|
|
const ff = document.querySelector('.ff-splitter')
|
|
if (!ff) return { error: 'no .ff-splitter' }
|
|
const inst = ff.__vueParentComponent
|
|
if (!inst) return { error: 'no parent instance' }
|
|
const ss = inst.setupState
|
|
const out = { type: inst.type?.__name || inst.type?.name }
|
|
// Vue 3.5: setupState proxy unwraps refs. Try both shapes.
|
|
const raw = ss.panelItems
|
|
const pi = Array.isArray(raw) ? raw : raw?.value
|
|
out.panelItemsShape = Array.isArray(raw) ? 'unwrapped-array' : (raw && 'value' in raw) ? 'ref' : typeof raw
|
|
out.panelItems = Array.isArray(pi)
|
|
? pi.map((p) => ({ props: p.props, keys: Object.keys(p.props || {}), nodeType: typeof p.node }))
|
|
: null
|
|
const is = ss.innerSizes
|
|
out.innerSizes = Array.isArray(is) ? [...is] : is?.value ? [...is.value] : null
|
|
const cs = ss.containerSize
|
|
out.containerSize = typeof cs === 'number' ? cs : cs?.value ?? null
|
|
// also dump displaySize results
|
|
const ds = ss.displaySize
|
|
out.displaySizeType = typeof ds
|
|
if (typeof ds === 'function') {
|
|
try { out.displayResults = [ds(0), ds(1), ds(2)] } catch (e) { out.displayError = String(e) }
|
|
} else if (ds && typeof ds.value === 'function') {
|
|
try { out.displayResults = [ds.value(0), ds.value(1), ds.value(2)] } catch (e) { out.displayError = String(e) }
|
|
}
|
|
return out
|
|
})
|
|
|
|
console.log(JSON.stringify(result, null, 2))
|
|
await browser.close() |