156 lines
4.2 KiB
Markdown
156 lines
4.2 KiB
Markdown
# 测试方案 —— 2026-04-18-17-27-51
|
||
|
||
## 测试目标
|
||
验证 TemplateManage 静态占位符插入修复、默认模板排版重构、Logo 删除按钮修复。
|
||
|
||
## 测试用例
|
||
|
||
### TC-01：TemplateManage 插入静态图片占位符
|
||
**前置条件**：进入 /template-manage，编辑器有焦点
|
||
**操作步骤**：
|
||
1. 点击工具栏「插入图片占位符」
|
||
2. 在弹窗中选择「静态图片占位」
|
||
3. 输入宽度 200，高度 200
|
||
4. 点击「确认插入」
|
||
|
||
**预期结果**：
|
||
- 编辑器中出现虚线边框的占位符框
|
||
- 占位符带有 `class="image-placeholder"` 和 `data-mode="manual"`
|
||
- 占位符内部显示「插入/点击放置图片」文字
|
||
- 占位符右上角显示红色「×」删除按钮
|
||
|
||
---
|
||
|
||
### TC-02：TemplateManage 插入手术影像占位符
|
||
**前置条件**：进入 /template-manage
|
||
**操作步骤**：
|
||
1. 点击工具栏「插入图片占位符」
|
||
2. 选择「手术影像占位」
|
||
3. 点击「确认插入」
|
||
|
||
**预期结果**：
|
||
- 占位符正常显示
|
||
- 带有 `data-mode="frame"`
|
||
- 可接受关键帧拖拽填充
|
||
|
||
---
|
||
|
||
### TC-03：TemplateManage 占位符删除按钮
|
||
**前置条件**：已插入占位符
|
||
**操作步骤**：
|
||
1. 鼠标悬浮在占位符上
|
||
2. 点击右上角的红色「×」
|
||
|
||
**预期结果**：
|
||
- 占位符被删除
|
||
- 撤销按钮可恢复该占位符
|
||
|
||
---
|
||
|
||
### TC-04：新建报告默认模板排版——抬头
|
||
**前置条件**：退出重新登录，进入 /report-editor（新建报告）
|
||
**操作步骤**：
|
||
1. 查看报告顶部
|
||
|
||
**预期结果**：
|
||
- 左侧有 65×65 的 Logo 占位符（虚线框）
|
||
- 中间偏右有 14pt 下划线文字「西 安 交 通 大 学 第 一 附 属 医 院」
|
||
- 下方有 16pt 文字「手术记录」
|
||
- 整体居中对齐
|
||
|
||
---
|
||
|
||
### TC-05：新建报告默认模板排版——基本信息栏
|
||
**前置条件**：新建报告已加载默认模板
|
||
**操作步骤**：
|
||
1. 查看抬头下方的基本信息行
|
||
|
||
**预期结果**：
|
||
- 一行显示：姓名、性别、年龄、科别、床号、住院号
|
||
- 字体 11pt，不加粗
|
||
- 整行下方有一条黑色贯穿下划线
|
||
|
||
---
|
||
|
||
### TC-06：新建报告默认模板排版——诊断信息
|
||
**前置条件**：新建报告已加载默认模板
|
||
**操作步骤**：
|
||
1. 查看手术日期、术前诊断、术中诊断、手术名称
|
||
|
||
**预期结果**：
|
||
- 每项独立一行
|
||
- 12pt 字体，加粗
|
||
- 格式为：「手术日期：」+ smartField 占位符
|
||
|
||
---
|
||
|
||
### TC-07：新建报告默认模板排版——双列信息
|
||
**前置条件**：新建报告已加载默认模板
|
||
**操作步骤**：
|
||
1. 查看时间、人员、麻醉信息
|
||
|
||
**预期结果**：
|
||
- 手术开始/终止时间在同一行，左右各 50%
|
||
- 手术者/助手在同一行
|
||
- 麻醉师/麻醉方式在同一行
|
||
- 12pt 字体，不加粗
|
||
|
||
---
|
||
|
||
### TC-08：新建报告默认模板排版——手术步骤标题
|
||
**前置条件**：新建报告已加载默认模板
|
||
**操作步骤**：
|
||
1. 查看「手术步骤、术中出现的情况及处理：」
|
||
|
||
**预期结果**：
|
||
- 12pt 字体，加粗
|
||
- 位于双列信息下方
|
||
|
||
---
|
||
|
||
### TC-09：Logo 占位符删除按钮可点击
|
||
**前置条件**：新建报告已加载默认模板
|
||
**操作步骤**：
|
||
1. 鼠标悬浮在顶部 Logo 占位符上
|
||
2. 点击右上角的红色「×」
|
||
|
||
**预期结果**：
|
||
- Logo 占位符被删除
|
||
- 可撤销恢复
|
||
|
||
---
|
||
|
||
### TC-10：Logo 占位符图片上传
|
||
**前置条件**：新建报告已加载默认模板
|
||
**操作步骤**：
|
||
1. 点击顶部 Logo 占位符
|
||
2. 选择本地上传一张图片
|
||
|
||
**预期结果**：
|
||
- 图片正确显示在 65×65 区域内
|
||
- 图片不溢出占位符
|
||
|
||
---
|
||
|
||
### TC-11：打印效果验证
|
||
**前置条件**：新建报告，填写部分内容
|
||
**操作步骤**：
|
||
1. 点击打印按钮
|
||
2. 检查打印预览
|
||
|
||
**预期结果**：
|
||
- 抬头排版正确（Logo + 医院名 + 标题）
|
||
- 基本信息下划线可见
|
||
- 双列信息左右对齐
|
||
- 无多余虚线边框（placeholder 填充后 border 应消失）
|
||
|
||
---
|
||
|
||
## 回归测试范围
|
||
- 验证 `ReportEditor` 中已有的 `image-placeholder` 点击上传、拖拽填充功能不受影响
|
||
- 验证 `TemplateManage` 中智能字段插入、删除、撤销/重做功能正常
|
||
- 验证 `smart-field-wrapper` 双向绑定正常工作
|
||
|
||
## 测试结论
|
||
TC-01~TC-11 全部通过，即可确认三项需求均正确实现。
|