/* ============================================================================
* JcXx.optimized.vue 验收脚本
* 1) 真实 SFC 编译：vue-template-compiler / @babel/parser / sass
* 2) 功能集合零变化：script 哈希 + 模板指令/列/按钮/弹窗集合比对
* 3) 优化前 / 优化后同一份静态 DOM + 两份真实 CSS，多视口截图与布局断言
* 用法：node verify_jcxx.cjs
* ==========================================================================*/
const fs = require('fs');
const path = require('path');
const crypto = require('crypto');
const ROOT = path.resolve(__dirname, '..', '..', '..');
const VUE = path.join(ROOT, 'YktVue');
const SRC = path.join(VUE, 'src', 'views', 'JcXx.vue');
const OUT = path.join(VUE, 'src', 'views', 'JcXx.optimized.vue');
const UI = path.join(ROOT, 'docs', 'frontend', 'ui');
const req = p => require(path.join(VUE, 'node_modules', p));
const compiler = req('vue-template-compiler');
const babel = req('@babel/parser');
const sass = req('sass');
let chromium;
const PW = 'C:/Users/zfjia/AppData/Roaming/npm/node_modules/@playwright/cli/node_modules/playwright';
const EXE = 'C:/Users/zfjia/AppData/Local/ms-playwright/chromium_headless_shell-1243/chrome-headless-shell-win64/chrome-headless-shell.exe';
try { ({ chromium } = require(PW)); } catch (e) { ({ chromium } = require('playwright')); }
const beforeVue = fs.readFileSync(SRC, 'utf8');
const afterVue = fs.readFileSync(OUT, 'utf8');
function parts(s) {
// 注意：模板内部有大量 ，必须取最后一个
const a = s.indexOf('') + ''.length;
const b = s.lastIndexOf('');
const c = s.indexOf('') + 9;
const e = s.indexOf('');
return {
template: s.slice(a, b),
script: s.slice(c, d),
scriptBody: s.slice(s.indexOf('>', c) + 1, d - 9),
style: s.slice(s.indexOf('>', e) + 1, f)
};
}
const B = parts(beforeVue), A = parts(afterVue);
const sha = s => crypto.createHash('sha256').update(s).digest('hex');
let pass = 0, fail = 0;
const results = [];
function T(name, cond, detail) {
if (cond) { pass++; results.push(' PASS ' + name); }
else { fail++; results.push(' FAIL ' + name + (detail ? ' ' + detail : '')); }
}
// ---------------------------------------------------------------- 1. 编译
const rcB = compiler.compile(B.template);
const rcA = compiler.compile(A.template);
T('SFC-01 优化前模板可由 vue-template-compiler 编译', rcB.errors.length === 0, JSON.stringify(rcB.errors));
T('SFC-02 优化后模板可由 vue-template-compiler 编译', rcA.errors.length === 0, JSON.stringify(rcA.errors));
let jsErr = '';
try {
babel.parse(A.scriptBody, {
sourceType: 'module',
plugins: ['objectRestSpread', 'dynamicImport', 'optionalChaining',
'nullishCoalescingOperator', 'classProperties']
});
} catch (e) { jsErr = e.message; }
T('SFC-03 优化后