java - 单击 webTable 中特定记录的特定按钮

Question

在我们的应用程序中，我有一个场景可以单击特定用户的编辑图标。所以目前我正在使用以下代码:

下面是编辑按钮的html源代码:

<tbody id="defaultOverviewTable_data" class="ui-datatable-data ui-widget-content">
    <tr class="ui-widget-content ui-datatable-even ui-datatable-selectable" aria-selected="false" role="row" data-rk="5910" data-ri="0">
    <tr class="ui-widget-content ui-datatable-odd ui-datatable-selectable" aria-selected="false" role="row" data-rk="1" data-ri="1">
    <tr class="ui-widget-content ui-datatable-even ui-datatable-selectable" aria-selected="false" role="row" data-rk="1211" data-ri="2">
    <tr class="ui-widget-content ui-datatable-odd ui-datatable-selectable ui-state-hover" aria-selected="false" role="row" data-rk="14" data-ri="3">
        <td class="ui-selection-column" style="width:17px;min-width:17px;max-width:17px;" role="gridcell">
        <td role="gridcell">HemaSundar</td>
        <td style="width:105px;min-width:105px;max-width:105px;" role="gridcell">52A-4EB-52C-294</td>
        <td role="gridcell">HemaSundar</td>
        <td role="gridcell">HemaSundar</td>
        <td role="gridcell">Banking, Admin, System, EuropeanGate, SAP, MBS, Audit, Confidential Payments, iPhone App</td>
        <td role="gridcell">
        <td class="fillerColumn" style="width:0px;min-width:0px;max-width:0px;" role="gridcell"/>
        <td class="iconColumn width_components_4" style="width:160px;min-width:160px;max-width:160px;" role="gridcell">
            <div class="columnDiv">
                <div id="defaultOverviewTable:3:j_id128" class="ui-outputpanel ui-widget">
                    <button id="defaultOverviewTable:3:j_id129" class="ewms-ui-icon-superEdit ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only ui-state-hover" type="submit" title="" alt="Edit" onclick="return false;PrimeFaces.addSubmitParam('defaultOverviewForm',{'edit_id':'14'})" name="defaultOverviewTable:3:j_id129" role="button" aria-disabled="false">
                        <span class="ui-button-text ui-c">ui-button</span>
                    </button>
                </div>

这是我现在使用的代码:

WebElement overview = driver.findElement(By.id("defaultOverviewTable_data"));// considering the complete webtable
        List<WebElement> individualRows = overview.findElements(By.tagName("tr"));//considering invidual user
        for (WebElement wb: individualRows)
        {
            List<WebElement> indWb = wb.findElements(By.tagName("td"));// considering individual columns for individual users
            System.out.println(indWb.get(1).getText());
            if (indWb.get(1).getText().equalsIgnoreCase(username))// if the username equals the expected
            {
                List<WebElement> allButtons = wb.findElements(By.tagName("button"));// getting all the buttons of that user
                for (WebElement edit: allButtons)
                {
                    System.out.println(edit.getAttribute("title"));
                    if (edit.getAttribute("title").matches("Edit"))
                    {
                        edit.click();// clicking on button where title is Edit.
                        break;
                    }
                }
                break;
            }
        }

有时表中有超过 300 个用户，然后如果我想为大约位于 200 个位置的用户单击编辑。这需要更多时间。

有没有其他方法可以使用 XPATH 单击用户名列等于特定名称的编辑按钮？

注意:按钮的ID不是固定的。

Answer 1

我相信这个 XPath 应该可以实现您想要实现的目标。

//tbody[@id='defaultOverviewTable_data']/tr[./td[2][text()='HemaSundar']]//button[@alt='Edit']

注意:

• td[2] 被使用是因为 XPaths 是基于 1 的，而您正在寻找第二列

• 您提到点击 title="Edit" 处的按钮，但您的代码片段实际上并没有那个按钮，所以我改为通过 alt 属性进行选择

XPath 可以非常强大，如果您想要更深入的解释，请告诉我

编辑:在下面添加对 XPath 的更好解释......

//tbody[@id='defaultOverviewTable_data']

这会在页面的任何位置找到 id='defaultOverviewTable_data' 的 tbody 元素。简单

/tr[./td[2][text()='HemaSundar']]

这会找到 tr 元素，它是 tbody 的直接子元素(开头只有一个 /)。方括号部分表示它只会查找符合方括号内条件的行(./td[2][text()='HemaSundar'])，或者用英文来说，它会仅在第二个子 td 中查找包含文本“HemaSundar”的行。

//button[@alt='Edit']

最后，这将找到 tr 下方的所有按钮(不仅仅是直接子级，因为双 //)，它们的 alt 属性为“Title” .如果您愿意，可以切换 @alt 部分以匹配任何其他属性。

如果解决了您的问题，请不要忘记将此答案标记为正确:)