Javascript Executorを使用してSelectタグから選択する

Question

通常のSelenium APIメソッドでは機能しない難しい選択では問題があります。だから、私はJavascriptエグゼキュータを使用する必要があります。私はこれまでのところ、ドロップダウンからオプションを正しく選択することができません=どこからですか？どのような目的地ですか？

以下のコードでは、[検索]をクリックするとページが更新されるようです。おそらく、JSに渡されたCSSセレクターが間違っていますか？

テスト中のWebサイトは、次のとおりです。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で試してみましたが、アプリはsubmitボタンをクリックするとエラーを表示します。 GUI上で値をクリックして選択する必要があるかもしれません。以下のコードを参照してください。

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();