Locate all buttons on the page that have an onclick function attached to them, and

Question

Locate all buttons on the page that have an onclick function attached to them, and

I seem to have run into an issue. I am currently working with Java and WebDriver. My goal is to navigate to , locate the item "ipod", receive 4 results, and then compare them by clicking on the "compare" button beneath each item. However, I am encountering two problems.

The first problem is figuring out how to click on the "compare" button that has an onclick event attached to it.

<button type="button" data-toggle="tooltip" title="" onclick="compare.add('48');" data-original-title="Compare this Product"><i class="fa fa-exchange"></i></butto

n>

The second problem is determining how to compare all of my search results at once.

javascript java selenium selenium-webdriver

Answer 1

Answer №1

Here's a sample code snippet for you to try:

    package pkYourPackage;

    import java.util.List;

    import org.openqa.selenium.By;
    import org.openqa.selenium.JavascriptExecutor;
    import org.openqa.selenium.WebDriver;
    import org.openqa.selenium.WebElement;
    import org.openqa.selenium.chrome.ChromeDriver;


    // http://demo.opencart.com/index.php?route=product/category&path=24

    public class OpenCart_StackOverflow {
        static WebDriver driver;
        public static void main(String[] args) {
            System.setProperty("webdriver.chrome.driver", "C:/.....put_ path/chromedriver.exe");
            driver = new ChromeDriver();

            driver.get("http://demo.opencart.com/index.php?route=product/category&path=24");
            try{Thread.sleep(5000);}catch(Exception e){}

            List<WebElement> list = driver.findElements(By.xpath("//button[contains(@data-original-title,'Compare this')]/i"));
            for(int i = 0 ; i < list.size() ; i++){
                list.get(i).click();

                try{Thread.sleep(1500);}catch(Exception e){}

            }
            try{Thread.sleep(1500);}catch(Exception e){}

            // click on 'product comparison' to compare
            ((JavascriptExecutor)driver).executeScript("arguments[0].click();",driver.findElement(By.xpath("//*[contains(text(),'product comparison')]")));
            try{Thread.sleep(10000);}catch(Exception e){}
            driver.close();
            driver.quit();

        }
    }

Answer 2

Here's a sample code snippet for you to try:

    package pkYourPackage;

    import java.util.List;

    import org.openqa.selenium.By;
    import org.openqa.selenium.JavascriptExecutor;
    import org.openqa.selenium.WebDriver;
    import org.openqa.selenium.WebElement;
    import org.openqa.selenium.chrome.ChromeDriver;


    // http://demo.opencart.com/index.php?route=product/category&path=24

    public class OpenCart_StackOverflow {
        static WebDriver driver;
        public static void main(String[] args) {
            System.setProperty("webdriver.chrome.driver", "C:/.....put_ path/chromedriver.exe");
            driver = new ChromeDriver();

            driver.get("http://demo.opencart.com/index.php?route=product/category&path=24");
            try{Thread.sleep(5000);}catch(Exception e){}

            List<WebElement> list = driver.findElements(By.xpath("//button[contains(@data-original-title,'Compare this')]/i"));
            for(int i = 0 ; i < list.size() ; i++){
                list.get(i).click();

                try{Thread.sleep(1500);}catch(Exception e){}

            }
            try{Thread.sleep(1500);}catch(Exception e){}

            // click on 'product comparison' to compare
            ((JavascriptExecutor)driver).executeScript("arguments[0].click();",driver.findElement(By.xpath("//*[contains(text(),'product comparison')]")));
            try{Thread.sleep(10000);}catch(Exception e){}
            driver.close();
            driver.quit();

        }
    }

Answer 3

Answer №2

Here's my version:

  public void clickAllButtons(){

        List <WebElement> buttonElements = driver.findElements(By.xpath("//*[@data-original-title='Compare this Product']"));

    for(WebElement button: buttonElements){
        button.click();
    }

I think my solution is more concise compared to Kumar's, and it does the job effectively.

Answer 4

Here's my version:

  public void clickAllButtons(){

        List <WebElement> buttonElements = driver.findElements(By.xpath("//*[@data-original-title='Compare this Product']"));

    for(WebElement button: buttonElements){
        button.click();
    }

I think my solution is more concise compared to Kumar's, and it does the job effectively.

Answer 5

Answer №3

List<WebElement> buttonList = driver.findElements(By.xpath("//*[@data-original-title='Compare this Product']"));

Both of the following code snippets achieve the same result:

for(WebElement button : buttonList){
    button.click();
}

or you can alternatively use:

for(int index = 0 ; index < buttonList.size() ; index++)
{
    buttonList.get(index).click();
}

Answer 6

List<WebElement> buttonList = driver.findElements(By.xpath("//*[@data-original-title='Compare this Product']"));

Both of the following code snippets achieve the same result:

for(WebElement button : buttonList){
    button.click();
}

or you can alternatively use:

for(int index = 0 ; index < buttonList.size() ; index++)
{
    buttonList.get(index).click();
}

Locate all buttons on the page that have an onclick function attached to them, and

Answer №1

Answer №2

Answer №3

Similar questions

The Ruby code encountered an issue when trying to navigate to the website stored in the ENV['URL'] variable

Scroll down only if the user is not actively scrolling

What are some ways to create a flashing effect for text in HTML and JavaScript?

What is the most efficient way to use the $slice operator on a highly nested array in mongoose

Is there a way to retrieve the result produced by submitting a form with Python?

"Encountered a floating-point issue when trying to read an Excel file with

There seems to be a problem with how the navbar is being displayed in ResponsiveSlides.js

Instructions on keeping a numerical counter at its current value for all site visitors

Validating Input Field with Regular Expression in JavaScript/TypeScript to Avoid Starting with Zero

struggle with converting JSON string into an array from server

Struggling to display Firebase Auth information resulting in 'undefined' value within React web application

A step-by-step guide on creating an xpath for an element by using another element with Selenium WebDriver

Adjust the size at the location of the cursor

The issue with web scraping arises when the object in the Proplem list does not contain the

Preventing jQuery plugin from overriding default settings

The swf file doesn't stretch to fit the window when the height is set to 100%

Choose numerous dates from the calendar

Interested in leveraging string functions on the information retrieved from the API?

Dealing with PhantomJS: Tackling the Challenge of XMLHttpRequest Exception 101 Error

Converting JavaScript to JSON and saving dynamic properties