Selenium元素定位

元素定位

元素的定位应该是自动化测试的核心,要想操作一个元素,首先应该识别这个元素象。

webdriver提供了一系列的对象定位方法,常用的有以下几种

  • id
  • name
  • class name
  • link text
  • partial link text
  • tag name
  • xpath
  • css selector

案例:打开百度首页,在搜索框自动输入“Selenium我要自学网”关键词,然后点击搜索按钮,查看搜索页面。

id与name 定位

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
from  selenium import webdriver
from time import sleep

driver=webdriver.Firefox()
driver.get("http://www.baidu.com")


driver.find_element_by_id("kw").send_keys("Selenium我要自学网")
driver.find_element_by_name("wd").send_keys("Selenium我要自学网")

sleep(2)
driver.find_element_by_id("su").click()

sleep(3)
driver.quit()

tag_name定位

案例:打开我要自学网页面,在用户名输入框输入用户名“selenium”

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
from  selenium import webdriver
from time import sleep

driver=webdriver.Firefox()

driver.get("http://www.51zxw.com")

#定位标签名为input的元素
driver.find_element_by_tag_name("input").send_keys("selenium")

#获取页面所有标签名称为“input”的标签。
driver.find_elements_by_tag_name("input")[0].send_keys("selenium")

sleep(3)

driver.quit()

class_name定位

根据标签中属性class来进行定位的一种方法

1
2
3
4
5
6
7
8
9
10
11
12
13
14
from  selenium import webdriver
from time import sleep

driver=webdriver.Firefox()

driver.get("http://www.baidu.com")

driver.find_element_by_class_name("s_ipt").send_keys("Selenium 我要自学网")
sleep(2)

driver.find_element_by_id("su").click()
sleep(3)

driver.quit()

link_text定位就是根据链接文字进行定位

1
2
3
4
5
6
7
8
9
10
11
12
from selenium import webdriver
from time import sleep

driver=webdriver.Firefox()

driver.get("http://www.51zxw.net/")


driver.find_element_by_link_text('程序开发').click()
sleep(3)
driver.find_element_by_partial_link_text('自动化测试').click()
# driver.close()

XPath定位

XPath即为XML路径语言,它是一种用来确定XML(标准通用标记语言的子集)文档中某部分位置的语言。XPath基于XML的树状结构,提供在数据结构树中找寻节点的能力。

xpath绝对与相对定位

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
from selenium import webdriver
from time import sleep

driver=webdriver.Firefox()

driver.get("http://www.baidu.com")

# 绝对路径定位
driver.find_element_by_xpath("/html/body/div[2]/div[1]/div/div[1]/div/form/span[1]/input").send_keys("51zxw")

# 利用元素熟悉定位--定位到input标签中为kw的元素
driver.find_element_by_xpath("//input[@id='kw']").send_keys("Selenium")

# 定位input标签中name属性为wd的元素
driver.find_element_by_xpath("//input[@name='wd']").send_keys("Selenium")

# 定位所有标签元素中,class属性为s_ipt的元素
driver.find_element_by_xpath("//*[@class='s_ipt']").send_keys("Python3")

driver.find_element_by_id('su').click()

sleep(3)
driver.quit()

xpath组合与逻辑定位

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
from selenium import webdriver
from time import sleep

driver=webdriver.Firefox()

driver.get("http://www.51zxw.net")
#层级和属性结合定位--自学网首页输入用户和名密码
driver.find_element_by_xpath("//form[@id='loginForm']/ul/input[1]").send_keys("51zxw")
driver.find_element_by_xpath("//form[@id='loginForm']/ul/input[2]").send_keys("66666")

#逻辑运算组合定位
driver.find_element_by_xpath("//input[@type='text' and @name='username']").send_keys("51zxw")

sleep(3)
driver.quit()

css定位

Selenium极力推荐使用CSS 定位,而不是XPath来定位元素,原因是CSS 定位比XPath 定速度快,特别是在IE浏览器环境

前端开发人员就是用CSS Selector设置页面上每一个元素的样式,无论那个元素的位置有多复杂,他们能定位到,那我们使用CSS Selector肯定也能非常精准的定位到页面Elements。

CSS常用定位方法

  1. #id id选择器根据id属性来定位元素
  2. .class class选择器,根据class属性来定位元素
  3. [attribute=’value’] 根据属性来定位元素
  4. element.Attribute>element 根据元素层级来定位 父元素>子元素
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
from selenium import webdriver
from time import sleep

