Selenium 系列篇(三):窗口篇

共 4388字,需浏览 9分钟

 ·

2020-09-20 15:32


点击上方“AirPython”,选择“加为星标

第一时间关注 Python 技术干货!


1. 窗口操作

Selenium 自动化过程中,对窗口本身的操作包含:打开一个窗口、关闭一个窗口、刷新一个窗口、窗口的回退和前进。

其中,打开一个窗口只需要使用 driver.get( url) 方法,传入一个网页地址,即可以驱动浏览器打开目标网址。

# 打开一个窗口网站
driver.get("http://www.baidu.com")

在多窗口页面切换时,WebDriver 提供了 API ,包含:back()、forward()、refresh() 方便我们对浏览器执行 回退、前进、刷新页面 的操作。

# 打开一个窗口网站
driver.get("http://www.baidu.com")

# 打开第二个网站
driver.get("http://www.google.com")

# 回退到第一个窗口网站
driver.back()

# 前进到第二个窗口网站
driver.forward()

# 刷新当前页面
driver.refresh()

默认窗体是全屏显示,也可以 显式指定窗口展示的宽和高

# 设定窗口的宽为1000,高为800
driver.set_window_size(1000, 800)

为了测试报告更直观,往往需要截图附件,Selenium 可以随时对某一个窗口页面进行 截图

# 保存当前页面为图片
driver.save_screenshot('./temp.png')

自动化完成之后,我们一般需要 关闭窗口,使用 close() 可以关闭当前窗口,quit() 退出驱动程序,关闭所有页面。

# 关闭当前窗口页面
driver.close()

# 关闭所有窗口页面
driver.quit() 

2. 内部元素操作

窗口内部元素使用最多的操作包含:点击按钮、输入框的清空和设置内容。

# 点击某个按钮
driver.find_element_by_id("element_btn").click()

# 清空输入框
driver.find_element_by_id("element_edit").clear()

# 输入框内设置内容
driver.find_element_by_id("element_edit").send_keys("Python自动化测试社区")

获取到一个元素之后,就能拿到 元素的内容 和 全部属性。

# 首先查找到网页元素
norm_element = driver.find_element_by_id("element_norm")

# 获取元素的尺寸大小
print(norm_element.size)

# 获取元素的所有属性,比如:type属性
print(norm_element.get_attribute("type"))

3. 等待操作

自动化打开一个网页的时候,内部网页元素加载完全有一点的延迟性,因此在做 Web 端的自动化测试的时候,一般都需要在测试 case 时加入一些等待操作。

常用等待操作有 3 种,分别是:sleep、隐式等待、显示等待

其中,sleep(timeout) 是设定一个固定的等待时长,强行进行等待,使用方便的同时,效率最低,不建议使用。

# 强行等待 10s
sleep(10)

隐式等待 也是设定一个固定的等待时间,对整个生命周期的元素都起作用,每一个元素都会等待加载完全,直到超过设定的等待时间。

# 隐式等待设定时长为5s
driver.implicitly_wait(5)

driver.get('http://www.google.com')

# 隐式等待所有元素加载完成,直到超过设定的最长时间
driver.find_element_by_id("element_id").click()

显示等待 相比隐式等待更灵活,是先设定一个条件函数和一个最长等待时长,轮询判断条件函数的返回值,如果返回 True,则开始执行后面的操作,否则会一直等待,直到超时报元素未找到异常。

Selenium 中使用 expected_conditions 指定了很多条件函数(也可以自定义条件函数),具体可以参考官网。

# 使用方式
# 指定超时时间和条件函数
WebDriverWait(driver,timeout).until(method)

比如:下面就是轮询等待 10s,直到页面元素可见。

# 显示等待 10s,直到元素出现
element = WebDriverWait(driver, 10).until(
    EC.visibility_of_element_located((By.ID, "element_id"))
)

上面的 3 种等待,显式等待和隐式等待使用更常见;隐式等待针对全局,可以动态的设置等待时长;显式等待最灵活,可以最大程度地提高测试用例的执行效率。

