import assert from 'node:assert/strict'
import { readFileSync } from 'node:fs'
import { parse } from '@vue/compiler-sfc'
import { baseParse } from '@vue/compiler-dom'

// Layout regression: a popup inside the map stacking context cannot rise above
// the sibling columns. Inspect the real SFC tree, not a copied fixture.
const file = new URL('../../../src/modules/cockpit/CockpitShell.vue', import.meta.url)
const { descriptor } = parse(readFileSync(file, 'utf8'))
const root = baseParse(descriptor.template.content)
function find(node, predicate) {
    if (predicate(node)) return node
    for (const child of node.children || []) {
        const result = find(child, predicate)
        if (result) return result
    }
    return null
}
const main = find(root, (n) => n.type === 1 && n.tag === 'main')
const map = find(main, (n) => n.type === 1 && n.tag === 'section')
const popup = find(main, (n) => n.type === 1 && n.tag === 'PipeEnhancement')
assert.ok(popup, 'selection must have a popup consumer')
assert.equal(find(map, (n) => n === popup), null,
    '局部增强窗不能放在 z-map=0 内，否则被右侧 z-columns=2 面板遮挡')
assert.ok(main.children.includes(popup), 'popup must share the main overlay stacking context with the columns')
const styles = descriptor.styles.map((s) => s.content).join('\n')
assert.match(styles, /\.cockpit-shell__enhancement\s*\{[^}]*width:\s*min\(1100px/,
    'enhancement popup should use the larger map overlay width')
assert.match(styles, /\.cockpit-shell__enhancement\s*\{[^}]*z-index:\s*calc\(var\(--z-columns\) \+ 1\)/,
    'enhancement overlay must remain above the columns')
const panelFile = new URL('../../../src/modules/cockpit/components/PipeEnhancement.vue', import.meta.url)
const panel = parse(readFileSync(panelFile, 'utf8')).descriptor.styles.map((s) => s.content).join('\n')
assert.match(panel, /left: 50%/)
assert.match(panel, /top: 50%/)
assert.match(panel, /grid-template-rows: auto auto minmax\(0, 1fr\) auto auto/)
console.log('PASS 局部增强窗居中放大、画布自适应，脱离地图低层级并高于业务栏')