akmon/FORM_REFACTOR_TEST_PLAN.md

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 显示、基本输入功能
• 中风险：表单验证、数据格式
• 高风险：数据提交、特殊控件数据同步

建议重点测试高风险项目，确保核心功能稳定。