Scrollen Sie mit Selen in die Ansicht

Gibt es in Selenium 1.x oder 2.x eine Möglichkeit, das Browserfenster so zu scrollen, dass ein bestimmtes Element, das von einem XPath identifiziert wird, für den Browser sichtbar ist? In Selenium gibt es eine Fokusmethode, die die Ansicht in FireFox jedoch nicht physisch zu scrollen scheint. Hat jemand Vorschläge dazu?

Der Grund, warum ich das brauche, ist, dass ich den Klick eines Elements auf der Seite teste. Leider scheint das Ereignis nur zu funktionieren, wenn das Element sichtbar ist. Ich habe keine Kontrolle über den Code, der beim Klicken auf das Element ausgelöst wird. Daher kann ich weder debuggen noch Änderungen daran vornehmen. Die einfachste Lösung besteht darin, das Element in die Ansicht zu scrollen.

Ich habe viele Dinge in Bezug auf das Scrollen versucht, aber der folgende Code hat bessere Ergebnisse geliefert.

Dadurch wird gescrollt, bis das Element angezeigt wird:

WebElement element = driver.findElement(By.id("id_of_element"));
((JavascriptExecutor) driver).executeScript("arguments[0].scrollIntoView(true);", element);
Thread.sleep(500); 

//do anything you want with the element

Mit der org.openqa.selenium.interactions.ActionsKlasse können Sie zu einem Element wechseln.

Java:

WebElement element = driver.findElement(By.id("my-id"));
Actions actions = new Actions(driver);
actions.moveToElement(element);
actions.perform();

Python:

from selenium.webdriver.common.action_chains import ActionChains
ActionChains(driver).move_to_element(driver.sl.find_element_by_id('my-id')).perform()

JavascriptExecutor js = (JavascriptExecutor) driver;
        js.executeScript("javascript:window.scrollBy(250,350)");

Vielleicht möchten Sie dies versuchen.

Wenn Sie mit dem Selenium-Webdriver im Firefox-Fenster scrollen möchten, können Sie unter anderem JavaScript im Java-Code verwenden. Der JavaScript-Code zum Scrollen nach unten (zum Ende der Webseite) lautet wie folgt:

JavascriptExecutor js = (JavascriptExecutor) driver;
js.executeScript("window.scrollTo(0, Math.max(document.documentElement.scrollHeight, document.body.scrollHeight, document.documentElement.clientHeight));");

Das Targeting eines Elements und das Senden von Tasten nach unten (oder nach oben / links / rechts) scheint ebenfalls zu funktionieren. Ich weiß, dass dies ein kleiner Hack ist, aber ich bin nicht wirklich begeistert von der Verwendung von JavaScript, um das Bildlaufproblem zu lösen.

Beispielsweise:

WebElement.sendKeys(Keys.DOWN);

webElement = driver.findElement(By.xpath("bla-bla-bla"));
((JavascriptExecutor)driver).executeScript("arguments[0].scrollIntoView();", webElement);

Weitere Beispiele finden Sie hier . Alles auf Russisch, aber Java-Code ist interkulturell :)

In Selenium müssen wir die Hilfe eines JavaScript-Executors verwenden, um zu einem Element zu scrollen oder die Seite zu scrollen:

je.executeScript("arguments[0].scrollIntoView(true);", element);

In der obigen Anweisung elementist das genaue Element, wo wir scrollen müssen. Ich habe den obigen Code ausprobiert und er hat bei mir funktioniert.

Ich habe einen vollständigen Beitrag und ein Video dazu:

http://learn-automation.com/how-to-scroll-into-view-in-selenium-webdriver/

Mit diesem Codeausschnitt können Sie scrollen:

C #

var element = Driver.FindElement(By.Id("element-id"));
Actions actions = new Actions(Driver);
actions.MoveToElement(element).Perform();

Hier hast du es

Das hat bei mir funktioniert:

IWebElement element = driver.FindElements(getApplicationObject(currentObjectName, currentObjectType, currentObjectUniqueId))[0];
 ((IJavaScriptExecutor)driver).ExecuteScript("arguments[0].scrollIntoView(true);", element);

Selen 2 versucht, zum Element zu scrollen und dann darauf zu klicken. Dies liegt daran, dass Selen 2 nicht mit einem Element interagiert, es sei denn, es glaubt, dass es sichtbar ist.

Das Scrollen zum Element erfolgt implizit, sodass Sie nur das Element suchen und dann damit arbeiten müssen.

Verwenden Sie den Treiber, um Schlüssel wie den Schlüssel pagedownoder zu senden downarrow, um das Element anzuzeigen. Ich weiß, dass es eine zu einfache Lösung ist und möglicherweise nicht in allen Fällen anwendbar ist.

Nach meiner Erfahrung scrollt Selenium Webdriver beim Klicken nicht automatisch zu einem Element, wenn mehr als ein scrollbarer Abschnitt auf der Seite vorhanden ist (was durchaus üblich ist).

