Warum sind einige Elemente vorhanden, können aber nicht interagiert/angezeigt werden?

Ich bin ziemlich neu im Testen und versuche, ein besseres Verständnis dafür zu bekommen, was genau vor sich geht. Ich stelle fest, dass einige unserer Testcodes fehlschlagen, wenn an das CSS-Selektorelement ein WaitUntilCanInteract oder ein WaitUntilDisplayed angehängt ist, obwohl das Element bei einer Chrominspektion im Browser angezeigt wird. Wenn Sie sie in ein WaitUntilExists ändern, gelangen sie an einen vorübergehenden Punkt, also habe ich mich gefragt, was genau vor sich geht, um diese Situation zu schaffen?

Selen befasst sich genau mit drei einzigartigen Zuständen eines Elements.

• Vorhandensein des Elements innerhalb des html: Dieser Zustand eines Elements kann durch die erkannt werden Erwarteter Zustand presenceOfElementLocated() wo die Erwartung ist zu prüfen, ob das Element ist gegenwärtig in dem Dom einer Seite. Dies bedeutet nicht unbedingt, dass das Element ist sichtbar.

  • Beispiel:

    WebElement element = new WebDriverWait(driver, 20).until(ExpectedConditions.presenceOfElementLocated(By.cssSelector("css_of_element")));
    

• Sichtbarkeit des Elements innerhalb des html: Dieser Zustand eines Elements kann durch die erkannt werden Erwarteter Zustand visibilityOfElementLocated() wo die Erwartung ist zu prüfen, ob das Element ist gegenwärtig in dem Dom einer Seite und sichtbar. Sichtbarkeit bedeutet, dass das Element nicht nur angezeigt wird, sondern auch eine Höhe und Breite das ist größer als 0.

  • Beispiel:

    WebElement element = new WebDriverWait(driver, 20).until(ExpectedConditions.visibilityOfElementLocated(By.cssSelector("css_of_element")));
    

• Anklickbares Element: Dieser Zustand eines Elements kann durch die erkannt werden Erwarteter Zustand elementToBeClickable() wo die Erwartung ist zu prüfen, ob das Element sichtbar und aktiviert damit Sie es anklicken können.

  • Beispiel:

    WebElement element = new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.cssSelector("css_of_element")));
    

Eine ausführliche Diskussion finden Sie in Selenium: Check for the present of element

Nun, die Entwickler haben beschlossen, es so zu machen.

Sehen Sie, die Elemente können auf dem DOM existieren, aber unsichtbar oder nicht interagierbar sein. Aber nicht umgekehrt.

Wenn Ihre Tests bei „waitingUntilExists“ bestanden werden und andernfalls fehlschlagen, müssen Sie wahrscheinlich die Wartezeit verlängern, wenn Sie sie bestehen möchten. Aber das ist nur meine Vermutung, ohne Ihren Code zu sehen.

Die einfache Antwort ist, dass Designer manchmal, wenn sie an Webseiten arbeiten, insbesondere wenn sie am Foundation CSS-Framework oder Bootstrap arbeiten, absichtlich die ursprünglichen CSS/HTML-Tags und -Elemente ausblenden, während sie Foundation- oder Bootstrap-basierte Design-Overlays wie ausgefallene Schaltflächen auf der Seite platzieren, die das Original verursachen Elemente ausgeblendet werden.

Der beste Ansatz kann wie folgt aussehen:

I. Sie können ein WebElement deklarieren, während Sie ein Element aufrufen, um es genau anzuvisieren, und den Befehl moveToElement verwenden, anstatt einfach FindElement.By.xxxxx aufzurufen, z.

//*** Calling a WebElement and using moveToElement command***//

WebElement (anyElementname) = browser.findElement(By.partialLinkText("xxxxxxxxxxx"));
          action.moveToElement(anyElementname).perform();
//*** Waiting for 8 seconds***//          
Thread.sleep(8000, 80000);

II. Sie können „Waits“ verwenden, um Seitenladezeiten bereitzustellen und zwischen Elementen zu interagieren

III. Vermeiden Sie das Kopieren des überlagerten CSS-Elements, insbesondere xpath, kopieren Sie stattdessen den xpath aus der ursprünglichen Quelle von Div/button/li

Lassen Sie mich wissen, ob es für Sie funktioniert oder nicht. Prost!