170 lines
4.2 KiB
Markdown
170 lines
4.2 KiB
Markdown
# elder-form.uvue 重构测试计划
|
||
|
||
## 测试目标
|
||
验证重构后的表单功能完整性和数据完整性
|
||
|
||
## 测试环境
|
||
- 平台：uni-app + UTS
|
||
- 页面：pages/ec/admin/elder-form.uvue
|
||
|
||
## 测试用例
|
||
|
||
### 1. 基本功能测试
|
||
|
||
#### 1.1 新增老人信息
|
||
- **测试步骤**：
|
||
1. 访问 elder-form 页面（无 id 参数）
|
||
2. 填写所有必填字段（姓名、性别、出生日期）
|
||
3. 填写可选字段
|
||
4. 点击"添加老人"按钮
|
||
- **预期结果**：
|
||
- 表单数据正确提交
|
||
- 显示"添加成功"提示
|
||
- 自动返回上一页面
|
||
|
||
#### 1.2 编辑老人信息
|
||
- **测试步骤**：
|
||
1. 访问 elder-form 页面（带 id 参数）
|
||
2. 验证数据正确回显
|
||
3. 修改部分字段
|
||
4. 点击"更新信息"按钮
|
||
- **预期结果**：
|
||
- 原有数据正确回显
|
||
- 修改后的数据正确提交
|
||
- 显示"更新成功"提示
|
||
|
||
### 2. 表单验证测试
|
||
|
||
#### 2.1 必填字段验证
|
||
- **测试步骤**：
|
||
1. 留空姓名字段，点击提交
|
||
2. 留空出生日期字段，点击提交
|
||
- **预期结果**：
|
||
- 显示相应的错误提示
|
||
- 阻止表单提交
|
||
|
||
#### 2.2 数据格式验证
|
||
- **测试步骤**：
|
||
1. 输入无效的身份证号
|
||
2. 输入无效的手机号
|
||
- **预期结果**：
|
||
- 对于有验证的字段，显示格式错误提示
|
||
|
||
### 3. 特殊控件测试
|
||
|
||
#### 3.1 Picker 控件测试
|
||
- **测试字段**：性别、健康状态、护理等级
|
||
- **测试步骤**：
|
||
1. 点击每个 picker 控件
|
||
2. 选择不同的选项
|
||
3. 提交表单
|
||
- **预期结果**：
|
||
- Picker 显示选中的值
|
||
- 表单数据包含正确的值
|
||
|
||
#### 3.2 日期 Picker 测试
|
||
- **测试字段**：出生日期
|
||
- **测试步骤**：
|
||
1. 点击日期选择器
|
||
2. 选择日期
|
||
3. 提交表单
|
||
- **预期结果**：
|
||
- 显示选中的日期
|
||
- 年龄自动计算正确
|
||
|
||
#### 3.3 头像上传测试
|
||
- **测试步骤**：
|
||
1. 点击头像上传区域
|
||
2. 选择图片
|
||
3. 提交表单
|
||
- **预期结果**：
|
||
- 头像预览正确显示
|
||
- 表单数据包含头像路径
|
||
|
||
### 4. 数据完整性测试
|
||
|
||
#### 4.1 表单数据收集测试
|
||
- **测试步骤**：
|
||
1. 填写所有字段
|
||
2. 在控制台查看 `onFormSubmit` 中的 `formValues`
|
||
3. 验证所有字段都被正确收集
|
||
- **预期结果**：
|
||
- 所有 input/textarea 字段通过 `formValues.get()` 获取
|
||
- 所有 picker 字段通过 `formData` 获取
|
||
- 数据类型正确
|
||
|
||
#### 4.2 数据同步测试
|
||
- **测试步骤**：
|
||
1. 通过 picker 修改性别、健康状态等
|
||
2. 通过 input 修改文本字段
|
||
3. 检查 `formData` 对象是否同步更新
|
||
- **预期结果**：
|
||
- `formData` 实时反映所有变更
|
||
- 隐藏字段正确同步 picker 数据
|
||
|
||
### 5. 错误处理测试
|
||
|
||
#### 5.1 网络错误测试
|
||
- **测试步骤**：
|
||
1. 断开网络连接
|
||
2. 尝试提交表单
|
||
- **预期结果**：
|
||
- 显示"保存失败"提示
|
||
- 不会导致页面崩溃
|
||
|
||
#### 5.2 数据加载错误测试
|
||
- **测试步骤**：
|
||
1. 使用无效的 elder id 访问编辑页面
|
||
- **预期结果**：
|
||
- 显示"加载失败"提示
|
||
- 表单保持空白状态
|
||
|
||
### 6. 用户体验测试
|
||
|
||
#### 6.1 加载状态测试
|
||
- **测试步骤**：
|
||
1. 点击提交按钮
|
||
2. 观察按钮状态变化
|
||
- **预期结果**：
|
||
- 按钮显示"保存中..."
|
||
- 按钮被禁用防止重复提交
|
||
|
||
#### 6.2 取消操作测试
|
||
- **测试步骤**：
|
||
1. 填写部分数据
|
||
2. 点击"取消"按钮
|
||
- **预期结果**：
|
||
- 正确返回上一页面
|
||
- 不保存任何数据
|
||
|
||
## 重点关注点
|
||
|
||
### 1. 数据完整性
|
||
- 确保重构前后数据结构完全一致
|
||
- 验证所有字段都能正确收集和提交
|
||
|
||
### 2. 向后兼容性
|
||
- 确保与后端 API 的兼容性
|
||
- 确保与现有业务逻辑的兼容性
|
||
|
||
### 3. 性能影响
|
||
- 对比重构前后的性能表现
|
||
- 确保没有引入性能问题
|
||
|
||
### 4. 代码质量
|
||
- 确保没有 UTS 编译错误
|
||
- 确保没有运行时错误
|
||
|
||
## 测试通过标准
|
||
- 所有测试用例通过
|
||
- 没有功能回归
|
||
- 代码更简洁易维护
|
||
- 用户体验保持一致或改善
|
||
|
||
## 风险评估
|
||
- **低风险**：UI 显示、基本输入功能
|
||
- **中风险**：表单验证、数据格式
|
||
- **高风险**：数据提交、特殊控件数据同步
|
||
|
||
建议重点测试高风险项目，确保核心功能稳定。
|