Desplazar elemento a la vista con selenio

¿Hay alguna forma en Selenium 1.xo 2.x para desplazar la ventana del navegador de modo que un elemento particular identificado por un XPath esté a la vista del navegador? Hay un método de enfoque en Selenium, pero no parece desplazar físicamente la vista en Firefox. ¿Alguien tiene alguna sugerencia sobre cómo hacer esto?

La razón por la que necesito esto es porque estoy probando el clic de un elemento en la página. Lamentablemente, el evento no parece funcionar a menos que el elemento sea visible. No tengo control del código que se activa cuando se hace clic en el elemento, por lo que no puedo depurarlo ni modificarlo, por lo que la solución más fácil es desplazar el elemento a la vista.

He intentado muchas cosas con respecto al desplazamiento, pero el siguiente código ha proporcionado mejores resultados.

Esto se desplazará hasta que el elemento esté a la vista:

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

Puede usar la org.openqa.selenium.interactions.Actionsclase para moverse a un elemento.

Java:

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

Pitón:

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

Es posible que desee probar esto.

Si desea desplazarse por la ventana de Firefox con el controlador web Selenium, una de las formas es usar JavaScript en el código Java. El código JavaScript para desplazarse hacia abajo (hasta la parte inferior de la página web) es el siguiente:

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

La orientación a cualquier elemento y el envío de teclas hacia abajo (o arriba / izquierda / derecha) parece funcionar también. Sé que esto es un truco, pero tampoco estoy realmente en la idea de usar JavaScript para resolver el problema de desplazamiento.

Por ejemplo:

WebElement.sendKeys(Keys.DOWN);

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

Para más ejemplos, vaya aquí . Todo en ruso, pero el código Java es transcultural :)

En Selenium necesitamos la ayuda de un ejecutor de JavaScript para desplazarnos a un elemento o desplazar la página:

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

En la declaración anterior elementes el elemento exacto donde necesitamos desplazarnos. Probé el código anterior y funcionó para mí.

Tengo una publicación completa y un video sobre esto:

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

Puede usar este fragmento de código para desplazarse:

C#

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

ahí tienes

Esto funcionó para mí:

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

Selenium 2 intenta desplazarse al elemento y luego hacer clic en él. Esto se debe a que Selenium 2 no interactuará con un elemento a menos que piense que es visible.

Desplazarse al elemento ocurre implícitamente, por lo que solo necesita encontrar el elemento y luego trabajar con él.

Use el controlador para enviar claves como la tecla pagedowno downarrowpara mostrar el elemento. Sé que es una solución demasiado simple y podría no ser aplicable en todos los casos.

Desde mi experiencia, Selenium Webdriver no se desplaza automáticamente a un elemento al hacer clic cuando hay más de una sección desplazable en la página (lo cual es bastante común).

Estoy usando Ruby, y para mi AUT, tuve que parchear el método de clic de la siguiente manera;

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

El método 'location_once_scrolled_into_view' es un método existente en la clase WebElement.

Aprecio que no estés usando Ruby, pero debería darte algunas ideas.

El script de Ruby para desplazar un elemento a la vista es el siguiente.

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

Algunas veces también enfrenté el problema de desplazarme con selenio. Entonces utilicé javaScriptExecuter para lograr esto.

Para desplazarse hacia abajo:

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

O también

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

Para desplazarse hacia arriba:

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

O,

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

Si crees que otras respuestas fueron demasiado extravagantes, esta también lo es, pero no hay una inyección de JavaScript involucrada.

Cuando el botón está fuera de la pantalla, se rompe y se desplaza hacia él, así que vuelva a intentarlo ... ¯ \ _ (ツ) _ / ¯

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

Esta es una solución repetida con JavaScript, pero con un elemento de espera agregado.

De ElementNotVisibleExceptionlo contrario, puede aparecer si se está realizando alguna acción sobre el elemento.

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

He utilizado esta manera para desplazar el elemento y hacer clic:

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});")
}

Es posible que desee visitar la página Desplazarse por los elementos web y la página web - Selenium WebDriver usando Javascript :

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);");
}

En la mayoría de las situaciones para desplazarse, este código funcionará.

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

JAVA

Intente desplazarse hasta la x yposición de uso del elemento , y use JavascriptExecutorcon este argumento:"window.scrollBy(x, y)" .

Siguiente importación:

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

Primero necesitas x yubicar el elemento.

//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 +")");

No estoy seguro de si la pregunta sigue siendo relevante, pero después de consultar la documentación de scrollIntoView de https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView .

La solución más fácil sería

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

Esto desplaza el elemento al centro de la página.

El comportamiento predeterminado de Selenium nos permite desplazarnos para que el elemento apenas se vea en la parte superior de la ventana gráfica. Además, no todos los navegadores tienen exactamente el mismo comportamiento. Esto es muy insatisfactorio. Si graba videos de las pruebas de su navegador, como yo, lo que quiere es que el elemento se desplace hacia la vista y se centre verticalmente .

Aquí está mi solución para 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;
}

Y luego, para desplazarte, lo llamas así:

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

Así es como lo hago con PHP webDriver para Selenium. Funciona para el servidor independiente Selenium 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();

Nota: Yo uso una versión personalizada del Element34 PHP-webdriver. Pero no hay ningún cambio en el núcleo. Solo uso mi "welement" en lugar de "element". Pero no influye en el caso en cuestión. El autor del controlador dice "permitir que casi todas las llamadas API sean una transformación directa de lo que se define en el protocolo WebDriver". Por lo tanto, no debería tener problemas con otros lenguajes de programación.

Simplemente hacer clic no funcionará en mi configuración. Hará un desplazamiento en lugar de hacer clic, así que tuve que hacer clic dos veces sin llamar a "location_in_view ()".

Nota: Este método funciona para elementos que se pueden ver, como una entrada de tipo botón.

Echa un vistazo a: http://code.google.com/p/selenium/wiki/JsonWireProtocol#/session/:sessionId/element/:id/location

La descripción de JsonWireProtocol # sugiere el uso de location + moveto, porque location _in_view es un método interno.

Algo que funcionó para mí fue usar el método Browser.MoveMouseToElement en un elemento en la parte inferior de la ventana del navegador. Milagrosamente funcionó en Internet Explorer, Firefox y Chrome.

Elegí esto sobre la técnica de inyección de JavaScript solo porque se sentía menos hacky.

He estado haciendo pruebas con componentes ADF y debes tener un comando separado para desplazarte si se usa carga diferida. Si el objeto no está cargado e intenta encontrarlo usando Selenium, Selenium lanzará una excepción de elemento no encontrado.

Si nada funciona, intente esto antes de hacer clic en:

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

En Java podemos desplazarnos usando JavaScript, como en el siguiente código:

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

Puede asignar un valor deseado a la variable "elm.scrollTop".

Una solución es:

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

Este código me está funcionando:

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