Mdeical_Sur_Report/工程分析/测试方案-2026-04-18-19-08-43.md

测试方案 —— 2026-04-18-19-08-43

测试目标

验证六项需求修改的正确性和稳定性。

测试用例

TC-1：基础信息字段打印无下划线

前置条件：新建报告，默认模板已加载。
步骤：

1. 点击「打印预览」或「下载 PDF」。
2. 检查「姓名、性别、年龄、科别、床号、住院号」区域。 预期结果：这 6 个字段不显示下划线，其他字段（如手术名称、诊断等）正常显示下划线。

TC-2：点击 field-value 联动高亮并居中滚动

前置条件：编辑器已加载默认模板，右侧基本信息 Tab 可见。
步骤：

1. 点击正文中任意 class="field-value"（如「手术名称」）。
2. 观察右侧对应输入框。 预期结果：

• 对应输入框出现蓝色背景高亮（bg-blue-50 ring-1 ring-accent）。
• 页面平滑滚动，使该输入框位于可视区域中部。
• 输入框获得焦点。

TC-3：视频上传按钮整合进缩略图列表

前置条件：已上传至少一个视频。
步骤：

1. 切换到「视频分析」Tab。
2. 观察视频缩略图列表。 预期结果：

• 列表第一个位置是一个缩小版「上传视频」按钮，尺寸与视频卡片一致（约 w-24）。
• 点击该按钮能正常打开文件选择器。
• 原本独立的「点击上传手术视频」大按钮已消失。

TC-4：视频模块间距紧凑化

前置条件：视频分析面板展开，有视频和关键帧。
步骤：

1. 观察缩略图列表与播放器之间的间距。
2. 观察播放器与控制按钮之间的间距。
3. 观察控制按钮与「关键帧摘取」标题之间的间距。 预期结果：各项间距明显缩小，下方关键帧列表获得更多展示空间。

TC-5：签名与日期之间增加空行

前置条件：默认模板已加载。
步骤：

1. 滚动到模板底部，查看「手术者签名」与「撰写时间」之间。 预期结果：两者之间有一个空行（约一行高度的空白）。

TC-6：图片占位符填充后高度自适应

前置条件：模板中有空图片占位符，有较小的图片（高度 < 200px）。
步骤：

1. 将图片插入占位符（通过上传、拖拽或自动摘取）。
2. 观察占位符区域。 预期结果：

• 占位符高度随图片实际尺寸自适应，不再保留 200px 固定高度。
• 图片下方不会出现大片空白。

回归测试

• 确保打印功能（PDF 导出）正常工作。
• 确保视频播放、关键帧摘取、拖拽插入功能正常。
• 确保 template-manage 中的图片占位符同样支持高度自适应。

测试通过标准

所有用例均通过，无控制台报错，打印样式正常。