Selenium | 页面跳转后无法定位到元素,怎么破?

> 本文节选自霍格沃兹测试学院内部教材




要定位一个元素时,怎么都定位不到的时候就要考虑是不是浏览器内嵌了一个 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 开始,这里的 0 就是第一个 frame


    * `driver.switch_to.frame(0)`


``


  * id:iframe 的 id


    * `driver.switch_to.frame("hogwarts_id")`


``


  * name: iframe 的 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多层切换**  






{: width="50%"}




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




  *   * 




    driver.switch_to.frame("iframe1")driver.switch_to.frame("iframe2")



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


  *   *   *   * 




    # 从 iframe2 切换到上一级 iframe1 driver.switch_to.parent_frame()# 从 iframe1 切换到上一级 iframe,如果 iframe 已经是最上级,则保持不变driver.switch_to.parent_frame()




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




多窗口处理  







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


当浏览器打开一个窗口时,如果要在新的窗口操作就需要句柄切换。




句柄的获取  







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




  *   *   * 




    >>> browser = webdrver.Chrome()>>> handles = browser.window_handles>>> 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        #切换句柄        self.driver.switch_to.window(handles[-1])        assert len(self.driver.find_elements_by_css_selector('.ag-title-main')) == 1




在做Web自动化的时候,网页中 frame 的定位以及多窗口处理,小伙伴们学会了吗?今天就先讲到这里啦,大家还想看什么内容的文章也可以留言告诉我们哦!




 ** _ 

来霍格沃兹测试开发学社,学习更多软件测试与测试开发的进阶技术,知识点涵盖web自动化测试 app自动化测试、接口自动化测试、测试框架、性能测试、安全测试、持续集成/持续交付/DevOps,测试左移、测试右移、精准测试、测试平台开发、测试管理等内容,课程技术涵盖bash、pytest、junit、selenium、appium、postman、requests、httprunner、jmeter、jenkins、docker、k8s、elk、sonarqube、jacoco、jvm-sandbox等相关技术,全面提升测试开发工程师的技术实力

QQ交流群:484590337

公众号 TestingStudio

视频资料领取:https://qrcode.testing-studio.com/f?from=jianshu&url=https://ceshiren.com/t/topic/15844

点击查看更多信息

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容