元素属性定位 id,name,class_name
(1)id定位
# 导selenium 包
from selenium import webdriver
# 导入时间包
from time import sleep
# 实例化火狐浏览器
driver=webdriver.Chrome()
# 注册页面A.html 地址
url="E:/BaiduNetdiskDownload/测试开发笔记/笔记/day01/代码/source/注册A.html"
# 打开注册页面A.html
driver.get(url)
# 定位账号
username=driver.find_element_by_id("userA")
# 发送关键字(admin)
# send_keys:为发送关键字方法
username.send_keys("admin")
# 定位密码
password=driver.find_element_by_id("passwordA")
# 发送关键字(123456)
password.send_keys("123456")
# 暂停3秒
sleep(3)
# 关闭浏览器方法
driver.quit()
(2)name属性定位
说明:HTML规定name属性来指定元素名称,因此它的作用更像人名,name的属性值在当前文档中可以不是唯一的,name定位就是根据元素name属性来定位
前提: 元素有name属性
使用的方法
find_element_by_name()
# 导selenium 包
from selenium import webdriver
from time import sleep
# 实例化对象
driver=webdriver.Firefox()
'''
url='E:\\双元\\Web自动化\\02_其他资料\\注册A.html' \\转义 第一种方式
url=r'E:\双元\Web自动化\02_其他资料\注册A.html' 第二种方法
'''
# 定义url
url=r'E:\双元\Web自动化\02_其他资料\注册A.html'
# 打开url
driver.get(url)
'''
# 第一种方法
# 定位用户名
username=driver.find_element_by_name("userA")
# 发送关键字
username.send_keys("admin")
# 第二种方法
driver.find_element_by_name("userA").send_keys("admin")
'''
# 定位用户名
driver.find_element_by_name("userA").send_keys("admin")
# 定位密码框
driver.find_element_by_name("passwordA").send_keys("123456")
# 暂时3秒
sleep(3)
# 关闭浏览器
driver.quit()
(3)classname定位
说明:HTML规定了class来指定元素的类名,用法和name、id类似;
前提:元素有class属性
find_element_by_class_name()
# 导selenium 包
from selenium import webdriver
from time import sleep
# 实例化对象
driver=webdriver.Firefox()
url=r'E:\双元\Web自动化\02_其他资料\注册A.html'
# 打开url
driver.get(url)
# 定位电话号码
driver.find_element_by_class_name("telA").send_keys("18611111111")
# 暂停3秒
sleep(3)
# 关闭浏览器
driver.quit()
元素标签定位 tag_name
说明:HTML本质就是由不同的tag(标签)组成,而每个tag都是指同一类,所以tag定位效率低,
一般不建议使用;tag_name定位就是通过标签名来定位;
find_element_by_tag_name()
返回:符合条件的第一个标签
# 导包
from time import sleep
from selenium import webdriver
# 实例化浏览器
driver=webdriver.Firefox()
# 定义url
url=r'E:\双元\Web自动化\02_其他资料\注册A.html'
# 打开url
driver.get(url)
# 定位用户名
'''
find_element_by_tag_name:返回的符合条件的第一个元素
'''
driver.find_element_by_tag_name("input").send_keys("admin")
# 暂停3秒
sleep(3)# Ctrl+Alt+空格
# 关闭浏览器
driver.quit()
超链接定位link_text ,partial_link_text
(1)link_text定位
说明:link_text定位与前面4个定位有所不同,它专门用来定位超链接文本(标签)
1. 方法:find_element_by_link_text()
2. 说明:需要传入a标签全部文本(访问 新浪 网站)
# 导包
from selenium import webdriver
from time import sleep
# 实例化
driver=webdriver.Firefox()
url=r'E:\双元\Web自动化\02_其他资料\注册A.html'
# 打开url
driver.get(url)
# click(),我们暂时使用以下;作用:单击
driver.find_element_by_link_text("访问 新浪 网站").click()
sleep(3)
# 关闭
driver.quit()
(2)partial_link_text定位
说明:partial_link_text定位是对link_text定位的补充,partial_like_text为模糊匹配;link_text全部匹配
# 导入 selenium包
from time import sleep
from selenium import webdriver
# 实例化对象
driver=webdriver.Firefox()
url=r'E:\双元\Web自动化\02_其他资料\注册A.html'
# 打开url
driver.get(url)
# 定位超链接
#该超链接的完整文本内容为"访问 新浪 网站",这里模糊匹配为"访问"
driver.find_element_by_partial_link_text("访问").click()
# 暂停3秒
sleep(3)
# 关闭浏览器
driver.quit()
元素路径定位Xpath
1. XPath即为XML Path 的简称,它是一种用来确定XML文档中某部分位置的语言。
2. HTML可以看做是XML的一种实现,所以Selenium用户可以使用这种强大的语言在Web应用中定位元素。
XML:一种标记语言,用于数据的存储和传递。 后缀.xml结尾
提示:Xpath为强大的语言,那是因为它有非常灵活定位策略;
XPath定位策略
- 路径-定位
- 绝对路径
- 相对路径
绝对路径:从最外层元素到指定元素之间所有经过元素层级路径 ;如:/html/body/div/p[2]
提示:
1). 绝对路径以/开始
2). 使用浏览器调试工具,元素XPath绝对路径,具体方法见下
相对路径:从第一个符合条件元素开始(一般配合属性来区分);如://input[@id='userA']
提示:
1). 相对路径以//开始
2). 使用浏览器调试工具,获取元素相对路径,具体方法见下
- 利用元素属性-定位
说明:快速定位元素,利用元素id唯一属性
示例://*[@id='userA']
*表示任何html标签元素
说明:只匹配input标签
示例://input
- 层级与属性结合-定位
说明:要找的元素没有属性,但是它的父级有;
示例://*[@id='p1']/input
- 属性与逻辑结合-定位
说明:解决元素之间个相同属性重名问题
示例://*[@id='telA' and @class='telA']
- Xpath补充知识
//*[text()="xxx"] 文本内容是xxx的元素
//*[starts-with(@attribute,'xxx')] 属性以xxx开头的元素
//*[contains(@attribute,'Sxxx')] 属性中含有xxx的元素
自动获取XPath的方法,目前火狐,微软的Edge,chrome浏览器的调试工具,均支持自动获取Xpath路径,不用再手动去写Xpath路径了
示例代码
# 导包
from time import sleep
from selenium import webdriver
# 实例化对象-火狐浏览器
driver=webdriver.Firefox()
url=r'E:\双元\Web自动化\02_其他资料\注册A.html'
# 打开URL(注册页面)
driver.get(url)
'''
# 使用Xpaht绝对路径定位 用户名
driver.find_element_by_xpath("/html/body/form/div/fieldset/p[1]/input").send_keys("admin")
driver.find_element_by_xpath("/html/body/form/div/fieldset/p[2]/input").send_keys("123456")
'''
# 使用Xpaht相对路径定位 用户名
driver.find_element_by_xpath("//*[@id='userA']").send_keys("admin")
driver.find_element_by_xpath("//*[@id='passwordA']").send_keys("123456")
# 暂停3秒
sleep(3)
# 关闭浏览器
driver.quit()
选择器定位CSS
什么是CSS
1. CSS(Cascading Style Sheets)是一种语言,它用来描述HTML和XML的元素显示样式;
(css语言书写两个格式:
1. 写在HTML语言中<style type="text/css">...
2. 写在单独文件中 后缀.css
)
2. 而在CSS语言中有CSS选择器(不同的策略选择元素),在Selenium中也可以使用这种选择器;
提示:
1. 在selenium中极力推荐CSS定位,因为它比XPath定位速度要快
2. css选择器语法非常强大,在这里我们只学习在测试中常用的几个
CSS定位策略
- id选择器
说明:根据元素id属性来选择
格式:#id 如:#userA <选择id属性值为userA的所有元素>
# 导包
from time import sleep
from selenium import webdriver
# 实例化对象
driver=webdriver.Firefox()
url=r'E:\双元\Web自动化\02_其他资料\注册A.html'
# 打开url
driver.get(url)
driver.find_element_by_css_selector("#userA").send_keys("admin")
driver.find_element_by_css_selector("#passwordA").send_keys("123456")
driver.find_element_by_css_selector("#telA").send_keys("1860000000")
driver.find_element_by_css_selector("#emailA").send_keys("123@qq.com")
sleep(2)
driver.find_element_by_css_selector("button").click()
# 暂停3秒
sleep(3)
# 关闭浏览器
driver.quit()
-
class选择器
说明:根据元素class属性来选择
格式:.class 如:.telA <选择class属性值为telA的所有元素> -
元素选择器
说明:根据元素的标签名选择
格式:element 如:input <选择所有input元素> -
属性选择器
说明:根据元素的属性名和值来选择
格式:[attribute=value] 如:[type=“password”] <选择所有type属性值为password的值> -
层级选择器
说明:根据元素的父子关系来选择
格式:element>element 如:p>input <返回所有p元素下所有的input元素>
提示:> 可以用空格代替 如:p input 或者 p [type=‘password’]
CSS选择器扩展
1. input[type^='p'] 说明:type属性以p字母开头的元素
2. input[type$='d'] 说明:type属性以d字母结束的元素
3. input[type*='w'] 说明:type属性包含w字母的元素
CSS选择器总结
Xpath与CSS类似功能对比
上述表格当中有用到text()函数,其主要作用匹配a标签里面的内容,如下:
<a href="http://www.baidu.com">百度搜索</a>
//a[text()='百度搜索']
或
//a[contains(text(),"搜索")] --文本模糊定位
<a id="setf" href="//www.baidu.com/cache/sethelp/help.html" onmousedown="return ns_c({'fm':'behs','tab':'favorites','pos':0})" target="_blank">把百度设为主页</a>
//a[text()='把百度设为主页']
xpath定位中详解id 、starts-with、contains、text()和last() 的用法
https://www.cnblogs.com/unknows/p/7684331.html
用以上8种定位方式匹配多个元素
匹配多个元素在seleium中可以使用find_element[s]_by_XXX()
作用:
1). 查找定位所有符合条件的元素,适用于id,name,class_name
,link_text,partial_link_text,tag_name,css_selector,xpath上述8种定位方式
2). 返回的定位元素格式为数组(列表)格式;
说明:
1). 列表数据格式的读取需要指定下标(下标从0开始)
以tag_name匹配到多个元素为例
说明:使用tag_name获取第二个元素(密码框)
代码:
...
driver.find_elements_by_tag_name("input")[1].send_keys("123456")
...
特例,对于xpath定位多个元素时,下标是以1开头
xpath本身的语法
"//*[@id='app']/div[1]" 这里是定位父级id为app的标签,子级为div标签的第一个标签。xpath下标是以1开头
而这里借助xpath,但该语法会返回3个结果,后面跟[0]取第一个结果(selenium返回结果下标是以0开头),也就是定位父级id为app的标签,子级为div标签的第一个标签
driver.find_elements_by_xpath("//[@id='app']/div")[0].send_keys("123456")