how handle auto suggest in "from" and "destination" box for this website "https://www.goibibo.com/" in selenium

Question

how handle auto suggest in "from" and "destination" box for this website "https://www.goibibo.com/" in selenium. please help

I tired using the basic method but unable to get the X path of the auto suggestion drop down

Unable to click on the drop down

package basic;
    
import java.util.List;
import java.util.concurrent.TimeUnit;
    
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;
import org.openqa.selenium.support.ui.ExpectedConditions;
import org.openqa.selenium.support.ui.WebDriverWait;
    
public class goibibo {

    public static void main(String[] args) throws InterruptedException {
        // TODO Auto-generated method stub
        WebDriver driver = new ChromeDriver();
        driver.get("https://www.goibibo.com/");

        new WebDriverWait(driver, 20)
                .until(ExpectedConditions.elementToBeClickable(By.xpath("//input[@id='gosuggest_inputSrc']")))
                .sendKeys("Mum");
        List<WebElement> myList = new WebDriverWait(driver, 20).until(
                ExpectedConditions.visibilityOfAllElementsLocatedBy(By.xpath("//*[@id=\"react-autosuggest-1\"]")));
        for (WebElement element : myList) {
            if (element.getText().contains("Mumbai"))
                ;
            element.click();
        }

    }

}

try this https://www.toolsqa.com/selenium-webdriver/dropdown-multiple-select-operations/ — akshay patil, Apr 02 '19 at 07:06
maybe be because of the xpath please try Select it will work you should try it. — akshay patil, Apr 02 '19 at 07:18
//*[@id=\"react-autosuggest-1\"] this is the x path of the dropdown, still it is not working, selecting some other location. don't know this is not working :( — sharful, Apr 02 '19 at 07:26
Possible duplicate of [how to select an element from autoselect drop down in GoIbibo from city field using selenium webdriver java](https://stackoverflow.com/questions/50225774/how-to-select-an-element-from-autoselect-drop-down-in-goibibo-from-city-field-us) — akshay patil, Apr 02 '19 at 08:22
@akshaypatil that's not duplicate user is not able to find xpath. — Dhru 'soni, Apr 02 '19 at 08:47
code is working fine man...can you please let me know how to find the x path of the Auto Populate box in chrome, the way you did ex: //div[@class='dib marginL10 pad0 textOverflow width90']/div/span — sharful, Apr 02 '19 at 17:24

score 3 · Accepted Answer · edited Aug 25 '21 at 05:29

Chrome Browser

First how to Find XPATH of auto populate box in Chrome Browser open your website than click on Inspect element and click on source Tab now, click for opening your auto populate box and Press **F8** **Key for pause debugger**. Then click on your Element tab and you can easily get your xpath refer below snap for more information. so it will freeze your HTML.

Now click on Elements an Create your own xpath.

Fire Fox Browser

Second how to find xpath of Auto Populate box in Firefox - Open your Firefox and Right click and click on inspect elements on your website. there is option of animation so it will open all your DOM Expanded like below image. so by reading this dom structure you can create easily your XPATH.

Not how to find Elements from auto populate box. Refer below code snippet for that.

package com.software.testing;

import java.util.List;

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;
import org.openqa.selenium.support.ui.ExpectedConditions;
import org.openqa.selenium.support.ui.WebDriverWait;
    
public class Testingclass extends DriverFactory {
    
    private static WebDriver driver = null;
    
    public static void main(String[] args) throws InterruptedException {
    
        System.setProperty("webdriver.chrome.driver", "your driver path");
        driver = new ChromeDriver();
        driver.get("https://www.goibibo.com/");
        new WebDriverWait(driver, 20)
                .until(ExpectedConditions.elementToBeClickable(By.xpath("//input[@id='gosuggest_inputSrc']")))
                .sendKeys("A");
        Thread.sleep(1000);
        List<WebElement> myList = new WebDriverWait(driver, 20).until(ExpectedConditions.presenceOfAllElementsLocatedBy(
                By.xpath("//div[@class='dib marginL10 pad0 textOverflow width90']/div/span")));
        for (int i = 0; i < myList.size(); i++) {
            System.out.println(myList.get(i).getText());
            if (myList.get(i).getText().equals("Ahmedabad")) {
                myList.get(i).click();
                break;
            }
        }
    
    }
}

Don't forgot to use break after your conditional statement else it will thrown an exception.

@akshaypatil you did not use break plus that Xpath is not proper. — Dhru 'soni, Apr 02 '19 at 09:11
yess hence i have not given in my answer look why do we need break i have used foreach so... — akshay patil, Apr 02 '19 at 09:12
@akshaypatil if i remove break; it will thrown Exception in thread "main" org.openqa.selenium.StaleElementReferenceException: stale element reference: element is not attached to the page document — Dhru 'soni, Apr 02 '19 at 09:20
but it selects the element then also why it's throwing an exception — akshay patil, Apr 02 '19 at 09:20
@akshaypatil https://stackoverflow.com/questions/12967541/how-to-avoid-staleelementreferenceexception-in-selenium you can get more information from this. — Dhru 'soni, Apr 02 '19 at 09:23

score 0 · Answer 2 · edited Aug 25 '21 at 18:33

So you can try one solution please find the below screenshot,

As you can see in screenshot if i type M in text box then dropdown shows the record respect to letter 'M' and if you see in source the <ul> which is dynamic as you see just below <input> so you need to handle that dropdown by it's locator it is dynamic hence first you need to pass some text in text box and after that you need to select the element from the drop down using Select in selenium you use selectByVisibleText("") or what ever or you can use List<Element> you can store all the respected sources (Mumbai, Mysore ,etc)coming from dropdown and use it wisely

new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.xpath("//input[@id='gosuggest_inputSrc'"]))).sendKeys("M");
List<WebElement> myList = new WebDriverWait(driver, 20).until(ExpectedConditions.visibilityOfAllElementsLocatedBy(By.xpath("Xpath of the dynamic drop down")));
for (WebElement element:myList) {
    if(element.getText().contains("Mumbai"));
        element.click();
}

