UI自动化测试之八大元素定位方法（最新版）

Selenium—UI自动化测试之八大元素定位方法（最新版）前言 UI界面本质上就是HTML直接体现,脚本通过HTML标签信息来找到具体的元素。
元素定位：通过代码调用方法查找元素一、ID定位

概念：通过元素的id属性来定位元素
前置：所要定位的元素必须要有id属性
方法：driver.find_element（By.ID,“”)
**示例：**输入用户名和密码

import time
from selenium import webdriver
from selenium.webdriver.common.by import By

# 1.获取浏览器(创建浏览器驱动对象）
driver = webdriver.Chrome()
# 2.输入url，打开web页面
driver.get("http://hmshop-test.itheima.net/home/User/login.html")
# 3.查找操作元素
# 用户名
driver.find_element(By.ID, "username").send_keys("111111")
# 密码
driver.find_element(By.ID, "password").send_keys("000000000")
time.sleep(3)
# 4.关闭浏览器驱动对象
driver.quit()

二、name定位

⽅法：driver.find_element（By.NAME,“name属性值”)
前置：标签必须有name属性
特点：当前⻚⾯可以重复
提示：由于name属性值可以重复，所以使⽤时需要查看是否为唯⼀。

示例

import time
from selenium import webdriver
from selenium.webdriver.common.by import By

# 1.获取浏览器(创建浏览器驱动对象）
driver = webdriver.Chrome()
# 2.输入url，打开web页面
driver.get("http://hmshop-test.itheima.net/home/User/login.html")
# 3.查找操作元素
# 用户名
driver.find_element(By.NAME, "username").send_keys("111111")
# 密码
driver.find_element(By.NAME, "password").send_keys("000000000")
time.sleep(3)
# 4.关闭浏览器驱动对象
driver.quit()

三、class定位

⽅法：driver.find_element（By.CLASS_NAME,“class属性值”)
前置：标签必须有class属性
特点： class属性可以有多个值。
提示：如果标签有多个class值，只能任意选择其中一个，如下图driver.find_element（By.CLASS_NAME,“c1”)

示例

import time
from selenium import webdriver
from selenium.webdriver.common.by import By

# 1.获取浏览器(创建浏览器驱动对象）
driver = webdriver.Chrome()
# 2.输入url，打开web页面
driver.get("http://hmshop-test.itheima.net/home/User/login.html")
# 3.查找操作元素
# 用户名
driver.find_element(By.CLASS_NAME, "text_cmu").send_keys("111111")
time.sleep(3)
# 4.关闭浏览器驱动对象
driver.quit()

四、Tag_name定位

说明：根据的标签名进⾏定位
⽅法：driver.find_element（By.TAG_NAME,“标签名”)
提示：如果⻚⾯存在多个相同标签，默认返回第⼀个。

import time
from selenium import webdriver
from selenium.webdriver.common.by import By

# 1.获取浏览器(创建浏览器驱动对象）
driver = webdriver.Chrome()
# 2.输入url，打开web页面
driver.get("http://hmshop-test.itheima.net/home/User/login.html")
# 3.查找操作元素
# 用户名
driver.find_element(By.TAG_NAME, "input").send_keys("111111")
time.sleep(3)
# 4.关闭浏览器驱动对象
driver.quit()

五、link_text定位

说明：根据链接文本（a标签）定位
方法：driver.find_element（By.LINK_TEXT,“链接文本”)
特点：传入的链接文本，必须全部匹配，不能模糊。

import time
from selenium import webdriver
from selenium.webdriver.common.by import By

# 1.获取浏览器(创建浏览器驱动对象）
driver = webdriver.Chrome()
# 2.输入url，打开web页面
driver.get("http://hmshop-test.itheima.net/home/User/login.html")
# 3.点击超链接
driver.find_element(By.LINK_TEXT, "忘记密码？").click()
time.sleep(3)
# 4.关闭浏览器驱动对象
driver.quit()

六、partial_link_text定位

说明：根据链接（a标签）文本定位
方法：driver.find_element（By.PARTIAL_LINK_TEXT,“链接文本”)
特点：传入的链接文本，支持模糊匹配。

import time
from selenium import webdriver
from selenium.webdriver.common.by import By

# 1.获取浏览器(创建浏览器驱动对象）
driver = webdriver.Chrome()
# 2.输入url，打开web页面
driver.get("http://hmshop-test.itheima.net/home/User/login.html")
# 3.点击超链接
driver.find_element(By.PARTIAL_LINK_TEXT, "忘").click()
time.sleep(3)
# 4.关闭浏览器驱动对象
driver.quit()