driver=webdriver.Firefox()

driver.get("http://www.baidu.com")

#根据id来定位
driver.find_element_by_css_selector('#kw').send_keys("Selenium 我要自学网")

#根据class定位
driver.find_element_by_css_selector('.s_ipt').send_keys('python')

#通过属性来定位
driver.find_element_by_css_selector("[autocomplete='off']").send_keys("selenium")

sleep(2)
driver.find_element_by_id('su').click()

driver.get("http://www.51zxw.net")
#通过元素层级来定位
driver.find_element_by_css_selector("form#loginForm>ul>input").send_keys("51zxw")

sleep(2)
driver.quit()

下拉菜单元素定位

案例:在我要自学网登录页面选择指定的保留天数。

1.根据选项元素标签定位

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
from selenium import webdriver
from time import sleep
from selenium.webdriver.support.ui import Select

driver=webdriver.Firefox()

driver.get("http://www.51zxw.net")
sleep(2)

#根据option标签来定位
driver.find_elements_by_tag_name('option')[1].click()
driver.find_element_by_css_selector("[value='2']").click()


sleep(2)
driver.quit()

2.使用Select类定位

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
from selenium import webdriver
from time import sleep
from selenium.webdriver.support.ui import Select

driver=webdriver.Firefox()

driver.get("http://www.51zxw.net")
sleep(2)

#利用Select类来进行定位
select = Select(driver.find_element_by_css_selector("[name='CookieDate']"))

select.select_by_index(2)
select.select_by_visible_text("留一年")
select.select_by_value("1")

sleep(2)
driver.quit()

By 元素定位

  • find_element(By.ID,”loginName”)
  • find_element(By.NAME,”SubjectName”)
  • find_element(By.CLASS_NAME,”u-btn-levred”)
  • find_element(By.TAG_NAME,”input”)
  • find_element(By.LINK_TEXT,”退出”)
  • find_element(By.PARTIAL_LINK_TEXT,”退”)
  • find_element(By.XPATH,”.//*[@id=’Title”)
  • find_element(By.CSS_SELECTOR,”[type=submit]”)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
from selenium import webdriver
from selenium.webdriver.common.by import By
from time import sleep

driver=webdriver.Firefox()
driver.get("http://www.baidu.com/")
driver.implicitly_wait(5)

driver.find_element(By.ID,'kw').clear()
driver.find_element(By.NAME,'wd').send_keys("Selenium ")
driver.find_element(By.CLASS_NAME,'s_ipt').send_keys("自学网 ")
driver.find_element(By.CSS_SELECTOR,"#kw").send_keys("自动化测试")
sleep(3)

driver.find_element(By.ID,'su').click()
sleep(3)
driver.quit()

frame页面定位

案例:在Frame.html文件种定位搜狗搜索页面,进行搜索操作。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
from selenium import webdriver
from time import sleep

driver=webdriver.Firefox()
#设置网页文件路径,r代表路径转义
file_path=r'E:\Python_script\Webdriver\Frame.html'
#路径转义另一种写法
# file_path='E:\\Python_script\\Webdriver\\Frame.html'
driver.get(file_path)

#切换到frame页面内
driver.switch_to.frame("search")

#定位到搜索框按钮输入关键词
driver.find_element_by_css_selector("#query").send_keys("Python")
sleep(3)

driver.find_element_by_css_selector("#stb").click()

sleep(3)
driver.quit()

元素操作方法

  • text 返回元素内容
  • clear()清除元素内容
  • send_keys() 传送元素值
  • click() 点击操作
  • submit()提交操作
  • get_attribute()获取元素的属性

代码实践

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
#注意调用的text没有()号,元素属性
#text_ban=driver.find_element_by_id("cp").text
# print(text_ban)

print("开始输入搜索内容》》")
driver.find_element_by_id("kw").clear()
driver.find_element_by_id("kw").send_keys("里约奥运会")

print("点击百度一下》》")
#driver.find_element_by_id("su").click() #click 和submit是一样的
driver.find_element_by_id("su").submit()

size=driver.find_element_by_id("kw").size
print("搜索框尺寸为:%r" %size)


attribute=driver.find_element_by_id("kw").get_attribute('type')
print("输入框的属性为:%s" %attribute)