写点什么

软件测试 | 网页 frame 与多窗口处理

  • 2023-02-14
    北京
  • 本文字数:1837 字

    阅读完需:约 6 分钟

简介

当我们要定位一个元素时,怎么都定位不到的时候就要考虑是不是浏览器内嵌里一个 frame 窗口或者要找的元素在新打开的窗口里。这时候就需要将进行 frame 的切换以及窗口的切换。


frame 类似于在原有主 html 的基础上又嵌套一个 html,而且嵌套的 html 是独立使用,互不影响。


当打开一个页面时,光标的定位是在主页面中,如果页面是由多个 frame 组成的,那么无法直接定位到具体的元素,需要切换到自己所需要的 frame 中,再查找该元素。

iframe 解析


如图可以看到iframe的标签

iframe 的多种切换方式

假设一个 HTML 代码


<iframe src="1.html" id="hogwarts_id" name="hogwarts_name"></iframe>
复制代码


那么通过传入 id、name、index 以及 selenium 的 WebElement 对象来切换 frame


  • index:传入整型的参数,从 0 开始

  • driver.switch_to.frame(0)

  • id:传入字符串的参数

  • driver.switch_to.frame("hogwarts_id")

  • name: 传入字符串的参数

  • driver.switch_to.frame("hogwarts_name")

  • WebElement: 传入 selenium.webelement 对象

  • driver.switch_to.frame(driver.find_element_by_tag_name("iframe"))

iframe 切换回默认页面

在 driver.switch_to.frame()之后,如果还想操作原页面,则可以使用


  • driver.switch_to.default_content()

iframe 多层切换


如图所示多层嵌套的 iframe 从最外部 iframe 切换到 iframe2 则需要层层切换


driver.switch_to.frame("iframe1")driver.switch_to.frame("iframe2")
复制代码


从 iframe2 切换回 iframe1 可以使用父子切换


#从ifrme2切换到上一级iframe1driver.switch_to.parent_frame()#从ifrme1切换到上一级iframe,如果iframe已经是最上级,则保持不变driver.switch_to.parent_frame()
复制代码


这个方法是 selenium 提供的直接从子 frame 切换到父 frame,可以使用在嵌套的 frame 框架中

多窗口处理

元素有属性,浏览器的窗口其实也有属性的,只是看不到,浏览器窗口的属性用句柄(handle)来识别。


当浏览器打开一个窗口时,如果要在新的窗口操作就需要句柄切换。人为操作的话,可以通过眼睛看,识别不同的窗口点击切换。但是脚本没长眼睛,它不知道你要操作哪个窗口,这时候只能句柄来判断了。

句柄的获取

当有多个窗口时,可以用 window_handles 打印一下句柄:


browser = webdrver.Chrome()handles = browser.window_handlesprint(handles)
复制代码


打印出的 window_handles:


['CDwindow-8012E9EF4DC788A58DC1588E7B8A7C44', 'CDwindow-11D52927C71E7C2B9984F2D1E2856049']
复制代码

句柄的切换

通过打印 handles 可以看出,它是一个列表,那么就可以通过 switch_to.window() 来切换句柄


从上面源代码中的说明可以看出,switch_to.window()需要我们提供一个 windows_name,可以是 name 也可以是 windows handle。


from selenium import webdriver
browser = webdriver.Chrome()handles = browser.window_handlesprint(handles)browser.switch_to.window(handles[-1])
复制代码


这里唯一要注意的是 handles[-1]是一个数组,这里的-1 表示浏览器窗口的倒数第一个。

实战案例

百度搜索“霍格沃兹测试学院”,点击“霍格沃兹测试学院_腾讯课堂”,点击“中高级测试开发「名企定向培养」班-霍格沃兹测试学院”。


这是一段自动化脚本中,因为点击“霍格沃兹测试学院_腾讯课堂”之后会打开一个新的窗口,在这里就需要切换句柄。


from selenium import webdriver

class TestHogwarts: def setup_method(self, method): self.driver = webdriver.Chrome() self.driver.implicitly_wait(3)
def teardown_method(self, method): self.driver.quit()
def test_hogwarts(self): self.driver.get('https://www.baidu.com') #在输入框中输入霍格沃兹测试学院 self.driver.find_element_by_id('kw').send_keys('霍格沃兹测试学院') #点击搜索 self.driver.find_element_by_css_selector('.s_btn').click() #使用link_text点击 self.driver.find_element_by_link_text('霍格沃兹测试学院_腾讯课堂').click() #将获取到的window_handles赋值给一个变量handles handles = self.driver.window_handles #打印handles看看当前浏览器有几个窗口 print(handles) #切换句柄 self.driver.switch_to.window(handles[-1]) #点击 self.driver.find_element_by_partial_link_text('名企定向培养').click()
复制代码

搜索微信公众号:TestingStudio 霍格沃兹的干货都很硬核

用户头像

社区:ceshiren.com 2022-08-29 加入

微信公众号:霍格沃兹测试开发 提供性能测试、自动化测试、测试开发等资料、实事更新一线互联网大厂测试岗位内推需求,共享测试行业动态及资讯,更可零距离接触众多业内大佬

评论

发布
暂无评论
软件测试 | 网页frame与多窗口处理_测试_测吧(北京)科技有限公司_InfoQ写作社区