元素的定位应该是自动化测试的核心,要想操作一个元素,首先应该识别这个元素。
webdriver提供了一系列的元素定位方法,常用的有以下几种
- id
- name
- class name
- link text
- partial link text
- tag name
- xpath
- css selector
案例:打开百度首页,在搜索框自动输入“Selenium”关键词,然后点击搜索按钮,查看搜索页面。
id定位
from selenium import webdriver
from time import sleep
driver = webdriver.Chrome()
driver.get("https://www.baidu.com/")
# 通过元素id定位
driver.find_element_by_id("kw").send_keys("selenium")
sleep(2)
driver.find_element_by_id("su").click()
sleep(3)
driver.quit()
name定位
# 通过标签中的name属性定位元素
driver.find_element_by_name("wd").send_keys("selenium")
class name定位
# 通过标签中的class属性定位元素
driver.find_element_by_class_name("s_ipt").send_keys("selenium")
link text定位
# 通过链接文字查找元素
driver.find_element_by_link_text("平面设计").click()
partial link text定位
# 通过部分链接文字查找元素
driver.find_element_by_partial_link_text("北京").click()
tag name定位
#定位标签名为input的元素
driver.find_element_by_tag_name("input").send_keys("selenium")
xpath定位
XPath即为XML路径语言,它是一种用来确定XML文档中某部分位置的语言。XPath基于XML的树状结构,提供在数据结构树中找寻节点的能力。
- 绝对定位
根据元素的绝对路径定位元素,容易出错。一旦页面元素位置有变化,原有路径信息就无法查询到元素。
# 根据元素绝对路径查看输入框
driver.find_element_by_xpath("/html/body/div[2]/div[2]/div[5]/div[1]/div/form/span[1]/input").send_keys("selenium")
- 相对定位
1、元素结合id属性定位
# 定位当前页面input标签中id属性值为kw的元素
driver.find_element_by_xpath("//input[@id='kw']").send_keys('selenium')
# 定位当前页面inpu标签中id属性值为su元素
driver.find_element_by_xpath("//input[@id='su']").click()
2、元素结合name属性定位
#定位当前页面input标签中name属性值为wd的元素
driver.find_element_by_xpath("//input[@name='wd']").send_keys('selenium')
3、元素结合class name属性定位
# xpath定位所有元素节点中属性class值为s_ipt的元素
driver.find_element_by_xpath("//*[@class='s_ipt']").send_keys('selenium')
- 层级定位
当需要定位的元素无法通过属性直接定位到时,可以往上逐层查找可以定位到的父元素,再通过层级延伸查找需要的子元素。
# 通过层级与属性结合定位
driver.find_element_by_xpath("//form[@name='f']/span[1]/input").send_keys('selenium')
sleep(3)
# 通过层级与属性结合定位
driver.find_element_by_xpath("//form[@name='f']/span[2]/input").click()
- 逻辑运算组合定位
当多个元素的属性相同时,通过一个属性无法直接定位到该元素时,可以使用该元素的多个属性组合定位元素。
# 通过属性组合定位元素
driver.find_element_by_xpath("//input[@name='wd' and @id='kw']").send_keys('selenium')
css selector定位
Selenium极力推荐使用CSS 定位,而不是XPath来定位元素,原因是CSS 定位比XPath 定速度快,语法也更加简洁。
CSS常用定位方法:
1、用法:driver.find_element_by_css_selector()
2、#id id选择器根据id属性来定位元素
3、.class class选择器,根据class属性值来定位元素
4、[attribute='value'] 根据属性来定位元素
5、element>element 根据元素层级来定位 父元素>子元素
- id定位:#id值
# css:通过id属性定位元素
driver.find_element_by_css_selector("#kw").send_keys('selenium')
- class name定位:.class name值
# css:通过class属性定位元素
driver.find_element_by_css_selector(".s_ipt").send_keys('selenium')
- 元素属性定位:[attribute='value']
# css:通过元素属性定位元素
driver.find_element_by_css_selector('[autocomplete="off"]').send_keys('selenium')
- 层级定位: father element > element
通过层级定位方式不太好定位,我试着结合元素的id、class name属性值一起调试都无法解决。希望大神看到可以留言指导,感谢!
#通过元素层级来定位[报错了。。。]
driver.find_element_by_css_selector("#form>span[1]>input[autocomplete='off']").send_keys("selenium")
报错信息: File "D:\Programs\Python\Python37\lib\site-packages\selenium\webdriver\remote\errorhandler.py", line 242, in check_response
raise exception_class(message, screen, stacktrace)
selenium.common.exceptions.InvalidSelectorException: Message: invalid selector: An invalid or illegal selector was specified
(Session info: chrome=77.0.3865.120)
网友评论