【Selenium】元素定位

元素属性定位 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定位策略

1. 路径-定位
   1. 绝对路径
   2. 相对路径

绝对路径：从最外层元素到指定元素之间所有经过元素层级路径 ；如:/html/body/div/p[2]
          提示：
              1). 绝对路径以/开始
              2). 使用浏览器调试工具，元素XPath绝对路径，具体方法见下

相对路径：从第一个符合条件元素开始(一般配合属性来区分)；如：//input[@id='userA']
          提示：
              1). 相对路径以//开始
              2). 使用浏览器调试工具，获取元素相对路径，具体方法见下

2. 利用元素属性-定位

说明：快速定位元素，利用元素id唯一属性
示例：//*[@id='userA']
*表示任何html标签元素

说明：只匹配input标签
示例：//input            

3. 层级与属性结合-定位

说明：要找的元素没有属性，但是它的父级有；
示例：//*[@id='p1']/input

4. 属性与逻辑结合-定位

说明：解决元素之间个相同属性重名问题
示例：//*[@id='telA' and @class='telA']

5. 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定位策略

1. 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()

2. class选择器
   说明：根据元素class属性来选择
   格式：.class 如：.telA <选择class属性值为telA的所有元素>

3. 元素选择器
   说明：根据元素的标签名选择
   格式：element 如：input <选择所有input元素>

4. 属性选择器
   说明：根据元素的属性名和值来选择
   格式：[attribute=value] 如：[type=“password”] <选择所有type属性值为password的值>

5. 层级选择器
   说明：根据元素的父子关系来选择
   格式：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")