- systemPrompt和promptText中明确要求AI生成完整多段落内容,不要只改写现有段落 - systemPrompt增加HTML格式约束:<p>标签包裹、禁止<br>和换行符、紧凑HTML - setDiffModal和execCmd之前增加正则清洗:移除<br>、移除</p>与<p>间空白、trim首尾
1.7 KiB
1.7 KiB
测试方案
测试环境
- 浏览器访问
http://localhost:4173/ - 进入「图文报告生成」→ 新建报告
测试用例 1:AI 生成完整多段落内容
步骤:
- 编辑器中插入一个 AI 可编辑区域
- 在区域中只写一句话(如「建立气腹」)
- 在编辑器其他位置写入完整的手术报告信息(患者信息、其他步骤等)
- 勾选「允许修改正文」→ 发送「请完善手术步骤描述」
预期结果:
- diff 弹窗左侧显示原有的一句话
- diff 弹窗右侧显示 AI 生成的完整多段落内容(包含多个
<p>标签) - 内容应基于全局报告信息补充完善,不只是改写原有的一句话
测试用例 2:右侧无多余空行
步骤:
- 编辑器中插入 AI 可编辑区域,写入多段内容(如 3 个
<p>段落) - 勾选「允许修改正文」→ 发送「请润色这段内容」
- 观察 diff 弹窗左右两侧的段落间距
预期结果:
- 左右两侧段落间距一致
- 右侧 AI 版本不应出现额外的空行或
<br> - 段落间仅由
<p>标签的自然 margin 分隔
测试用例 3:HTML 清洗兜底
步骤:
- 触发 AI 修改,在浏览器 DevTools 中查看
responseJson.updatedHtml原始值 - 确认原始值中可能包含
<br>或\n - 观察 diff 弹窗右侧最终渲染结果
预期结果:
- 即使原始返回值包含
<br>或\n,diff 弹窗右侧也不应显示多余空行 - 清洗后的 HTML 结构紧凑
测试用例 4:编译与部署
步骤:
- 执行
npm run build - 确认无 TypeScript 编译错误
- 预览服务正常启动并返回 200
预期结果:
vite build成功完成- 预览页面可正常访问