Unable bekommen Optionen von einem Wählen Sie mit Selenium

Question

Ich habe Schwierigkeiten bei der Auswahl von Optionen aus einer Dropdown-Liste mit SeleniumWebdriver. Unten sind die HTML Schnipsel:

<span id="id14"> 
    <div class="stadium-input-row"> 
     <span class="inputContainer"> 
      <select id="id1f" class="departurePoint stadiumSelect" onchange="var wcall=.........."> 
      <option value="">Please select</option> 
      <option value="BHX"> Birmingham - (BHX) </option> 
      <option value="GLA"> Glasgow - (GLA) </option> 
      <option value="LON"> London - (LON) </option> 
      <option value="MAN"> Manchester - (MAN) </option>............ 

Der select-Tag id jedes Mal ändert, das DOM geladen wird.

Das Auswahl-Tag ist ausgegraut, bis es interagiert.

Mein Code

Select oSelect = new Select(driver.findElement(By.xpath("(.//select)[1]")); 
oSelect.selectByVisibleText("Birmingham"); 

Fehler

org.openqa.selenium.NoSuchElementException: orten kann nicht Element mit dem Text: Birmingham

Im Debug-Modus, funktioniert der Drop-Down nicht scheinen vom Fahrer aktiviert (angeklickt) zu sein.

Answer 1

Es gibt ein seltsam (zumindest ist es seltsam für mich), was auf dieser Website geht. Die SELECT, auf die Sie zugreifen möchten, ist permanent ausgeblendet (was bedeutet, dass Sie nicht mit Selenium interagieren können). Benutzer interagieren mit DIV s, etc. über ein gefälschtes Dropdown (es ist kein SELECT) und das Ergebnis dieser Auswahlen werden in der versteckten SELECT gespeichert.Es gibt zwei Möglichkeiten, um Ihre Aufgabe zu erfüllen.

1. Behandeln Sie, was Sie sehen können.

   Das ist wirklich ein Schmerz auf dieser Seite. Ich denke, es kann letztendlich getan werden, aber ich möchte nicht mehr selbst Zeit damit verbringen, also zeige ich dir die Tür und du musst dort weitermachen, wo ich aufgehört habe. Der folgende Code öffnet das Abfahrtsdropdown. Von dort aus finden Sie den Abflughafen und klicken darauf. Erledigt. Schwieriger als es klingt ...

   driver.findElement(By.cssSelector("div.custom-select.departurePoint.airportSelect")).click(); 
   

2. Cheat und verwenden JavascriptExecutor.

   HINWEIS: Dadurch führen Sie kein echtes Benutzerszenario mehr aus, da Benutzer nicht auf verborgene Elemente klicken oder Javascript-Befehle in die Seite einfügen können. Solange Sie damit einverstanden sind, hier ein Beispiel.

   Dieser Code führt Javascript auf der Seite mit der JavascriptExecutor. Sie übergeben der Funktion eine Zeichenfolge, nach der Sie in den Optionen suchen, z. Sie können "EMA" oder "East Midlands - (EMA)" oder irgendwo dazwischen passieren. Der JS-Code wird den versteckten SELECT-Code erfassen, die OPTIONEN durchsuchen und den ersten passenden auswählen.

   Hinweis: Die Benutzeroberfläche wird nicht mit der Auswahl aktualisiert. Sobald Sie auf SUCHEN klicken, wird es funktionieren. Ich habe es selbst ausprobiert und es funktioniert.

   Noch ein Hinweis: Ich benutze Eclipse als mein Editor, so dass die Sie in den folgenden Code sehen Eclipse von Wrapping/Neuformatierung der extra langen Zeichenfolge, die den JS-Code enthält. Sie können es lassen oder entfernen, wie Sie möchten. Ich mag es dort, weil ich den JS-Code immer noch so formatiert und eingerückt lesen kann, wie es ist, und ich möchte nicht, dass Eclipse es kaputt macht.

   selectOption("EMA"); 
   
   public void selectOption(String option) 
   { 
       // @formatter:off 
       String script = 
        "function selectOption(s) {\r\n" + 
        " var sel = document.querySelector('select.departurePoint.airportSelect');\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 + "');"; 
   
       // @formatter:on 
       ((JavascriptExecutor) driver).executeScript(script); 
   } 
   

Answer 2

Als Ihr exception klar sagt Cannot locate element with text: Birmingham bedeutet es mit ganzen sichtbaren Text Option vergleicht, so dass Sie wie unten versuchen sollte: -

WebDriverWait wait = new WebDriverWait(driver, 10); 
WebElement select = wait.until(ExpectedConditions.visibilityOfElementLocated(By.xpath("(.//select)[1]"))); 
Select oSelect = new Select(select); 
oSelect.selectByVisibleText("Birmingham - (BHX)"); 

oder

oSelect.selectByIndex(1); 

oder

oSelect.selectByValue("BHX"); 

Bearbeitet: - Wenn leider keine der oben genannten Lösung funktioniert, sollten Sie mit JavascriptExecutor wie unten probieren: -

((JavascriptExecutor)driver).executeScript("var select = arguments[0]; for(var i = 0; i < select.options.length; i++){ if(select.options[i].text.indexOf(arguments[1]) != -1){ select.options[i].selected = true; } }", 
      driver.findElement(By.xpath("(.//select)[1]")), 
      "Birmingham"); 

Hoffe, es wird Ihnen helfen .. :)

Answer 3

, was Sie tun müssen:

List<WebElement> options = driver.findElement(By.xpath("//div[@class='stadium-input-row']//select")).findElements(By.tagName("option")); 

dass erstellen Sie die Liste von Option-Tags als WebElement

oder

Objekte

oder nehmen Sie nur den wählen als WebElement Objekt

WebElement selectElement = driver.findElement(By.xpath("//div[@class='stadium-input-row']//select")); 

Element Schwebend

Actions action = new Actions(driver); 
WebElement hoverElement = driver.findElement(By.xpath("//div[@class='stadium-input-row']//select")); 
action.moveToElement(hoverElement); 
action.click().build().perform(); 

Answer 4

Wählen Sie nicht die Situationen, in allen. Versuchen Sie diesen Code

List <WebElement> options = driver.findElements(By.xpath("Target Element with Options")); 
    String element; 
    for(int i=0;i<options.size();i++) 
    { 
     element = options[i].get(i).getAttribute("value"); 
     if(element.equals("BHX")){ 
      options.get(i).click(); 
     } 
    }