Web自动化测试Selenium(4)frame切换/窗口切换/选择框-2021-10-09

最新推荐文章于 2024-03-18 16:32:37 发布
最新推荐文章于 2024-03-18 16:32:37 发布
阅读量1.8k 收藏 8
点赞数 2
分类专栏： 测试工具 文章标签： selenium html css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45363979/article/details/120671512
版权

1. frame切换

1.1 问题描述

选择 class 属性值为 plant 的元素。

elements = wb.find_element_by_css_selector('.plant')

在这里插入图片描述
表示返回的elements的列表为空。

通过查看开发者模式可以看出这些元素是在一个叫 iframe的 元素中的。
在这里插入图片描述

1.2 frame 简介

iframe 元素非常的特殊， 在html语法中，frame 元素 或者iframe元素的内部 会包含一个 被嵌入的 另一份html文档。

在我们使用selenium打开一个网页是， 我们的操作范围 缺省是当前的 html ， 并不包含被嵌入的html文档里面的内容。

1.3 frame 跳转

如果我们要 操作 被嵌入的 html 文档 中的元素， 就必须 切换操作范围 到 被嵌入的文档中。

wd.switch_to.frame(frame_reference)

其中iframe元素的id ‘frame1’ 或者 name属性值 ‘innerFrame’。
若没有上述属性，可以使用Webelement对象，使用 wb.find_elements_by_css_selector(’[src=“sample1.html”]’)
在这里插入图片描述

在这里插入图片描述

from selenium import webdriver
import traceback
# 启动浏览器
wb = webdriver.Chrome(r'')

# 设置最大等待时长为 10秒
wb.implicitly_wait(10)

# 打开网址
wb.get('http://cdn1.python3.vip/files/selenium/sample2.html')

# 隐式等待
wb.implicitly_wait(10)

try:
   # 跳转HTML
    
    # 1. 根据id选择
    #wb.switch_to.frame('frame1')
    
    # 2. 根据Webelement对象进行选择，Webelement对象通过css selector 进行选择。
    wb.switch_to.frame(wb.find_element_by_css_selector('iframe[src="sample1.html"]'))
    
    # css选择器
    elements = wb.find_elements_by_css_selector('.plant')
except:
    info = traceback.format_exc()
    print(info)
else:
    for i in elements:
        print(i.text)
finally:
    wb.close()

在这里插入图片描述
这时切换到某个iframe里面进行操作了，那么后续选择和操作界面元素 就都是在这个frame里面进行的。怎么切换回原来的主html呢？

wd.switch_to.default_content()

wb.switch_to.default_content()
element = wb.find_element_by_css_selector('.baiyueheiyu')
print(element.text)

在这里插入图片描述

2. 窗口切换

在网页上操作的时候，我们经常遇到，点击一个链接 或者 按钮，就会打开一个 新窗口, Selenium写自动化程序 在新窗口里面 打开一个新网址， 并且去自动化操作新窗口里面的元素.

from selenium import webdriver

# 启动浏览器
wb = webdriver.Chrome(r'')

# 设置隐式等待时间
wb.implicitly_wait(5)

# 搜索
wb.get('https://www.baidu.com')

# 定位元素
element = wb.find_element_by_id('kw')

# 搜索
element.send_keys('selenium')

# 定位百度按钮并点击
wb.find_element_by_id('su').click()

# 定位第二个连接
wb.find_element_by_css_selector('div[id="content_left"]>div>h3>a')[1].click()

print(wb.title)

在这里插入图片描述
显示仍为老窗口。
跳转新窗口

wd.switch_to.window(handle)

WebDriver对象有window_handles 属性，这是一个列表对象， 里面包括了当前浏览器里面所有的窗口句柄。

from selenium import webdriver

# 启动浏览器
wb = webdriver.Chrome(r'')

# 设置隐式等待时间
wb.implicitly_wait(5)

# 搜索
wb.get('https://www.baidu.com')

# 定位元素
element = wb.find_element_by_id('kw')

# 搜索
element.send_keys('selenium')

# 定位百度按钮并点击
wb.find_element_by_id('su').click()

# 定位第二个连接
wb.find_elements_by_css_selector('div[id="content_left"]>div>h3>a')[1].click()

for handle in wb.window_handles:
    # 先切换到该窗口
    wb.switch_to.window(handle)
    # 得到该窗口的标题栏字符串，判断是不是我们要操作的那个窗口
    if '自动化工具' in wb.title:
        # 如果是，那么这时候WebDriver对象就是对应的该该窗口，正好，跳出循环，
        break

print(wb.title)

