kate522andClaude Opus 5
1970db0b56
顶栏改为知乎式两行结构：第一行左侧站点 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>
61 lines
2.5 KiB
JavaScript
61 lines
2.5 KiB
JavaScript
/**
|
|
* TinyMCE 交互冒烟：验证固定工具栏能够编辑正文格式，
|
|
* 并记录无法捕获的 promise 拒绝。
|
|
*/
|
|
const fs = require('fs');
|
|
const path = require('path');
|
|
const puppeteer = require('puppeteer-core');
|
|
|
|
const CANDIDATES = [
|
|
process.env.JIO_BROWSER,
|
|
'C:\\Program Files\\Google\\Chrome\\Application\\chrome.exe',
|
|
'C:\\Program Files (x86)\\Microsoft\\Edge\\Application\\msedge.exe',
|
|
].filter(Boolean);
|
|
const BROWSER = CANDIDATES.find((p) => fs.existsSync(p));
|
|
const URL = process.argv[2] || 'https://localhost/jio-preview.html';
|
|
|
|
(async () => {
|
|
const browser = await puppeteer.launch({
|
|
executablePath: BROWSER,
|
|
headless: 'new',
|
|
ignoreHTTPSErrors: true,
|
|
args: ['--disable-gpu', '--no-sandbox'],
|
|
});
|
|
const page = await browser.newPage();
|
|
await page.setViewport({ width: 1440, height: 900 });
|
|
|
|
const errors = [];
|
|
page.on('pageerror', (error) => errors.push('pageerror: ' + error.message));
|
|
|
|
await page.goto(URL, { waitUntil: 'networkidle2', timeout: 60000 });
|
|
await page.waitForFunction(() => window.tinymce?.get('jio-creator-content'), { timeout: 20000 });
|
|
|
|
const before = await page.evaluate(() => ({
|
|
// 两行顶栏由外层容器整体固定，工具条本身不再单独 fixed。
|
|
fixed: getComputedStyle(document.querySelector('.jio-creator__top')).position === 'fixed',
|
|
toolbar: !!document.querySelector('[role="toolbar"]'),
|
|
editor: !!window.tinymce?.get('jio-creator-content'),
|
|
}));
|
|
|
|
await page.evaluate(() => {
|
|
const editor = window.tinymce.get('jio-creator-content');
|
|
editor.setContent('<p>Toolbar smoke test</p>');
|
|
editor.selection.select(editor.dom.select('p')[0], true);
|
|
});
|
|
await page.click('.jio-creator__tool-btn[aria-label="加粗"]');
|
|
const bold = await page.evaluate(() => /<(strong|b)>Toolbar smoke test<\/(strong|b)>/.test(window.tinymce.get('jio-creator-content').getContent()));
|
|
|
|
await page.evaluate(() => {
|
|
const editor = window.tinymce.get('jio-creator-content');
|
|
editor.setContent('<p>Heading smoke test</p>');
|
|
editor.selection.select(editor.dom.select('p')[0], true);
|
|
});
|
|
await page.select('.jio-creator__format-select', 'h2');
|
|
const heading = await page.evaluate(() => /<h2[^>]*>Heading smoke test<\/h2>/.test(window.tinymce.get('jio-creator-content').getContent()));
|
|
|
|
console.log('STATE ' + JSON.stringify({ ...before, bold, heading }));
|
|
if (errors.length) errors.forEach((error) => console.log(error));
|
|
await page.screenshot({ path: 'C:/Users/Xing/Desktop/WP-Date/data/wordpress/shot-tinymce-toolbar.png' });
|
|
await browser.close();
|
|
})();
|