Rolar elemento para exibição com selênio

Existe alguma maneira no Selenium 1.x ou 2.x para rolar a janela do navegador para que um elemento específico identificado por um XPath esteja à vista do navegador? Existe um método de foco no Selenium, mas parece não rolar fisicamente a exibição no FireFox. Alguém tem alguma sugestão sobre como fazer isso?

A razão pela qual eu preciso disso é que estou testando o clique de um elemento na página. Infelizmente, o evento parece não funcionar, a menos que o elemento esteja visível. Eu não tenho controle do código que é acionado quando o elemento é clicado, por isso não posso depurar ou fazer modificações nele; portanto, a solução mais fácil é rolar o item para exibição.

Já tentei muitas coisas com relação à rolagem, mas o código abaixo forneceu melhores resultados.

Isso rolará até que o elemento esteja em exibição:

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

Você pode usar a org.openqa.selenium.interactions.Actionsclasse para ir para um elemento.

Java:

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

Pitão:

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

Você pode tentar isso.

Se você deseja rolar na janela do Firefox usando o driver da web Selenium, uma das maneiras é usar JavaScript no código Java. O código JavaScript para rolar para baixo (na parte inferior da página da web) é o seguinte:

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

Segmentar qualquer elemento e enviar as teclas para baixo (ou para cima / esquerda / direita) também parece funcionar. Sei que isso é um pouco complicado, mas também não gosto da idéia de usar JavaScript para resolver o problema de rolagem.

Por exemplo:

WebElement.sendKeys(Keys.DOWN);

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

Para mais exemplos, clique aqui . Tudo em russo, mas o código Java é intercultural :)

No Selenium, precisamos da ajuda de um executor JavaScript para rolar para um elemento ou rolar a página:

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

Na declaração acima, elementestá o elemento exato em que precisamos rolar. Eu tentei o código acima e funcionou para mim.

Tenho um post e um vídeo completos sobre isso:

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

Você pode usar este trecho de código para rolar:

C #

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

Aí está

Isso funcionou para mim:

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

O Selenium 2 tenta rolar para o elemento e depois clicar nele. Isso ocorre porque o Selenium 2 não interage com um elemento, a menos que ele pense que é visível.

A rolagem para o elemento acontece implicitamente, então você só precisa encontrar o item e trabalhar com ele.

Use o driver para enviar chaves como a tecla pagedownou downarrowpara exibir o elemento. Sei que é uma solução muito simples e pode não ser aplicável em todos os casos.

Pela minha experiência, o Selenium Webdriver não rola automaticamente para um elemento ao clicar quando há mais de uma seção rolável na página (o que é bastante comum).

Estou usando Ruby e, para meu AUT, tive que aplicar um patch ao método de clique da seguinte maneira;

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

O método 'location_once_scrolled_into_view' é um método existente na classe WebElement.

Aprecio que você pode não estar usando Ruby, mas isso deve lhe dar algumas idéias.

O script Ruby para rolar um elemento para exibição é o seguinte.

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

Às vezes, também enfrentava o problema de rolar com o Selenium. Então, eu usei o javaScriptExecuter para conseguir isso.

Para rolar para baixo:

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

Ou também

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

Para rolar para cima:

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

Ou,

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

Se você acha que outras respostas foram muito hacky, essa também é, mas não há injeção de JavaScript envolvida.

Quando o botão está fora da tela, ele quebra e rola até ele; tente novamente ... ¯ \ _ (ツ) _ / ¯

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

Esta é uma solução repetida com JavaScript, mas com um elemento em espera adicionado.

Caso contrário, ElementNotVisibleExceptionpoderá aparecer se alguma ação no elemento estiver sendo realizada.

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

Eu usei esse caminho para rolar o elemento e clique em:

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

Convém visitar a página Elementos da Web de rolagem e a página da 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);");
}

Na maior parte da situação para rolar esse código funcionará.

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

JAVA

Tente rolar para o elemento utilizar x yposition e use JavascriptExecutorcom este argumento:"window.scrollBy(x, y)" .

Após a importação:

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

Primeiro você precisa obter x yo elemento de localização.

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

Não tenho certeza se a pergunta ainda é relevante, mas depois de me referir à documentação scrollIntoView em https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView .

A solução mais fácil seria

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

Isso rola o elemento para o centro da página.

O comportamento padrão do Selenium é fazer a rolagem para que o elemento mal seja visualizado na parte superior da janela de visualização. Além disso, nem todos os navegadores têm exatamente o mesmo comportamento. Isso é muito insatisfatório. Se você gravar vídeos dos testes do seu navegador, como eu, o que você deseja é que o elemento role para exibição e seja centralizado verticalmente .

Aqui está minha solução 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;
}

E então, para rolar, você chama assim:

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

Aqui está como eu faço isso com o PHP webDriver for Selenium. Funciona para servidor independente 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: Eu uso uma versão personalizada do element34 PHP-webdriver. Mas não há nenhuma mudança no núcleo. Eu apenas uso meu "bem-estar" em vez de "elemento". Mas isso não influencia o caso em questão. O autor do driver diz "permitir que quase todas as chamadas de API sejam uma transformação direta do que é definido no próprio protocolo WebDriver". Portanto, você não deve ter problemas com outras linguagens de programação.

Apenas clicar não funcionará na minha configuração. Ele fará uma rolagem em vez de clicar, então tive que clicar duas vezes sem chamar "location_in_view ()".

Nota: Este método funciona para elementos que podem ser visualizados, como uma entrada do botão de tipo.

Dê uma olhada em: http://code.google.com/p/selenium/wiki/JsonWireProtocol#/session/:sessionId/element/:id/location

A descrição para JsonWireProtocol # sugere o uso de location + moveto, porque location_in_view é um método interno.

Algo que funcionou para mim foi usar o método Browser.MoveMouseToElement em um elemento na parte inferior da janela do navegador. Milagrosamente, ele funcionou no Internet Explorer, Firefox e Chrome.

Eu escolhi isso sobre a técnica de injeção de JavaScript apenas porque parecia menos invasiva.

Venho testando com componentes do ADF e você precisa ter um comando separado para rolar se o carregamento lento for usado. Se o objeto não estiver carregado e você tentar encontrá-lo usando o Selenium, o Selenium lançará uma exceção de elemento não encontrado.

Se nada funcionar, tente isso antes de clicar em:

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

Em Java, podemos rolar usando JavaScript, como no código a seguir:

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

Você pode atribuir um valor desejado à variável "elm.scrollTop".

Uma solução é:

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 está funcionando para mim:

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