selenium（1）-详细解读元素定位的八种方式

安装selenium和下载webdriver

安装selenium   

• pip install selenium
• pip install selenium  -U  (判断是否有最新版本)

下载driver

Google： http://npm.taobao.org/mirrors/chromedriver/ 或者是 https://chromedriver.storage.googleapis.com/index.html 打开找到对应的浏览器驱动下载

firefox：https://github.com/mozilla/geckodriver/releases打开找到对应的浏览器驱动下载

 

 

 

一个百度小demo

#!/usr/bin/env python
# -*- coding: utf-8 -*-

"""
__title__  =
__Time__   = 2020/6/17 13:48
__Author__ = xinhua
__Blog__   = https://www.cnblogs.com/xinhua/
"""
import time

from selenium import webdriver

# 加载浏览器驱动
driver = webdriver.Chrome(r"C:\python3.6\chromedriver.exe")

# 访问网址
driver.get("http://www.baidu.com")

# 找到搜索框
inputElement = driver.find_element_by_id("kw")

# 输入搜索内容
inputElement.send_keys("xinhua19")

# 找到搜索按钮
searchElement = driver.find_element_by_id("su")

# 点击搜索按钮
searchElement.click()

time.sleep(5)

# 释放资源, 退出浏览器
driver.quit()

总结

可以看到，流水账式写Web自动化测试代码的顺序就是：加载驱动 - 访问链接 - 页面操作

 

元素定位八种方式

首先我们可以搭建1个禅道，后续演示可以使用禅道，禅道地址是IP:port/zentao,禅道搭建方法可以参考我的另外一篇博客https://www.cnblogs.com/xinhua19/p/13151296.html

方法一 ：通过元素id定位

# 找到id=account的元素
username = driver.find_element_by_id("account")
# 输入值
username.send_keys("admin")

知识点：在前端，一般id是唯一的，只属于1个元素，通过id定位到的元素是唯一的

 

方法二：通过元素的class

 

 

 

# 通过 元素Class查找（仅返回匹配到的第一个）
username = driver.find_element_by_class_name("form-control")
username.send_keys("admin")

知识点

• 在前端，一般多个元素共用一个class
• 但 find_element_by_class_name 只返回第一个匹配到class的元素
• 坏处：当找不到元素则报错
• 如果想返回所有匹配到class的元素，可看下面代码

elements = driver.find_elements_by_class_name("form-control")
for i in elements:
    print(i)

知识点

• 返回的是一个元素列表，若只匹配到一个也是列表
• 好处：当没有找到元素时不会报错，而是返回空列表 []

 

方法三：通过元素的name

# 通过 元素name查找元素（仅返回匹配到的第一个）
password = driver.find_element_by_name("password")
password.send_keys("123")

知识点

• 和class一样，也有可能有多个元素共用一个name
• 但  find_element_by_name  只返回第一个匹配到name的元素
• 想返回多个的话，和class一样，需要调用 find_elements_by_name 方法，这里不再赘述，写法和上面一致

 

方法四：通过元素标签tag_name

# =====通过 元素标签（仅返回匹配到的第一个）=====
p = driver.find_element_by_tag_name("th")
# 打印元素的文本值
print(p.text)

print("===分割线")
# =====通过 元素标签（返回匹配到的所有元素）=====
ps = driver.find_elements_by_tag_name("th")
for p in ps:
    print(p.text)

执行结果

用户名
===分割线
用户名
密码

知识点

• 多个元素同种HTML标签见怪不怪了
• 同样的， find_element_by_tag_name 返回第一个匹配到标签的元素
•  find_elements_by_tag_name 可以返回所有匹配到标签的元素

 

方法五：通过超链接文本link_text（精确匹配）

 atext = driver.find_element_by_link_text("创建账号")

• find_element_by_link_text 是精确匹配，需要文本完全相同才能匹配
• 若需要返回全部匹配到的元素，也需要用 find_elements_by_link_text

方法六:通过超链接文本（模糊匹配）

# =====通过 超链接的文本查找元素（支持模糊匹配）

atext = driver.find_element_by_partial_link_text("肺炎")

• find_element_by_partial_link_text 支持模糊匹配，包含文本则匹配成功
• 若需要返回全部匹配到的元素，也需要用  find_elements_by_partial_link_text

 

方法七：通过xpath（万能，重点）

# 通过xpath
lis = driver.find_element_by_xpath('//ul[@class="timeline timeline-sm"]/li/a[@href="/zentao/tutorial-index--createAccount.html"]')

 

 

方法八：通过CSS选择器（万能，重点）

# 通过css
lis = driver.find_element_by_css_selector('a[href="/zentao/tutorial-index--createAccount.html"]')
print(lis.text)

其中Xpath,CSS包含的知识点很多，后续再讲