如何使用WebDriver查找动态WebElement

Question

Automation Specification- Java based WebDriver

Hi
i'm working on a webdriver automation(Java code) to automate bus booking.
Here is my scenario....

(1)give Departure & Destination - DONE
(2) Pick the Date - DONE
(3)Search Bus - DONE
(4)View Seats & Select- I Struck here

Now as a search result, i got a list of buses with the option to view the seats. the list of buses are shown in a dynamic-DataTable which contains an image called ' view seat ' in each row. A click on the viewseat-image will give me the seat-layout where i can select the seats . found the viewseat-images are having different id's & the same class name . Now i need to locate and click on the viewseat-image whichever i want, using its id.
But the situation is
* the data table is dynamic, So the id's keep changing which doesn't allow me to locate it by a static id.
* id is the only unique thing in that coding to differentiate the viewseat-image from another. so i can locate it only if i get the id correct.

Now my idea is to, get the runtime id's of all viewseat-images, using the unique class name and store in variables and use the id's to locate the element.
So let me know if there any possibility to get the id's of all images in that data table, using the class name.

Answer 1

List<WebElement> elements = driver.findElements(By.className("classname"));    

for(WebElement ele : elements) {
    System.out.println(ele.getAttribute("id"));
} 

Answer 2

You can use absolute path and take the location of the seat which will reduce your efforts, to take the absolute path you can install a plug-in in firefox called "firepath", after installtion you will have an option for selecting either AbsolutePath or RelativePath. With the absolute path you need not use ID to identify the element which is created dynamically. The path is identified using the location of the elements within the tags.

Example for Absolute Path: //div/div/div/table/tbody/tr/td[2]/div/input[3]

Answer 3

driver.findElement(By.xpath("//a[text()='View seats']")).get(index).click()

您可以尝试这种方法。但是我不确定它是否可以解决。我正在寻找一种可以解决动态页面问题的通用方法。

Answer 4

Here when the dynamic-Data Table is coming so you can store the size of in the table, Like :

 int size = driver.findElements(By.xpath("//*[@id='demo_ID']/tbody/tr")).size();

And can set a loop which would read every available row of the table or you can click on them one by one. Like :

String strGetContent = text.getText();
or
text.click(); // As per your need 

Now you can read or click every row of the table, although rows are coming dynamically.I hope it helped you!

For more explanation or an example I would prefer: How to Automate a Dynamic page through Selenium Web Driver