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