扩展-查找一组元素

说明：返回列表格式，要使用需要列表下标（索引）或遍历.
方法：driver.find_elements(By.TAG_NAME, “input”)
特点：⼋⼤元素定位⽅法，都可以使⽤⼀组元素定位,如果没有搜索到符合标签，返回空
列表。

import time
from selenium import webdriver
from selenium.webdriver.common.by import By

# 1.获取浏览器(创建浏览器驱动对象）
driver = webdriver.Chrome()
# 2.输入url，打开web页面
driver.get("http://hmshop-test.itheima.net/home/User/login.html")
# 3.查找操作元素
# 查找所有的input标签
inputs = driver.find_elements(By.TAG_NAME, "input")
inputs[0].send_keys("11111")
inputs[1].send_keys("11111")
inputs[2].send_keys("11114")
time.sleep(3)
# 4.关闭浏览器驱动对象
driver.quit()

七、xpath定位

为什么要学习xpath，css
1.如果标签没有（id，name，class）3个属性，也不是链接标签，只能使用Tag_name定位，比较麻烦
2.方便在工作中查找元素，使用xpath和css比较方便（支持任意属性，层级）来找元素
什么是xpath？
说明：XPATH是xml path的简称，使用标签路径来定位

路径: - 绝对路径：/…/…/ 从根目录开始，逐级查找标签。
- 相对路径://…//…从任意层级开始，查找标签。
- 方法：driver.find_element(By.XPATH, “xpath表达式”)
属性:单属性：//*[@属性名=’属性值’]
属性与逻辑（多个属性）:多属性：//*[@属性名=’属性值’ and @属性名=’属性值’] 提示：可以使用任何属性。
.属性与层级:说明：如果元素现有的属性不能唯一匹配，需要结合层级使用
//语法：//父标签[@属性=‘值’]/子标签：必须为直属后代子级。//父标签//后代标签：父标签和后代之间可以跨越元素

5.扩展：

根据显示文本定位：//*[text()=‘文本值’] 文本值必须全部匹配
属性值模糊匹配：//*[contains(@属性名,‘属性部分值’)]

import time
from selenium import webdriver
from selenium.webdriver.common.by import By

# 1.获取浏览器(创建浏览器驱动对象）
driver = webdriver.Chrome()
# 2.输入url，打开web页面
driver.get("http://hmshop-test.itheima.net/home/User/login.html")
# 3.查找操作元素
# 使用绝对路径输入用户名
driver.find_element(By.XPATH, "/html/body/div[2]/div/div[2]/div/form/div/div[1]/input").send_keys(1111)
time.sleep(2)
# 使用相对路径输入用户名
# driver.find_element(By.XPATH, "//div[2]//input").send_keys(2222)
# 使用xpath属性输入用户名(单属性）
# driver.find_element(By.XPATH, "//*[@id='username']").send_keys(2222)
# 属性与逻辑/多属性（and）
# driver.find_element(By.XPATH, "//*[@name='username' and @id='username']").send_keys(2222)
# 属性与层级
# driver.find_element(By.XPATH, "//div[@class='text_uspa']/input").send_keys(2222)
# 扩展 关键字：包含 contains
# driver.find_element(By.XPATH, "//input[contains(@placeholder,'手机')]").send_keys(2222)
# 扩展 根据链接文本
driver.find_element(By.XPATH, "//*[text()='忘记密码？']").click()

time.sleep(3)
# 4.关闭浏览器驱动对象
driver.quit()

八、css定位

说明：css选择器是html查找元素的工具。
策略：

  		id选择器：#id属性值
  		类选择器：.class属性值
  		标签选择器：标签名  （注意标签名是否在页面中唯一，否则返回单个或所有）
  		属性选择器：[属性名='属性值'] (标签任意属性都可以）
  		层级选择器：父子关系：选择器>选择器  后代关系：选择器 选择器。（选择器使用任何一种css选择器都可以）

总结

结论：

首推css选择器定位。原因：执行速度快。如果有ID属性，使用#id。如果没有id属性，使用其他有的属性（能代表唯一的属性），如果属性都代表不了唯一，使用层级。
如果css解决不了，使用xpath。

UI自动化测试之八大元素定位方法（最新版）

Python相关栏目本月热门文章