4. 内嵌页面

有一些复杂的网页会包含 iframe HTML 内联框架元素,WebDriver API 是没法直接找到 iframe 表单内嵌页面的元素。

如果想定位到内嵌页面的元素,可以使用 switch_to_frame( frame_id/frame切换到对应的 iframe ,然后再去查找内部元素。

# 使用 iframe id 或者 iframe 对象切换到 iframe
driver.switch_to.frame("frame_id")
driver.switch_to.frame(target_frame)

# 然后再查找 iframe 内部元素
driver.find_element_by_name("pwd").send_keys("******")

操作完 iframe 之后,使用 switch_to.default_content() 切换到外层页面,继续后面的操作。

# 切换到外层页面
driver.switch_to.default_content()

需要注意的是,针对多层 iframe 嵌套,需要一层一层地切换 iframe,操作完对应 iframe 内部操作之后,返回到最外层页面。

比如:iframeA- iframeB - iframeC,要查找 iframeC 内部元素控件

# 切换到第一层
driver.switch_to.frame("iframeA")

# 切换到第二层
driver.switch_to.frame("iframeB")

切换到第三层
edriver.switch_to.frame("iframeC")

# 操作第三层元素
....

# 切换到最外层元素
driver.switch_to.default_content()

5. 窗口切换

有时候,点击网页内部某个链接,会打开一个新的窗口,实际上,每一个窗口都特定的窗口句柄window_handle。

获取当前窗口页面的窗口句柄:current_window_handle。

获取所有窗口页面的窗口句柄:window_handles,返回值是一个窗口句柄列表。

要操作某一个窗口内的元素,首先要使用 switch_to_window() 切换到对应的窗口,然后才能操作内部元素。

# 获取当前窗口的句柄
window_handle_main = driver.current_window_handle

# 跳到其他窗口界面
...

# 获取所有的窗口句柄
window_handles = driver.window_handles

# 其他窗口的句柄
window_handle_other = None

# 遍历找到注册窗口句柄
for handle in window_handles:
    if handle != window_handle_main:
        # 其他窗口句柄
        window_handle_other = handle

        # 切换到第二个窗口内
        driver.switch_to.window(window_handle_other)

        # 第二个窗口内部操作
        ......

        # 关闭当前窗口,即第二个窗口页面
        driver.close()

# 切换到主窗口
driver.switch_to.window(window_handle_main)

6. 特殊元素

针对网页中的一些特殊网页元素,比如:JS 警告对话框、下拉选项,Selenium 都提供了对应的 API,方便我们快速地进行处理。

警告对话框 会在窗口上浮动弹出一个警告对话框,WebDriver 使用 switch_to.alert() 切换到对话框本身,然后就能操作对话框了。

常见操作包含:获取对话框文本内容、同意对话框、关闭对话框,如果对话框内存在输入框的话,还可以使用 send_keys() 输入内容。

# 切换到对话框
dialog_alert = driver.switch_to.alert

# 获取警告框的提示信息
acontent = dialog_alert.text

# 对话框的操作
# 操作包含 accept()、dismiss()、send_keys()
dialog_alert.accept()

下拉选项 Select 也是比较常用的网页元素,要模拟选择某一项值,需要借助 WebDriver 提供的 Select 类。

Select 类可以通过 索引、文本内容、value 属性值 来模拟选择下拉选项的某一项。

from selenium.webdriver.support.select import Select

# 下拉选项元素
element_select = driver.find_element_by_xpath("//select[@id='select_id']")

# 利用 Select 类进行选择
# 1、通过value来选择
Select(element_select).select_by_value(element_value)

# 2、通过索引来选择
# Select(element_select).select_by_index(element_index)

# 3、通过内容来选择
Select(element_select).select_by_visible_text(element_text)


喜欢本教程系列的同学
欢迎长按下图订阅!

⬇⬇⬇

浏览 45
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报