- print.ts的iframe样式中增加.ai-region隐藏规则:去除边框/背景/内边距,隐藏右上角标签 - diffModal右侧AI提议版本容器增加style属性:fontFamily SimSun、fontSize 12pt、lineHeight 1.5 - 确保打印输出和diff对比的视觉一致性
1.1 KiB
1.1 KiB
测试方案
测试环境
- 浏览器访问
http://localhost:4173/ - 进入「图文报告生成」→ 新建报告
测试用例 1:打印时 AI 区域蓝框隐藏
步骤:
- 编辑器中插入 AI 可编辑区域,写入一些内容
- 点击「打印」按钮(或导出/下载)
- 观察打印预览或生成的 PDF
预期结果:
- AI 可编辑区域的蓝色虚线边框不显示
- 右上角「XX-AI可编辑区域」标签不显示
- 灰色背景不显示
- 文字正常显示,排版整洁
测试用例 2:diff 弹窗字体统一
步骤:
- 编辑器中插入 AI 可编辑区域,写入带宋体 12pt 样式的内容
- 勾选「允许修改正文」→ 发送修改指令
- 观察 diff 弹窗左右两侧
预期结果:
- 左侧「原始版本」显示宋体 12pt
- 右侧「AI 提议版本」也应显示宋体 12pt,与左侧视觉一致
- 行高一致(1.5)
测试用例 3:编译与部署
步骤:
- 执行
npm run build - 确认无 TypeScript 编译错误
- 预览服务正常启动并返回 200
预期结果:
vite build成功完成- 预览页面可正常访问