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个浏览器都要进行。