如何使用Selenium WebDriver Java从城市字段的GoIbibo中自动选择下拉菜单中选择元素 [英] how to select an element from autoselect drop down in GoIbibo from city field using selenium webdriver java
本文介绍了如何使用Selenium WebDriver Java从城市字段的GoIbibo中自动选择下拉菜单中选择元素的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我试图使用Selenium Webdriver Java在GoIbibo中自动进行航班预订.当我们输入值来自城市"时，列表显示为自动提示.
I was trying to automate flight booking in GoIbibo using selenium webdriver java. When we enter the value "from city", a list is displayed as autosuggestion.
但是无法使用xpath检测到自动提示中的元素.由于无法检查列表，因此也无法找到所显示列表的确切xpath或ID.我已经使用下面的代码来查找显示的元素，但这也无法正常工作.
But am not able to detect the elements in the autosuggestion using xpath. Also not able to find the exact xpath or id for the list displayed since am not able to inspect the list. I have used the below code to find the elements displayed but this is also not working.
driver.findElement(By.id("gosuggest_inputSrc")).sendKeys("Dublin (DUB)");
WebDriverWait nw = new WebDriverWait(driver, 30);
nw.until(ExpectedConditions.visibilityOfElementLocated(By.xpath("//*[@id='gosuggest_inputSrc']//following-sibling::input")));
List<WebElement> orgins = driver.findElements(By.xpath("//*[@id='gosuggest_inputSrc']//following-sibling::input"));
for (WebElement we : orgins){
System.out.println(we.getText());
请帮助您识别自动提示列表中的元素，并从自动提示列表中选择所需的元素.使用的网址- https://www.goibibo.com/
Please help in identifying the elements in autosuggestion list and selecting the needed element from the autosuggestion list. URL Used- https://www.goibibo.com/
推荐答案
好的，这是该列表的html
Okay, this is the html of that list
<section class="\"searchList" col-md-12="" col-sm-12="" col-xs-12="" autowrap="" pad0="" flt\"=""><div class="\"searchListInnrWrap\""><div class="\"width100" fl\"=""><ul id="\"react-autosuggest-1\"" class="\"col-md-12" col-sm-12="" col-xs-12="" autowrap="" pad0="" autosuggestboxlist="" flt\"="" role="\"listbox\""><li id="\"react-autosuggest-1-suggestion--0\"" class="\"react-autosuggest__suggestion\"" role="\"option\""><div class="\"\""><div class="\"fl" padt5="" hidden-sm="" padr10="" hidden-xs\"=""><i class="\"fl" icon-flights="" ico14\"=""></i></div><div class="\"dib" col-md-11="" col-sm-12="" col-xs-12="" pad0="" textoverflow\"=""><div class="\"mainTxt" clearfix\"=""><span>Dublin</span><!-- react-text: 466 --> <!-- /react-text --><span class="\"txtTransUpper" ico14="" greylt\"="">(DUB)</span></div><div class="\"fl" auto-ctryair-ellip="" mobellipsis="" padt2\"=""><span class="\"clearfix\""><small class="\"font12Lt\"">Dublin Airport</small></span></div><span class="\"fr\""><small class="\"font12Lt" vmid="" padr5="" dib\"="">Ireland</small><span class="\"flag-sprt" vmid="" dib="" ie\"=""></span></span><span class="\"clearfix\""> </span><!-- react-text: 475 --><!-- /react-text --></div></div></li><li id="\"react-autosuggest-1-suggestion--1\"" class="\"react-autosuggest__suggestion\"" role="\"option\""><div class="\"\""><div class="\"fl" padt5="" hidden-sm="" padr10="" hidden-xs\"=""><i class="\"fl" icon-flights="" ico14\"=""></i></div><div class="\"dib" col-md-11="" col-sm-12="" col-xs-12="" pad0="" textoverflow\"=""><div class="\"mainTxt" clearfix\"=""><span>Atlanta</span><!-- react-text: 483 --> <!-- /react-text --><span class="\"txtTransUpper" ico14="" greylt\"="">(ATL)</span></div><div class="\"fl" auto-ctryair-ellip="" mobellipsis="" padt2\"=""><span class="\"clearfix\""><small class="\"font12Lt\"">Hartsfield Jackson Atlanta International Airport</small></span></div><span class="\"fr\""><small class="\"font12Lt" vmid="" padr5="" dib\"="">United States</small><span class="\"flag-sprt" vmid="" dib="" us\"=""></span></span><span class="\"clearfix\""> </span><span class="\"clearfix\""><small class="\"font12Lt\""><!-- react-text: 494 --> <!-- /react-text --><span class="\"fb\"">(212</span><!-- react-text: 496 --> KMs from <!-- /react-text --><span class="\"fb\"">Dublin, United States)</span></small></span></div></div></li><li id="\"react-autosuggest-1-suggestion--2\"" class="\"react-autosuggest__suggestion\"" role="\"option\""><div class="\"\""><div class="\"fl" padt5="" hidden-sm="" padr10="" hidden-xs\"=""><i class="\"fl" icon-flights="" ico14\"=""></i></div><div class="\"dib" col-md-11="" col-sm-12="" col-xs-12="" pad0="" textoverflow\"=""><div class="\"mainTxt" clearfix\"=""><span>San Francisco</span><!-- react-text: 505 --> <!-- /react-text --><span class="\"txtTransUpper" ico14="" greylt\"="">(SFO)</span></div><div class="\"fl" auto-ctryair-ellip="" mobellipsis="" padt2\"=""><span class="\"clearfix\""><small class="\"font12Lt\"">San Francisco International Airport</small></span></div><span class="\"fr\""><small class="\"font12Lt" vmid="" padr5="" dib\"="">United States</small><span class="\"flag-sprt" vmid="" dib="" us\"=""></span></span><span class="\"clearfix\""> </span><span class="\"clearfix\""><small class="\"font12Lt\""><!-- react-text: 516 --> <!-- /react-text --><span class="\"fb\"">(60</span><!-- react-text: 518 --> KMs from <!-- /react-text --><span class="\"fb\"">Dublin, United States)</span></small></span></div></div></li><li id="\"react-autosuggest-1-suggestion--3\"" class="\"react-autosuggest__suggestion\"" role="\"option\""><div class="\"\""><div class="\"fl" padt5="" hidden-sm="" padr10="" hidden-xs\"=""><i class="\"fl" icon-flights="" ico14\"=""></i></div><div class="\"dib" col-md-11="" col-sm-12="" col-xs-12="" pad0="" textoverflow\"=""><div class="\"mainTxt" clearfix\"=""><span>Dallas</span><!-- react-text: 527 --> <!-- /react-text --><span class="\"txtTransUpper" ico14="" greylt\"="">(DFW)</span></div><div class="\"fl" auto-ctryair-ellip="" mobellipsis="" padt2\"=""><span class="\"clearfix\""><small class="\"font12Lt\"">Dallas Fort Worth International Airport</small></span></div><span class="\"fr\""><small class="\"font12Lt" vmid="" padr5="" dib\"="">United States</small><span class="\"flag-sprt" vmid="" dib="" us\"=""></span></span><span class="\"clearfix\""> </span><span class="\"clearfix\""><small class="\"font12Lt\""><!-- react-text: 538 --> <!-- /react-text --><span class="\"fb\"">(164</span><!-- react-text: 540 --> KMs from <!-- /react-text --><span class="\"fb\"">Dublin, United States)</span></small></span></div></div></li><li id="\"react-autosuggest-1-suggestion--4\"" class="\"react-autosuggest__suggestion\"" role="\"option\""><div class="\"\""><div class="\"fl" padt5="" hidden-sm="" padr10="" hidden-xs\"=""><i class="\"fl" icon-flights="" ico14\"=""></i></div><div class="\"dib" col-md-11="" col-sm-12="" col-xs-12="" pad0="" textoverflow\"=""><div class="\"mainTxt" clearfix\"=""><span>Cincinnati</span><!-- react-text: 549 --> <!-- /react-text --><span class="\"txtTransUpper" ico14="" greylt\"="">(CVG)</span></div><div class="\"fl" auto-ctryair-ellip="" mobellipsis="" padt2\"=""><span class="\"clearfix\""><small class="\"font12Lt\"">Cincinnati Northern Kentucky International Airport</small></span></div><span class="\"fr\""><small class="\"font12Lt" vmid="" padr5="" dib\"="">United States</small><span class="\"flag-sprt" vmid="" dib="" us\"=""></span></span><span class="\"clearfix\""> </span><span class="\"clearfix\""><small class="\"font12Lt\""><!-- react-text: 560 --> <!-- /react-text --><span class="\"fb\"">(163</span><!-- react-text: 562 --> KMs from <!-- /react-text --><span class="\"fb\"">Dublin, United States)</span></small></span></div></div></li><li id="\"react-autosuggest-1-suggestion--5\"" class="\"react-autosuggest__suggestion\"" role="\"option\""><div class="\"\""><div class="\"fl" padt5="" hidden-sm="" padr10="" hidden-xs\"=""><i class="\"fl" icon-flights="" ico14\"=""></i></div><div class="\"dib" col-md-11="" col-sm-12="" col-xs-12="" pad0="" textoverflow\"=""><div class="\"mainTxt" clearfix\"=""><span>Livermore</span><!-- react-text: 571 --> <!-- /react-text --><span class="\"txtTransUpper" ico14="" greylt\"="">(LVK)</span></div><div class="\"fl" auto-ctryair-ellip="" mobellipsis="" padt2\"=""><span class="\"clearfix\""><small class="\"font12Lt\"">Livermore Airport</small></span></div><span class="\"fr\""><small class="\"font12Lt" vmid="" padr5="" dib\"="">United States</small><span class="\"flag-sprt" vmid="" dib="" us\"=""></span></span><span class="\"clearfix\""> </span><span class="\"clearfix\""><small class="\"font12Lt\""><!-- react-text: 582 --> <!-- /react-text --><span class="\"fb\"">(14</span><!-- react-text: 584 --> KMs from <!-- /react-text --><span class="\"fb\"">Dublin, United States)</span></small></span></div></div></li><li id="\"react-autosuggest-1-suggestion--6\"" class="\"react-autosuggest__suggestion\"" role="\"option\""><div class="\"\""><div class="\"fl" padt5="" hidden-sm="" padr10="" hidden-xs\"=""><i class="\"fl" icon-flights="" ico14\"=""></i></div><div class="\"dib" col-md-11="" col-sm-12="" col-xs-12="" pad0="" textoverflow\"=""><div class="\"mainTxt" clearfix\"=""><span>Columbus</span><!-- react-text: 593 --> <!-- /react-text --><span class="\"txtTransUpper" ico14="" greylt\"="">(CBM)</span></div><div class="\"fl" auto-ctryair-ellip="" mobellipsis="" padt2\"=""><span class="\"clearfix\""><small class="\"font12Lt\"">Colombus Airport</small></span></div><span class="\"fr\""><small class="\"font12Lt" vmid="" padr5="" dib\"="">United States</small><span class="\"flag-sprt" vmid="" dib="" us\"=""></span></span><span class="\"clearfix\""> </span><span class="\"clearfix\""><small class="\"font12Lt\""><!-- react-text: 604 --> <!-- /react-text --><span class="\"fb\"">(18</span><!-- react-text: 606 --> KMs from <!-- /react-text --><span class="\"fb\"">Dublin, United States)</span></small></span></div></div></li><li id="\"react-autosuggest-1-suggestion--7\"" class="\"react-autosuggest__suggestion\"" role="\"option\""><div class="\"\""><div class="\"fl" padt5="" hidden-sm="" padr10="" hidden-xs\"=""><i class="\"fl" icon-flights="" ico14\"=""></i></div><div class="\"dib" col-md-11="" col-sm-12="" col-xs-12="" pad0="" textoverflow\"=""><div class="\"mainTxt" clearfix\"=""><span>Columbus</span><!-- react-text: 615 --> <!-- /react-text --><span class="\"txtTransUpper" ico14="" greylt\"="">(LCK)</span></div><div class="\"fl" auto-ctryair-ellip="" mobellipsis="" padt2\"=""><span class="\"clearfix\""><small class="\"font12Lt\"">Columbus Airport</small></span></div><span class="\"fr\""><small class="\"font12Lt" vmid="" padr5="" dib\"="">United States</small><span class="\"flag-sprt" vmid="" dib="" us\"=""></span></span><span class="\"clearfix\""> </span><span class="\"clearfix\""><small class="\"font12Lt\""><!-- react-text: 626 --> <!-- /react-text --><span class="\"fb\"">(18</span><!-- react-text: 628 --> KMs from <!-- /react-text --><span class="\"fb\"">Dublin, United States)</span></small></span></div></div></li><li id="\"react-autosuggest-1-suggestion--8\"" class="\"react-autosuggest__suggestion\"" role="\"option\""><div class="\"\""><div class="\"fl" padt5="" hidden-sm="" padr10="" hidden-xs\"=""><i class="\"fl" icon-flights="" ico14\"=""></i></div><div class="\"dib" col-md-11="" col-sm-12="" col-xs-12="" pad0="" textoverflow\"=""><div class="\"mainTxt" clearfix\"=""><span>Columbus</span><!-- react-text: 637 --> <!-- /react-text --><span class="\"txtTransUpper" ico14="" greylt\"="">(OSU)</span></div><div class="\"fl" auto-ctryair-ellip="" mobellipsis="" padt2\"=""><span class="\"clearfix\""><small class="\"font12Lt\"">Columbus Airport</small></span></div><span class="\"fr\""><small class="\"font12Lt" vmid="" padr5="" dib\"="">United States</small><span class="\"flag-sprt" vmid="" dib="" us\"=""></span></span><span class="\"clearfix\""> </span><span class="\"clearfix\""><small class="\"font12Lt\""><!-- react-text: 648 --> <!-- /react-text --><span class="\"fb\"">(18</span><!-- react-text: 650 --> KMs from <!-- /react-text --><span class="\"fb\"">Dublin, United States)</span></small></span></div></div></li></ul></div></div></section>
您的元素处于跨度
<div class="\"mainTxt" clearfix\"=""><span>Dublin</span><!-- react-text: 466 --> <!-- /react-text --><span class="\"txtTransUpper" ico14="" greylt\"="">(DUB)</span></div>
在声明驱动程序变量后立即使用此行，因此您不必使用任何显式等待.
use this line as soon as you declared your driver variable, so you don't have to use any Explicit wait.
driver.manage().timeouts().implicitlyWait(10, TimeUnit.SECONDS)
使用此代码单击
driver.findElement(By.id("gosuggest_inputSrc")).sendKeys "Dublin (DUB)"
driver.findElement(By.xpath("//span[normalize-space()='Dublin']").click
这篇关于如何使用Selenium WebDriver Java从城市字段的GoIbibo中自动选择下拉菜单中选择元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
