课程咨询: 400-996-5531 / 投诉建议: 400-111-8989
认真做教育 专心促就业
随着互联网的不断发展,越来越多的互联网公司都开始关注软件测试带来的收益,而今天我们就通过案例分析来了解一下,css样式表测试需要关注那些问题。
测试时需要考虑很多因素,其中包括以下几点:
1、正在用什么浏览器测试网页?
2、如何在不同的操作系统上测试各种各样的浏览器?
3、正在多大的窗口浏览网页?
4、如何快速测试大量网页?
5、如何验证你所看到的效果是正确的?
6、如果你无法获得某些设备,如何测试网站在这些设备上的效果?
1)测试多个浏览器
常用的测试CSS在不同浏览器中显示效果的方法是人工测试,主流浏览器包括Chrome、Firefox、Safari、MicrosoftEdge等。
为了测试CSS在移动端的效果,需要从合适的应用市场下载适合于设备的各种浏览器。
1、要用iOS系统的Safari浏览器测试,可以使用iOS原生设备或Xcode的iOS模拟器。
2、安卓设备可以用AndroidStudio的模拟器测试。
2)第三方测试服务
除了自己测试,还可以使用第三方提供的种类丰富的测试服务。它们能够满足测试网站在任意浏览器或其他配置环境中的效果的需求,同时还提供类似共享测试阶段信息、人工测试多种浏览器和截图等功能。
下面列出的几种第三方服务,有些可免费试用一段时间或提供几种级别的免费服务:
1、BrowserStack
2、SauceLabs
3、Browserling
4、Litmus
3)视觉回归测试
视觉回归测试是一种测试方法,它通过比较作为基准的用户界面图像和开发过程同一用户界面的图像,来检测不符合预期的改动(回归)。视觉回归测试非常耗时,因为需要测试的浏览器很多,一有改动就进行这种测试,测试工作量很大。此外,肉眼难以确定元素在空间位置上的变化。视觉回归测试有如下技巧:
1、测试重要的点,例如一旦基础样式定义好,就不大可能因为改动它们而引入错误;但是更为复杂、更加脆弱的可用性组件则是需要重点测试的。
2、保持足够细致的粒度,每次只测单个组件。
3、用多种浏览器进行视觉回归测试,因为不同浏览器之间可能存在不一致现象,即不要尝试比较不同浏览器的截图。
Gemini项目是Yandex团队开发的视觉回归测试工具。使用该工具,可以编写脚本,自动截取网站在主流浏览器中的截图,然后将其与基准图像比较,不同之处将以高亮形式标记出来。
【免责声明】:本内容转载于网络,转载目的在于传递信息。文章内容为作者个人意见,本平台对文中陈述、观点保持中立,不对所包含内容的准确性、可靠性与完整性提供形式地保证。请读者仅作参考。更多内容请在707945861群中学习了解。