How to click CSS with a space using Selenium Webdriver

Question

I am trying to click the CSS below

html body.FormBackground form#LookupForm div#Panel1 table tbody tr td div#GridContainerDiv div table#DataGrid tbody tr.GridSelectedRow td.GridRow

So far I have tried

@FindBy(css = "#DataGrid\\tbody\\tr.GridSelectedRow > td.GridRow")

and

@FindBy(css = "#DataGrid tbody tr.GridSelectedRow > td.GridRow")

But neither of the above attempts seem to work. HTML is below.

<tbody>
 <tr ondblclick="$HRnet('DataGrid').dblClick(); " gender_id="f6611f8a-8e80-41e6-a14c-fa8e25be3065" class="GridUnSelectedRow">
    <td class="GridRow">Female</td>
 </tr>
 <tr ondblclick="$HRnet('DataGrid').dblClick(); " gender_id="3ef09fb8-4d5d-43d2-abc0-2506616ef83e" class="GridSelectedRow">
    <td class="GridRow">Male</td>
 </tr>
 <tr nofocus="true">
    <td>&nbsp;</td>
 </tr>
</tbody>

can you please post the complete HTML code for the table.That will help us to get more details on the problem. — Sudharsan Selvaraj
– Sudharsan Selvaraj, Commented Jul 8, 2016 at 10:41
if you want to click the td of selected row then use the below css, @FindBy(css = "#DataGrid tr.GridSelectedRow > td.GridRow") — Sudharsan Selvaraj
– Sudharsan Selvaraj, Commented Jul 8, 2016 at 10:47
Do I have to specify if I want it to select male or female? And if so how do I do that through CSS? — OhAye
– OhAye, Commented Jul 8, 2016 at 10:57
I would suggest you spend some time reading some tutorials on CSS and trying more things. This is at least the second question like this that you've asked recently. If you don't learn how to do this yourself, you are going to have to ask every time you run into something like this. Here's a couple links to get you started but there are million more on the web. w3.org/TR/selectors/#selectors saucelabs.com/resources/selenium/css-selectors — JeffC
– JeffC, Commented Jul 8, 2016 at 16:08

the-noob · Accepted Answer · 2016-07-08 10:43:43Z

1

Based on what you've shared it looks like this should work but it will return multiple rows so you'll need to decide which one you want to click

@FindBy(css = "#DataGrid td.GridRow")

answered Jul 8, 2016 at 10:43

the-noob

1,3522 gold badges14 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to click CSS with a space using Selenium Webdriver

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related