Unable to find correct Target selector to click an element

Question

Please see the image below which shows code of the web page in Developer Tools window and advise me the correct selector for 'Depreciation Models'. Text highlighted in red is constant, however the surrounding text is dynamic. So I tried using contains selector to locate but unsuccessful. I want to avoid XPATH as number of before and after div elements may keep changing.

I am using Selenium IDE hence the C#/Java code for RC/Webdriver won't help much.

Selenium IDE generated target path is this:

css=#dhxId_rgWATog7lC3E_27572|6059|6152 > td.sub_item_text > div.sub_item_text

I tried

css=contains('27572') > td.sub_item_text > div.sub_item_text

but it didn't work.

Kindly suggest. I am stuck. Thanks.

score 1 · Answer 1 · edited Jun 21 '18 at 13:44

1

I guess this would be the right approach:

<style>
   [id*="27572"] > td.sub_item_text > div.sub_item_text{
      color:red;
   }

<table>
        <tbody>
            <tr id="dhxId_rgWATog7lC3E_27572|6059|6152" class="sub_item">
                <td class="sub_item_icon">
                     <i class="fa fa-user epc-down-circled-2"></i>
                </td>
                <td class="sub_item_text">
                     <div class="sub_item_text"> Depriciations Models</div>
                </td>
            </tr>
        </tbody>
    </table>

It will set all elements that have an id attribute value containing "27572" and inside of it.

edited Jun 21 '18 at 13:44

undetected Selenium

183,867
41
278
352

answered Jun 21 '18 at 02:33

slon

1,002
1
8
12

Thanks slon. I don't want to highlight it in red. I will give it a shot and update you. – jainashish Jun 21 '18 at 02:54
Red color or anything is up to you, you wanted to select it right? I just added red color as an example. It an be anything. Glad that works for you. – slon Jun 21 '18 at 02:56
I used the same typed code that you have and it works. – slon Jun 21 '18 at 03:02
is your css style reachable to your page? – slon Jun 21 '18 at 03:03
I do not need css style. I need selector written for selenium IDE. – jainashish Jun 21 '18 at 03:05

undetected Selenium · Accepted Answer · 2018-06-21T10:30:48.253

As you tried the Locator Strategy as :

css=contains('27572') > td.sub_item_text > div.sub_item_text

Reasons for not working

From the snapshot of the HTML you have provided, 27572 is not the innerText but partial string of the id attribute.
As per selenium.common.exceptions.InvalidSelectorException with “span:contains('string')”:

The :contains pseudo-class isn't in the CSS Spec and is not supported by either Firefox or Chrome (even outside WebDriver).

Solution

You can use the following xpath as per the existing DOM Tree:

xpath=//tr[@class='sub_item'][contains(@id,'27572')]//td[@class='sub_item_text']/div[@class='sub_item_text'][contains(.,'Depreciations Models')]

Unable to find correct Target selector to click an element

2 Answers2

Reasons for not working

Solution