Selenium处理常见web控件-table

作者: 猫与测试 | 来源:发表于2018-01-24 14:26 被阅读283次

    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)
    

    相关文章

      网友评论

        本文标题:Selenium处理常见web控件-table

        本文链接:https://www.haomeiwen.com/subject/ozohgxtx.html