python+selenium 元素的基本操作、.等待操作、iframe操作、alert弹出框
1元素的基本操作
关键代码🔻:
- 点击:
ele.click()
- 输入内容:
ele.send_keys("内容")
- 清空内容:
ele.clear()
- 获取文本内容:
ele.text
- 获取属性值:
ele.get_attribute("属性名称")
- 获取元素的宽高:
ele.size
,size和location一样都是实例属性,返回都是字典格式 - 获取元素的坐标:
ele.location
,元素坐标值是通过元素的最左上角相对浏览器内容区域的左上角来定位的
2表单提交
关键代码🔻:
- 表单提交:
ele.submit()
,用于表单的提交;也可以定位到具体提交按钮做一个点击的动作
3检查元素
关键代码🔻:
- 是否可见:
ele.is_displayed()
,返回True可见,反之不可见 - 是否可点击:
ele.is_enabled()
,返回True可点击,反之不可点击 - 是否被选中:
ele.is_selected()
,返回True被选中,反之未选中
3等待操作
在web自动化中,不得不提的元素等待操作,我们在做功能测试中也会经常遇到页面元素未完全加载的情况,需要等到元素出现后再进行操作。现在是代码代替人工去做这件事,那自然也需要先等到元素加载完成才进行操作。
当我们打开浏览器,进入一个网页driver.get(网址)
,除了get()会自主强制等待网页加载完再进入下一个操作,其他元素操作都不会自己等待页面加载完成,因此在get()之后只要我们做的动作会让页面产生变化就要做一个等待动作,以防元素未加载完成导致元素找不到报错,因为代码运行的速度是非常快的。
有三种等待方式,一种强制等待,两种智能等待:隐性和显性。
3|1强制等待
time.sleep(秒)
:表示让程序强制死等x秒,无论发生什么,都会在x秒之后再执行后续的代码
3|2隐性等待
implicitly_wait(秒)
:设置最长等待时间,在这个时间内只要有个时间点加载完成,则执行下一步代码,如果在这个时间内仍未完成,就会抛出一个异常,在这整个driver的会话周期内,设置一次即可,全局都可用。
缺点🔶:程序会一直等待整个页面加载完成,也就是一般情况下你看到浏览器标签栏那个小圈不再转,才会执行下一步,但有时候页面想要的元素早就加载完成了,但是因为个别js、图片之类的东西特别慢,仍得等到页面全部完成才能执行下一步,就会增加不必要的加载时间。
3|3显性等待
关键代码:WebDriverWait(driver, 等待时长, 轮循周期).until/until_not(判断条件)
。
使用WebDriverWait类和expected_conditions模块,它会明确等到某个条件满足后,再去执行下一步操作。它的等待机制是程序会每隔xx秒去寻找一遍,如果条件成立则执行下一步,否则以轮循的方式继续去寻找,直到超过设置的最长时间,然后抛出一个TimeoutException
异常。
WebDriverWait类:显性等待类
expected_conditions模块,提供了一系列期望发生的条件,如下:
- 🍊
title_is(title)
:判断当前页面的title是否等于预期, - 🍊
title_contains(title)
:判断当前页面的title是否包含预期字符串 - 🍊
presence_of_element_located(locator)
:判断某个元素是否存在dom树 - 🍊
visiblilty_of_element_located(locator)
:判断某个元素是否可见 - 🍊
visiblilty_of(element)
:跟上面的方法一样,判断某个元素是否可见,只是前者要传locator(定位器),后者直接传定位到的element就好了 - 🍊
element_to_be_clickable(locator)
:判断某个元素是否可点击 - 🍊
frame_to_be_available_and_switch_to_it(frame下标/name属性/webelement对象)
:判断该frame是否可以swtich进去,可以则返回True并swtich进去,否则返回False。 - 🍊
alert_is_present()
:判断页面上是否存在alert
以上是列举的部分条件类,还有更多的方法有兴趣可以自行扩展。下面是其中一个方法示例:
运行结果:
知识点🔻:
上面提到的定位器其实就是一个元组(定位方式, 定位表达式)
,By模块里封装了8大定位方法名,跟我们之前的定位方式是一样的。
不过要注意的是,在使用find_element()
定位元素时,不是传入一个元组,定位方式和表达式是直接作为参数传入的,因此上面的例子中会用到*解包。而find_element_by_id(属性值)
之类的定位,底层代码用的其实就是find_element()
,后者只要传对应定位方式的值,前者则需要传定位方式、定位表达式。
4iframe操作
iframe:iframe就是一个网页里面嵌套了另外一个框架/页面,即一个html页面中,还内嵌了另一个html页面,这个内嵌的html页面放在<iframe></iframe>
标签对中。iframe也是html中的某一个元素,里面放的是html页面。
4|1切换到iframe
如果我们要操作的元素,在内嵌的iframe页面中,那么必须要从当前页面切换到iframe中,然后再去iframe中的页面去操作元素。切换到iframe,主要有以下两种方式:
- 🍅 方式一:
swtich_to.iframe()
参数:iframe的index(下标)/ iframe的name属性 / iframe的webelement对象
- 🍅 方式二:
EC.frame_to_be_available_and_switch_to_it()
(强烈推荐 ,等待和切换一次到位)
参数:iframe的index(下标)/ iframe的name属性 / iframe的webelement对象,等待条件:此方法会判断iframe是否可用,并且会自动切换到iframe中
4|2切换到上层iframe
关键代码:driver.iframe_to.parent_frame()
如果iframe中又内嵌了一个iframe,那就只能在主html中一层一层地切进去。如果想返回上一层时也是一层一层地返回去。一般很少会返回去。
4|3切换到主html
关键代码:driver.swtich_to.default_content()
切换到iframe之后,本身在主html就变成了在切换后的内嵌html,这时可以操作内嵌html的元素了,如果想重新操作主html的元素,就要先从iframe中回到主html。
这里要注意,不管你是在第几层的iframe中,想切回到主html中,都只需执行一次。例子:
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 # 主html、内嵌html # 确定要操作的元素是否在iframe内? # 启动Chromedriver,并与Chromedriver开启会话 driver = webdriver.Chrome() driver.maximize_window() driver.get("http://lemon.ke.qq.com/") driver.find_element_by_id('js_login').click() wait = WebDriverWait(driver, 10) # 设置显性等待时间 qq_l = (By.XPATH, '//div[@class="content-btns"]//a') wait.until(EC.visibility_of_element_located(qq_l)) # 设置显性等待条件 driver.find_element(*qq_l).click() # 设置等待条件,此方法会判断iframe是否可用,并且会自动切换到iframe中 wait.until(EC.frame_to_be_available_and_switch_to_it('login_frame_qq')) driver.find_element_by_id('switcher_plogin').click() driver.find_element_by_id('u').send_keys('test') driver.find_element_by_id('p').send_keys('test') driver.find_element_by_id('login_button').click() time.sleep(2) driver.quit() # 关闭浏览器,kill掉chromedriver进程
5alert弹出框操作
网页上的弹出框分两种,一种是页面弹出框 ,这是一个html页面元素,可见时是能定位到并进行操作的;另一种则是alert弹出框,这是是js里的alert弹框,而selenium只能定位到html元素,那么像这种alert弹出框如何处理呢?既然是js那么我们就用js来处理。
5|1页面弹出框
它是一个html页面元素,只是需要由用户在页面的操作中触发弹出,因此处理这种类型的弹出框,一般分为两步:
- 🍊 第一步:执行触发操作之后,等待弹出框出现
- 🍊 第二步:定位弹出框中的元素并操作
如百度登录的弹出框:
5|2alert弹出框
alert弹出框的处理方式:
- 🍰 第一步:使用
swtich_to.alert
切换到弹出框,建议先使用显性等待EC.alert_is_present()
判断弹出框是否可见,或者强制等待0.5s:time.sleep(0.5)
- 🍰 第二步:使用Alert类提供的一系列操作方法对弹窗进行操作:
accept()
是dismiss()
否Send_keys()
往弹出框里输入文本text()
获取弹框里的内容