Having difficulty navigating the dropdown menu with Selenium Webdriver

Question

Having difficulty navigating the dropdown menu with Selenium Webdriver

https://i.sstatic.net/um1dw.pngI need help navigating the dropdown list with the following code:

new WebDriverWait(driver, 50).until(ExpectedConditions.elementToBeClickable(By.xpath("//*[@id
> =\\\"s2id_autogen4_search\\']"))).click();   
    driver.findElement(By.xpath("//*[@id
> =\"s2id_autogen4_search\"]")).click();   
    driver.findElement(By.id("s2id_autogen4_search")).sendKeys("New
> York");

The HTML for the dropdown I am trying to automate is:

<input type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" class="select2-input" role="combobox" aria-expanded="true" aria-autocomplete="list" aria-owns="select2-results-4" id="s2id_autogen4_search" placeholder="" aria-activedescendant="select2-result-label-68">

Detailed HTML structure:

[HTML content here]

javascript selenium selenium-webdriver dropdown dropdownbox

Answer 1

Answer №1

When discussing typing to trigger a drop down, consider using the following code:

Code :

WebElement drop_down = new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.cssSelector("input[id*='id_autogen'][type='text'][role='combobox']")));  
drop_down.click();
drop_down.sendKeys("New York");

UPDATE1 :

This code will successfully interact with the drop-down after you first click on it.

Remember, you must click on the drop down before utilizing this code:

List<WebElement> options = driver.findElements(By.cssSelector("ul#select2-results-4.select2-results[role='listbox'] li span")); 
            for(WebElement option : options) {
                if(option.getText().trim().contains("New York")) {
                    option.click();
                }
            }

Screenshothttps://i.sstatic.net/NLNk5.png

Answer 2

When discussing typing to trigger a drop down, consider using the following code:

Code :

WebElement drop_down = new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.cssSelector("input[id*='id_autogen'][type='text'][role='combobox']")));  
drop_down.click();
drop_down.sendKeys("New York");

UPDATE1 :

This code will successfully interact with the drop-down after you first click on it.

Remember, you must click on the drop down before utilizing this code:

List<WebElement> options = driver.findElements(By.cssSelector("ul#select2-results-4.select2-results[role='listbox'] li span")); 
            for(WebElement option : options) {
                if(option.getText().trim().contains("New York")) {
                    option.click();
                }
            }

Screenshothttps://i.sstatic.net/NLNk5.png

Having difficulty navigating the dropdown menu with Selenium Webdriver

Answer №1

Similar questions

Ways to extract a value from an object with no properties using jQuery

The response body in Superagent is unknown until the next line is executed

Deactivate the backface culling feature when loading an imported .obj file in three.js

Rotating an HTML caret using CSS does not pivot from the center point

Consolidate and then transfer to a different database

Determine whether a subdomain is present within an ajax file in php

I am trying to set a background image specifically for one page in my application, but I am struggling to make it work. As a newcomer, I am still learning how to

Move the alt attribute from the image to the paragraph text using jQuery or JavaScript and replace it

Trouble with Sum Array Function

Discover the locations where a mesh and a plane intersect using Three JS

Toggle display of fields based on radio button selection in ASP.NET

The recently added item in nestedSortable remains stationary and does not shift positions

What is the best way to selectively remove and then later reinsert two items from an array in

Utilizing Vue.js 2 to dynamically update data through directives

Retrieving a value in the app component from a map using Angular

Can JSON encoding in a URL pose a risk of XSS attacks?

Implement a jQuery DataTable using JSON data retrieved from a Python script

Next.js: How to retrieve route parameter within getServerSideProps

Extracting the Instagram followers of a specific account

Unusual Behavior of JavaScript When Interacting with Bootstrap Sliders