PRACTICAL GUIDE / quality

横屏和窄屏布局,怎样避免只测试截图?

针对手机和小平板,说明如何检查截图正常但触控目标被挤压,准备宽度、滚动范围、点击区域和文字,以“关键动作可点,文字不遮挡”验证结果。

测试与验收约 4 分钟实务指南 · 内容初稿
本文为业务学习与开发沟通提供排查和决策思路,尚需结合实际系统进行技术审校。操作前确认数据、权限和恢复方式,具体实施以项目诊断与验收方案为准。

测试结论从什么结果开始

横屏和窄屏布局,怎样避免只测试截图?首先需要把“关键动作可点,文字不遮挡”写成可判定的结果。这里讨论的是手机和小平板,一个需要验证的风险是截图正常但触控目标被挤压。仅看到页面操作顺利还不够,测试记录必须能说明业务结果是否真实发生,以及失败时是否留下了不该产生的影响。

兼容性测试需要记录设备、浏览器、屏幕、输入方式和网络状态。模拟器有助于定位,真实手机还可能受到键盘、权限和后台切换影响。

复现时保留哪些证据

本题需要保存宽度、滚动范围、点击区域和文字。把一次正常操作和一次异常操作放在相同版本、相同环境下比较,记录输入、操作时点及实际结果;敏感值可以替换,但触发问题的字段关系不能删掉。若无法重新出现“截图正常但触控目标被挤压”对应的差异,先补足样本,暂不把猜测写成已确认根因。

同一测试样本在不同设备执行,分别截图或录屏;将布局错误与业务处理错误分开记录,避免用缩小字体掩盖不能操作的问题。

执行三个针对性检查

第一项是完成真实任务,将判定口径写清楚后执行。第二项是检查溢出,同时保存宽度、滚动范围、点击区域和文字中的相关记录。第三项是验证横竖屏切换,对照“关键动作可点,文字不遮挡”逐条确认。三个检查应分别记录结果,这样失败时可以知道问题出在输入、处理中还是结果核对,避免一次修改多个环节后失去判断依据。

用边界例子发现遗漏

布局验收要执行查询、选择和提交。能截出完整首屏,却必须横向拖动才能点按钮,仍是实际缺陷。

例如:小屏订单操作按钮挤成一排。这个例子不是客户项目事实,而是用于测试手机和小平板的样本设计。先写下按业务规则应该发生什么,再执行并比较;不能用程序当前表现反过来定义正确结果。修复后还要重跑原样本,并检查附近的合法操作仍然可用。

验收不能只列设备名称,应写出该设备完成的任务。无障碍、触控和键盘操作都应保留可使用的路径。

怎样算验收通过

验收应能够证明:关键动作可点,文字不遮挡。结果附上环境、版本、样本和记录位置;异常提示、持久化结果与相关后续动作应互相一致。若“小屏订单操作按钮挤成一排”仍能触发错误,就应列为未解决事项,并说明影响范围。测试通过不代表以后永不出错,后续变更至少保留这一问题的回归样本。

执行与验收清单

  • 明确手机和小平板的正确结果:关键动作可点,文字不遮挡。
  • 准备并脱敏核对资料:宽度、滚动范围、点击区域和文字。
  • 执行完成真实任务,保留对应结果。
  • 完成检查溢出与验证横竖屏切换,核对实际产物。
  • 使用“小屏订单操作按钮挤成一排”复查问题,并记录未解决事项。

这个问题,正影响您的业务?

带上问题现象、当前流程和已有资料,与我们沟通实际场景,确定可验证的处理方案。

沟通这个具体问题
先看解决思路沟通您的需求

130 语言工程目录

本官网可浏览中文、英文版本。其他语种纳入项目本地化范围,完成翻译、人工校审与功能验收后再发布。