在这里插入图片描述

如果跳回原来的页面。
方法1. 继续遍历所有的话柄，然后找到跳转之前的网页，再进行跳转。
方法2. 可以保存老窗口的话柄

mainWindow变量保存当前窗口的句柄

mainWindow = wd.current_window_handle

通过前面保存的老窗口的句柄，自己切换到老窗口

wd.switch_to.window(mainWindow)

from selenium import webdriver

# 启动浏览器
wb = webdriver.Chrome(r'')

# 设置隐式等待时间
wb.implicitly_wait(5)

# 搜索
wb.get('https://www.baidu.com')

# 定位元素
element = wb.find_element_by_id('kw')

# 搜索
element.send_keys('selenium')

# 定位百度按钮并点击
wb.find_element_by_id('su').click()

# 定位第二个连接
wb.find_elements_by_css_selector('div[id="content_left"]>div>h3>a')[1].click()
mainWindow = wb.current_window_handle
for handle in wb.window_handles:
    # 先切换到该窗口
    wb.switch_to.window(handle)
    # 得到该窗口的标题栏字符串，判断是不是我们要操作的那个窗口
    if '自动化工具' in wb.title:
        # 如果是，那么这时候WebDriver对象就是对应的该该窗口，正好，跳出循环，
        break

print(wb.title)
wb.switch_to.window(mainWindow)
print(wb.title)

在这里插入图片描述

3. 选择框

3.1 radio 选择框

在这里插入图片描述
在这里插入图片描述
radio框选择选项，直接用WebElement的click方法，模拟用户点击就可以了。

from selenium import webdriver

# 启动浏览器
wb = webdriver.Chrome(r'')

# 隐式等待
wb.implicitly_wait(3)

# 输入网址
wb.get('http://cdn1.python3.vip/files/selenium/test2.html')

# 获取当前选中元素
element = wb.find_element_by_css_selector('#s_radio input[checked="checked"]')
print(element.get_attribute('value'))

# 点选 小雷老师
wb.find_element_by_css_selector('#s_radio input[value="小雷老师"]').click()

在这里插入图片描述

3.2 checkbox选择框

在这里插入图片描述
在这里插入图片描述

对checkbox进行选择，也是直接用 WebElement 的 click 方法，模拟用户点击选择

存在问题：
需要注意的是，要选中checkbox的一个选项，必须 先获取当前该复选框的状态 ，如果该选项已经勾选了，就不能再点击。否则反而会取消选择。
解决思路：

  • 先把 已经选中的选项全部点击一下，确保都是未选状态

  • 再点击 小雷老师

from selenium import webdriver

# 启动浏览器
wb = webdriver.Chrome(r'')

# 隐式等待
wb.implicitly_wait(3)

# 搜索网页
wb.get('http://cdn1.python3.vip/files/selenium/test2.html')

# 定位已选元素
elements = wb.find_elements_by_css_selector('#s_checkbox input[checked="checked"]')

# 把已选元素，重新点击，还原成未选状态
for element in elements:
    element.click()

elements = wb.find_element_by_css_selector('#s_checkbox input[value="小江老师"]').click()

3.3 select 选择框

在这里插入图片描述
radio框及checkbox框都是input元素，只是里面的type不同而已。
对于Select 选择框， Selenium 专门提供了一个 Select类 进行操作。
在这里插入图片描述

  1. 根据选项的 value属性值 ，选择元素。

select_by_value

  1. 根据选项的 次序 （从0开始），选择元素

select_by_index

  1. 根据选项的 可见文本 ，选择元素。

select_by_visible_text

  1. 根据选项的value属性值， 去除 选中元素

deselect_by_value

  1. 根据选项的次序，去除 选中元素

deselect_by_index

  1. 根据选项的可见文本，去除 选中元素

deselect_by_visible_text

  1. 去除 选中所有元素

deselect_all

3.1 Select单选框

直接用Select方法选择即可。

from selenium import webdriver
from selenium.webdriver.support.ui import Select

# 启动浏览器
wb = webdriver.Chrome(r'C:\Users\Lenono\Desktop\Test_Learning\chromedriver_win32\chromedriver.exe')

# 隐式等待
wb.implicitly_wait(3)

# 搜索网站
wb.get('http://cdn1.python3.vip/files/selenium/test2.html')

# 创建Select类
select = Select(wb.find_element_by_id('ss_single'))

# 通过Select对象选中小江老师
select.select_by_visible_text('小江老师')

3.2 Select多选框

