Mdeical_Sur_Report/工程分析/测试方案-2026-04-18-16-55-47.md

测试方案 —— 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 全部通过，即可确认三项需求均正确实现。