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