How to select the auto suggestion from the dynamic dropdown using Selenium and Java

Question

I am trying to select the value for Subjects field in the following form: https://demoqa.com/automation-practice-form

It is an input field that dynamically gives suggestions based on our input and later we need to select values from those suggestions. I am unable to select the desired value.

The Below code only populates the input area but the value is not selected.

driver.findElement(By.id("subjectsInput")).sendKeys("English");

driver.findElement(By.id("subjectsInput")).click(); //This line doesnot click on the desired value.

How to Select the desired value. Please help.

arpita biswas · Accepted Answer · 2020-08-09 17:51:59Z

2

The code below worked for me.

    WebDriver Driver = new ChromeDriver();
    Driver.manage().timeouts().implicitlyWait(30, TimeUnit.SECONDS);
    //Driver.manage().window().maximize();
    String url = "https://demoqa.com/automation-practice-form";
    Driver.get(url);
    WebElement products=Driver.findElement(By.id("subjectsInput"));
    products.sendKeys("English");
    products.sendKeys(Keys.ARROW_DOWN);
    products.sendKeys(Keys.ENTER);

edited Aug 9, 2020 at 17:51

answered Aug 9, 2020 at 15:59

arpita biswas

1421 silver badge6 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

undetected Selenium · Accepted Answer · 2020-08-07 12:33:10Z

0

To invoke click on the only auto suggestion English you need to induce WebDriverWait for the elementToBeClickable() and you can use either of the following Locator Strategies:

cssSelector:

driver.get("https://demoqa.com/automation-practice-form");
new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.cssSelector("input#subjectsInput"))).sendKeys("English");
new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.cssSelector("div.subjects-auto-complete__menu"))).click();

xpath:

driver.get("https://demoqa.com/automation-practice-form");
new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.xpath("//input[@id='subjectsInput']"))).sendKeys("English");
new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.xpath("//div[contains(@class, 'subjects-auto-complete__menu')]"))).click();

Browser Snapshot:

toolsqa_subject

edited Aug 7, 2020 at 12:33

answered Aug 7, 2020 at 12:26

undetected Selenium

194k44 gold badges304 silver badges387 bronze badges

4 Comments

Ankit Agrawal Over a year ago

How to inspect element with class 'subjects-auto-complete__menu' as it hides on click

Revanth Bangera Over a year ago

Thanks, @DebanjanB. Now I am able to complete it.

Revanth Bangera Over a year ago

@DebanjanB How did you find 'subjects-auto-complete__menu' class in "//div[contains(@class, 'subjects-auto-complete__menu')]"? When I inspect the web page I dont find this class.

undetected Selenium Over a year ago

@RevanthBangera Agree, it was a bit tricky as the div vanishes from the DOM when you try to click on it. But as it is a auto suggestion, the class name always gives a hint that the element with this class will contain the actual auto suggestion.

Collectives™ on Stack Overflow

How to select the auto suggestion from the dynamic dropdown using Selenium and Java

2 Answers 2

Comments

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related