selenium页面元素定位方法（5）——表格的定位

最新推荐文章于 2023-08-23 15:45:28 发布

原创最新推荐文章于 2023-08-23 15:45:28 发布 · 1.3w 阅读

24 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

selenium学习笔记

自动化测试

selenium

本文介绍了如何使用Selenium进行表格元素定位，包括遍历表格单元格、定位特定单元格以及查找表格内的子元素。例如，通过XPath或CSS表达式定位到表格的第二行第二列，以及定位到包含特定文本的单元格内的子元素，如‘面霜’复选框。

被测试html代码：

<!DOCTYPE html>
<html>
<body>
	<table width="400" border="1" id="table"></table>
	<tr>
		<td align="left">消费项目....</td>
		<td align="right">一月</td>
		<td align="right">二月</td>
	</tr>
	<tr>
		<td align="left">衣服</td>
		<td align="right">1000</td>
		<td align="right">500</td>
	</tr>
	<tr>
		<td align="left">化妆品</td>
		<td align="right">3000</td>
		<td align="right">500</td>
	</tr>
	<tr>
		<td align="left">食物</td>
		<td align="right">3000</td>
		<td align="right">650</td>
	</tr>
	<tr>
		<td align="left">总计</td>
		<td align="right">7000</td>
		<td align="right">1150</td>
	</tr>
</body>
</html>

遍历表格的全部单元格

先定位表格的页面元素对象，在表格对象中，把所有tr元素对象存储到list对象中。使用for循环，把对象从rows对象中取出来，使用findElements函数将表格行对象中的所有单元格对象存储到名为cols的List中。在使用for循环读取。

	@Test
	public void LocateTable(){
		WebElement tableElement=driver.findElement(By.id("table"));
		List<WebElement> rows=tableElement.findElements(By.tagName("tr"));
		for (int i = 0; i < rows.size(); i++) {
			List<WebElement> cols=rows.get(i).findElements(By.tagName("td"));
			for (int j = 0; j < cols.size(); j++) {
				System.out.println(cols.get(j).getText()+"\t");
			}
			System.out.println("");
		}
	}

定位表格中的某个单元格

在测试网站的页面中，定位显示表格的第二行第二列表格。

XPath表达式：//*[@id='table']/tbody/tr[2]/td[2]

CSS表达式：html body table#table tbody tr:nth-child(2) td:nth-child(2)

java实例代码：

WebElement tableElement=driver.findElement(By.cssSelector("html body table#table tbody tr:nth-child(2) td:nth-child(2)"));
WebElement cell=driver.findElement(By.xpath("//*[@id='table']/tbody/tr[2]/td[2]"));

表格的结构比较复杂，将分割成三个部分：题头、正文和脚注。而这三部分分别用:thead,tbody,tfoot来标注。thead用来放标题之类的东西，tbody放数据本体，tfoot放表格的脚注之类……因此在书写表达式时需要先进入tbody部分才能读取tr和td。

定位表格中的子元素

被测试网页代码：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
	<table width="400" border="1" id="table">
	<tr>
		<td align="left">消费项目....</td>
		<td align="right">一月</td>
		<td align="right">二月</td>
	</tr>
	<tr>
		<td align="left">衣服<input type='checkbox'>外套</input><input type='checkbox'>内衣</input></td>
		<td align="right">1000</td>
		<td align="right">500</td>
	</tr>
	<tr>
		<td align="left">化妆品<input type='checkbox'>面霜</input><input type='checkbox'>沐浴露</input></td>
		<td align="right">3000</td>
		<td align="right">500</td>
	</tr>
	<tr>
		<td align="left">食物<input type='checkbox'>主食</input><input type='checkbox'>蔬菜</input></td>
		<td align="right">3000</td>
		<td align="right">650</td>
	</tr>
	<tr>
		<td align="left">总计</td>
		<td align="right">7000</td>
		<td align="right">1150</td>
	</tr>
	</table>
</body>
</html>

定位到表格中第三行的“面霜”复选框。

XPath表达式：//td[contains(text(),'化妆']/input[1]

java实例代码：

WebElement cell=driver.findElement(By.xpath("//td[contains(text(),'化妆']/input[1]"));

表达式中的//td[contains(text(),'化妆']表示模糊匹配到包含“化妆”关键字的单元格，/input[1]表示单元格里面的第二个input元素。

标签

#表格定位 #selenium #自动化