《手把手教你》系列练习篇之8-python+ selenium自动化测试 -压台篇(详细教程)

1. 简介

   本文是练习篇的最后一篇文章,虽然练习篇的文章到此就要和大家说拜拜了,但是我们的学习之路才刚刚开始。不要停下你的脚步,大步朝前走吧!比你优秀的人还在走着,我们有什么理由停下自己的脚步了,生命不止,学习亦是如此。好了,宏哥的毒鸡汤好

喝吧,喝够了就开始学习吧。

葡京在线网投  本文主要是练习如何处理iframe切换、处理alert弹窗、获取当前页面全部信息、获取页面href属性和如何截图保存等等内容,希望小伙伴或者童鞋们喜欢哈!!!

2. 处理iframe切换

葡京在线网投  本文介绍如何利用Selenium中方法,在不同iframe中切换。

问题:有时候我们发现元素定位没问题,在测试回放的过程,发现就是找不到元素报错。

2.1 示例一:

葡京在线网投  由于没有找到合适的iframe网站,这里不好用代码举例,简单文字加图片来介绍。但是宏哥辗转反侧的睡不着,最后实在是没招了。于是自己写了一个简陋比较low的网页,利用iframe网页框架,把网页分成上下两个不同iframe控制的页面,把下面html代码保存到

一个记事本,然后修改名称为index.html。

2.2 index.html

<html>
<head><title>iframe test page</title></head>
<body>
<iframe id="frame1" src="http://www.baidu.com" name="slider" height="325" width="550"></iframe>
<br>
<iframe id="frame2" src="http://example.com" name="example" height="325" width="550"></iframe>
</body>
</html>

葡京在线网投用本地浏览器打开如下图:

葡京在线网投用firepath来获得百度文本输入框的XPath截图

看到了红圈位置不是显示Top Window,说明你要定位的目标元素在一个iframe里,如果要操作这个元素,首先需要从默认的Top Window,利用switch_to.frame('iframeid')方法来切换到具体的iframe,然后才能去操作目标元素。

葡京在线网投正常百度页面,文本输入框截图

方法介绍:

driver.switch_to.frame("iframe1")
# 操作目标元素,这个目标元素在 iframe1里面,这里就是百度文本输入框输入文字
driver.switch_to.default_content() 
葡京在线网投如果有具体项目页面利用了iframe, 自己动手写一下脚本。

2.3 示例二:

葡京在线网投  宏哥最后终于找到了一个合适的demo来给小伙伴们或者童鞋们来用代码实际演练的例子如下:

步骤:

1.先确认你要操作的元素,是否存在与iframe中,如果元素在iframe中就需要切换

2.找到该iframe

3.切换到该iframe (两种方式)

   第一种方式:有三种方法,只是单纯的切换
   driver.switch_to.frame(1) #通过index(下标)
   driver.switch_to.frame('login_frame_qq') #通过name
葡京在线网投   driver.switch_to.frame(driver.find_element_by_xpath('//iframe[@name="login_frame_qq"]')) #通过webelement

葡京在线网投   第两种方式:既等待元素可见又进行了iframe切换

   WebDriverWait(driver,20).until(EC.frame_to_be_available_and_switch_to_it('login_frame_qq'))

4.切换完后,就以这个iframe中的html为主html

5.返回默认的html页面,无论现在在那一层的iframe,执行一次即可。
   driver.switch_to.default_content()

2.3.1 代码实现:

2.3.2 参考代码:
# coding=utf-8🔥

# 1.先设置编码,utf-8可支持中英文,如上,一般放在第一行

# 2.注释:包括记录创建时间,创建人,项目名称。
'''
Created on 2019-12-09
@author: 北京-宏哥   QQ交流群:705269076
Project: python+ selenium自动化测试练习篇8
'''

# 3.导入模块
import time
from selenium import webdriver
from selenium.webdriver.support.wait import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC
from selenium.webdriver.common.by import By

driver = webdriver.Chrome()
driver.maximize_window()

# 登录腾讯课堂页面
driver.get('http://ke.qq.com/course/list')

