3.9 KiB
3.9 KiB
测试方案 —— 2026-04-18-16-55-47
测试目标
验证 report-editor 的三项改进是否正确实现：field-value 点击联动、右侧字段动态排序、默认模板表格替换。
测试用例
TC-01：点击正文 field-value 切换至基本信息 Tab 并聚焦
前置条件：进入 /report-editor，加载默认模板，右侧当前在「视频分析」Tab 操作步骤：
- 点击报告正文中「姓名」后的 field-value 方格
- 观察右侧 Tab 切换
- 观察页面滚动位置
预期结果：
- 右侧 Tab 自动从「视频分析」切换为「基本信息」
- 页面平滑滚动至「患者姓名」输入框位置
- 「患者姓名」输入框获得焦点
TC-02：点击不同 field-value 聚焦对应不同表单字段
前置条件：report-editor 已加载模板 操作步骤：
- 点击正文中的「住院号」field-value
- 点击正文中的「手术名称」field-value
- 点击正文中的「手术日期」field-value
预期结果：
- 每次点击后右侧均切换至「基本信息」Tab
- 对应字段输入框均被聚焦并滚动至可视区域
TC-03：置顶字段顺序验证
前置条件：report-editor 右侧显示基本信息表单 操作步骤：
- 查看右侧表单字段的从上到下顺序
预期结果：
- 第1个字段为「患者姓名」
- 第2个字段为「住院号」
- 第3个字段为「手术名称」
- 这三个字段始终固定在最上方
TC-04：动态排序验证——按正文出现顺序
前置条件：默认模板中正文字段有固定出现顺序 操作步骤：
- 查看右侧表单第4个及之后的字段顺序
- 对比正文中
data-bind的首次出现顺序
预期结果：
- 右侧第4个及之后的字段顺序与正文中
data-bind首次出现的先后顺序一致 - 正文中越靠前的字段，在右侧表单中也越靠前
TC-05：动态排序验证——修改正文后排序更新
前置条件：report-editor 中已加载默认模板 操作步骤：
- 将正文中某个靠后的字段（如「术后诊断」）剪切并粘贴到正文开头
- 观察右侧表单字段顺序变化
预期结果：
- 「术后诊断」在右侧表单中的位置相应提前
- 排序随正文内容变化实时更新
TC-06：默认模板手术图片表格验证
前置条件：新建报告或重置系统后进入 report-editor 操作步骤：
- 查看编辑器中的「手术图片说明表格」
- 检查每个单元格内容
预期结果：
- 表格为 2 行 × 3 列布局
- 每格包含
image-placeholder占位符 - 每格底部有对应图注（图A~图F）
- 占位符可正常点击上传图片
TC-07：表格内占位符图片上传
前置条件：默认模板已加载 操作步骤：
- 点击表格中某个
image-placeholder - 在弹窗中选择本地上传一张图片
- 确认图片正确填充到占位符中
预期结果：
- 弹窗正常出现（三选一：本地上传/我的签名/系统素材）
- 图片正确显示在占位符内
- 图片不溢出单元格边界
TC-08：新建报告默认内容完整性
前置条件：退出并重新登录，确保系统使用默认模板 操作步骤：
- 进入 /report-editor（新建报告）
- 检查整个报告内容
预期结果：
- 报告头部 Logo 和标题正常
- 基本信息段落正常
- 手术步骤段落正常
- 手术图片说明表格为新模板
- 手术后情况段落正常
- 底部撰写时间字段正常
回归测试范围
- 验证
image-placeholder的拖拽填充、点击上传、删除功能不受影响 - 验证右侧 Tab 手动切换（「基本信息」↔「视频分析」）正常
- 验证
smart-field-wrapper的双向绑定（表单→正文、正文→表单）正常 - 验证打印功能中表格和图片正常显示
测试结论
以上 TC-01~TC-08 全部通过，即可确认三项需求均正确实现。