软件测试肖sir__python之ui自动化定位方法（2）

Selenium中元素定位方法
一、定位方法
要实现UI自动化，就必须学会定位web页面元素，Selenium核心
webdriver模块提供了9种定位元素方法：
定位方式 提供方法
id定位 find_element_by_id()
name定位 find_element_by_name()
class定位 find_element_by_class_name()
link定位 find_element_by_link_text()
partial link定位 find_element_by_partial_link_text()
JavaScript定位 document.getElementById(“kw”).value=“duoceshi”
tag定位 find_element_by_tag_name()
xpath定位 find_element_by_xpath()
css定位 find_element_by_css_selector()

二、定位方法详解
1、准备工作
网站：https://www.baidu.com/
打开页面元素：
方法：f12+fn 或f12 或者右键更多工具=开发者工具

元素：
百度中输入框的元素

案例
1、id定位 find_element_by_id()
send_keys（“”）输入内容
案例：

from   selenium import  webdriver
from time  import  sleep
dx=webdriver.Chrome()
dx.get('https://www.baidu.com/')
sleep(2)
dx.maximize_window()
sleep(2)
dx.find_element_by_id('kw').send_keys("dcs") #id定位
sleep(5)
dx.close()
1
2
3
4
5
6
7
8
9
10

2、name定位 find_element_by_name()

from   selenium import  webdriver
from time  import  sleep
dx=webdriver.Chrome()
dx.get('https://www.baidu.com/')
sleep(2)
dx.maximize_window()
sleep(2)
dx.find_element_by_name('wd').send_keys('我是name定位')
sleep(5)
dx.close()
1
2
3
4
5
6
7
8
9
10

3、class定位 find_element_by_class_name()

from   selenium import  webdriver
from time  import  sleep
dx=webdriver.Chrome()
dx.get('https://www.baidu.com/')
sleep(2)
dx.maximize_window()
sleep(2)
dx.find_element_by_class_name("s_ipt").send_keys('我是class定位')
sleep(5)
dx.close()
1
2
3
4
5
6
7
8
9
10

4、link定位 find_element_by_link_text()
click（）点击
针对a标签

from   selenium import  webdriver
from time  import  sleep
dx=webdriver.Chrome()
dx.get('https://www.baidu.com/')
sleep(2)
dx.maximize_window()
sleep(2)
dx.find_element_by_link_text("hao123").click()
sleep(5)
dx.close()

1
2
3
4
5
6
7
8
9
10
11

5、partial link定位 find_element_by_partial_link_text() 模糊定位

from   selenium import  webdriver
from time  import  sleep
dx=webdriver.Chrome()
dx.get('https://www.baidu.com/')
sleep(2)
dx.maximize_window()
sleep(2)
dx.find_element_by_partial_link_text("hao").click()
sleep(5)
dx.close()
1
2
3
4
5
6
7
8
9
10

6、JavaScript定位 document.getElementById(“kw”).value=“duoceshi”

from   selenium import  webdriver
from time  import  sleep
dx=webdriver.Chrome()
dx.get('https://www.baidu.com/')
sleep(2)
dx.maximize_window()
sleep(2)
js='document.getElementById("kw").value="js方法"'
dx.execute_script(js)
sleep(5)
dx.close()

1
2
3
4
5
6
7
8
9
10
11
12

7、tag定位 find_element_by_tag_name()

from   selenium import  webdriver
from time  import  sleep
dx=webdriver.Chrome()
dx.get('https://www.baidu.com/')
sleep(2)
dx.maximize_window()
sleep(2)
inputs=dx.find_elements_by_tag_name('input')
for i in  inputs:#遍历所有input标签
    if  i.get_attribute("name")=='wd':
        i.send_keys("tagname定位方法")
sleep(5)
dx.close()
1
2
3
4
5
6
7
8
9
10
11
12
13

8、xpath定位 find_element_by_xpath()
（1）讲解xpath 路径定位方法
案例： 复制 ：xpath：//*[@id=“kw”]
复制 ：full xpath ：/html/body/div[2]/div[1]/div[5]/div/div/form/span[1]/input

