- 引入diff库,实现字符级差异比对 - diffModal左右两侧增加diff高亮:左侧删除内容标红,右侧新增内容标绿 - systemPrompt增加绝对强制条款:无论指令多小都必须返回updatedHtml - 前端校验兜底:修改模式下未返回updatedHtml时在聊天面板给出提示 - confirmAiInjection注入前清理diff高亮span,避免污染编辑器
1.4 KiB
1.4 KiB
测试方案
测试环境
- 浏览器访问
http://localhost:4173/ - 进入「图文报告生成」→ 新建报告
测试用例 1:微小指令也能弹窗
步骤:
- 第一次发送修改指令,确认 diff 弹窗正常弹出
- 点击「确认并写入报告」
- 第二次发送非常简短的微调指令,如"把 5x3x2 改成 5x3x10"
预期结果:
- 第二次也应弹出 diff 弹窗
- 如果未弹窗,聊天面板应显示【系统提示】AI 未能生成修改内容
测试用例 2:diff 高亮显示
步骤:
- 编辑器中 AI 可编辑区域写入一段内容
- 发送修改指令,让 AI 修改其中几个字词
- 观察 diff 弹窗
预期结果:
- 左侧「原始版本」中,被 AI 删除的字词显示红色背景 + 删除线
- 右侧「AI 提议版本」中,AI 新增的字词显示绿色背景
- 未变更的内容正常显示,无高亮
测试用例 3:确认注入后无高亮残留
步骤:
- 在 diff 弹窗中点击「确认并写入报告」
- 观察编辑器中 AI 区域的内容
预期结果:
- 编辑器中不应有红色/绿色的 diff 高亮 span
- 文字格式正常(宋体 12pt)
测试用例 4:编译与部署
步骤:
- 执行
npm run build - 确认无 TypeScript 编译错误
- 预览服务正常启动并返回 200
预期结果:
vite build成功完成- 预览页面可正常访问