Tips for selecting a value from <ul> <li> tags in Selenium with Java

Question

Tips for selecting a value from <ul> <li> tags in Selenium with Java

I am encountering an issue with something. I am working on two equations within . The first equation is 2+2 and I validate it, then the second equation is 3+3 and I validate that as well.

The validation for the first equation is successful and I use the following code snippet:

WebElement element = driver.findElement(By.xpath("/html/body/div[3]/div[3]/ul/li[1]/p[1]"));
String title = element.getAttribute("title");
System.out.println(title);
Assert.assertEquals(title, "4");

This test passes without any issues.

However, for the second equation, I cannot reuse the xpath mentioned above because it still refers to the value 4.

Any suggestions on how to approach this?

Here is the code snippet provided:

<ul>
<li>
<p title="6" class="r">=&nbsp;6</p>
<p data-inp="3+3" title="3+3" class="l">3+3</p>
</li>

<li>
<p title="4" class="r">=&nbsp;4</p>
<p data-inp="2+2" title="2+2" class="l">2+2</p>
</li>

</ul>

I intend to locate the element with "title=6" to perform assertion on the equation.

java html css selenium-webdriver

Answer 1

Answer №1

When using the assertEquals method, remember that the expected value should be the first argument.

For example:

package tests;

import java.util.List;

import org.junit.Assert;
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;

// custom class with driver init
import selenium.ChromeDriverSetup;

public class Web20calc extends ChromeDriverSetup {

    public static void main(String[] args) {
        
        // wrapped driver init
        WebDriver driver = startChromeDriver();
        
        driver.get("https://web2.0calc.com/");
        
        // handling cookie consent
        driver.switchTo().activeElement();
        driver.findElement(By.xpath("//*[@id=\"precmpdialog\"]/div/div/div[2]/form/div/div[2]/button")).click();
        
        WebElement btn2 = driver.findElement(By.id("Btn2"));
        WebElement btn3 = driver.findElement(By.id("Btn3"));
        WebElement btnPlus = driver.findElement(By.id("BtnPlus"));
        WebElement btnCalc = driver.findElement(By.id("BtnCalc"));
        WebElement btnClear = driver.findElement(By.id("BtnClear"));        
        WebElement showHistory = driver.findElement(By.xpath("//*[@id=\"hist\"]/button[2]"));
        
        // perform calculations
        btn2.click();
        btnPlus.click();
        btn2.click();
        btnCalc.click();
        
        btnClear.click();
        
        btn3.click();
        btnPlus.click();
        btn3.click();
        btnCalc.click();
        
        showHistory.click();
        
        Assert.assertEquals("= 6", getHistoryResult(driver, 0));
        Assert.assertEquals("= 4", getHistoryResult(driver, 1));
        Assert.assertEquals(null, getHistoryResult(driver, 2));

        driver.quit();
    }
    
    public static String getHistoryResult(WebDriver driver, Integer lineNumber) {
        String result = null;
        WebElement histframe = driver.findElement(By.id("histframe"));
        WebElement ul = histframe.findElement(By.tagName("ul"));
        List<WebElement> lis = ul.findElements(By.tagName("li"));
        Integer lisSize = lis.size();
        if (lineNumber > lisSize - 1) {
            System.out.println("Linenumber " + lineNumber + " is out of range. Size of List is: " + lisSize);
        }
        else {
            WebElement li = lis.get(lineNumber);
            WebElement p = li.findElement(By.tagName("p"));
            result = p.getText();
            System.out.println("Result in line " + lineNumber + ": " + result);
        }
        return result;      
    }

}

Output:

