# 测试方案 —— 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` 中的图片占位符同样支持高度自适应。 ## 测试通过标准 所有用例均通过,无控制台报错,打印样式正常。