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