Использование Javascript Executor для выбора из тега Select

Question

У меня возникли трудности с сложным выбором, который не будет работать с обычными методами Selenium api. Итак, я должен использовать Javascript-исполнителя. Я до сих пор не смог правильно выбрать параметры из раскрывающегося списка = Откуда? и Какое место назначения?

С приведенным ниже кодом страница, кажется, обновляется, когда я нажимаю «Поиск». Может быть, селектор css, переданный JS, ошибочен?

Сайт тестируемый: https://club18-30.com/club18-30

private String whereFromText = "LGW" 
private String whereToText = "IBZ" 

    public void setDepartureAirport(String whereFromText) 
    selectOption(whereFromText); 
} 

    public void setDestinationAirport(String whereToText) { 
    selectOption(whereToText); 
} 

    public void submitSearchRequest() throws InterruptedException { 
    By searchButtonLocator = By.xpath(searchButtonLocatorPath); 
    click(searchButtonLocator); 

    By searchResultsLocator = By.xpath(searchResultsLocatorPath); 
    waitForIsDisplayed(searchResultsLocator, 180); 
} 


public void selectOption(String option) { 
    String script = 
      "function selectOption(s) {\r\n" + 
        " var sel = document.querySelector('.custom-select-options');\r\n" + 
        " for (var i = 0; i < sel.options.length; i++)\r\n" + 
        " {\r\n" + 
        "  if (sel.options[i].text.indexOf(s) > -1)\r\n" + 
        "  {\r\n" + 
        "   sel.options[i].selected = true;\r\n" + 
        "   break;\r\n" + 
        "  }\r\n" + 
        " }\r\n" + 
        "}\r\n" + 
        "return selectOption('" + option + "');"; 

    javaScriptExecutor(script); 
} 

Answer 1

Ваш JavaScript почти правильно, за исключением выражения CSSSelector. Это должно быть ".destinationAirport .custom-select" для аэропорта назначения и ".arrivalAirport .custom-select" для прибытия аэропорта. Тем не менее, я пробовал с js, но приложение показывает ошибку при нажатии кнопки отправки. Поэтому вам может потребоваться щелкнуть и выбрать значение в графическом интерфейсе. См. Код ниже:

String destination = "Glasgow - Scotland (GLA) United Kingdom"; 
String arrival = "Ibiza - Balearic Islands (IBZ) Spain"; 
driver.findElement(By.cssSelector(".destinationAirport .custom-select")).click(); 
driver.findElement(By.xpath("//*[contains(@class,'destinationAirport')]//li[text()='" + destination + "']")).click(); 
driver.findElement(By.cssSelector(".arrivalAirport .custom-select")).click(); 
driver.findElement(By.xpath("//*[contains(@class,'arrivalAirport')]//li[text()='" + arrival + "']")).click(); 
driver.findElement(By.cssSelector(".searchButton")).click();