Ich verwende Ruby und für mein AUT musste ich die Klickmethode wie folgt patchen.

class Element

      #
      # Alias the original click method to use later on
      #
      alias_method :base_click, :click

      # Override the base click method to scroll into view if the element is not visible
      # and then retry click
      #
      def click
        begin
          base_click
        rescue Selenium::WebDriver::Error::ElementNotVisibleError
          location_once_scrolled_into_view
          base_click
        end
      end

Die Methode 'location_once_scrolled_into_view' ist eine vorhandene Methode für die WebElement-Klasse.

Ich schätze, dass Sie Ruby möglicherweise nicht verwenden, aber es sollte Ihnen einige Ideen geben.

Das Ruby-Skript zum Scrollen eines Elements in die Ansicht lautet wie folgt.

$driver.execute_script("arguments[0].scrollIntoView(true);", element)
sleep(3)
element.click

Manchmal hatte ich auch das Problem, mit Selen zu scrollen. Also habe ich javaScriptExecuter verwendet, um dies zu erreichen.

Zum Scrollen nach unten:

WebDriver driver = new ChromeDriver();
JavascriptExecutor js = (JavascriptExecutor)driver;
js.executeScript("window.scrollBy(0, 250)", "");

Oder auch

js.executeScript("scroll(0, 250);");

Zum Scrollen:

js.executeScript("window.scrollBy(0,-250)", "");

Oder,

js.executeScript("scroll(0, -250);");

Wenn Sie der Meinung sind, dass andere Antworten zu hackig waren, ist dies auch der Fall, aber es ist keine JavaScript-Injektion erforderlich.

Wenn die Schaltfläche nicht auf dem Bildschirm angezeigt wird, wird sie unterbrochen und zu ihr gescrollt. Versuchen Sie es erneut ... ¯ \ _ (ツ) _ / ¯

try
{
    element.Click();
}
catch {
    element.Click();
}

Dies ist eine wiederholte Lösung mit JavaScript, jedoch mit einem zusätzlichen Warten auf Element.

Andernfalls ElementNotVisibleExceptionkann es vorkommen, dass eine Aktion für das Element ausgeführt wird.

this.executeJavaScriptFunction("arguments[0].scrollIntoView(true);", elementToBeViewable);
WebDriverWait wait = new WebDriverWait(getDriver(), 5);
wait.until(ExpectedConditions.visibilityOf(elementToBeViewable));

Ich habe diese Methode zum Scrollen des Elements und zum Klicken verwendet:

List<WebElement> image = state.getDriver().findElements(By.xpath("//*[contains(@src,'image/plus_btn.jpg')]"));

for (WebElement clickimg : image)
{
  ((JavascriptExecutor) state.getDriver()).executeScript("arguments[0].scrollIntoView(false);", clickimg);
  clickimg.click();
}

def scrollToElement(element: WebElement) = {
  val location = element.getLocation
  driver.asInstanceOf[JavascriptExecutor].executeScript(s"window.scrollTo(${location.getX},${location.getY});")
}

Möglicherweise möchten Sie die Seite Scroll-Webelemente und die Webseite Selenium WebDriver mit Javascript besuchen :

public static void main(String[] args) throws Exception {

    // TODO Auto-generated method stub
    FirefoxDriver ff = new FirefoxDriver();
    ff.get("http://toolsqa.com");
    Thread.sleep(5000);
    ff.executeScript("document.getElementById('text-8').scrollIntoView(true);");
}

In den meisten Fällen funktioniert dieser Code beim Scrollen.

WebElement element = driver.findElement(By.xpath("xpath_Of_Element"));                 
js.executeScript("arguments[0].click();",element);

JAVA

Versuchen Sie, zum Element zu scrollen, verwenden Sie die x yPosition, und verwenden Sie JavascriptExecutordieses Argument : "window.scrollBy(x, y)".

Nach dem Import:

import org.openqa.selenium.WebElement;
import org.openqa.selenium.JavascriptExecutor;

Zuerst müssen Sie x ydas Element lokalisieren.

//initialize element
WebElement element = driver.findElement(By.id("..."));

//get position
int x = element.getLocation().getX();
int y = element.getLocation().getY();

//scroll to x y 
JavascriptExecutor js = (JavascriptExecutor) driver;
js.executeScript("window.scrollBy(" +x +", " +y +")");

Ich bin nicht sicher, ob die Frage noch relevant ist, aber nachdem ich auf die scrollIntoView-Dokumentation unter https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView verwiesen habe .

Die einfachste Lösung wäre

executor.executeScript("arguments[0].scrollIntoView({block: \"center\",inline: \"center\",behavior: \"smooth\"});",element);

Dadurch wird das Element in die Mitte der Seite gescrollt.

Das Standardverhalten von Selenium ist das Scrollen, sodass das Element oben im Ansichtsfenster kaum sichtbar ist. Außerdem haben nicht alle Browser genau das gleiche Verhalten. Das ist sehr unbefriedigend. Wenn Sie wie ich Videos Ihrer Browsertests aufzeichnen, soll das Element in die Ansicht gescrollt und vertikal zentriert werden .

