案例分享 | 如何对移动Web多选框进行测试？

梦里梦外; 2023-10-12 18:30 2阅读 0赞

在现如今的移动应用市场，越来越多的应用都采用了多选框的功能，无论是商业化的应用，还是一些辅助性质的功能应用都有应用到多选框这个特性。在进行测试时，严谨的测试思路和方案会是我们测试工作的一个重要保障，因此在这里分享下***移动Web多选框测试***的思路与技巧。

一、界面定制部分：需要关注多选框的界面是否有**定制部分**，就是模块不属于基本HTML的标签元素，考虑到不同的美观要求、颜色协调和风格一致等诸多因素，需要判断多选框界面是否能够满足这些需求，同时，在一些老版本的浏览器上是否能正常显示也是需要考虑的因素之一。其中定制界面也是Bug最容易发生的地方了。测试时一定要关注。

![c85da0979500d5319b2735b62a4af2bb.png][]

二、多选框的文本中带有**空格**，多选框中的选项文本可能会带有一些空格或者空行，需要在测试中进行考虑，这些空格或者空行是否可能导致字符串解析错误，从而影响多选框的正常使用。通过一些自动化测试工具的全面异常输入测试可以验证多选框输入字符的合法性和异常性。

三、屏幕旋转后多选框的**自适应性**：手机屏幕旋转后，多选框的选项能否自适应改变界面元素的大小，不同手机上是否会出现文本重叠、元素被覆盖等问题。我们需要在测试中考虑不同移动端屏幕的适配性和显示合理性。

四、测试**多选框的选项和取消**功能：我们需要测试多选框的选项和取消功能是否可靠、灵活，能否正常响应用户的操作，避免在使用过程中出现选项未被选择或者取消的异常情况。

![3ba44f45b9f162e3c287339d80d7fd79.png][]

五、测试多选框的**兼容性**：测试多选框在不同的移动设备和不同的浏览器中的兼容性，确保用户可以正确的操作多选框并正常使用相关的功能。

六、移动端按钮的**易用性**：在手机或其他移动端上，有一些按钮在用户点击时不容易点中，例如按钮较小、分布不均或者背景颜色与按钮颜色相近导致按钮不清晰等。我们需要测试这些按钮的易用性，并能够为这些问题提供相应的解决方案。

![962df1f5d56114ed474d2eddf134c8df.png][]

七、回归测试的**准确性**：功能测试完成后需要进行一些回归测试，查看下多选框与其他过滤条件组合查询时是否结果准确。在这里，我们需要预设多种场景覆盖各种情况，并结合开发端的关键数据和已修复问题以及实际需求来设计测试方案。

在实际执行测试过程中，我们应该注重测试数据的多样性并结合开发过程中更细致的分析，从而更加科学、正式、高效的保障移动Web端多选框的测试质量。

以上测试思路可以作为交流学习的参考，可以结合自己在日常测试工作中对多选框的缺陷报告来分析，还有哪些测试思路可以补充进去？同时我们测试人员也可以结合具体的项目进行深入的分析，并结合终端用户输入来完成更为**商业性和实用性**的测试方案。**以上摘自《测试知识库》-测试方法总结-移动Web测试-多选框的测试**。欢迎补充~

**最****后：**下方这份完整的软件测试视频教程已经整理上传完成，需要的朋友们可以自行领取**【保证100%免费】**![4fa37b6639924aa7a3d0a2d0cd47a2c6.png][]

#### 整套资料获取 ####

![06a26a0dc4d5474ebdb7483649fadf33.gif][]

[c85da0979500d5319b2735b62a4af2bb.png]: https://img-blog.csdnimg.cn/img_convert/c85da0979500d5319b2735b62a4af2bb.png
[3ba44f45b9f162e3c287339d80d7fd79.png]: https://img-blog.csdnimg.cn/img_convert/3ba44f45b9f162e3c287339d80d7fd79.png
[962df1f5d56114ed474d2eddf134c8df.png]: https://img-blog.csdnimg.cn/img_convert/962df1f5d56114ed474d2eddf134c8df.png
[4fa37b6639924aa7a3d0a2d0cd47a2c6.png]: https://img-blog.csdnimg.cn/4fa37b6639924aa7a3d0a2d0cd47a2c6.png
[06a26a0dc4d5474ebdb7483649fadf33.gif]: https://img-blog.csdnimg.cn/06a26a0dc4d5474ebdb7483649fadf33.gif