ChromeDriver version 111.0.5563.64 (c710e93d5b63b7095afe8c2c17df34408078439d-refs/branch-heads/5563@{#995}) running on port 36109
Only local connections are allowed.
Please refer to https://chromedriver.chromium.org/security-considerations for tips on ensuring ChromeDriver safety.
ChromeDriver started successfully.
[1681997766.849][WARNING]: This version of ChromeDriver has not been tested with Chrome version 112.
March 20, 2023 3:36:06 PM org.openqa.selenium.remote.ProtocolHandshake createSession
INFO: Detected dialect: W3C
Result in line 0: = 6
Result in line 1: = 4
Linenumber 2 is out of range. Size of List is: 2

Answer 2

When using the assertEquals method, remember that the expected value should be the first argument.

For example:

package tests;

import java.util.List;

import org.junit.Assert;
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;

// custom class with driver init
import selenium.ChromeDriverSetup;

public class Web20calc extends ChromeDriverSetup {

    public static void main(String[] args) {
        
        // wrapped driver init
        WebDriver driver = startChromeDriver();
        
        driver.get("https://web2.0calc.com/");
        
        // handling cookie consent
        driver.switchTo().activeElement();
        driver.findElement(By.xpath("//*[@id=\"precmpdialog\"]/div/div/div[2]/form/div/div[2]/button")).click();
        
        WebElement btn2 = driver.findElement(By.id("Btn2"));
        WebElement btn3 = driver.findElement(By.id("Btn3"));
        WebElement btnPlus = driver.findElement(By.id("BtnPlus"));
        WebElement btnCalc = driver.findElement(By.id("BtnCalc"));
        WebElement btnClear = driver.findElement(By.id("BtnClear"));        
        WebElement showHistory = driver.findElement(By.xpath("//*[@id=\"hist\"]/button[2]"));
        
        // perform calculations
        btn2.click();
        btnPlus.click();
        btn2.click();
        btnCalc.click();
        
        btnClear.click();
        
        btn3.click();
        btnPlus.click();
        btn3.click();
        btnCalc.click();
        
        showHistory.click();
        
        Assert.assertEquals("= 6", getHistoryResult(driver, 0));
        Assert.assertEquals("= 4", getHistoryResult(driver, 1));
        Assert.assertEquals(null, getHistoryResult(driver, 2));

        driver.quit();
    }
    
    public static String getHistoryResult(WebDriver driver, Integer lineNumber) {
        String result = null;
        WebElement histframe = driver.findElement(By.id("histframe"));
        WebElement ul = histframe.findElement(By.tagName("ul"));
        List<WebElement> lis = ul.findElements(By.tagName("li"));
        Integer lisSize = lis.size();
        if (lineNumber > lisSize - 1) {
            System.out.println("Linenumber " + lineNumber + " is out of range. Size of List is: " + lisSize);
        }
        else {
            WebElement li = lis.get(lineNumber);
            WebElement p = li.findElement(By.tagName("p"));
            result = p.getText();
            System.out.println("Result in line " + lineNumber + ": " + result);
        }
        return result;      
    }

}

Output:

ChromeDriver version 111.0.5563.64 (c710e93d5b63b7095afe8c2c17df34408078439d-refs/branch-heads/5563@{#995}) running on port 36109
Only local connections are allowed.
Please refer to https://chromedriver.chromium.org/security-considerations for tips on ensuring ChromeDriver safety.
ChromeDriver started successfully.
[1681997766.849][WARNING]: This version of ChromeDriver has not been tested with Chrome version 112.
March 20, 2023 3:36:06 PM org.openqa.selenium.remote.ProtocolHandshake createSession
INFO: Detected dialect: W3C
Result in line 0: = 6
Result in line 1: = 4
Linenumber 2 is out of range. Size of List is: 2

Tips for selecting a value from <ul> <li> tags in Selenium with Java

Answer №1

Similar questions

Automatically appending textarea value in HTML tag upon form submission via JQuery

Is there a way to implement fixed scrolling on a website?

Tips for aligning a menu that expands from the side to the center

What could be preventing the background image from displaying properly?

Is there a way to customize the color of a MUI styled component?

Tips for including background pictures in the jumbotron using bootstrap

Tips for refreshing the page upon Geolocation request

Migrating a game built on SDL 2.0 to the Android platform

Troubleshooting Safari compatibility with CSS transitions: a first attempt

Designing in Ionic 3.x: Implementing Ion-Icon with a gradient backdrop (ion-chip)

Centering an unordered list and ensuring the image is responsive across different screen sizes are both top priorities for this design

Ways to utilize the ::after pseudo class with ElementRef within Angular

Should I utilize a single form or one for each table row in asp.net mvc?

Exploring the ins and outs of webpage loading speed

Using Selenium to extract information from a scrolling table

What is the best way to create a JQuery click event that applies to every button on my webpage?

Crafting CSS for styling input type file elements

Comparing Embedded and Linked JS/CSS

Looking for a website to conduct load testing? You'll need to log in first in order to access

Is it possible to combine two conditions using CSS?