I gave you an idea let me know if you need any further help

please check my code once. It is selecting some random location always — sharful, Apr 02 '19 at 07:00

score 0 · Answer 3 · edited Aug 27 '21 at 08:46

0

Use below code it will work

Webelement ele=driver.findelement()

Actions ob = new Actions(driver);
ob.moveToElement(ele);
ob.click(ele);
Action action  = ob.build();
action.perform();

edited Aug 27 '21 at 08:46

Flair

2,609
1
29
41

answered Apr 02 '19 at 07:01

Ganesh

11
6

actually i don't know how to handle this. I'm new to selenium – sharful Apr 02 '19 at 07:16
Webelement ele=driver.findelementbyxpath("Paste ur xpath over here") Actions ob = new Actions(driver); ob.moveToElement(ele); ob.click(ele); Action action = ob.build(); action.perform(); it will work – Ganesh Apr 08 '19 at 06:52

score 0 · Answer 4 · edited Aug 27 '21 at 05:48

I have automated it through selenium with python. Its collecting all suggested cities in a list and then clicking the required one.

from selenium import webdriver

driver = webdriver.Chrome()
driver.maximize_window()
driver.get("https://www.goibibo.com/")
driver.implicitly_wait(3)
listCity = []
driver.find_element_by_xpath("//input[@id='gosuggest_inputSrc']").send_keys("JA")
cities = driver.find_elements_by_xpath("//div[@class='mainTxt clearfix']//preceding-sibling::span")
for city in cities:
    listCity.append(city.text)

for city in cities:
    if "Jagdalpur" in city.text:
        city.click()
        break

print(listCity)
print(len(listCity))

how handle auto suggest in "from" and "destination" box for this website "https://www.goibibo.com/" in selenium

4 Answers4

Chrome Browser

Fire Fox Browser

Linked

Related