Files
wordpress-theme-aksrt/assets/creator-studio/scripts/smoke.cjs
T
kate522andClaude Opus 5 1970db0b56 feat(creator-studio): two-row masthead with site logo and user avatar
顶栏改为知乎式两行结构:第一行左侧站点 LOGO、右侧当前用户头像,
第二行只保留正文工具条并居中,同时移除「Jio / 写文章」字样。

- bootstrap payload 新增 site/viewer 身份字段(复用 jio_get_site_logo_url
  与 jio_get_avatar_url,前端不拼 URL、不做权限判断)
- 拆分 draft 类型、TinyMCE 块运行时、顶栏组件,index.tsx 1065 → 735 行
- 清理死代码:未调用的 keepCaretInsideCode、永远无法打开的代码语言弹窗
  (setCodeLanguage 只会收到 null,codeTargetRef 从未赋值)及其样式,
  以及顶栏移除后失效的 bar-left/brand/mode/save-draft/ghost/primary 规则
- 契约测试、本地预览与截图脚本同步到新 DOM

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
2026-11-08 22:20:10 +08:00

98 lines
3.8 KiB
JavaScript

/**
* Creator Studio 冒烟检查:用 puppeteer-core 连接本机浏览器,打开投稿页,
* 抓取控制台错误、失败请求与未捕获的 Promise 拒绝。
*
* 用法:
* node scripts/smoke.cjs [url]
* 浏览器路径可用环境变量覆盖(默认按常见位置探测 Chrome / Edge):
* JIO_BROWSER="/path/to/chrome" node scripts/smoke.cjs
*/
const fs = require('fs');
const puppeteer = require('puppeteer-core');
const CANDIDATES = [
process.env.JIO_BROWSER,
'C:\\Program Files\\Google\\Chrome\\Application\\chrome.exe',
'C:\\Program Files (x86)\\Google\\Chrome\\Application\\chrome.exe',
'C:\\Program Files (x86)\\Microsoft\\Edge\\Application\\msedge.exe',
'C:\\Program Files\\Microsoft\\Edge\\Application\\msedge.exe',
'/Applications/Google Chrome.app/Contents/MacOS/Google Chrome',
'/usr/bin/google-chrome',
'/usr/bin/chromium',
].filter(Boolean);
const EDGE = CANDIDATES.find((p) => fs.existsSync(p));
const URL = process.argv[2] || 'https://localhost/submit/';
if (!EDGE) {
console.error('未找到可用浏览器,请设置 JIO_BROWSER 环境变量指向 Chrome/Edge 可执行文件。');
process.exit(1);
}
(async () => {
const browser = await puppeteer.launch({
executablePath: EDGE,
headless: 'new',
ignoreHTTPSErrors: true,
args: ['--disable-gpu', '--no-sandbox'],
});
const page = await browser.newPage();
const events = [];
page.on('console', (m) => {
if (m.type() === 'error' || m.type() === 'warning') {
events.push(`[console.${m.type()}] ${m.text()}`);
}
});
page.on('pageerror', (e) => {
events.push(`[pageerror] ${e.message}\n stack: ${(e.stack || '').split('\n').slice(0, 6).join('\n ')}`);
});
page.on('response', async (r) => {
if (r.status() >= 400) {
let body = '';
try { body = (await r.text()).slice(0, 300); } catch (_) {}
events.push(`[http ${r.status()}] ${r.url()}\n body: ${body.replace(/\s+/g, ' ')}`);
}
});
await page.evaluateOnNewDocument(() => {
window.__jioRejections = [];
window.addEventListener('unhandledrejection', (e) => {
const r = e.reason;
window.__jioRejections.push(
r && r.status
? `status=${r.status} code=${r.code || ''} msg=${r.message}`
: String(r && r.message ? r.message : r)
);
});
window.addEventListener('error', (e) => {
window.__jioRejections.push(`onerror: ${e.message} @ ${e.filename}:${e.lineno}`);
});
});
await page.goto(URL, { waitUntil: 'networkidle2', timeout: 60000 });
await new Promise((r) => setTimeout(r, 3000));
const state = await page.evaluate(() => ({
hasMasthead: !!document.querySelector('.jio-creator__masthead'),
hasBrandLogo: !!document.querySelector('.jio-creator__brand-logo'),
hasAvatar: !!document.querySelector('.jio-creator__me-avatar'),
hasBar: !!document.querySelector('.jio-creator__bar'),
hasToolbar: !!document.querySelector('.jio-creator__toolbar-tools'),
hasTinyMce: !!window.tinymce?.get('jio-creator-content'),
hasEditorFrame: !!document.querySelector('.mce-tinymce iframe, .tox-tinymce iframe'),
hasTitle: !!document.querySelector('.jio-creator__title textarea'),
toolbarActions: Array.from(document.querySelectorAll('.jio-creator__toolbar-tools button')).map((button) => button.getAttribute('aria-label') || button.textContent.trim()),
saveText: (document.querySelector('.jio-creator__save') || {}).textContent,
rejections: window.__jioRejections || [],
}));
console.log('STATE ' + JSON.stringify({ ...state, rejections: undefined }));
if (state.rejections.length) {
console.log('--- rejections ---');
state.rejections.slice(0, 10).forEach((r) => console.log(r));
}
console.log('--- events ---');
events.slice(0, 30).forEach((e) => console.log(e));
await browser.close();
})();