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