# 点击首页登录
WebDriverWait(driver,20).until(EC.visibility_of_element_located((By.XPATH,'//a[@id="js_login"]')))
driver.find_element_by_id("js_login").click()

# 登录弹窗点击QQ登录
WebDriverWait(driver,20).until(EC.visibility_of_element_located((By.XPATH,'//a[contains(@class,"btns-enter-qq")]')))
driver.find_element_by_xpath('//a[contains(@class,"btns-enter-qq")]').click()

# iframe切换
# driver.switch_to.frame('login_frame_qq') #通过name
driver.switch_to.frame(driver.find_element_by_xpath('//iframe[@name="login_frame_qq"]')) #通过webelement

# 弹窗点击账户密码登录switcher_plogin
#WebDriverWait(driver,20).until(EC.visibility_of_element_located((By.XPATH,'//a[@id="switcher_plogin"]')))
time.sleep(10)
driver.find_element_by_xpath('//a[@id="switcher_plogin"]').click()
2.3.3 运行结果:

葡京在线网投运行代码后,控制台打印如下图的结果

2.3.4 浏览器运行结果:

浏览器的运行过程,宏哥这里就不做屏幕录制了,这个我们看一下结果。浏览器运行结果如下:

3. 处理Alert弹窗

本文来介绍如何通过Selenium方法去处理网页Alert弹窗,和处理iframe类似,都是通过switch_to方法。这里还是没有找到合适的alert弹窗网站,我们就自己创建一个吧,前面文章介绍了如何通过执行JS来增加一个弹窗。

(1)使用switch_to方法先切换到浏览器弹出框
         driver.switch_to.alert
(2)Alert类提供了一系列的操作方法
        dismiss(): 否
        accept(): 是
        text(): 获取弹出框里的文本内容
葡京在线网投        send_keys(): 在弹出框里输入文本

相关脚本代码如下:

3.1 代码实现:

3.2 参考代码:

# coding=utf-8🔥

# 1.先设置编码,utf-8可支持中英文,如上,一般放在第一行

# 2.注释:包括记录创建时间,创建人,项目名称。
'''
Created on 2019-12-09
@author: 北京-宏哥   QQ交流群:705269076
Project: python+ selenium自动化测试练习篇8
'''

# 3.导入模块
import time
from selenium import webdriver


driver = webdriver.Chrome()
driver.maximize_window()
driver.implicitly_wait(6)
driver.get("http://www.baidu.com")
time.sleep(1)

driver.execute_script("window.alert('这是一个测试Alert弹窗');")
time.sleep(2)
driver.switch_to_alert().accept() # 点击弹出里面的确定按钮

#driver.switch_to_alert().dismiss() # 点击弹出上面的X按

3.3 运行结果:

运行代码后,控制台打印如下图的结果

注意:
driver.switch_to_alert().accept()

葡京在线网投这是一个老方法,在有些编辑器(后面会介绍一款Python的IDE工具)会提示这个方法划横线,说明在最新Selenium在Pyhton支持包里,这个方法被丢弃,虽然还是可以用,现在新的方法是switch_to.alert(),用这个最新方法,我测试了下,无法模拟点击确定和点击关

闭弹窗按钮,所以这个地方选择了旧的方法switch_to_alert()

4. 获取当前页面全部图片信息

本文来介绍下如何获取当前页面全部的图片信息,图片信息可能包括,图片名称,图片大小等。

相关脚本代码如下:

4.1 代码实现:

4.2 参考代码:

# coding=utf-8🔥

# 1.先设置编码,utf-8可支持中英文,如上,一般放在第一行

# 2.注释:包括记录创建时间,创建人,项目名称。
'''
Created on 2019-12-09
@author: 北京-宏哥   QQ交流群:705269076
Project: python+ selenium自动化测试练习篇8
'''

# 3.导入模块
import time
from selenium import webdriver


driver = webdriver.Chrome()
driver.maximize_window()
driver.implicitly_wait(6)
driver.get("http://news.baidu.com")
time.sleep(1)

