04-selenium 八大元素定位方法

Posted testeremma

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了04-selenium 八大元素定位方法相关的知识,希望对你有一定的参考价值。

selenium 八大元素定位方法

对于元素的定位,WebDriver API可以通过定位简单的元素和一组元素来操作。在这里,我们需要告诉Selenium如何去找元素,以至于他可以充分的模拟用户行为,或者通过查看元素的属性和状态,以便我们执行一系列的检查。

在Selenium中,WebDriver提供了多种多样的find_element_by方法在一个网页里面查找元素。这些方法通过提供过滤标准来定位元素。当然WebDriver也提供了同样多种多样的find_elements_by的方式去定位多个元素。

find_element_byfind_elements_by区别:

1、前者返回一个元素对象,后者返回一个列表,列表内每一个都是元素对象;

2、前者若找到多个,只返回第一个,后者全部返回;

1.id

`driver.find_element_by_id(``‘kw‘``)`

  备注:

  • 此方法相当于JS中的getElementById(),ID是唯一的
  • 但是ID值也是有可能动态变化的,如果ID是带数字的或者是使用的不太规则的字符串(可能经过编码处理),那么ID值很有可能是动态变化的
  • 尽量避免使用带数字或者不规则的属性去定位元素

2.name

`driver.find_elements_by_name(``‘wd‘``) ``# 返回的是列表,找出来的元素不一定是唯一的`
  • name属性经常用来进行元素定位(input输入、标记),但是要注意radio和checkbox,返回的是一个WebElement。

new_ele =driver.find_element_by_name(‘tj_trnews‘)
print(new_ele.text) # 获取元素的文本
print(new_ele.get_attribute(‘href‘)) # get_attribute方法用于获取某个元素的某个属性
print(new_ele.tag_name)
# 使用这种不唯一的属性定位元素时。可以现在网页上用js定位一下看属性是否是唯一的
# 一个类的方法上有@property,表示把一个方法变为一个属性,叫做动态属性

3.class name

`d ``=` `driver.find_element_by_class_name(``‘s_btn‘``)``d1 ``=` `driver.find_elements_by_class_name(``‘s_btn‘``)`
  • 如果classname有空格,要把有空格的部分去掉,再次确认用没用空格的部分查找看是否是唯一的元素

    如果用xpath的话,可以有空格

4.tag

基本不用,因为找出来的元素一大把

`a ``=` `driver.find_element_by_link_text(``‘新闻‘``)`
b=driver.find_element_by_partial_link_text(‘新‘) # 通过一部分查找

7.xpath

结合<webservice接口>一文的3.4.1查看

Xpath即为XML路径语言(XML Path Languagr),他是一种用来确定XML文档中某个部分的语言

  • 路径: 按路径选择
  • 标签名: 选定所有该名的标签
  • *: 选定所有元素
  • . : 选择当前节点
  • ..: 选择上级节点
  • //: 选择当前元素下所有级别的元素
  • [@属性名]:选择所有具有当前属性的元素
  • [@属性名=属性值]: 选择属性=属性值的元素
  • [子标签名]:选择具有当前子标签的元素
  • [子标签名=‘文本‘]: 选择子标签文本的元素
  • contains():比如当属性值只写部分,可以该函数,如//span[contains(@class,‘***‘)]
  • text():文本不是元素属性,不能用@,如//a[contains(text(),‘‘)]

8.css selector

https://www.w3school.com.cn/cssref/css_selectors.asp

8.1 示例:特殊 iframe 操作

iframe 元素会创建包含另外一个文档的内联框架(即行内框架)。

在一个<html>中,包含了另一个<html>

示例

<html>
  <head>
    <title>iframe示例</title>
  </head>
  <body>
    <h1>
      这里是H1,标记了标题
    </h1>
    <p>
      这里是段落,标记一个段落,属于外层
    </p>
    <div>
      <iframe id="iframe-1">
        <html>
          <body>
            <p>
              这里是个段落,属于内层,内联框架中的
            </p>
            <div id="div-1">
              <p class="hahahp">
                这里是div中的段落,需要被定位
              </p>
            </div>
          </body>
        </html>
      </iframe>
    </div>
  </body>
</html>

需要定位上面示例中的``:这里是div中的段落,需要被定位

如下是selenium WebDiriver的代码

