I need to iterate table using css selectors

Question

enter image description here screenshot of the page

I am trying to automate a page using selenium webdriver. The page contains a table which has the following xpath.

Find below a sample xpath validation which works fine. I am iterating it through div as rows are considered as div under which there will be a table which has all the rows mentioned.

table = common.getObjectByXpath("html/body/div[4]/div[4]/div[1]/div/div/div[3]/div/div[2]/div/div/div/div");
rows = table.findElements(By.tagName("div"));

    for(int i=1;i<=rows.size();i++){
        if(driver.findElement(By.xpath("html/body/div[4]/div[4]/div[1]/div/div/div[3]/div/div[2]/div/div/div/div/div["+i+"]/table/tbody/tr/td[5]/span").getText().equals("endnode 11.1"))){
            System.out.println(" print Something");
        }
    }

It works fine with xpath. But I want to do it with css selector. I am attaching the sample format of the table. In the below figure, each div is considered as a row and under which you will see a table which has entries for columns.

alecxe · Accepted Answer · 2015-03-06 00:40:46Z

1

The xpath you are using is a very fragile one since it starts right from the html element and heavily depends on the HTML structure of the page. Needless to say - it is huge and is not quite readable and easily understandable.

Instead rely on the element attributes - classes or ids. For example:

div#dojox_grid__View_11 div.dojoxGridContent div.dojoxGridRow

answered Mar 6, 2015 at 0:40

alecxe

476k127 gold badges1.1k silver badges1.2k bronze badges

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

6 Comments

Leo Over a year ago

"dojox_grid__View_11" will keep on changing and is there a way we could have a pattern match for this string alone?

alecxe Over a year ago

@Leo yup, for example a starts-with version: div[id^=dojox_grid__View_]

Leo Over a year ago

Thanks. It woks fine. But I am stuck with another issue. Looks like if the table grows beyond 75 rows, it creates a new div with role="presentation" is created. This gets created only when i scroll beyond 75 rows. Since a new one is created only when you scroll I am not sure how to handle it. Attached the screenshot for both. First screenshot is after scrolling and second screenshot is before

alecxe Over a year ago

@Leo could you please elaborate the latest problem into a separate question describing your desired result? I think it makes sense since it looks like a separate new problem. Throw me a link here also. Thank you!

Leo Over a year ago

Sure. I will post it and send you the link

|

Collectives™ on Stack Overflow

I need to iterate table using css selectors

1 Answer 1

6 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related