1 xpath元素定位
1.1 什么是xpath
总结 xpath是用来在xml文件中进行元素定位的标记语言 html
是一种特殊的xml 所以xpath也可以用在html中
1.2 Xpath定位策略
路径定位
属性定位
属性与逻辑结合
属性与层级结合
定位方法: find_element_by_xpath(xpath) # xpath表达式
按Ctrl F 可以在搜索框对xpath和css表达式进行校验
1.2.1 路径定位
绝对路径 表达式是以 /html开头 元素的层级之间是以 / 分 隔
相同层级的元素可以使用下标 下标是从1开始.需要列出元素所经过的所有层级元素 , 工作当中 一般不使用绝对路径
例 /html/body/div/fieldset/form/p[1]/input
相对路径 匹配任意层级的元素 是以 //tag_name或者**//*** 开 头
也可以使用下标 下标是从1开始。
例子 //p[5]/button
import time
from selenium import webdriver
driver webdriver.Chrome()
打开测试网站driver.get(“文件路径”)
通过xpath的绝对路径定位用户名输入框并输入admindriver.find_element_by_xpath( /html/body/div/fieldse
t/form/p/input ).send_keys(“admin”)
time.sleep(3)
通过xapth的相对路径定位密码输入框并输入123driver.find_element_by_xpath( //form/p[2]/input ).se
nd_keys(“123”)
time.sleep(3)
退出1.2.2 元素属性定位
//或者//tag_name //[ attribute ‘value’] # attribute表
示的是元素的属性名 value表示的是元素对应属性值
如果使用class的属性进行元素定位 需要用到class里面所有的值
1.2.3 属性与逻辑结合定位
//* 或者//tag_name 开头 //*[ attribute1 ‘value1’ and
attribute2 ‘value2’]
driver.quit()
import time
from selenium import webdriver
driver webdriver.Chrome()
打开测试网站driver.get(“文件路径”)
利用元素的属性信息精确定位用户名输入框 并输入 admindriver.find_element_by_xpath( //*[ placeholder ‘请输
入用户名’] ).send_keys(“admin”)
time.sleep(3)
退出driver.quit()
1.2.4 属性与层级结合定位
是以//*或者//tag_name开头 //p[ id ‘pa’]/input
在任意层给当中 都可以结合属性来使用
import time
from selenium import webdriver
driver webdriver.Chrome()
打开测试网站driver.get(“文件路径”)
使用属性与逻辑结合定位策略 在test1对应的输入框里输入admin
driver.find_element_by_xpath( //input[ name ‘user’
and class ‘login’] ).send_keys(“admin”)
time.sleep(3)
退出driver.quit()
打开测试网站1.2.5 XPATH扩展
//*[text() ‘value’] value表示的是要定位的元素的全部文本内
容.
//*[contains( attribute,‘value’)] attribute表示的属性名称,
value表示的是字符串
要定位的元素中 attribute属性的属性值包含了value的内容。
//*[starts-with( attribute,‘value’)] attribute表示的属性名
称, value表示的是字符串要定位的元素 attribute属性的属性值是以value开头
2、CSS定位
2.1 什么是CSS
总结 css是可以用来在selenium中定位元素的
CSS定位元素的方法
find_element_by_css_selector(css_selector) # css_selector表示
的是CSS选择器表达式
2.2 CSS定位策略
id选择器
class选择器
元素选择器
属性选择器
层级选择器
2.2.1 id选择器
表达式 #id # 表示通过元素的ID属性进行元素选择 id 表
示的的id属性的属性值
2.2.2 class选择器
表达式 .class # .表示通过元素的class属性进行元素选择
class表示的class属性的其中一个属性值
import time
from selenium import webdriver
driver webdriver.Chrome()
打开测试网站driver.get(“文件路径”)
通过css的id选择器定位用户名输入框 输入admindriver.find_element_by_css_selector( #userA ).send_k
eys(“admin”)
2.2.3 元素选择器
就是通过元素标签名称来选择元素 。表达式 tag_name 不推
荐使用
2.2.4 属性选择器
就是通过元素的属性来选择元素。 表达式 [attribute ‘value’]
#attribute 表示的是属性名称 value表示的是属性值
如果使用的是class属性 需要带上class的全部属性值
driver.find_element_by_css_selector( .emailA ).send_
keys(“123 qq.com”)
time.sleep(3)
退出driver.quit()
导包import time
from selenium import webdriver
driver webdriver.Chrome()
打开测试网站driver.get(“文件路径”)
通过css的元素选择器定位用户名输入框 输入admindriver.find_element_by_css_selector(“input”).send_ke
ys(“admin”)
driver.find_element_by_css_selector( [class ‘emailA
dzyxA’] ).send_keys(“123 qq.com”)
2.2.5层级选择器
父子层级关系选择 器
表达式 element1 element2 通过element1来找
element2 并且element2是element1的直接子元素
隔代层级关系选择器
表达式 element1 element2 通过element1来找
element2 并且element2是element1的后代元素
time.sleep(3)
退出driver.quit()
导包import time
from selenium import webdriver
driver webdriver.Chrome()
打开测试网站driver.get(“文件路径”)
通过css的层级选择器定位用户名输入框输入admindriver.find_element_by_css_selector( .zc
#userA ).send_keys(“admin”)
time.sleep(3)
退出driver.quit()
2.2.6CSS扩展
input[type^ ‘value’] input表示标签名称 type表示属性名
称 value表示的文本内容
查找元素type属性值是以value开头的元素
input[type$ ‘value’] input表示标签名称 type表示属性名
称 value表示的文本内容
查找元素type属性值以value结尾的元素
input[type* ‘value’] input表示标签名称 type表示属性名
称 value表示的文本内容
查找元素type属性值包含value的元素
3、元素定位总结
4、定位元素的另外一种写法
find_element(By.ID, id) 需要导入By类。
二、元素操作及浏览器操作方法
1、元素操作
点击操作 element.click() element表示的是元素对象
输入操作 element.send_keys(“value”) element表示的是元
素对象 value表示的是要输入的内容
清除操作 element.clear() element表示的是元素对象. 将输
入框里面的内容全部清除。
import time
from selenium import webdriver
from selenium.webdriver.common.by import By
driver webdriver.Chrome()
driver.get(“文件路径”)
1).通过脚本执行输入用户名 admin 密码 123456 电话号码 18611111111 电子邮件 123 qq.com
driver.find_element(By.ID,
“userA”).send_keys(“admin”)
driver.find_element(By.ID,
“passwordA”).send_keys(“123456”)
driver.find_element(By.CSS_SELECtOR,
“.telA”).send_keys(“18611111111”)
2、浏览器操作
浏览器常用操作方法
按钮 实例化浏览器驱动之后 就可以调用窗口最大化的方法set_window_size(width, height) 设置浏览器窗口大小 -- 设置
浏览器宽、高(像素点) 3. set_window_position(x, y) 设置浏览器窗口位置 -- 设置浏览器
位置
x,y是一个坐标点 通过此坐标点确定浏览器最左上角的位置
以此确定浏览器在屏幕上的位置。
x, y不能超过屏幕的分辨率大小
driver.find_element(By.XPATH, “//*[ class ‘emailA
dzyxA’]”).send_keys(“123 qq.com”) 2).间隔3秒 修改电话号码为 18600000000
time.sleep(3)
driver.find_element(By.CSS_SELECTOR,
“.telA”).clear()
time.sleep(3)
driver.find_element(By.CSS_SELECTOR,
“.telA”).send_keys(“18600000000”)
time.sleep(3)
退出driver.quit()
导包import time
from selenium import webdriver
from selenium.webdriver.common.by import By
driver webdriver.Chrome()
driver.maximize_window()
打开测试网站driver.get(“文件路径”)
time.sleep(3)
driver.set_window_size(500, 500)
time.sleep(3)
driver.set_window_position(300, 300)
等待3Stime.sleep(3)
退出driver.quit()
4. back() 后退 -- 模拟浏览器后退按钮
5. forward() 前进 -- 模拟浏览器前进按钮
6. refresh() 刷新 -- 模拟浏览器F5刷新
7. close() 关闭当前窗口 -- 模拟点击浏览器关闭按钮
8. quit() 关闭浏览器驱动对象 -- 关闭所有程序启动的窗口
import time
from selenium import webdriver
from selenium.webdriver.common.by import By
driver webdriver.Chrome()
driver.maximize_window()
打开测试网站driver.get(“文件路径”)
在注册A页面中点击 新浪网站driver.find_element(By.CSS_SELECtOR,
“#linkto a”).click()
time.sleep(3)
driver.back()
time.sleep(3)
driver.forward()
time.sleep(3)
driver.back()
driver.find_element(By.XPATH, “//*[text() ‘访问 新浪
网站’]”).click()
time.sleep(3)
driver.close()
time.sleep(3)
time.sleep(3)
退出driver.quit()
9. title 获取页面title
10. current_url 获取当前页面URL
import time
3、获取元素信息
from selenium import webdriver
from selenium.webdriver.common.by import By
driver webdriver.Chrome()
driver.maximize_window()
打开测试网站driver.get(“文件路径”)
获取页面标题print(driver.title)
获取页面的URL地址print(driver.current_url)
等待3Stime.sleep(3)
退出driver.quit()