Hier ist meine Lösung für Java:

public List<String> getBoundedRectangleOfElement(WebElement we)
{
    JavascriptExecutor je = (JavascriptExecutor) driver;
    List<String> bounds = (ArrayList<String>) je.executeScript(
            "var rect = arguments[0].getBoundingClientRect();" +
                    "return [ '' + parseInt(rect.left), '' + parseInt(rect.top), '' + parseInt(rect.width), '' + parseInt(rect.height) ]", we);
    System.out.println("top: " + bounds.get(1));
    return bounds;
}

Und dann, um zu scrollen, nennen Sie es so:

public void scrollToElementAndCenterVertically(WebElement we)
{
    List<String> bounds = getBoundedRectangleOfElement(we);
    Long totalInnerPageHeight = getViewPortHeight(driver);
    JavascriptExecutor je = (JavascriptExecutor) driver;
    je.executeScript("window.scrollTo(0, " + (Integer.parseInt(bounds.get(1)) - (totalInnerPageHeight/2)) + ");");
    je.executeScript("arguments[0].style.outline = \"thick solid #0000FF\";", we);
}

So mache ich das mit PHP webDriver for Selenium. Es funktioniert für den eigenständigen Selenium-Server 2.39.0 + https://github.com/Element-34/php-webdriver + Firefox 25.0

$element=$session->welement("xpath", "//input[@value='my val']");
$element->click();
$element=$session->welement("xpath", "//input[@value='ma val2']");
$element->location_in_view(); // < -- this is the candy
$element->click();

Hinweis: Ich verwende eine angepasste Version des Element34 PHP-Webdrivers. Aber es gibt keine Veränderung im Kern. Ich benutze nur mein "Willkommen" anstelle von "Element". Es hat jedoch keinen Einfluss auf den fraglichen Fall. Der Autor des Treibers sagt, "damit fast alle API-Aufrufe eine direkte Transformation dessen darstellen, was im WebDriver-Protokoll selbst definiert ist." Sie sollten also kein Problem mit anderen Programmiersprachen haben.

Ein Klick funktioniert in meinem Setup nicht. Es wird ein Bildlauf anstelle eines Klicks ausgeführt, sodass ich zweimal klicken musste, ohne "location_in_view ()" aufzurufen.

Hinweis: Diese Methode funktioniert für Elemente, die angezeigt werden können, z. B. eine Eingabe vom Typ.

Schauen Sie sich Folgendes an: http://code.google.com/p/selenium/wiki/JsonWireProtocol#/session/:sessionId/element/:id/location

Die Beschreibung für JsonWireProtocol # schlägt die Verwendung von location + moveto vor, da location _in_view eine interne Methode ist.

Für mich hat es funktioniert, die Browser.MoveMouseToElement-Methode für ein Element am unteren Rand des Browserfensters zu verwenden. Wie durch ein Wunder funktionierte es in Internet Explorer, Firefox und Chrome.

Ich habe dies der JavaScript-Injektionstechnik vorgezogen, nur weil es sich weniger hackig anfühlte.

Ich habe Tests mit ADF-Komponenten durchgeführt und Sie müssen einen separaten Befehl zum Scrollen haben, wenn das verzögerte Laden verwendet wird. Wenn das Objekt nicht geladen ist und Sie versuchen, es mit Selenium zu finden, löst Selenium eine Ausnahme aus, bei der das Element nicht gefunden wurde.

Wenn nichts funktioniert, versuchen Sie dies, bevor Sie auf Folgendes klicken:

public void mouseHoverJScript(WebElement HoverElement) {

    String mouseOverScript = "if(document.createEvent){var evObj = document.createEvent('MouseEvents');evObj.initEvent('mouseover', true, false); arguments[0].dispatchEvent(evObj);} else if(document.createEventObject) { arguments[0].fireEvent('onmouseover');}";
    ((JavascriptExecutor) driver).executeScript(mouseOverScript, HoverElement);
}

In Java können wir mit JavaScript scrollen, wie im folgenden Code:

driver.getEval("var elm = window.document.getElementById('scrollDiv'); if (elm.scrollHeight > elm.clientHeight){elm.scrollTop = elm.scrollHeight;}");

Sie können der Variablen "elm.scrollTop" einen gewünschten Wert zuweisen.

Eine Lösung ist:

public void javascriptclick(String element)
{
    WebElement webElement = driver.findElement(By.xpath(element));
    JavascriptExecutor js = (JavascriptExecutor) driver;

    js.executeScript("arguments[0].click();", webElement);
    System.out.println("javascriptclick" + " " + element);
}

Dieser Code funktioniert für mich:

JavascriptExecutor js = (JavascriptExecutor) driver;
js.executeScript("javascript:window.scrollBy(250, 350)");