美文网首页
元素定位

元素定位

作者: 小娟_bb93 | 来源:发表于2020-03-15 17:54 被阅读0次

    元素的定位应该是自动化测试的核心,要想操作一个元素,首先应该识别这个元素。
    webdriver提供了一系列的元素定位方法,常用的有以下几种

    • id
    • name
    • class name
    • link text
    • partial link text
    • tag name
    • xpath
    • css selector

    案例:打开百度首页,在搜索框自动输入“Selenium”关键词,然后点击搜索按钮,查看搜索页面。

    id定位

        from selenium import webdriver
        from time import sleep
    
    
        driver = webdriver.Chrome()
        driver.get("https://www.baidu.com/")
        # 通过元素id定位
        driver.find_element_by_id("kw").send_keys("selenium")
        sleep(2)
        driver.find_element_by_id("su").click()
        sleep(3)
        driver.quit()
    

    name定位

       # 通过标签中的name属性定位元素
       driver.find_element_by_name("wd").send_keys("selenium")
    

    class name定位

       # 通过标签中的class属性定位元素
        driver.find_element_by_class_name("s_ipt").send_keys("selenium")
    

    link text定位

       # 通过链接文字查找元素
       driver.find_element_by_link_text("平面设计").click()
    

    partial link text定位

       # 通过部分链接文字查找元素
       driver.find_element_by_partial_link_text("北京").click()
    

    tag name定位

      #定位标签名为input的元素
      driver.find_element_by_tag_name("input").send_keys("selenium")
    

    xpath定位

    XPath即为XML路径语言,它是一种用来确定XML文档中某部分位置的语言。XPath基于XML的树状结构,提供在数据结构树中找寻节点的能力。

    • 绝对定位
      根据元素的绝对路径定位元素,容易出错。一旦页面元素位置有变化,原有路径信息就无法查询到元素。
    # 根据元素绝对路径查看输入框
    driver.find_element_by_xpath("/html/body/div[2]/div[2]/div[5]/div[1]/div/form/span[1]/input").send_keys("selenium")
    
    • 相对定位
      1、元素结合id属性定位
    # 定位当前页面input标签中id属性值为kw的元素
    driver.find_element_by_xpath("//input[@id='kw']").send_keys('selenium')
    
    # 定位当前页面inpu标签中id属性值为su元素
    driver.find_element_by_xpath("//input[@id='su']").click()
    

    2、元素结合name属性定位

    #定位当前页面input标签中name属性值为wd的元素
    driver.find_element_by_xpath("//input[@name='wd']").send_keys('selenium')
    

    3、元素结合class name属性定位

    # xpath定位所有元素节点中属性class值为s_ipt的元素
    driver.find_element_by_xpath("//*[@class='s_ipt']").send_keys('selenium')
    
    • 层级定位
      当需要定位的元素无法通过属性直接定位到时,可以往上逐层查找可以定位到的父元素,再通过层级延伸查找需要的子元素。
    # 通过层级与属性结合定位
    driver.find_element_by_xpath("//form[@name='f']/span[1]/input").send_keys('selenium')
    
    sleep(3)
    
    # 通过层级与属性结合定位
    driver.find_element_by_xpath("//form[@name='f']/span[2]/input").click()
    
    • 逻辑运算组合定位
      当多个元素的属性相同时,通过一个属性无法直接定位到该元素时,可以使用该元素的多个属性组合定位元素。
    # 通过属性组合定位元素
    driver.find_element_by_xpath("//input[@name='wd' and @id='kw']").send_keys('selenium')
    

    css selector定位

    Selenium极力推荐使用CSS 定位,而不是XPath来定位元素,原因是CSS 定位比XPath 定速度快,语法也更加简洁。
    CSS常用定位方法:
    1、用法:driver.find_element_by_css_selector()
    2、#id id选择器根据id属性来定位元素
    3、.class class选择器,根据class属性值来定位元素
    4、[attribute='value'] 根据属性来定位元素
    5、element>element 根据元素层级来定位 父元素>子元素

    • id定位:#id值
    # css:通过id属性定位元素
    driver.find_element_by_css_selector("#kw").send_keys('selenium')
    
    • class name定位:.class name值
    # css:通过class属性定位元素
    driver.find_element_by_css_selector(".s_ipt").send_keys('selenium')
    
    • 元素属性定位:[attribute='value']
    # css:通过元素属性定位元素
    driver.find_element_by_css_selector('[autocomplete="off"]').send_keys('selenium')
    
    • 层级定位: father element > element
      通过层级定位方式不太好定位,我试着结合元素的id、class name属性值一起调试都无法解决。希望大神看到可以留言指导,感谢!
    #通过元素层级来定位[报错了。。。]
    driver.find_element_by_css_selector("#form>span[1]>input[autocomplete='off']").send_keys("selenium")
    
    

    报错信息: File "D:\Programs\Python\Python37\lib\site-packages\selenium\webdriver\remote\errorhandler.py", line 242, in check_response
    raise exception_class(message, screen, stacktrace)
    selenium.common.exceptions.InvalidSelectorException: Message: invalid selector: An invalid or illegal selector was specified
    (Session info: chrome=77.0.3865.120)

    相关文章

      网友评论

          本文标题:元素定位

          本文链接:https://www.haomeiwen.com/subject/ustyehtx.html