• 关于面试总结10-selenium中隐藏元素如何定位?(hidden、display: none)


    前言

    面试题:selenium中隐藏元素如何定位?这个是很多面试官喜欢问的一个题,如果单纯的定位的话,隐藏元素和普通不隐藏元素定位没啥区别,用正常定位方法就行了
    但是吧~~~很多面试官自己都搞不清楚啥叫定位,啥叫操作元素(如click,clear,send_keys)

    隐藏元素

    如下图有个输入框和一个登录的按钮,本来是显示的

    元素的属性隐藏和显示,主要是 type="hidden" style="display: none;"属性来控制的,接下来在元素属性里面让它隐藏

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
    <p>这里有个按钮,是隐藏的
    
    <!-- type="hidden" -->
    <br>
    输入账号<input id="yoyo" name="hello" type="hidden">
    
    <!-- type="display: none;" -->
    <br>
    <button id="yy" name="heo" style="display: none;">登录</button>
    <br>
    
    <a hidden id="baidu" href="https://www.baidu.com">访问百度</a>
    </p>
    
    </body>
    </html>
    

    这样元素就不会显示了,也就是面试官所说的隐藏属性了

    定位隐藏元素

    前面说了,定位隐藏元素和普通的元素没啥区别,接下来就来验证下,是不是能定位到呢?

    from selenium import webdriver
    
    driver = webdriver.Firefox()
    driver.get("http://localhost:63342/test1122/a/b.html")
    
    # 定位type="hidden"隐藏元素
    ele1 = driver.find_element_by_id("yoyo")
    print("打印元素信息:%s" % ele1)
    
    # 获取元素属性
    print(ele1.get_attribute("name"))
    
    # 判断元素是否隐藏
    print(ele1.is_displayed())
    

    运行结果:

    打印元素信息:<selenium.webdriver.remote.webelement.WebElement (session="1debdd46-21b1-451e-b8a7-5aeff1d74f9d", element="{28628a87-7f22-4574-9e14-931f9c6f20e1}")>
    hello
    False
    

    运行结果可以看出,隐藏元素用普通定位方法,事实上是定位到了呢!

    操作隐藏元素

    隐藏元素可以正常定位到,只是不能操作(定位元素和操作元素是两码事,很多初学者傻傻分不清楚),操作元素是click,clear,send_keys这些方法

    # 隐藏输入框元素输入文本
    ele1 = driver.find_element_by_id("yoyo")
    ele1.send_keys("yoyo")
    

    隐藏元素用send_keys()方法会抛异常'ElementNotVisibleException': Message: Element is not currently visible and so may not be interacted with
    这个报错是说元素不可见,不可以被操作,同样的对“登录”按钮点击操作也是会报'ElementNotVisibleException'

    # 点击隐藏登录框
    ele2 = driver.find_element_by_id("yy")
    ele2.click()
    

    JS操作隐藏元素

    如果面试官想问的是定位后操作隐藏元素的话,本质上说这个问题就是毫无意义的,web自动化的目的是模拟人的正常行为去操作。
    如果一个元素页面上都看不到了,你人工也是无法操作的是不是?人工都不能操作,那你自动化的意义又在哪呢?所以这个只是为了单纯的考察面试者处理问题的能力,没啥实用性!(面试造飞机,进去拧螺丝)
    既然面试官这么问了,那就想办法回答上给个好印象吧!
    首先selenium是无法操作隐藏元素的(但是能正常定位到),本身这个框架就是设计如此,如果非要去操作隐藏元素,那就用js的方法去操作,selenium提供了一个入口可以执行js脚本。
    js和selenium不同,只有页面上有的元素(在dom里面的),都能正常的操作,接下来用js试试吧!

    <a hidden id="baidu" href="https://www.baidu.com">访问百度</a> 这个链接是隐藏的,但是能用js点到

    from selenium import webdriver
    
    driver = webdriver.Firefox()
    driver.get("http://localhost:63342/test1122/a/b.html")
    
    # js点击hidden元素
    
    js = 'document.getElementById("baidu").click()'
    driver.execute_script(js)
    
    

    运行完之后,会发现页面正常的点击,跳转到百度页面了

    备注:百度搜到的可能方法是先用js去掉hidden属性,再用selenium操作,这个有点多此一举,你既然都已经会用js了,何必不一次性到位直接click呢?

    交流QQ群:779429633

  • 相关阅读:
    spring中@Autowired与 @Resource区别
    linux系统镜像iso文件下载
    log4j.properties配置说明学习网址
    maven常用命令
    mysql优化
    mybatis与hibernate区别
    struts2与SpringMVC区别
    java同步锁实现方法
    java多线程的四种实现方式
    java单例模式几种实现方式
  • 原文地址:https://www.cnblogs.com/yoyoketang/p/10170154.html
Copyright © 2020-2023  润新知