上QQ阅读APP看书,第一时间看更新
2.14 实验#14:leaf520大学生软件竞赛文字重叠
缺陷标题 言若金叶软件研究中心→2017全国大学生软件实践与创新能力大赛,界面排版重叠。
测试平台与浏览器 Windows 7+Chrome 54.0。
测试步骤
(1)打开言若金叶软件研究中心网站http://leaf520.roqisoft.com/。
(2)单击页面右侧“最新文章”中的“2017全国大学生软件实践与创新能力大赛”或搜索“全国大学生软件实践与创新能力大赛”并打开网页。
(3)查看网页右侧的言若金叶微信公众号、最新文章。
期望结果 言若金叶微信公众号、最新文章的排版不会影响页面的其他布局。
实际结果 言若金叶微信公众号、最新文章的排版与整体排版出现重叠,如图2-17所示。
图2-17 大学生竞赛报道网页有文字重叠现象
注:最新文章中的“2016全国大学生软件实践与创新能力大赛”与“2015全国大学生软件实践与创新能力大赛-获奖选手名单”也有上述Bug。
专家点评
UI测试中,经常出现图片与图片重叠、图片与文字重叠、文字与文字重叠的问题。有的虽然在IE不重叠,但到Firefox或Chrome就会重叠在一起,这是由于网页的排版主要用CSS技术,而3个浏览器的研发分属3家公司,它们的技术实现和对一些功能的支持不一样,所以经常导致一个浏览器显示正常、另一个浏览器不能正常工作的现象。
我们要求做国际软件测试的工程师,至少要装3个浏览器,即IE、Firefox与Chrome,对网页的验证也是3个浏览器都要进行。