Selenium3自动化测试【24】定位一组元素

最新推荐文章于 2024-05-21 22:18:05 发布

Leo_Eagle

最新推荐文章于 2024-05-21 22:18:05 发布

阅读量3k

点赞数 1

分类专栏： Web自动化测试文章标签： python selenium 测试工具单元测试

本文链接：https://blog.csdn.net/hb_lxp/article/details/120018262

版权

Web自动化测试专栏收录该内容

38 篇文章 12 订阅

订阅专栏

除了，前面我们熟知WebDriver有8种定位单个元素的方法，也提到了WebDriver 还提供了与之对应的 8 种定位方法用于定位一组元素。
8种find_elements_by_*方法如下所示：

find_elements_by_id：通过元素的ID属性值来定位一组元素；
find_elements_by_name：通过元素的name属性值来定位一组元素；
find_elements_by_class_name：通过元素的class属性值来定位一组元素；
find_elements_by_xpath：通过Xpath来定位一组元素；
find_elements_by_tag_name：通过元素的tag name来定位一组元素；
find_elements_by_css_selector：通过CSS选择器来定位一组元素；
find_elements_by_link_text：通过元素标签对之间的文本信息来定位一组元素；
find_elements_by_partial_link_text：通过元素标签对之间的部分文本信息来定位一组元素。

1. 通过tag name定位一组元素案例

第5章介绍到，可通过tag name定位一组元素。通过html语言简单编写了checkbox.html文件。checkbox.html页面的html代码如下


<html>
  <head>
        <title>复选框测试实例</title>
  </head>
  <body>
     请选择你喜爱的水果</br>
       <input type="checkbox" name="fruit" value ="apple" >苹果<br>
       <input type="checkbox" name="fruit" value ="orange">桔子<br>
       <input type="checkbox" name="fruit" value ="mango">芒果<br>   
  </body>
</html>

checkbox.html页面的展现效果如图所示。

checkbox.html页面效果

通过checkbox.html页面的html代码可以看到3个复选框的标签都是标签。
案例要求：
设计Selenium程序，通过find_elements_by_tag_name()方法实现选中3种水果的复选框。
代码如下：

#方式1：通过find_elements_by_tag_name
from selenium import webdriver
from time import sleep

driver = webdriver.Firefox()
driver.get("file:///D:/checkbox.html")       #checkbox.html的路径要根据自己的实际情况调整

inputs = driver.find_elements_by_tag_name("input")

for i in inputs:
    # 通过看源代码，使用type或name均可，因为三种水果这3个元素，这2个属性均相同
    if i.get_attribute("type") == "checkbox":
    # if i.get_attribute("name") == "fruit":
        i.click()
        sleep(3)
driver.quit()

通过上面的代码，可以看到是通过find_elements_by_tag_name方法定位了所有标签为的元素。

还可以通过find_elements_by_xpath()方法实现该案例要求的操做，代码如下：

#方式2：通过find_elements_by_xpath
from selenium import webdriver
from time import sleep

driver = webdriver.Firefox()
driver.get("file:///D:/checkbox.html")

checkboxes = driver.find_elements_by_xpath("//input[@name='fruit']")

print(len(checkboxes))

for checkbox in checkboxes:
    checkbox.click()
driver.quit()

2. 层级定位

前面提到了层级等位，层级定位可能在如下情况发生时被应用到。
如果被定为的元素，无法通过自身属性来唯一标识自己，此时可以考虑借助上级元素来定位自己。举生活中的例子，一个婴儿刚出生，还没有姓名与身份证号，此时给婴儿进行检查时往往会标注为“某某之女”。因为婴儿的母亲是确定的，找到母亲也就找到了婴儿。XPath的层级与属性结合定位就是如此。

在定位一组元素中，往往也可以用到层级定位的方法。例如常见的表格、下拉选择框等。都可能用到层级定位。
案例如图所示：

通过层级的定位方式获得表格【广东】这个单元格的值；
【籍贯】下拉中选择上海。

图案例效果图

案例html源码。# 学习目标：

<html>
	<head>
		<title>表格&下拉选择框</title>
	</head>
	<style>
		.box{
			width:500px;height:800px;
			margin:20px auto;
			text-align:center;		
		}
	</style>
	<body>	
		<table border="1" id="qw" align="center">
			<tr>
				<th>省份</th>
				<th>城市</th>
			</tr>
			<tr>
				<td>广东</td>
				<td>浙江</td>
			</tr>
			<tr>
				<td>广州</td>
				<td>杭州</td>
			</tr>
		</table>
		</br>
		<div class="box">
			<label>籍贯</label>
				<select name="site">
					<option value="0">北京</option>
					<option value="1">上海</option>
					<option value="2">深圳</option>
				</select>	
		</div>
	</body>
</html>

通过层级定位方式，实现的代码如下：

from selenium import webdriver
driver=webdriver.Firefox()
driver.get("file:///D:/ TableSelect.html")

table=driver.find_element_by_id("qw")

#获取行数
row=table.find_elements_by_tag_name("tr")

#获取列数
col=row[0].find_elements_by_tag_name("th")

#获取第一行第一列
Row_Col=row[1].find_elements_by_tag_name("td")[0].text
print(Row_Col)

# 下拉框选择第2个值
checkvalue=driver.find_element_by_name("site")
checkvalue.find_element_by_xpath("//option[@value='1']").click()