无法在goindigo应用程序中的单程预订航班的硒webdriver中找到源和目标Webelements

Question

 <div id="oneWay" class="innertab-content one-way-tab-ctnt"> <form class="flight-booking-way one-way-form" method="post" action="https://book.goindigo.in/" autocomplete="off" novalidate="novalidate"> <div class="field_box"> <ul class="list-box book-flight-info geo-src-station round-one-ul"> <li class="city-dropdown origin-dropdown ps-origin-dropdown without_label"> <input class="origins-value city-name-value" type="text" placeholder="From" aria-label="Origin" style="outline: 0"/> <input class="hidden-clear-err" type="hidden" name="indiGoOneWaySearch.Origin"/> <div class="city-dropdown-list city-name-from" style="display: none;"> 

Unable to locate source and destination webelements in selenium webdriver for oneway booking flight in goindigo application.

I tried using below code to book a flight with oneway but I'm unable to locate source and destination.

  driver.findElement(By.xpath("//input[@class='origins-value city-name-value']")).click();  
        driver.findElement(By.xpath("//input[@class='origins-value city-name-value']")).sendKeys("DED");  
        driver.manage().timeouts().implicitlyWait(5000, TimeUnit.SECONDS);  
        driver.findElement(By.xpath("//input[@class=\"destinations-value city-name-value\"]")).sendKeys("CCU"); 

Can you please help me out from here

 package goindigo;

 import java.util.concurrent.TimeUnit;  
 import org.openqa.selenium.Alert;  
 import org.openqa.selenium.By;  
 import org.openqa.selenium.Keys;  
 import org.openqa.selenium.WebDriver; 
 import org.openqa.selenium.WebElement;  
 import org.openqa.selenium.firefox.FirefoxDriver;  
 import org.openqa.selenium.interactions.Actions;  
 import org.openqa.selenium.support.ui.ExpectedConditions;  
 import org.openqa.selenium.support.ui.Select;  
 import org.openqa.selenium.support.ui.WebDriverWait;  

    public class Ticketbooking {  
    public static void main(String[] args) throws InterruptedException {  


    WebDriver driver = new FirefoxDriver();  
    driver.get("https://www.goindigo.in/");  
    System.out.println("Browser openend application successfully"); 
    driver.manage().timeouts().implicitlyWait(10,TimeUnit.SECONDS);  

    Actions location = new Actions(driver);  
    location.sendKeys(Keys.ESCAPE).build().perform(); 
    Thread.sleep(2000);  
    driver.findElement(By.cssSelector("a[href*=oneWay]")).click();  
    Thread.sleep(2000);  
    WebElement rttext = driver.findElement(By.cssSelector(".modal-body"));  
    System.out.println(rttext.getText());  
    Thread.sleep(3000);  
    driver.findElement(By.cssSelector(".btn.buttonGlbl.btn-close.button-trigger")).click();  
    System.out.print("OK button clicked successfully");  
    driver.manage().timeouts().implicitlyWait(10, TimeUnit.SECONDS);  
   //trying to locate the source and destination with the below code  
    driver.findElement(By.xpath("//input[@class='origins-value city-name-value']")).click();  
    driver.findElement(By.xpath("//input[@class='origins-value city-name-value']")).sendKeys("DED");  
    driver.manage().timeouts().implicitlyWait(5000, TimeUnit.SECONDS);  
    driver.findElement(By.xpath("//input[@class=\"destinations-value city-name-value\"]")).sendKeys("CCU");  

Answer 1

I would suggest using below XPaths

Source: //input[@name="indiGoOneWaySearch.Origin"]

Destination: //input[@name="indiGoOneWaySearch.Destination"]

Answer 2

Locating the element based on the value of the class of the input tag fails because this don't give you a unique webelement. There are six elements in the page with class = 'origins-value city-name-value'. With your line of code:

    driver.findElement(By.xpath("//input[@class='origins-value city-name-value']"))

you will find the first element on the page that meets this condition and that is not the element you are looking for. You can check the results of a XPath expression for instance with Chrome Developers tools see: How to verify an XPath expression in Chrome Developers tool or Firefox's Firebug?

You can check yourself now that the locators by name as suggested by @Madan gives you the unique elements you are looking for.

Because the input fields are hidden, you need to Click on the li element above the input tag instead of the input itself and then pick the Origin and Destination Airport from the dropdown. Find code for setting the Origin Airport below:

driver.findElement(By.cssSelector("a[href*=oneWay]")).click();
driver.findElement(By.xpath("//button[contains(@class,'buttonGlbl')]")).click();     
driver.findElement(By.xpath("//div[contains(@id,'oneWay')]//li")).click();              
driver.findElement(By.xpath("//div[contains(@id,'oneWay')]//li/a[contains(text(),'Dehradun')]")).click();