我们的目标是：按照这一套资料学习下来，大家可以独立完成自动化测试的任务。

上一篇我们讨论了滑块的操作方法，本篇文章我们讲述一下截图的操作方法。希望能够帮到爱学的小伙伴。

         在实际的测试项目组中我们经常要截屏保存报错信息，以便后续人工确认是否是真的bug。和对应的日志相对应。有时登录或者注册有图片上的验证码需要验证，也需要截图验证码，然后分析识别图片上的文字。

1、截屏的方法

页面截屏比较简单，可以使用selenium自带的方法：save_screenshot

下面以免费Swag Labs的网址（https://www.saucedemo.com/）为例进行说明：

练习代码如下：

#打开浏览器，并最大化driver.get("https://www.saucedemo.com/")   #打开练手的网站driver.maximize_window()time.sleep(3)now = time.strftime("%Y-%m-%d %H_%M_%S")pictures=now+".png"driver.save_screenshot(pictures)

运行脚本以后可以看到产生对应的图片，在这个项目的文件夹下。

图片为了不重复命名，这里用了日期+时间的方法。

2、元素的截图

验证码如果要用图像识别的方式去处理的话，需要先对验证码元素进行截图。

如下例子：

前面是上一节滑块的内容，黄色是这次新增：

driver.get("https://passport.ctrip.com/user/reg/home")driver.maximize_window()time.sleep(3)# 点击同意并继续driver.find_element_by_xpath("//*[@id='agr_pop']/div[3]/a[2]").click()# 滑块的元素slider = driver.find_element_by_css_selector("#slideCode > div.cpt-drop-box > div.cpt-drop-btn")print(slider.size['width'])print(slider.size['height'])# 滑块区域的元素slide_range = driver.find_element_by_css_selector("#slideCode > div.cpt-drop-box > div.cpt-bg-bar")print(slide_range.size['width'])print(slide_range.size['height'])# 拖动滑块ActionChains(driver).drag_and_drop_by_offset(slider, slide_range.size['width'], -slider.size['height']).perform()print("滑动成功")time.sleep(3)now = time.strftime("%Y-%m-%d %H_%M_%S")pictures = now + ".png"

driver.save_screenshot(pictures)# 元素的位置captcha_image = driver.find_element_by_class_name("cpt-small-img")# 获取元素的位置和大小left = captcha_image.location['x']top = captcha_image.location['y']right = left +captcha_image.size["width"]bottom =top+captcha_image.size["width"]# 截取屏幕截图im = Image.open(pictures)im = im.crop((left,top,right,bottom))im.save("captcha.png")

运行脚本查看文件夹下有对应的截图：        

好了，今天就分享到这里。

每天进步一点点，加油！