对于select多选框，要选中某几个选项，要注意去掉原来已经选中的选项。
可以用select类 的deselect_all方法，清除所有 已经选中 的选项。
然后再通过 select_by_visible_text方法 选择 小雷老师 和 小凯老师。

from selenium import webdriver
from selenium.webdriver.support.ui import Select

# 启动浏览器
wb = webdriver.Chrome(r'')

# 隐式等待
wb.implicitly_wait(3)

# 搜索网站
wb.get('http://cdn1.python3.vip/files/selenium/test2.html')

# 创建Select类
select = Select(wb.find_element_by_id('ss_multi'))

# 去除所有的选项
select.deselect_all()

# 通过Select对象选中小江老师
select.select_by_visible_text('小江老师')
select.select_by_visible_text('小雷老师')

参考博客：http://www.byhy.net/tut/auto/selenium/02/
参考视频：https://www.bilibili.com/video/BV1Z4411o7TA?p=9

燥栋
关注
专栏目录
自动化测试Selenium+Python+UnitTest系列详细教程三：切换frame
qq_24914055的博客
07-25 833
frame/Iframe简介： frame框架：Html页面开发时，通过使用frame框架，可以在同一个浏览器窗口中显示不止一个页面，并且每个框架都独立于其他的框架。frame与Iframe实现的功能差不多相同，frame是整个页面的框架，iframe是内嵌的网页元素，是内嵌的框架 例如QQ邮箱登录页面，登录窗口即是当前浏览器窗口一个独立的框架。 为什么要切换frame/Iframe 在运行自动化脚本时候，当脚本报错元素找不到，例如： 报错的原因有很多种，比如定位方式有误，没有等页.
web自动化测试之Selenium
weixin_45583894的博客
04-29 1110
一、Selenium自动化测试框架
selenium4中frame切换
qq_19775097的博客
07-15 323
4、多层嵌套iframe切换：多层嵌套的情况下，如果要从主界面切换到第二层iframe，则需要一层一层的切换进去。注意：索引从0开始，只有同级可以使用索引切换，如果是嵌套的frame是不可以使用索引切换的。如果元素包含在frame中，默认处理外层元素，内层元素要处理就得切换iframe。3、通过WebElement对象切换iframe。2、通过元素索引切换。
python自动化测试selenium（四）切换页面、切换窗口
锅锅的博客
06-28 8894
切换页面、切换窗口
Selenium4+Python3系列（五） - 多窗口处理之句柄切换
专研技术结交志同道合的朋友
02-06 504
感觉到很惭愧呀，因为居然在系列中没有写过多窗口处理及句柄切换的文章，不过也无妨，不管什么语言，其思路是一样的，下面我们来演示，使用python语言来实现窗口句柄的切换。可能有的同学会问了，到底啥是窗口，什么又是多窗口，句柄到底是啥玩楞？那么，他到底长啥样？最近心情还是很不好，恐慌的不是单身可怕，而是年纪越来越大，也不知道现在的女孩都在想什么，好想结婚呀！感兴趣的同学，请自己去尝试，关于系列教程，未完待续····
python3+selenium4自动化测试-切换窗口与iframe-基础篇8
谜城的博客
05-26 2343
在自动化测试过程中，有时后会遇到元素定位没有问题，但是依旧抛出无法找到元素的异常的问题，通常情况下，如果元素定位没有问题，但还是无法找到元素，则可能是由于当前焦点不在指定页面或iframe导致的，以下将对两种情况分别进行说明 1、切换窗口 比如我们现在有这样一个需求，进入百度首页后，点击新闻，然后在新闻页面的搜索框输入selenium 而使用selenium要如何实现呢，在对selenium不是很熟悉的情况下，仅仅学习了之前的内容，写出的代码就可能会抛出找不到贴吧搜索输入框元素异常，示例代码如下 fro
【python-Web自动化-05课-iframe、窗口等控件切换】
最新发布
04-15
【Python Web自动化】课程主要关注的是使用Python进行网页自动化操作，这一部分的第五课着重讲解了如何处理`iframe`框架、窗口切换等关键任务。在Web自动化测试或爬虫项目中，这些技能至关重要，因为很多复杂的网页...
Python+selenium实现Web自动化测试的各种元素定位
12-21
在Python中，selenium是一个强大的Web自动化测试工具，它允许我们模拟用户与网站的交互，如点击按钮、填写表单等。本篇文章将详细介绍如何利用selenium进行Web自动化测试中的各种元素定位。 首先，要使用selenium，...
【webUI自动化-selenium篇】
轻歌的博客
02-14 233
selenium webui 自动化
Web自动化测试-selenium+unittest+jenkins
心若静#风奈何的博客
03-18 478
特点：id定位 是通过元素的id属性来定位元素的；在整个HTML文档中 id 属性必须是唯一的。(APP中id属性不唯一)前提：元素有id属性说明：当目标元素存在 id属性值时，优先使用 id 方法定位元素，前提id不是动态变化的。
Selenium基础篇之多窗口切换
业余python爱好者
03-20 1329
Selenium基础篇之多窗口切换。
Selenium切换窗口、框架和弹出框window、ifame、alert
测试界的彭于晏的博客
10-09 1029
​一、切换窗口#获取打开的多个窗口句柄、windows = driver.window_handles、#切换到当前最新打开的窗口 driver.switch_to.window(windows[-1]) #最大化浏览器 driver.maximize_window() #刷新当前页面 driver.refresh() 二、切换框架frame 如存在以下网页： ​
selenium切换frame
liucaixin2016的博客
10-21 2841
selenium切换frame
Selenium4+Python3系列（七） - Iframe、Select控件、交互式弹出框、执行JS、Cookie操作
专研技术结交志同道合的朋友
02-06 728
突然，想把所有之前未更新的常用Api操作、演示写出来，算是对API的一种完结吧。下面按照Api模块来做逐一介绍。
Selenium学习之对话框、frame、选择框
shan286的专栏
07-15 684
1、对话框 alert = driver.switch_to.alert #获取对话框（浏览器自带） print(alert.text) #获取对话框的文本内容并打印 alert.send_keys("想输入的内容") #在对话框的输入框中输入内容 alert.accept() #确认或确认并关闭对话框（无确认/取消按钮的对话框则只会是关闭） alert.dismiss() #取...
Selenium4+Python3 - Iframe、Select控件、交互式弹出框、执行JS、Cookie操作
weixin_56394378的博客
12-21 1400
在写脚本时，总会遇到一种情况，就是当滚动拉倒最下面了，表单或者下拉框、按钮这些元素未在当前页面展示，而webdriver提供的方法都是操作当前页面可见的元素，这时我们使用JavaScript操作浏览器的滚动条，滚动后使页面元素可见，就可完成后面的元素操作了。弹出框分为两种，一种基于原生JavaScript写出来的弹窗，另一种是自定义封装好的样式的弹出框，即原生JavaScript写出来的弹窗，另一种弹窗用click()基本就能搞定。还是以博客园为例，下面本文来介绍下如何绕过下图验证码，进入博客园。
selenium.selectFrame()方法掌握
热门推荐
smile_juan
01-14 1万+
我们有个日志发表功能，几乎所有的网站都有，我们网站日志的编辑框是一个内嵌的iframe，用selenium录制脚本的时候，发现检索不到，导致日志根本没有办法提交，下图是我们网址日志的截图之后，找到了selenium.selectFrame()方法，但是网站的"发表"按钮并不在iframe里面，所有就一直找不到“发表”按钮，测试通不过啊，终于上网找啊找，终于找到一个方法，其实很简单，但是由于对selenium的方法还不熟悉，所以还是花了不少时间的。代码如下：package com.jiaoyu;import
selenium之 定位以及切换frame（iframe）
ShiYi's blog
05-31 302
总有人看不明白，以防万一，先在开头大写加粗说明一下： frameset不用切，frame需层层切！ 很多人在用selenium定位页面元素的时候会遇到定位不到的问题，明明元素就在那儿，用firebug也可以看到，就是定位不到，这种情况很有可能是frame在搞鬼（原因之一，改天专门说说定位不到元素，可能的一些原因及处理办法）。 frame标签有frameset、frame、iframe三种，frameset跟其他普通标签没有区别，不会影响到正常的定位，而frame与iframe对selenium定位而言是
解决Selenium2Library中的select frame无法选择没有名字，没有id的frame或者iframe的问题
zyl26的专栏
05-20 3561
Selenium2Library中原有的select_frame函数（对应的关键字为select frame）可根据locator选择frame，但是，若某个frame或者iframe没有id，没有name，而页面存在多个frame或者iframe，则原函数无法实现选择该frame或者iframe的功能。其原因是原函数默认locator可以唯一选择。 解决方法为修改Selenium2Library中的select_frame函数，支持索引选择功能
使用Selenium进行Web自动化测试入门
"这个资源是一个关于SELENIUM基础知识的PPT教程，主要针对初学者，介绍了如何使用Selenium进行自动化测试。教程中包含创建第一个实例、浏览器操作、...随着深入学习，你将能够利用Selenium进行更复杂的Web自动化测试。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值