Tips for choosing an option from a custom dropdown menu in CSS using Selenium WebDriver and Java

Question

Tips for choosing an option from a custom dropdown menu in CSS using Selenium WebDriver and Java

I'm attempting to programmatically select an item in a CSS dropdown using Selenium, specifically on the Google hotel review page. On this particular page here, I am trying to select the most recent reviews instead of the default "most useful" sorting.

Based on my research, I have attempted to use the following code:

 Select select = new Select(driver.findElement(By.xpath("//*[@id=\"gsr\"]/g-lightbox/div[2]/div[3]/div/div/div/div[1]/div[3]/div[2]/g-dropdown-menu/g-popup/div[2]/g-menu")));
 select.deselectByIndex(1);

However, I encountered an exception (

org.openqa.selenium.support.ui.UnexpectedTagNameException

) which states:

Element should have been "select" but was "g-dropdown-menu"

My question is, is there a way to simulate a click on a CSS dropdown element like this using Selenium web driver?

java css selenium xpath web-scraping

Answer 1

Answer №1

Explanation:

When working with Selenium Java API, the Select class is only suitable for dropdown menus that use the HTML select tag. If you are dealing with dropdowns implemented in a different way, such as using a JQuery dropdown plugin, the Select class won't work. In these cases, you will need to click on the dropdown to display the options and then manually choose the desired option.

Resolution:

public void selectSortby(String sortBy) {
  // Click on the dropdown to expand the options
  driver.findElement(By.xpath("//div[span[text()='Sort by:']]//g-dropdown-button").click();
  // Choose the desired option
  driver.findElement(By.xpath("//g-menu-item/div[text()='"+sortBy+"']")).click();
}

Answer 2

Explanation:

When working with Selenium Java API, the Select class is only suitable for dropdown menus that use the HTML select tag. If you are dealing with dropdowns implemented in a different way, such as using a JQuery dropdown plugin, the Select class won't work. In these cases, you will need to click on the dropdown to display the options and then manually choose the desired option.

Resolution:

public void selectSortby(String sortBy) {
  // Click on the dropdown to expand the options
  driver.findElement(By.xpath("//div[span[text()='Sort by:']]//g-dropdown-button").click();
  // Choose the desired option
  driver.findElement(By.xpath("//g-menu-item/div[text()='"+sortBy+"']")).click();
}

Tips for choosing an option from a custom dropdown menu in CSS using Selenium WebDriver and Java

Answer №1

Similar questions

Difficulty adjusting table heights in Dreamweaver, Struggling to set table height with <p style declarations

Tips for manipulating lists within Python using selenium technology?

Vuetify Container with a set maximum width that remains fixed

Automating desktop tasks with Winium Java to streamline processes and increase efficiency

Why does JUnit not complete when mocking a method that returns a CompletableFuture object?

What is the reason behind not initializing array elements in an enhanced for loop?

The responsive class seems to be malfunctioning within the Laravel 5.3 framework

Handling exceptions in a pre-filter for controllers (Spring Security)

The v-checkbox appears much larger in size and has a different row size when compared to the v-radio

Element that appears to be hidden

Forms gently float alongside one another

Creating an HTML design with divs: a trio of pictures that adjusts in size to match the viewport (sl

Tips for quickly accessing Selenium elements immediately upon availability, instead of waiting for the entire page to fully load

Adjust the button's color even after it has been clicked

MariaDB hibernate naming convention (UPPER_SNAKE_CASE) for optimal database management

What is the approach for incorporating JavaScript variables in Jade templates for writing inline CSS styles?

Even with noCursorTimeout set, I'm still encountering a "mongo cursor not found"

How can I scroll within a div using Selenium IDE?

Issue with long text in a resizable table using jQuery tablesorter 2.31.1

Problems with implementing JavaScript code in a WebView