# 测试方案

## 测试环境
- 浏览器访问 `http://localhost:4173/`
- 进入「图文报告生成」→ 新建报告

## 测试用例 1：微小指令也能弹窗

**步骤**：
1. 第一次发送修改指令，确认 diff 弹窗正常弹出
2. 点击「确认并写入报告」
3. 第二次发送非常简短的微调指令，如"把 5x3x2 改成 5x3x10"

**预期结果**：
- 第二次也应弹出 diff 弹窗
- 如果未弹窗，聊天面板应显示【系统提示】AI 未能生成修改内容

## 测试用例 2：diff 高亮显示

**步骤**：
1. 编辑器中 AI 可编辑区域写入一段内容
2. 发送修改指令，让 AI 修改其中几个字词
3. 观察 diff 弹窗

**预期结果**：
- 左侧「原始版本」中，被 AI 删除的字词显示红色背景 + 删除线
- 右侧「AI 提议版本」中，AI 新增的字词显示绿色背景
- 未变更的内容正常显示，无高亮

## 测试用例 3：确认注入后无高亮残留

**步骤**：
1. 在 diff 弹窗中点击「确认并写入报告」
2. 观察编辑器中 AI 区域的内容

**预期结果**：
- 编辑器中不应有红色/绿色的 diff 高亮 span
- 文字格式正常（宋体 12pt）

## 测试用例 4：编译与部署

**步骤**：
1. 执行 `npm run build`
2. 确认无 TypeScript 编译错误
3. 预览服务正常启动并返回 200

**预期结果**：
- `vite build` 成功完成
- 预览页面可正常访问