01-图片测试点

 

PC端上传图片

 

• 产品设计阶段需要约定上传图片类型与上传图片大小限制

• 验证符合约定的类型与大小的图片是否都能上传成功

• 验证不符合约定的类型或大小的图片是否上传失败

• 检查图片上传过程中是否有视觉反馈（比如进度条或转圈的动画效果）

• 检查是否有上传成功或失败的视觉反馈(比如成功后显示缩略图，或给出toast提示)

• 检查上传图片最大数量是否符合产品约定

• 检查上传的OSS地址是否正确

• 检查上传的图片是否可以被删除或替换

• 若采用了前端图片裁剪控件，检查上传后的图片样式是否满足预期

• 【按需】商品图片添加活动水印后能够正常显示

• 【按需】若有自动缩小分辨率或降低图片质量的需求，则检查上传后的图片质量是否满足预期

 

PC端浏览图片

 

• 产品设计阶段需要约定图片默认展示为缩略图或是原图（通常为缩略图）

• 检查缩略图是否按原比例缩略，未被裁剪或扭曲

• 检查点击缩略图是否能够展示原图，原图尽量在浏览器新标签页中打开而不是跳转

• 验证加载图片的OSS地址是否正确

• 【按需】图片加载过程中是否有loading的视觉反馈（比如进度条或转圈的动画效果）

• 【按需】浏览器兼容性检查

 

移动端上传图片

 

• 检查是否支持相册读取与拍照上传

• 若采用了图片载剪控件，检查上传后的图片样式是否满足预期

• 检查图片上传过程中是否有视觉反馈（比如进度条或转圈的动画效果）

• 检查是否有上传成功或失败的视觉反馈(比如成功后显示缩略图，或给出toast提示)

 

移动端浏览图片

 

• 检查图片在不同型号与尺寸的手机上均能正常显示

• 产品设计阶段需要约定图片默认展示为缩略图或是原图

• 若图片配置了跳转链接，检查点击图片是否能够成功跳转

• 检查商品或活动长图能否根据手机屏幕宽度自适应

• 检查图片加载速度是否达到预期

• 图片是否按原比例进行了自动缩放

• 【根据需求】若图片未配置跳转链接，检查点击图片是否能够查看大图，同时检查是否能够关闭原图展示

• 【根据需求】图片加载过程中是否有loading的视觉反馈（比如进度条或转圈的动画效果）

• 【根据需求】配置了多张图片的页面，检查是否能够随着滑动加载，而不是一口气加载全部图片

• 【根据需求】长按图片是否能下载或保存到相册