Selenium2学习-025-WebUI自动化实战实例-023-页面快照截图应用之一 -- 常规截图(全页面)

通常我们在进行自动化测试的过程中,有时候需要对页面进行截图,以保存此时的页面,用作后续的判断或测试报告。在 Web UI 自动化测试脚本过程中,通常有以下几种截图的要求:

  1. 常规截图 - 页面样式(全页面)。此种应用也较为广泛,主要发生区域为:UI 或测试人员对页面样式的检验,应用于所有页面的截图,将对应的截图放置到服务器后,测试、UI、产品等可通过网页浏览各个页面样式布局,非常的方便,而且节省资源(无论是人力、还是物力,最重要的时间咯)
  2. 常规截图 - 断言失败(全页面)。此种情况,主要是为了保存断言失败的现场,主要发生区域为页面文本判断、按钮操作等等,应用于后续缺陷提交和测试报告
  3. 升级截图 - 指定元素截图。应用场景为针对指定的元素进行截图显示,此种方式在日常应用中相对较少;
  4. 终极截图 - 指定区域截图。此种为以上三种截图方式的终极版,也可称之为 WebDriver 截图的终极版。好处是更加切合实际应用,节约图片服务器存储容量损耗,从而节约图片服务器存储成本。实际应用非常的广泛,也提倡大家使用此种方式。

此文为常规截图的源码,敬请各位小主参阅。若有不足之处,敬请大神指正,不胜感激!

上码驰骋咯 ......

 1     /**
 2      * @function capture of display screen which will be store in the folder /test-output/capture under project home, and the format of capture is png.
 3      * @description apply to check web UI style or assertion failed
 4      *
 5      * @author Aaron.ffp
 6      * @version V1.0.0: autoUISelenium main.java.aaron.sele.core SeleniumCore.java snapshot, 2015-1-21 6:15:26 Exp $
 7      *
 8      * @param webdriver    : WebDriver
 9      * @param filename     : filename about capture
10      */
11     public void snapshot(WebDriver webdriver, String filename){
12         /* store the capture file to the local path*/
13         String snapshotFullpath = cl.SNAPSHOT_PATH + du.getCurrentTimeYYYYMMDD_HHMMSS() + "-" + filename + cl.SNAPSHOT_EXT;
14
15         TakesScreenshot ts = (TakesScreenshot) webdriver;
16
17         System.out.println("Save snapshot path is : " + snapshotFullpath);
18
19         /* get file of screen capture */
20         File snapshotSrcFile = ts.getScreenshotAs(OutputType.FILE);
21
22         try {
23             FileUtils.copyFile(snapshotSrcFile, new File(snapshotFullpath));
24         } catch (Exception e) {
25             this.logger.info("Can‘t save screenshot, the save path is : " + snapshotFullpath, e);
26         } finally {
27             this.logger.info("Screen shot saved successed.");
28         }
29     }

至此,WebUI 自动化功能测试脚本第 023-页面快照截图应用之一 -- 常规截图(全页面) 顺利完结,希望此文能够给初学 Selenium 的您一份参考。

最后,非常感谢亲的驻足,希望此文能对亲有所帮助。热烈欢迎亲一起探讨,共同进步。非常感谢! ^_^

时间: 2024-10-19 16:30:04

Selenium2学习-025-WebUI自动化实战实例-023-页面快照截图应用之一 -- 常规截图(全页面)的相关文章

Selenium2学习-003-Selenium2 WebUI自动化实战实例-001-百度搜索

此文主要通过百度搜索功能,进行 Selenium2 的实战实例讲解,文中所附源代码于 2015-01-16 02:01 亲测通过,敬请亲们阅览.希望能对初学 Selenium2 UI 自动化测试编程的亲们有所帮助.若有不足之处,敬请大神指正,不胜感激! 脚本实现功能步骤如下所示: 启动 Chrome 浏览器 打开百度网址:www.baidu.com 输入搜索项:范丰平 博客园 获取搜索结果的第一项,并打开 关闭 Chrome 浏览器(为显示打开效果,已将此项注释) 夜已深了,鬼话少述,直接上源代

Selenium2学习-034-WebUI自动化实战实例-032-页面快照截图应用之三 -- 区域截图(专业版)

之前有写过两篇博文讲述了 WebUI 自动化测试脚本中常用的截图方法,敬请参阅如下所示链接: 浏览器显示区域截图 浏览器指定区域截图 那么当需要截取的区域不在浏览器显示窗口范围之内时,之前的方法显然无法满足,那么该如何操作呢? 刷新页面,相当于页面归位操作 判断要截取的区域范围与当前浏览器显示区域大小关系,若截取范围大于显示区域,则重置浏览器窗口大小 模拟鼠标操作滚动屏幕,使需要截取的区域显示到浏览器窗口 重新计算截取起始位置相对于当前显示区域的坐标 调用之前的截图方法截图 下面就以获取易迅网首

