ui自动化测试之八大元素定位 

一、六种基本元素定位方法

1、id定位

（1） 可以根据元素的id来定位属性，id是当前整个HTML页面中唯一的，所以可以通过id属性来唯一定位一个元素，是首选的元素定位方式。（动态ID不做考虑），定位后操作： send_keys()：输入 clear()：清空 click()：点击

（2）示例

# 导入webdriver和By
from selenium import webdriver
from selenium.webdriver.common.by import By

# 实例化浏览器驱动
driver = webdriver.Chrome()

# 定位方式一
ele1 = driver.find_element_by_id("kw")
# 定位方式二
ele2 = (By.ID,"kw")

（3）使用要点

页面元素的ID属性都是唯一的，所以不存在根据ID属性值同时定位多个的情况。 在自动化测试实施过程中，很多核心页面元素均无ID属性值，需与开发沟通。 有些网站为防止批量操作，将ID设为随机自动生成模式，跑脚本前需与开发沟通

2、name定位

（1）页面可操作元素常见属性之一 Webdriver中对应的方法：find_element_by_name(NAME值)， 定位后操作： send_keys()：输入 clear()：清空 click()：点击

（2）示例

# 定位方式一
ele1 = driver.find_element_by_name("wd")
# 定位方式二
ele2 = (By.NAME,"wd")

（3）使用要点

Name属性值在当前页面可以不唯一，如果有多个元素时，需进一步定位。 Find_elements_by*方法通常用来统计页面元素个数。

3、class name定位

（1）根据Class定位属性，主要是用来元素进行分组，并对这一级元素设置相同的样式。所以class属性在当前html页面当中，也是不能唯一定位到一个元素的，class的属性只有一个值。

注意：find_element_by_class_name这个方法的参数只能是一个class值，列如：class属性有空格隔开两个class的值时，只能选取其中一个进行定位。

定位后操作： send_keys()：输入 clear()：清空 click()：点击

（2）示例

# 定位方式一
ele1 = driver.find_element_by_class_name("s_ipt")
# 定位方式二
ele2 = (By.CLASS_NAME,"s_ipt")

4、tag name定位

（1）通过元素的标签名来定位元素，如：input标签、span标签，Webdriver中对应的方法：find_elements_by_tag_name(tag值) 注意事项： 当页面中元素值可变，且不唯一时，用tagname方法。 find_elements…方法会将所有符合条件的值都获取上来。 以列表形式返回。

（2）示例

from selenium import webdriver

from time import sleep

driver = webdriver.Chrome()

driver.get("http://news.baidu.com/")

test = driver.find_elements_by_tag_name("input")

test[0].send_keys("双十一")

test[1].click()

sleep(2)

driver.quit()

（3）使用要点

标签名方式主要用于匹配多个页面元素的情况，将查找到的网页元素进行计数、遍历、修改属性的操作 ，在大多数情况下标签名在页面中都不唯一，因此很少使用此种方式对元素进行定位点击、输入等操作。

5、6link text和partial_link_text定位

（1）link_text和partial_link_text是作用于链接a标签的，link_text用于全部匹配文本值，partial_link_text用于部分匹配文本值。定位后操作： send_keys()：输入 clear()：清空 click()：点击

（2）示例

driver.find_element_by_link_text("抗击肺炎")
driver.find_element_by_partial_link_text("肺炎")

7、css定位

（1）通过组合的方式进行定位,和XPATH定位方式基本相同。

ele = driver.find_element_by_css_selector(css表达式)

（2）与xpath比较

8、xpath定位

（1）xpath基本定位语法：

ele = find_element_by_xpath（xpath表达式）

xpath定位分为绝对定位和相对定位

 绝对定位 （/）：严格按照路径、同级元素的位置来定位，缺点：页面一动，基本崩溃　　以/开头  父/子

例如：/html/body/div[2]/div/form/div[1]/input　　#div[2]：2表示div同级目录下的第二个div

 

相对定位（//）：有一个参照物   不考虑路径和位置，只考虑：有还是没有！！　　以//开头  //标签名[@属性名称=值]

例如：

1、//input[@name="phone"]　　# 标签名为input并且name属性值为phone

2、and　or 用法

//input[@name="phone" and @datatype="m"]

3、包含　　//标签名[contains(@属性值,被包含的值)]

//input[contains(@class,"username") and @name="phone"]

4、文本内容定位　　text()=值

//a[text()="数据分析     "]

//a[contains(text(),"数据分析")]

 5、层级定位

//div[@id="u1"]//a[@name="tj_login"]

6、轴定位

轴运算：
ancestor：祖先结点 包括父
parent:父结点 给g
preceding: 当前元素节点标签之前的所有结点。（html页面先后顺序）
preceding-sibling: 当前元素节点标签之前的所有兄弟结点
following: 当前元素节点标签之后的所有结点。（html页面先后顺序）
following-sibling：当前元素节点标签之后的所有兄弟结点

使用语法：
/轴名称::节点名称[@属性=值]
例：//div//table//td//preceding::td