## 查找并定位 iframe
element_frame = driver.find_element_by_css_selector(‘#iframe-1‘)
## 切换到刚刚查找到的 iframe
driver.switch_to.frame(element_frame)
## 定位 <p>
driver.find_element_by_css_selector(‘#div-1 > p‘)
## TODO....
## 退出刚刚切换进去的 iframe
driver.switch_to.default_content()

8.2 示例:特殊 Select 操作

<select> 是选择列表

Select 是个selenium的类selenium.webdriver.support.select.Select

Select 类的路径:

C:Python35Libsite-packagesseleniumwebdriversupportselect.py

<select id="brand">
  <option value ="volvo">Volvo</option>
  <option value ="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

示例,选择 Audi

## 查找并定位到 select
element_select = driver.find_element_by_css_selector(‘#brand‘)
## 用Select类的构造方法,实例化一个对象 object_select
object_select = Select(element_select)
## 操作 object_select
object_select.select_by_index(3)
## 也可以这样
object_select.select_by_value(‘audi‘)
## 还可以这样
object_select.select_by_visible_text(‘Audi‘)

9.总结

  • 使用Xpath这种方式进行定位,webdriver会将整个页面的所有元素进行扫描来找到我们所需的元素, 所以当脚本中大量使用XPath方式定位,会大大降低脚本的执行速度

  • 从源码角度,selenium的定位只有2种:Xpath和css selector

  • css与xpath区别:

    1.css 更加简洁
    2.xpath 的功能更强大。 对于简单的元素定位,css, 复杂的元素,xpath.

    3.xpath 可以使用 text 文本定位, css 不行。

    4.效率。通常来说,xpath 的解析效率会低。css 要快一些. IE都慢

‘‘‘八大元素定位练习‘‘‘
from selenium.webdriver import Chrome

driver = Chrome()

driver.get(‘http://www.baidu.com‘)

# 1、ID定位
by_id = driver.find_element_by_id(‘kw‘)  # 百度首页的输入框
print(‘by_id定位的type为:【{}】,value为:【{}】‘.format(type(by_id), by_id))

# 2、name定位
by_name = driver.find_element_by_name(‘wd‘)  # 百度首页的输入框
by_name1 = driver.find_elements_by_name(‘wd‘)  # 百度首页的输入框
print(‘by_name的type为:【{}】,value为:【{}】‘.format(type(by_name), by_name))
print(‘by_name1的type为:【{}】,value为:【{}】‘.format(type(by_name1), by_name1))

# 3、classname定位
# by_class = driver.find_element_by_class_name(‘btn self-btn bg s_btn‘)  有空格会报错
by_class = driver.find_element_by_class_name(‘s_btn‘)
by_class1 = driver.find_elements_by_class_name(‘s_btn‘)
print(‘by_class的type为:【{}】,value为:【{}】‘.format(type(by_class), by_class))
print(‘by_class1的type为:【{}】,value为:【{}】‘.format(type(by_class1), by_class1))

# 4、tagname标签名定位
by_tag = driver.find_element_by_tag_name(‘input‘)
print(‘by_tag的value为:【{}】:‘.format(by_tag))

# 5、超链接定位
a = driver.find_element_by_link_text(‘新闻‘)
print(‘超链接定位a的type为:【{}】,value为:【{}】‘.format(type(a), a))

# 6、partialLink定位
b = driver.find_element_by_partial_link_text(‘新‘)  # 通过一部分查找
print(‘partialLink定位b的ype为:【{}】,value为:【{}】‘.format(type(b), b))

# 7、Xpath定位
c = driver.find_element_by_xpath("//a[text()=‘学术‘]")
# d = driver.find_element_by_xpath("//span[contains(@class, ‘refresh‘)]")
d = driver.find_element_by_xpath("//input[@class=‘s_ipt‘ and @name=‘wd‘ and @id=‘kw‘]")
print(‘Xpath定位c的ype为:【{}】,value为:【{}】‘.format(type(c), c))
print(‘Xpath定位d的ype为:【{}】,value为:【{}】‘.format(type(d), d))
e = driver.find_element_by_xpath("//a[contains(text(), ‘123‘)]")
f = driver.find_element_by_xpath("//input[contains(@class, ‘ipt‘)]")

# 轴定位
h = driver.find_element_by_xpath("//input[@name=‘ie‘]//parent::form[@id=‘form‘]")
print(h)

以上是关于04-selenium 八大元素定位方法的主要内容,如果未能解决你的问题,请参考以下文章

自动化测试:Selenium八大元素定位基本介绍

Web自动化测试 四 ----- python selenium 八大元素定位

元素的八大定位方式

超全面整理,Selenium 八大元素定位方式,(建议收藏反复使用)

元素八大定位方式

自动化测试——selenium(环境部署和元素定位篇)