Selenium处理常见web控件
Selenium没有提供table的处理方法，只有根据需要自己编写脚本。主要思路是通过xpath下标和css selector层级的方式，通过循环实现根据行列取数据，根据数据判断所在的行列。
一个简单的table示例：
<html>
<head>
<meta charset="UTF-8">
<title>Table</title>
</head>
<body>
<table border="1" id="myTable">
<tbody>
<tr>
<th>表头第一格</th>
<th>表头第二格</th>
<th>表头第三格</th>
</tr>
<tr>
<td>第一行第一列</td>
<td>第一行第二列</td>
<td>第一行第三列</td>
</tr>
<tr>
<td>第二行第一列</td>
<td>第二行第二列</td>
<td>第二行第三列</td>
</tr>
</tbody>
</table>
</body>
</html>
大致是这样一个表格：
table简单示例
根据行列取文本值
def row_cell_get_table_text(driver, locator, row, cell):
"""
根据输入的行列值，获取该行列单元格中的文本。
:param locator: 定位到table的定位语句
:param row: 行
:param cell: 列
:return: 单元格文本
"""
locator = "%s/tbody/tr[%s]/td[%s]" % (locator, row + 1, cell)
text = driver.find_element_by_xpath(locator).text
return text
from selenium import webdriver
driver = webdriver.Chrome()
driver.get('file:///E:/table.html')
locator = "//table[@id='myTable']"
row_cell_get_table_text(driver, locator, 2, 2)
# '第二行第二列'
根据文本获取所在的行列
方法1：
使用xpath方式，先获取整个列表的tr行数，然后获取所有的td数，tr/rd就是列数。根据行列去遍历整个列表，返回匹配的文本所在的行列。
def text_get_table_row_cell(driver, locator, text):
"""通过xpath定位的方式，根据参数text中的文本返回文本所在的行列"""
# 获取行数，由于部分表格表头是用th而不是用td，可能会出现计算错误。因此这里先除去表头
table_tr = driver.find_elements_by_xpath(locator + "/tbody/tr")[1:]
row = len(table_tr)
# 获取列数
table_td = driver.find_elements_by_xpath(locator + "/tbody/tr/td")
cell = int(len(table_td) / row)
# 遍历table中的所有文本，并匹配的值返回所在的行列
# xpath中下标取值从1开始，除去表头，需要从2开始
for i in range(2, row + 2):
for j in range(1, cell + 1):
tl = locator + "/tbody/tr[" + str(i) + "]/td[" + str(j) + "]"
table_text = driver.find_element_by_xpath(tl).text
if text == table_text:
return i, j
from selenium import webdriver
driver = webdriver.Chrome()
driver.get('file:///E:/table.html')
locator = "//table[@id='myTable']"
text_get_table_row_cell(driver,locator,'第一行第二列')
# (2, 2)
# 注意，这里算上表头是第二行，可以根据需要减1.
方法2：
通过css的方式，先查找到所有table内部的tr元素，再找tr内部的所有td标签。同样遍历整个table，获取文本所在的行列。
def text_get_table_row_cell_by_css(driver, csslocator, text):
"""通过css定位的方式，根据参数text中的文本返回文本所在的行列，排除了表头的情况"""
# 拼接定位语句
locator = csslocator + ">tbody>tr"
# 去表头
table_tr_list = driver.find_elements_by_css_selector(locator)[1:]
# 遍历table中的所有文本
for tr in range(len(table_tr_list)):
# 查找当前tr中的所有td
table_td_list = table_tr_list[tr].find_elements_by_tag_name("td")
for td in range(len(table_td_list)):
if text == table_td_list[td].text:
return tr + 1, td + 1
from selenium import webdriver
driver = webdriver.Chrome()
driver.get('file:///E:/table.html')
locator = "#myTable"
text_get_table_row_cell_by_css(driver,locator,'第二行第三列')
# (2, 3)
# 这里排除了表头的情况，如果需要，再加1.
现在表格可能会加多种样式等情况，需要根据实际测试的页面表格情况灵活调整。
再封装一下，封装成一个类：
__author__ = "Nemo"
# =========================================
# 用来处理列表页中的table
# =========================================
class Table(object):
def __init__(self, driver):
self.driver = driver
def row_cell_get_table_text(self, locator, row, cell):
"""
根据输入的行列值，获取该行列单元格中的文本。
:param locator: 定位到table的定位语句
:param row: 行
:param cell: 列
:return: 单元格文本
"""
locator = "%s/tbody/tr[%s]/td[%s]" % (locator, row+1, cell)
text = self.driver.find_element_by_xpath(locator).text
return text
def text_get_table_row_cell(self, locator, text):
"""通过xpath定位的方式，根据参数text中的文本返回文本所在的行列，排除了表头的情况"""
# 获取行数，除去表头
table_tr = self.driver.find_elements_by_xpath(locator + "/tbody/tr")[1:]
row = len(table_tr)
# 获取列数
table_td = self.driver.find_elements_by_xpath(locator + "/tbody/tr/td")
cell = int(len(table_td)/row)
# 根据行列数遍历table中的所有文本，并获取匹配的文本所在的行列
for i in range(2, row + 2):
for j in range(1, cell + 1):
tl = locator + "/tbody/tr[" + str(i) + "]/td[" + str(j) + "]"
table_text = self.driver.find_element_by_xpath(tl).text
if text == table_text:
return i, j
def text_get_table_row_cell_by_css(self, csslocator, text):
"""通过css定位的方式，根据参数text中的文本返回文本所在的行列，排除了表头的情况"""
locator = csslocator + ">tbody>tr"
# 去表头
table_tr_list = self.driver.find_elements_by_css_selector(locator)[1:]
# 遍历table中的所有文本
for tr in range(len(table_tr_list)):
table_td_list = table_tr_list[tr].find_elements_by_tag_name("td")
for td in range(len(table_td_list)):
if text == table_td_list[td].text:
return tr + 1, td + 1
from selenium import webdriver
driver = webdriver.Chrome()
driver.get('file:///E:/table.html')
table = Table(driver)
css_locator = "#myTable"
xpath_locator = "//table[@id='myTable']"
table.row_cell_get_table_text(xpath_locator, 2, 2)
# '第二行第二列'
table.text_get_table_row_cell(xpath_locator, '第一行第二列')
# (2, 2)
table.text_get_table_row_cell_by_css(css_locator , '第二行第三列')
# (2, 3)
赞 (0)