使用Css表中的硒定位单元

Question

Selenium cannot seem to locate an input element in a table that I specified using the following code:

driver.findElement(By.cssSelector("td:contains('Community Member')+td+td>input:contains('ACTION_DELETE')")).click();

It's throwing an InvalidSelectorException. The following is a snippet of the row in the page source I'm working with:

<tr id="aui_3_2_0_1240" class="portlet-section-alternate results-row alt lfr-role lfr-role-community last">
    <td class="align-left col-1 first valign-middle" headers="issq_col-1" colspan="1"> Community Member </td>
    <td class="align-left col-2 valign-middle" headers="issq_col-2" colspan="1">
    <td id="aui_3_2_0_1239" class="align-left col-3 valign-middle" headers="issq_col-3"     colspan="1">
        <input id="aui_3_2_0_1211" type="checkbox" name="10124_ACTION_DELETE"/>
    </td>
    <td class="align-left col-4 valign-middle" headers="issq_col-4" colspan="1">
    <td class="align-left col-5 valign-middle" headers="issq_col-5" colspan="1">
    <td class="align-left col-6 valign-middle" headers="issq_col-6" colspan="1">
    <td class="align-left col-7 valign-middle" headers="issq_col-7" colspan="1">
    <td class="align-left col-8 valign-middle" headers="issq_col-8" colspan="1">
    <td class="align-left col-9 last valign-middle" headers="issq_col-9" colspan="1">
</tr>

And I am trying to intelligently click the checkbox denoted by the input element above. I should note that all the td's above are also expandable to reveal an input element. Ideally, what I would like is just some code that I can give the value of the first cell in the row as well as part of the name of the checkbox and have it click the checkbox for me. In the example above that would be like ...

clickCheckboxInTable("Community Member","ACTION_DELETE");

Any suggestions as to how to best accomplish this or fix my existing code?

Answer 1

You're attempting to use the :contains pseudoselector in your CSS selector. This pseudoselector is not a part of any published CSS standard. Unfortunately, it's become common since the JavaScript CSS selector engine implementation used by jQuery ( Sizzle ) allows it to be used. Since the driver implementations rely on the browsers' native CSS selector engine implementations, they don't support the :contains pseudoselector, and throw the exception you're seeing. Also, I note that you're attempting to find the check box where the name attribute (not the element content) contains the string for which you're searching. In that case :contains wouldn't work anyway.

Leaving aside the inherent instability of finding elements using the text contained within them, if you really want to do that, finding by XPath is likely your only option. Also, the check box element is not a descendent of the element containing the text you're looking for. Rather, it's a sibling element, and CSS selectors don't permit you to walk up the DOM tree to parent elements. Again, this is a feature best handled by XPath.

I'd handle the issue using something like the following:

public void clickCheckboxInTable(String value, String action) {
  // Assume the WebDriver instance is stored in a class-level
  // variable named 'driver'.
  WebElement tableCell = driver.findElement(By.xpath("//td[contains(., '" + value + "')]"));
  WebElement checkbox = tableCell.findElement(By.xpath("..//input[contains(@name, '" + action + "')]"));
  checkbox.click();
}

Note carefully that this solution performs two finds. Doing so in two steps gives you the opportunity to perform other actions related to the cell containing your value if needed. Otherwise, you could use a single XPath expression like this:

// Using the 'direct parent' operator ('..'), but you could also
// use other axis functions like 'following-sibling'.
findElement(By.xpath("//td[contains(., '" + value + "')]/..//input[contains(@name, '" + action + "')]"));

Answer 2

Try with this Xpath:

//*[@type='checkbox'][contains(@name,'_ACTION_DELETE')]

Edit

//*[normalize-space(text())='Community Member']/input[@type='checkbox'][contains(@name,'_ACTION_DELETE')]

EDIT: Corrected after Jim Evans comment

//*[normalize-space(text())='Community Member']/..//input[@type='checkbox'][contains(@name,'_ACTION_DELETE')]

Answer 3

尝试使用此xpath单击与“社区成员”相关的复选框 ：

driver.findElement(By.xpath("//td[contains(text(),'Community Member')]/following-sibling::td/input[contains(@name,'ACTION_DELETE')]")).click();