Get Data From Non-Table HTML Tag WebTable Using Selenium WebDriver
We have seen multiple posts on handling a web table in Selenium WebDriver. You can find them below:-
Storing Web Table Data Into List Of Map – Java
Storing Web Table Data Into A List Of Maps Using Java Stream APIs
Storing Web Table With Pagination Data Into List Of Map – Java
All above examples include a table created using table, thead, tbody, tr and td HTML tags. Many asked that in real-time we get non table tag web table also so provide an example of that as well.
Yeah, It’s true it is not mandatory to create a web table with table HTML tag only. It can be created using other tags as well. But the major part is that the handling mechanism is not different than the table tag. Just you need to play with locators.
I have taken a web table example developed using angular. I have performed below actions on this web table:-
- Get all headers and print.
- Get all rows excluding headers and print data of each column of a row with header name.
Selenium WebDriver Code
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 |
package WebTablesExamples; import java.time.Duration; import java.util.ArrayList; import java.util.LinkedHashMap; import java.util.List; import org.openqa.selenium.By; import org.openqa.selenium.WebDriver; import org.openqa.selenium.WebElement; import org.openqa.selenium.chrome.ChromeDriver; import org.openqa.selenium.support.ui.ExpectedConditions; import org.openqa.selenium.support.ui.WebDriverWait; import io.github.bonigarcia.wdm.WebDriverManager; public class NonTableTrTdWebTable { public static void main(String[] args) { WebDriverManager.chromedriver().setup(); WebDriver driver = new ChromeDriver(); driver.get("http://demo.automationtesting.in/WebTable.html"); // Wait till web table is loaded WebDriverWait wait = new WebDriverWait(driver, Duration.ofSeconds(30)); wait.until(ExpectedConditions.numberOfElementsToBeMoreThan(By.xpath("//div[contains(@class,'ui-grid-viewport')]//div[contains(@class,'grid-row')]"), 1)); // Let's get header first String headerLoc = "//div[contains(@class,'header-cell')]//span[contains(@id,'header-text')]"; List<WebElement> allHeadersEle = driver.findElements(By.xpath(headerLoc)); List<String> allHeaderNames = new ArrayList<String>(); for (WebElement header : allHeadersEle) { String headerName = header.getText(); allHeaderNames.add(headerName); } System.out.println("Headers are:-"); System.out.println(allHeaderNames); // Each row will be a key value pair. So we will use LinkedHashMap so that order // can be retained. // All map will be added to a list. List<LinkedHashMap<String, String>> allTableData = new ArrayList<LinkedHashMap<String, String>>(); // Get total rows count excluding headers String rowLoc = "//div[contains(@class,'ui-grid-viewport')]//div[contains(@class,'grid-row')]"; List<WebElement> allRowsEle = driver.findElements(By.xpath(rowLoc)); // Starting from 1 as xpath index starts from 1 for (int i = 1; i <= allRowsEle.size(); i++) { // Getting specific row with each iteration String specificRowLoc = "(//div[contains(@class,'ui-grid-viewport')]//div[contains(@class,'grid-row')])["+i+"]"; // Locating only cells of specific row. List<WebElement> allColumnsEle = driver.findElement(By.xpath(specificRowLoc)).findElements(By.xpath(".//div[contains(@class,'grid-cell-contents')]")); // Creating a map to store key-value pair data. It will be created for each iteration of row LinkedHashMap<String, String> eachRowData = new LinkedHashMap<>(); // Iterating each cell for (int j = 0; j < allColumnsEle.size(); j++) { // Getting cell value String cellValue = allColumnsEle.get(j).getText(); // We will put in to map with header name and value with iteration // Get jth index value from allHeaderNames and jth cell value of row eachRowData.put(allHeaderNames.get(j), cellValue); } // After iterating row completely, add in to list. allTableData.add(eachRowData); } System.out.println("Table data are:-"); System.out.println("========================================="); for(LinkedHashMap<String, String> data : allTableData) { for(String key : data.keySet()) { System.out.println(key + " : "+ data.get(key)); } System.out.println("========================================="); } driver.quit(); } } |
Output
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 |
Headers are:- [Email, First Name, Gender, Last Name, Phone, Action] Table data are:- ========================================= Email : aaaaaaaadimim@gmail.com First Name : Faculdade Gender : FeMale Last Name : Fadergs Phone : 1523611667 ========================================= Email : aaaaaaaaadimim@gmail.com First Name : Faculdade Gender : FeMale Last Name : Fadergs Phone : 1523611867 ========================================= Email : batata1958@gmail.com First Name : Faculdade Gender : FeMale Last Name : Fadergs Phone : 9999968005 ========================================= Email : admin@fadergs.edu.br First Name : Faculdade Gender : FeMale Last Name : Fadergs Phone : 0007678678 ========================================= Email : admin5@fadergs.edu.br First Name : Faculdade Gender : FeMale Last Name : Fadergs Phone : 0007678678 ========================================= Email : admin14@fadergs.edu.br First Name : Faculdade Gender : FeMale Last Name : Fadergs Phone : 0007678678 ========================================= Email : admin15@fadergs.edu.br First Name : Faculdade Gender : FeMale Last Name : Fadergs Phone : 0007678678 ========================================= Email : tyutyutyudu@testando.com First Name : Faculdade Gender : FeMale Last Name : Fadergs Phone : 8523677452 ========================================= Email : admin@fadergs.edououoou.br First Name : Faculdade Gender : Male Last Name : Fadergs Phone : 8882300678 ========================================= Email : admin@fadergs.edu.br First Name : Faculdade Gender : FeMale Last Name : Fadergs Phone : 0007678678 ========================================= |
You can download/clone the above sample project from here.
If you have any doubt, feel free to comment below.
If you like my posts, please like, comment, share and subscribe.
#ThanksForReading
#HappyLearning
Find all Selenium related posts here, all API manual and automation related posts here, and find frequently asked Java Programs here.
Many other topics you can navigate through the menu.