xpath路径定位详解：
a.绝对路径
特点：
(1)以/ 开头，
(2)从页面根元素开始
如下图：
/html/body/div[1]/div[1]/div[5]/div/div/form/span[1]/input
html标签，开始，严格按照元素在html页面中的位置和顺序向下查找
b.相对路径
特点：
a.以双斜杠//开头；
b. 不考虑元素在页面中的绝对路径和位置，只考虑是否存在符合表达式的元素即可。
c.使用标签名+节点属性定位
语法：//标签名【@属性名=属性值】
//表示相对路径，从匹配选择的当前节点存在文档中的节点，而不靠考虑他们的位置
. 选取当前节点
…选取当前节点的父节点
。匹配任何元素的节点
@* 匹配任何元素节点

@选取属性
如：
//[@id=“form”]
//[@id=“result_logo”]

(1)选定标签=右键=copy xpath
(2)复制的xpath：//*[@id=“kw”]

（一）xpath中的id地位

from   selenium import  webdriver
from time  import  sleep
dx=webdriver.Chrome()
dx.get('https://www.baidu.com/')
sleep(2)
dx.maximize_window()
sleep(2)
dx.find_element_by_xpath('//*[@id="kw"]').send_keys("xpath中id定位")
sleep(5)
dx.close()
1
2
3
4
5
6
7
8
9
10

（二）xpath中的拿name定位

from   selenium import  webdriver
from time  import  sleep
dx=webdriver.Chrome()
dx.get('https://www.baidu.com/')
sleep(2)
dx.maximize_window()
sleep(2)
dx.find_element_by_xpath('//*[@name="wd"]').send_keys("xpath中name定位")
sleep(5)
dx.close()

1
2
3
4
5
6
7
8
9
10
11

（三）xpath中的class定位

from   selenium import  webdriver
from time  import  sleep
dx=webdriver.Chrome()
dx.get('https://www.baidu.com/')
sleep(2)
dx.maximize_window()
sleep(2)
dx.find_element_by_xpath('//*[@class="s_ipt"]').send_keys("xpath中class定位")
sleep(5)
dx.close()
1
2
3
4
5
6
7
8
9
10

（四）xpath中的其他元素定位

from   selenium import  webdriver
from time  import  sleep
dx=webdriver.Chrome()
dx.get('https://www.baidu.com/')
sleep(2)
dx.maximize_window()
sleep(2)
dx.find_element_by_xpath('//*[@autocomplete="off"]').send_keys("xpath中其他元素定位")
sleep(5)
dx.close()
1
2
3
4
5
6
7
8
9
10

（五）xpath中的其他组合元素定位（and）

from   selenium import  webdriver
from time  import  sleep
dx=webdriver.Chrome()
dx.get('https://www.baidu.com/')
sleep(2)
dx.maximize_window()
sleep(2)
dx.find_element_by_xpath('//*[@autocomplete="off" and  @class="s_ipt"]').send_keys("xpath中组合元素定位")
sleep(5)
dx.close()
1
2
3
4
5
6
7
8
9
10

（六）xpath中的层级定位
定义：找上一级定位或上上级定位

上上级xpath://[@id=“form”]
上一级xpath：//[@id=“form”]/span[1]
输入框的xpath定位：
//[@id=“kw”]
或
//[@id=“form”]/span[1]/input[1]
或
//*[@id=“form”]/span/input

上一级定位：

from   selenium import  webdriver
from time  import  sleep
dx=webdriver.Chrome()
dx.get('https://www.baidu.com/')
sleep(2)
dx.maximize_window()
sleep(2)
dx.find_element_by_xpath('//*[@id="form"]/span[1]/input[1]').send_keys("上级定位")
sleep(5)
dx.close()
1
2
3
4
5
6
7
8
9
10

上上级定位：

from   selenium import  webdriver
from time  import  sleep
dx=webdriver.Chrome()
dx.get('https://www.baidu.com/')
sleep(2)
dx.maximize_window()
sleep(2)
dx.find_element_by_xpath('//*[@id="form"]/span/input').send_keys("上上级定位")
sleep(5)
dx.close()

1
2
3
4
5
6
7
8
9
10
11

9.css定位 find_element_by_css_selector()
案例：
（1）复制方法： 选定标签=右键==copy selector
（2）复制结果：css：#kw
a.css中id定位
（1）css中id简写定位（#）

from   selenium import  webdriver
from time  import  sleep
dx=webdriver.Chrome()
dx.get('https://www.baidu.com/')
sleep(2)
dx.maximize_window()
sleep(2)
dx.find_element_by_css_selector("#kw").send_keys("css中id简写定位")
sleep(5)
dx.close()

1
2
3
4
5
6
7
8
9
10
11