Selenium2学习-033-WebUI自动化实战实例-031-页面快照截图应用之二 -- 区域截图

我在之前的文章中曾给出浏览器显示区域截图的方法,具体请参阅 .或许,有些小主已经想到了,每次都获取整个显示区域的截图存储,那么经过一段时间后,所使用的图片服务器的容量将会受到极大的挑战,尤其是在产品需要获取页面样式截图或断言失败截图比较多的情况下.解决此问题有两种途径,一是定期清理过期的样式截图:二是不需要获取整个显示区域的样式截图(即指定区域范围截图).此文给出的方法即是区域范围截图,敬请各位小主参阅.若有不足之处,敬请指正,不胜感激! 不唠叨了,直接上码了... 1 /** 2 * Get

Selenium2学习-007-WebUI自动化实战实例-005-解决 Firefox 版本不兼容:org.openqa.selenium.WebDriverException: Failed to connect to binary FirefoxBinary

此文主要讲述 Java 运行 Selenium 脚本时,因 Friefox 浏览器版本与 selenium-server-standalone-x.xx.x.jar 不兼容引起的 org.openqa.selenium.WebDriverException: Failed to connect to binary FirefoxBinary 报错解决方法. 希望能对初学 Selenium2 WebUI 自动化测试编程的亲们有所帮助.若有不足之处,敬请大神指正,不胜感激! 之前给朋友初步介绍了 S

Selenium2学习-027-WebUI自动化实战实例-025-JavaScript 在 Selenium 自动化中的应用实例之三(页面滚屏,模拟鼠标拖动滚动条)

日常的 Web UI 自动化测试过程中,get 或 navigate 到指定的页面后,若想截图的元素或者指定区域范围不在浏览器的显示区域内,则通过截屏则无法获取相应的信息,反而浪费了无畏的图片服务器资源,当然,最重要的还是未能达到自己的预期,是不是很内伤啊.此时,我们就不得不像正常用户操作一样,通过滚动页面至相应的区域,那么该如何滚动呢,此文就此给出答案. 此文实现的页面滚动,是通过 js 操作实现的,敬请各位小主参阅.若有不足之处,敬请大神指正,非常感谢! 直接上码了...... 1 /**

Selenium2学习-039-WebUI自动化实战实例-文件上传下载

通常在 WebUI 自动化测试过程中必然会涉及到文件上传的自动化测试需求,而开发在进行相应的技术实现是不同的,粗略可划分为两类:input标签类(类型为file)和非input标签类(例如:div.a或其他方式结合实现). 非input标签类因其有各式各样的实现方式,需要考虑具体的场景,因而此文对此类文件上传不做讲解,以input标签实现文件上传的方式进行讲解,请知悉! 解决方案有如下三种: 1.定位元素直接通过sendkeys修改input标签的文件链接: 2.通过第三方控件(AutoIt)编

Selenium2学习-016-WebUI自动化实战实例-014-Selenium 窗口选择

在日常的 WebUI 自动化测试脚本编写过程中,经常需要打开新的页面,或者在多个打开的页面之间进行切换,以对页面元素进行相应的操作,以模拟用户的行为,实现 UI 的自动化测试.在过往的时间中,经常有初学 Selenium(webdriver) 的朋友问及如何选择窗口的问题,其实 Selenium 已经给我们提供的了相应的方法去解决这个问题.解决思路如下: 1.通过 webdriver.getWindowHandles() 获取所有已打开窗口的信息 Set<String> 2.遍历上述信息,并切

Selenium2学习-018-WebUI自动化实战实例-016-自动化脚本编写过程中的登录验证码问题

日常的 Web 网站开发的过程中,为提升登录安全或防止用户通过脚本进行黄牛操作(宇宙最贵铁皮天朝魔都的机动车牌照竞拍中),很多网站在登录的时候,添加了验证码验证,而且验证码的实现越来越复杂,对其进行脚本识别的难度也越来越高.这对我们自动化脚本编写带了非常的不便,那么如何解决登录时的验证码问题呢?经常有初学自动化脚本编写的小主们问及此问题. 此文主要针对如何解决自动化测试脚本中含登录态的操作问题,即如何降低验证码对自动化脚本编写过程中的解决方法进行分析和解决,并以实例演示(基于易迅网易迅账号登录)

Selenium2学习-014-WebUI自动化实战实例-012-Selenium 操作下拉列表实例-div+{js|jquery}

之前已经讲过了 Selenium 操作 Select 实现的下拉列表:Selenium2学习-010-WebUI自动化实战实例-008-Selenium 操作下拉列表实例-Select,但是在实际的日常网页开发中,实现下拉列表的方法.样式.特效有 N 多种,但是无论实现的方法有多少不同,其都会遵循一定的规律,在此我就不再赘述了(有兴趣的小主,可以找有经验的前段请教一下).同时,此类实现的下拉列表在使用 Selenium 进行定位时,往往不尽如人意,定位比较繁琐. 此文仅以 淘宝网账户注册时选择手