# 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 显示、基本输入功能 - **中风险**:表单验证、数据格式 - **高风险**:数据提交、特殊控件数据同步 建议重点测试高风险项目,确保核心功能稳定。