Autocomplete text-box first option selection

Question

I want to select the first option showing in an autocomplete text box. Below is the code which i tried but not getting the required output.

Code:

public void clickSublink() throws IOException, InterruptedException {   
    System.setProperty("webdriver.chrome.driver","F:\\Amitha\\chromedriver.exe");
    WebDriver dr=new ChromeDriver();
    dr.get("http://demoqa.com/autocomplete/");
    dr.findElement(By.xpath("//input[@id='tags']")).sendKeys("b");
    dr.findElement(By.xpath("//ul[@id='ui-id-1']//child::li")).click();
}

DebanjanB · Accepted Answer · 2020-01-21T07:23:42.923

To select the first option from the autocomplete text box, you need to use elementToBeClickable() and you can use either of the following Locator Strategies:

cssSelector:

driver.get("http://demoqa.com/autocomplete/");
new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.cssSelector("input.ui-autocomplete-input#tags"))).sendKeys("b");
new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.cssSelector("ul.ui-autocomplete>li>div"))).click();

xpath:

driver.get("http://demoqa.com/autocomplete/");
new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.xpath("//input[@class='ui-autocomplete-input' and @id='tags']"))).sendKeys("b");
new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.xpath("//ul[@class='ui-menu ui-widget ui-widget-content ui-autocomplete ui-front']/li/div"))).click();

score 0 · Answer 2 · answered Jan 21 '20 at 08:28

If you want to select only first option you can use keys class in selenium.Please find below code for the same.

public void clickSublink() throws IOException, InterruptedException {   
System.setProperty("webdriver.chrome.driver","F:\\Amitha\\chromedriver.exe");
WebDriver dr=new ChromeDriver();
dr.get("http://demoqa.com/autocomplete/");
dr.findElement(By.xpath("//input[@id='tags']")).sendKeys("b");
dr.findElement(By.xpath("//input[@id='tags']")).sendKeys(Keys.DOWN, Keys.ENTER);}

score 0 · Answer 3 · edited Jan 22 '20 at 12:07

Another approach :

library (XML)
library(RCurl)
data=htmlParse("http://demoqa.com/autocomplete/")
result=xpathSApply(data,"normalize-space(substring-before(substring-after(//div[@class='demo-frame']//script[last()]/text(),'['),']'))")
reg=gsub('\"',"",result)
final=unlist(strsplit(reg,", "))

Produces :

[1] "ActionScript" "AppleScript"  "Asp"          "BASIC"        "C"            "C++"         
[7] "Clojure"      "COBOL"        "ColdFusion"   "Erlang"       "Fortran"      "Groovy"      
[13] "Haskell"      "Java"         "JavaScript"   "Lisp"         "Perl"         "PHP"         
[19] "Python"       "Ruby"         "Scala"        "Scheme"

Autocomplete text-box first option selection

Code:

3 Answers3