# 测试方案 — 2026-04-17-19-26-17

## 测试目标

验证 6 项需求全部正确实现，且不破坏现有编辑、保存、打印功能。

---

## 测试步骤

### 1. 编译检查
```bash
npm run lint
```
- **预期**：`tsc --noEmit` 通过，0 errors。

---

### 2. 字段体系清理（需求 1）
1. 进入 `/template-manage`。
2. 在"插入字段"Tab 中，确认分类列表只有"填空、单选、多选、时间"，**没有"图片"**。
3. 在"字段管理"Tab 中，确认同样没有"图片"分组。
4. 在"字段管理 → 新增字段"中，确认 category select 没有"图片"选项，type select 也不会出现"图片"。

---

### 3. 默认模板占位符替换（需求 4）
1. 重新加载默认模板（或清空 localStorage 后重新登录）。
2. 确认模板顶部 Logo 处显示为一个虚线框占位符（而非直接显示医院 Logo 图片）。
3. 确认"手术者签名："后方显示为一个虚线框占位符，而非 `smart-field-wrapper` 文本框。

---

### 4. 插入图片占位符同行与尺寸设置（需求 2、5）
1. 在 `/template-manage` 编辑器中，将光标放在一段文字中间，点击工具栏"插入图片占位符"。
2. 在 prompt 中输入宽度 `120`，高度 `60`。
3. 确认占位符插入后与前后文字**保持在同一行**，没有换行。
4. 使用浏览器 DevTools 检查该占位符，确认 `style` 中包含 `display:inline-flex` 和 `max-width:120px; max-height:60px;`。
5. 在 `/report-editor` 中重复上述操作，确认行为一致。
6. 测试留空宽高：确认插入的占位符没有 `max-width/max-height`，但有默认的 `padding: 8px 16px;`。

---

### 5. 占位符文字自适应（需求 3）
1. 插入一个宽度为 `60px` 的图片占位符。
2. 确认占位符内显示的文字是**"插入图片"**（而非"插入/点击放置图片"）。
3. 插入一个宽度为 `120px` 的占位符，确认显示"插入/点击放置图片"。

---

### 6. 图片来源选择弹窗统一（需求 6）
1. 在 `/template-manage` 中，点击任意无图片的 `image-placeholder`。
2. 确认弹出"选择图片来源"弹窗，包含"本地上传"、"我的签名"、"系统素材"三个选项。
3. 选择"系统素材"中的医院 Logo，确认占位符被替换为 Logo 图片。
4. 在 `/report-editor` 中点击占位符，确认弹窗行为与 `/template-manage` 完全一致。
5. 测试弹窗中的"取消"按钮，确认点击后弹窗关闭且占位符未被修改。

---

### 7. 回归测试
1. **保存模板**：修改模板后点击保存，刷新页面确认内容不丢失。
2. **保存报告**：在 `/report-editor` 中填写表单并保存草稿，确认内容持久化。
3. **打印预览**：确认图片占位符（已填充和未填充）在打印预览中显示正常。
4. **撤销重做**：插入占位符后按 `Ctrl+Z`，确认占位符被正确撤销。
5. **拖拽/自动插入关键帧**：确认 `/report-editor` 中的视频关键帧仍能正常插入到图片占位符中。

---

## 判定标准

全部测试通过后方可认为任务完成。若任何测试失败，需回滚并重新分析根因。