元素定位
1. id
find_element_by_id()
- 说明:html规定id属性在整个html文件中必须是唯一的,id定位就是通过元素的id属性来定位元素
- 前提:元素有id属性
id定位实现 步骤分析
- 导入selenium包 --> from selenium import webdriver
- 导入time包 —> from time import sleep
- 实例化火狐浏览器 --> driver=webdriver.Firefox()
- 打开注册A.html --> driver.get(url)
url中\转义:
1. r修饰:url = r"e:…"
2. 转义:url = “e:\…\…”
3. 通过浏览器地址:url = “file:///e:/…/”… - 调用id定位方法 --> driver.find_element_by_id(“”)
- 使用send_keys()方法发送数据 --> .send_keys(“admin”)
- 暂停3秒 --> sleep(3)
- 关闭浏览器 --> quit()
2. name
find_element_by_name()
- 说明:html规定name属性来指定元素名称,因此它的作用更像人名,name的属性值在当前文档中可以不是唯一的,name定位就是根据元素name属性来定位
- 前提:元素有name属性
name定位实现 步骤分析
参考id定位
3. class_name
find_element_by_class_name
- 说明:html规定了class来指定元素的类名,用法和name、id类似
- 前提:元素有class属性
class_name定位实现 步骤分析
参考id定位
4. tag_name
find_element_by_tag_name
- 返回符合条件的第一个标签
- 说明:html本质就是由不同的tag(标签)组成,而每个tag都是指同一类,所以tag定位效率低,一般不建议使用;tag_name定位就是通过标签名来定位
tag_name定位实现 步骤分析
参考id定位
5. link_text
find_element_by_link_text()
- 需要传入a标签 全部文本
- 说明:link_text定位与前面4个定位有所不同,它专门用来定位超链接文本(<标签/>)。
link_text定位实现 步骤分析
- 参考id定位
- 点击 --> click()
6. partial_link_text
find_element_by_partial_link_text()
- 需要传入a标签局部文本-能表达唯一性
- 说明:partial_link_text定位是对link_text定位的补充,partial_link_text为模糊匹配,link_text全部匹配
7. Xpath
driver.find_element_by_xpath()
(1) 说明
- XPath即为XML Path的简称,它是一种用来确定XML文档中某部分位置的语言。
- HTML可以看作是XML的一种实现,所以selenium用户可以使用这种强大的语言在Web应用中定位元素
- XML:一种标记语言,用于数据的存储和传递。后缀.xml结尾
- Xpath为强大的语言,那是因为它有非常灵活定位策略
(2) 定位策略(方式)
1) 路径-定位
a. 绝对路径
从最外层元素到指定元素之间所有经过元素层级路径;如:/html/body/div/p[2]
提示
- 绝对路径以/开始,中间不能跳跃元素
- 使用Firebug可以快速生成元素XPath绝对路径
- 保证在HTML选项,使用快速定位工具定位要生成路径的元素
- 选中代码(蓝色)当前行右击鼠标选择复制xpath
b. 相对路径
从第一个符合条件元素开始(一般配合属性来区分);如://input[@id=‘userA’]
提示
- 相对路径以//开始,后边必须跟标签名称或*
- 使用Firebug扩展插件FirePath可快速生成 元素相对路径
- 保证在HTML选项,使用快速定位工具定位要生成路径的元素
- 选中代码(蓝色)当前行右击鼠标选择复制最简xpath
提示
为了方便练习Xpath,可以在Firebug内安装扩展插件-FireFinder插件
- 火狐浏览器–>组建管理器–>搜索FireFinder
2) 利用元素属性-定位
快速定位元素,利用元素唯一属性
//*[@id='kw]
3) 层级与属性结合-定位
要找的元素没有属性,但是它的父级有
//a[@id='result_logo']/img
4) 属性与逻辑结合-定位
解决元素之间相同属性同名问题
//input[@name='wd' and @class='s_ipt']
Xpath-延伸
- 文本内容是xxx的元素
//*[text()="xxx"]
- 属性以xxx开头的元素
//*[starts-with(@attribute,'xxx')]
- 属性中含有xxx的元素
//*[contains(@attribute,'Sxxx')]
8. css
driver.find_element_by_css_selector()
(1) 说明
- CSS(Cascading Style Sheets)是一种语言,它用来描述HTML和XML的元素显示样式
- CSS语言书写两个格式:
- 写在HTML语言中< style type=‘text/css’>…
- 写在单独文件中(后缀 .css)
- CSS语言书写两个格式:
- 而在CSS语言中有CSS选择器(不同的策略选择元素),在Selenium中也可以使用这种选择器
- 在Selenium中极力推荐CSS定位,因为它比Xpath定位速度要快
- css选择器语法非常强大,在这里我们只学习在测试中常用的几个
(2) CSS定位常用策略(方式)
1) id选择器
说明:根据元素id属性来选择
格式:#id 如:#kw <选择id属性为kw的所有元素>
2) class选择器
说明:根据元素class属性来选择
格式:.class 如:.s_btn<选择class属性值为s_btn的所有元素>
3) 元素选择器
说明:根据元素的标签名选择
格式:element 如:input <选择所以input元素>
4) 属性选择器
说明:根据元素的属性名和值来选择
格式:[attribute=value] 如:[type=‘submit’] <选择所有type属性值为submit的元素>
5) 层级选择器
说明:根据元素的父子关系来选择
格式:element>element 如:span>input <返回所有p元素下所有的input元素>
提示:>可以用空格代替 如:span input 或者 span input[type=‘submit’]
CSS延伸
- type属性以s字母开头的元素
input[type^='s']
- type属性以t字母结束的元素
input[type$='t']
- type属性包含u字母的元素
input[type*='u']
9. find_element[s]_by_XXX()
(1) 作用
- 查找定位所有符合条件的元素
- 返回的定位元素格式为数组(列表)格式
(2) 说明
列表数据格式的读取需要指定下标(下标从0开始)
(3) 操作
使用tag_name获取第二个元素:
driver.find_elements_by_tag_name("input")[1]
10. 定位(另一种写法)-延伸【了解】
(1) 说明
- 第二种方法使用By类的封装的方法 ,所以需要导入By类包
- 通过查看find_element_by_xxx()底层实现方法,发现底层也是调用的By类方法进行的封装
- 虽然方法一样,但WebDriver推荐 find_element_by_xxx()这种方法
(2) 导包
from selenium.webdriver.common.by import By
(2) By类的方法
find_element(By.ID,"kw")
需要两个参数,第一个参数为定位的类型由By提供,第二个参数为定位的具体方式
driver.find_element(By.CSS_SELECTOR,"#kw").send_keys("Hello")
driver.find_element(By.XPATH,"//*[@id='kw']").send_keys("Hello")
driver.find_element(By.ID,"kw").send_keys("Hello")
driver.find_element(By.NAME,"wd").send_keys("Hello")
driver.find_element(By.CLASS_NAME,"s_btn").send_keys("Hello")
driver.find_element(By.TAG__NAME,"input").send_keys("Hello")
driver.find_element(By.LINK_TEXT,"新闻").send_keys("Hello")
driver.find_element(By.PARTIAL_LINK_TEXT,"新").send_keys("Hello")