# 测试方案 —— 2026-04-18-16-55-47

## 测试目标
验证 report-editor 的三项改进是否正确实现：field-value 点击联动、右侧字段动态排序、默认模板表格替换。

## 测试用例

### TC-01：点击正文 field-value 切换至基本信息 Tab 并聚焦
**前置条件**：进入 /report-editor，加载默认模板，右侧当前在「视频分析」Tab
**操作步骤**：
1. 点击报告正文中「姓名」后的 field-value 方格
2. 观察右侧 Tab 切换
3. 观察页面滚动位置

**预期结果**：
- 右侧 Tab 自动从「视频分析」切换为「基本信息」
- 页面平滑滚动至「患者姓名」输入框位置
- 「患者姓名」输入框获得焦点

---

### TC-02：点击不同 field-value 聚焦对应不同表单字段
**前置条件**：report-editor 已加载模板
**操作步骤**：
1. 点击正文中的「住院号」field-value
2. 点击正文中的「手术名称」field-value
3. 点击正文中的「手术日期」field-value

**预期结果**：
- 每次点击后右侧均切换至「基本信息」Tab
- 对应字段输入框均被聚焦并滚动至可视区域

---

### TC-03：置顶字段顺序验证
**前置条件**：report-editor 右侧显示基本信息表单
**操作步骤**：
1. 查看右侧表单字段的从上到下顺序

**预期结果**：
- 第1个字段为「患者姓名」
- 第2个字段为「住院号」
- 第3个字段为「手术名称」
- 这三个字段始终固定在最上方

---

### TC-04：动态排序验证——按正文出现顺序
**前置条件**：默认模板中正文字段有固定出现顺序
**操作步骤**：
1. 查看右侧表单第4个及之后的字段顺序
2. 对比正文中 `data-bind` 的首次出现顺序

**预期结果**：
- 右侧第4个及之后的字段顺序与正文中 `data-bind` 首次出现的先后顺序一致
- 正文中越靠前的字段，在右侧表单中也越靠前

---

### TC-05：动态排序验证——修改正文后排序更新
**前置条件**：report-editor 中已加载默认模板
**操作步骤**：
1. 将正文中某个靠后的字段（如「术后诊断」）剪切并粘贴到正文开头
2. 观察右侧表单字段顺序变化

**预期结果**：
- 「术后诊断」在右侧表单中的位置相应提前
- 排序随正文内容变化实时更新

---

### TC-06：默认模板手术图片表格验证
**前置条件**：新建报告或重置系统后进入 report-editor
**操作步骤**：
1. 查看编辑器中的「手术图片说明表格」
2. 检查每个单元格内容

**预期结果**：
- 表格为 2 行 × 3 列布局
- 每格包含 `image-placeholder` 占位符
- 每格底部有对应图注（图A~图F）
- 占位符可正常点击上传图片

---

### TC-07：表格内占位符图片上传
**前置条件**：默认模板已加载
**操作步骤**：
1. 点击表格中某个 `image-placeholder`
2. 在弹窗中选择本地上传一张图片
3. 确认图片正确填充到占位符中

**预期结果**：
- 弹窗正常出现（三选一：本地上传/我的签名/系统素材）
- 图片正确显示在占位符内
- 图片不溢出单元格边界

---

### TC-08：新建报告默认内容完整性
**前置条件**：退出并重新登录，确保系统使用默认模板
**操作步骤**：
1. 进入 /report-editor（新建报告）
2. 检查整个报告内容

**预期结果**：
- 报告头部 Logo 和标题正常
- 基本信息段落正常
- 手术步骤段落正常
- 手术图片说明表格为新模板
- 手术后情况段落正常
- 底部撰写时间字段正常

---

## 回归测试范围
- 验证 `image-placeholder` 的拖拽填充、点击上传、删除功能不受影响
- 验证右侧 Tab 手动切换（「基本信息」↔「视频分析」）正常
- 验证 `smart-field-wrapper` 的双向绑定（表单→正文、正文→表单）正常
- 验证打印功能中表格和图片正常显示

## 测试结论
以上 TC-01~TC-08 全部通过，即可确认三项需求均正确实现。