Python + Selenium页面元素定位

页面元素定位

一、查看页面元素

用firefox浏览器打开百度首页，点击右上角>开发者>查看器（或者F12），就可以看到整个页面的html代码了。移动鼠标到百度搜索框，就可以自动定位到百度搜索框的HTML代码，查看到搜索框的属性，就可以看到搜索框有id,name,class等属性。

二、常用元素定位方法

1、id定位： find_element_by_id()

从上面定位到的搜索框属性中，有个id="kw"的属性，可以通过这个id定位到这个搜索框
代码：

#coding = utf-8
from time import sleep
from selenium import webdriver

# 启动浏览器
driver = webdriver.Firefox()
# 打开百度首页
driver.get(‘https://www.baidu.com/')
# 通过id定位搜索框，并输入selenium
driver.find_element_by_id('kw').send_keys('selenium')
# 等待5秒
sleep(5)
# 退出
driver.quit()

2、name定位： find_element_by_name()

从上面定位到的搜索框属性中，有个name="wd"的属性，可以通过这个name定位到这个搜索框。
代码：

# coding = utf-8
from time import sleep
from selenium import webdriver
# 启动浏览器
driver = webdriver.Firefox()
# 打开百度首页
driver.get(‘https://www.baidu.com/')
# 通过name定位搜索框，并输入selenium
driver.find_element_by_name('wd').send_keys('selenium')
# 等待5秒
sleep(5)
# 退出
driver.quit()

3、class定位：find_element_by_class_name()

从上面定位到的搜索框属性中，有个class="s_ipt"的属性，可以通过这个class定位到这个搜索框。
代码：

# coding = utf-8
from time import sleep
from selenium import webdriver
# 启动浏览器
driver = webdriver.Firefox()
# 打开百度首页
driver.get(‘https://www.baidu.com/')
# 通过class定位搜索框，并输入selenium
driver.find_element_by_class_name('s_ipt').send_keys('selenium')
# 等待5秒
sleep(5)
# 退出
driver.quit()

4、tag定位：find_element_by_tag_name()

如果懂HTML知识，就知道HTML是通过tag来定义功能的,比如input是输入，table是表格，等等…。每个元素其实就是一个tag，一个tag往往用来定义一类功能，通过查看百度首页的html代码，可以看到有很多div,input,a等tag,所以很难通过tag去区分不同的元素。基本上在我们工作中用不到这种定义方法，仅了解就行。
下面代码仅做参考，运行时必定报错
代码：

#运行时报错
# coding = utf-8
from time import sleep
from selenium import webdriver
# 启动浏览器
driver = webdriver.Firefox()
# 打开百度首页
driver.get(‘https://www.baidu.com/')
# 通过tag定位搜索框，并输入selenium, 此处必报错
driver.find_element_by_tag_name('input').send_keys('selenium')
# 等待5秒
sleep(5)
# 退出
driver.quit()

5、link定位：find_element_by_link_text()

此种方法是专门用来定位文本链接的，比如百度首页右上角有“新闻”，“hao123”，“地图”等链接。
通过此方法来定位“新闻”这个链接元素。
代码：

# coding = utf-8
from time import sleep
from selenium import webdriver
# 启动浏览器
driver = webdriver.Firefox()
# 打开百度首页
driver.get(‘https://www.baidu.com/')
# 通过link定位"新闻"这个链接并点击
driver.find_element_by_link_text('新闻').click()
# 等待5秒
sleep(5)
# 退出
driver.quit()

6、partial_link定位：find_element_by_partial_link_text()

有时候一个超链接的文本很长很长，我们如果全部输入，既麻烦，又显得代码很不美观，这时候我们就可以只截取一部分字符串，用这种方法模糊匹配了。我们用这种方法来定位百度首页的“新闻”超链接。
代码：

# coding = utf-8
from time import sleep
from selenium import webdriver
# 启动浏览器
driver = webdriver.Firefox()
# 打开百度首页
driver.get(‘https://www.baidu.com/')
# 通过partial_link定位"新闻"这个链接并点击
driver.find_element_by_partial_link_text('闻').click()
# 等待5秒
sleep(5)
# 退出
driver.quit()

7、xpath定位：find_element_by_xpath()

(1)常用xpath定位

前面介绍的几种定位方法都是在理想状态下，有一定使用范围的，那就是：在当前页面中，每个元素都有一个唯一的id或name或class或超链接文本的属性，那么我们就可以通过这个唯一的属性值来定位他们。但是在实际工作中并非有这么美好，有时候我们要定位的元素并没有id,name,class属性，或者多个元素的这些属性值都相同，又或者刷新页面，这些属性值都会变化。那么这个时候我们就只能通过xpath或者CSS来定位了。可查阅资料详细了解xpath的相关知识。

(2)快速获取元素xpath的方法

安装xpath finder插件可快速获取元素xpath。通过选中工具xp—>选中元素-自动获取xpath ,如下图所示：

代码：

# coding = utf-8
from time import sleep
from selenium import webdriver
# 启动浏览器
driver = webdriver.Firefox()
# 打开百度首页
driver.get(‘https://www.baidu.com/')

# 通过xpath定位搜索框，并输入selenium
driver.find_element_by_xpath("//*[@id='kw']").send_keys('selenium')
# 等待5秒
sleep(5)
# 退出
driver.quit()

8、CSS定位：find_element_by_css_selector()

这种方法相对xpath要简洁些，定位速度也要快些，但是学习起来会比较难理解，这里只做下简单的介绍。
CSS定位百度搜索框

# coding = utf-8
from time import sleep
from selenium import webdriver
# 启动浏览器
driver = webdriver.Firefox()
# 打开百度首页
driver.get(‘https://www.baidu.com/')
# 通过CSS定位搜索框，并输入selenium
driver.find_element_by_css_selector('#kw').send_keys('selenium')
# 等待5秒
sleep(5)
# 退出
driver.quit()

三、表格元素定位

浏览网页常常会包含各类表格，自动化测试工程师可能会经常操作表格中的行、列以及特定的单元格，因此熟练掌握表格定位方法是自动化测试实施过程中必要的技能。
下面提供被测网页的HTML代码如下：

 
  

    

      
消费项目....
      
一月
      
二月 
    
    

      
衣服：
        外套
        内衣
      
      
100元
      
500元
 
    
    

      
化妆品：
        面霜
        沐浴露
      
      
3000元
      
500元
 
    
    

      
食物：
          主食
          蔬菜
      
      
3000元
      
650元
 
    
    

      
总计
      
7000元
      
1150元 
    
  
 

编写测试用例遍历表格所有的单元格，参考代码如下：

dirver.get("file:/D:/webtest/example/table.html")  #目标html文件地址
tiem.sleep(3)
try:
	found_element = driver.find_element_by_id("table")
except Exception as e:
	print(e)
else
	print("found element")
	trlist = found_element.find_elements_by_tag_name("tr")
	for row in trlist:
		tdlist = row.find_elements_by_tag_name("td")
		for col in tdlist:
			print(col.text + "\t", end="")
		print()
finally:
	driver.quit()

四、编写测试用例

为了验证各种定位方式成功与否，我们可以分别用函数的方式来定义测试用例，并通过try…except结构输出定位成功与否的结果。
以通过id="kw"的方式定位到百度搜索框为例，编写测试用例为：

def test_by_id(self):
	#通过ID方式定位百度搜索框
	try:
		found_element = self.driver.find_elements_by_id("kw")
	except Exception as e:
		print("ID定位失败，失败原因：{}".format(e))
	else:
		print("id定位方式测试通过")
	finally:
		driver.quit()