for image in driver.find_elements_by_tag_name("img"):
    print (image.text)
    print (image.size)
    print (image.tag_name)

4.3 运行结果:

运行代码后,控制台打印如下图的结果

运行结果:

运行结果,发现没有图片名称打印出来,说明百度新闻页面,所有图片都没有给出text这个属性,前端的妹子没有写图片的text属性。不相信的同学或者小伙伴们可以通过F12查看一下图片是否有text这个属性。

5. 获取页面元素的href属性

本文来介绍如何通过Selenium获取页面元素的某一个属性。一个元素可能有多个属性,例如 class, id, name, text, href, vale等等。这里我们举例一个爬虫中经常需要处理的链接问题:找出当前页面所有的超链接。

已百度首页为例,打印所有包含href的元素的链接。

相关脚本代码如下:

5.1 代码实现:

5.2 参考代码:

# coding=utf-8🔥

# 1.先设置编码,utf-8可支持中英文,如上,一般放在第一行

# 2.注释:包括记录创建时间,创建人,项目名称。
'''
Created on 2019-12-09
@author: 北京-宏哥   QQ交流群:705269076
Project: python+ selenium自动化测试练习篇8
'''

# 3.导入模块
import time
from selenium import webdriver


driver = webdriver.Chrome()
driver.maximize_window()
driver.implicitly_wait(6)
driver.get("http://www.baidu.com")
time.sleep(1)

for link in driver.find_elements_by_xpath("//*[@href]"):
    print (link.get_attribute('href'))
driver.quit()

5.3 运行结果:

葡京在线网投运行代码后,控制台打印如下图的结果

这里只是找元素的href属性,如果你需要其它属性,例如你需要查看页面所有元素具有id值的话,你可以这样写: print (link.get_attribute('id'))

6. 如何截图并保存

葡京在线网投本文介绍如何利用Selenium的方法进行截图,在测试过程中,是有必要截图,特别是遇到错误的时候进行截图。在selenium for python中主要有三个截图方法,我们挑选其中最常用的一种。

get_screenshot_as_file()

相关代码如下:

6.1 代码实现:

6.2 参考代码:

# coding=utf-8🔥

# 1.先设置编码,utf-8可支持中英文,如上,一般放在第一行

# 2.注释:包括记录创建时间,创建人,项目名称。
'''
Created on 2019-12-09
@author: 北京-宏哥   QQ交流群:705269076
Project: python+ selenium自动化测试练习篇8
'''

# 3.导入模块
import time
from selenium import webdriver


driver = webdriver.Chrome()
driver.maximize_window()
driver.implicitly_wait(6)
driver.get("http://www.baidu.com")
time.sleep(1)

driver.get_screenshot_as_file("C:\\Users\\你的账户名\\Desktop\\baidu.png")
driver.quit()

6.3 运行结果:

运行代码后,控制台打印如下图的结果

6.4 执行结果:

会在桌面保存一张百度首页的截图,图片后缀是png。注意路径是要两个 \\ 。如下图:

7. 小结

7.1 多个iframe的切换问题

# 如:有两个iframe:f1、f2
# 1.定位到f1
driver.switch_to_frame("f1")
# 2.操作元素
# ······
# 3.退出iframe
driver.switch_to_default_content()
# 4.定位到f2
driver.switch_to_frame("f2")
# ······

7.2 嵌套:f1中嵌套着f2

driver.switch_to_frame("f1")
driver.switch_to_frame("f2")
# 操作元素

7.3 退出iframe:

# 第一种方式:跳出所有iframe,回到主界面
driver.switch_to_default_content()

# 第二种方式:回到f1(返回上一级)
driver.switch_to.parent_frame()

好了,今天的练习就到这里,希望大家好好的练习和理解。 

 

您的肯定就是我进步的动力。如果你感觉还不错,就请鼓励一下吧!记得点波 推荐 不要忘记哦!!!

 

posted @ 2019-12-09 11:00  北京-宏哥  阅读(...)  评论(...)    收藏
停止精灵球