Web自动化测试：切换页面Frame

在实际的测试中，有时候我们会经常遇到找不到元素的问题，这也是自动化测试中经常会遇到的情况，我一般首先考虑的就是是否由于页面中嵌套了frame，从而导致定位不到元素，如果页面代码中没有iframe层，再根据报错信息来考虑原因是否是：元素被隐藏，定位路径不正确等情况。

一般下列情况中页面可能包含frame嵌套：后台管理系统中，页面中有一些独立的功能模块，特征是页面显示切换了模块，但是地址栏的URL并没有变化。或者是一些对接其他系统功能的模块，很可能会包含嵌套。下面我们来学习一下，如何通过切换frame来成功定位元素。

一、关于页面frame的方法
备注：部分方法为老写法，官方已经不推荐使用;点击这篇文章查看切换frame的新写法。

切换到一个frame中

switch_to_frame(frame_reference):

frame_reference：id、name、element(定位的某个元素)、索引

切换到主界面

switch_to_default_content()：

注：driver.switch_to_frame(None)等同于driver.switch_to_default_content()

二、关于frame的源码研究
webdriver.py.

def switch_to_frame(self, frame_reference):

“”" Deprecated use driver.switch_to.frame

“”"

warnings.warn(“use driver.switch_to.frame instead”, DeprecationWarning)

self._switch_to.frame(frame_reference)

def switch_to_default_content(self):

“”" Deprecated use driver.switch_to.default_content

“”"

warnings.warn(“use driver.switch_to.default_content instead”, DeprecationWarning)

switch_to.py.

def default_content(self):

“”"

Switch focus to the default frame.

:Usage:

driver.switch_to.default_content()

“”"

self._driver.execute(Command.SWITCH_TO_FRAME, {‘id’: None})

def frame(self, frame_reference):

“”"

Switches focus to the specified frame, by index, name, or webelement.

:Args:

• frame_reference: The name of the window to switch to, an integer representing the index,

or a webelement that is an (i)frame to switch to.

:Usage:

driver.switch_to.frame(‘frame_name’)

driver.switch_to.frame(1)

driver.switch_to.frame(driver.find_elements_by_tag_name(“iframe”)[0])

“”"

if isinstance(frame_reference, basestring) and self._driver.w3c:

try:

frame_reference = self._driver.find_element(By.ID, frame_reference)

except NoSuchElementException:

try:

frame_reference = self._driver.find_element(By.NAME, frame_reference)

except NoSuchElementException:

raise NoSuchFrameException(frame_reference)

self._driver.execute(Command.SWITCH_TO_FRAME, {‘id’: frame_reference})

通过观察源码，发现切换frame时，是通过id、name、索引、元素这四种方法来实现switch_to_frame()方法，而default_content的方法默认值为None，所以说我们可以发现switch_to_frame(None)等同于switch_to_default_content()

实例：w3c网站的Frame切换

通过进入w3cschool网站的实验室例子来实验frame，这个层级关系是有一个父类的frame层级，里面有三个frame的子类层级

代码实例：

from selenium import webdriver

# 打开Chrome 进入示例页面

driver = webdriver.Chrome()

driver.get(“http://www.w3school.com.cn/tiy/t.asp?f=html_frame_cols”)

# 定位父类层级iframe

ele_framest = driver.find_element_by_css_selector("#result > iframe")

# 切换到父类层级iframe-通过元素切换

driver.switch_to_frame(ele_framest)

print(driver.page_source)

print("----------------------------------------------------------------------------")

# 切换到第二个子类frame-通过索引切换

driver.switch_to_frame(1)

print(driver.page_source)

print("----------------------------------------------------------------------------")

# 切换到最上层层级-等同于driver.switch_to_frame(None)

driver.switch_to_default_content()

print(driver.page_source)