（2）css中id全称定位

from   selenium import  webdriver
from time  import  sleep
dx=webdriver.Chrome()
dx.get('https://www.baidu.com/')
sleep(2)
dx.maximize_window()
sleep(2)
dx.find_element_by_css_selector("[id='kw']").send_keys("css中id全称定位")
sleep(5)
dx.close()

1
2
3
4
5
6
7
8
9
10
11

b.css中class定位（.表示class简写）
（1）css中class简写定位

from   selenium import  webdriver
from time  import  sleep
dx=webdriver.Chrome()
dx.get('https://www.baidu.com/')
sleep(2)
dx.maximize_window()
sleep(2)
dx.find_element_by_css_selector('.s_ipt').send_keys("calss简写定位")
sleep(5)
dx.close()
1
2
3
4
5
6
7
8
9
10

（2）css中class全称定位

from   selenium import  webdriver
from time  import  sleep
dx=webdriver.Chrome()
dx.get('https://www.baidu.com/')
sleep(2)
dx.maximize_window()
sleep(2)
dx.find_element_by_css_selector("[class='s_ipt']").send_keys("css中class全称定位")
sleep(5)
dx.close()
1
2
3
4
5
6
7
8
9
10

c.css中name定位

from   selenium import  webdriver
from time  import  sleep
dx=webdriver.Chrome()
dx.get('https://www.baidu.com/')
sleep(2)
dx.maximize_window()
sleep(2)
dx.find_element_by_css_selector('[name="wd" ]').send_keys("css中name定位")
sleep(5)
dx.close()
1
2
3
4
5
6
7
8
9
10

d.css中其他属性定位

from   selenium import  webdriver
from time  import  sleep
dx=webdriver.Chrome()
dx.get('https://www.baidu.com/')
sleep(2)
dx.maximize_window()
sleep(2)
dx.find_element_by_css_selector('[autocomplete="off"]').send_keys("css中其他属性定位")
sleep(5)
dx.close()
1
2
3
4
5
6
7
8
9
10

e、css中组合属性定位

from   selenium import  webdriver
from time  import  sleep
dx=webdriver.Chrome()
dx.get('https://www.baidu.com/')
sleep(2)
dx.maximize_window()
sleep(2)
dx.find_element_by_css_selector('[autocomplete="off"][class="s_ipt"]').send_keys("css中组合元素定位")
sleep(5)
dx.close()

1
2
3
4
5
6
7
8
9
10
11

f、css中 层级定位
（1）上一级（>）

from   selenium import  webdriver
from time  import  sleep
dx=webdriver.Chrome()
dx.get('https://www.baidu.com/')
sleep(2)
dx.maximize_window()
sleep(2)
dx.find_element_by_css_selector('#form > span.bg.s_ipt_wr.new-pmd.quickdelete-wrap>input').send_keys("css中层级定位")
sleep(5)
dx.close()
1
2
3
4
5
6
7
8
9
10

或

from   selenium import  webdriver
from time  import  sleep
dx=webdriver.Chrome()
dx.get('https://www.baidu.com/')
sleep(2)
dx.maximize_window()
sleep(2)
dx.find_element_by_css_selector('span>input').send_keys("css中层级定位")
sleep(5)
dx.close()
1
2
3
4
5
6
7
8
9
10

（2）上上级(> >)
案例1

from   selenium import  webdriver
from time  import  sleep
dx=webdriver.Chrome()
dx.get('https://www.baidu.com/')
sleep(2)
dx.maximize_window()
sleep(2)
dx.find_element_by_css_selector('form>span>input').send_keys("css中上上级定位")
sleep(5)
dx.close()
1
2
3
4
5
6
7
8
9
10

案例2：

from   selenium import  webdriver
from time  import  sleep
dx=webdriver.Chrome()
dx.get('https://www.baidu.com/')
sleep(2)
dx.maximize_window()
sleep(2)
dx.find_element_by_css_selector('#form>span>input').send_keys("css中上上级定位")
sleep(5)
dx.close()
1
2
3
4
5
6
7
8
9
10

在这9种常用的定位方法中，优先顺序
1）有id优先使用id定位
2）没有id，考虑使用name或者class定位。
3）如果没有id，name，class再考虑用xpath，css定位。
4）如果是链接可以考虑使用link_text，partial_link_text 定位。
5）tag_name和JavaScript还是用的比较少的。
我们根据实际情况，具体问题具体分析