Faire défiler l'élément dans la vue avec le sélénium

Existe-t-il un moyen dans Selenium 1.x ou 2.x de faire défiler la fenêtre du navigateur afin qu'un élément particulier identifié par un XPath soit en vue du navigateur? Il existe une méthode de mise au point dans Selenium, mais elle ne semble pas faire défiler physiquement la vue dans FireFox. Quelqu'un at-il des suggestions sur la façon de procéder?

La raison pour laquelle j'en ai besoin est que je teste le clic d'un élément sur la page. Malheureusement, l'événement ne semble fonctionner que si l'élément est visible. Je n'ai pas le contrôle du code qui se déclenche lorsque l'élément est cliqué, je ne peux donc pas le déboguer ou y apporter des modifications.La solution la plus simple consiste donc à faire défiler l'élément en vue.

J'ai essayé beaucoup de choses en ce qui concerne le défilement, mais le code ci-dessous a fourni de meilleurs résultats.

Cela défilera jusqu'à ce que l'élément soit visible:

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

Vous pouvez utiliser la org.openqa.selenium.interactions.Actionsclasse pour passer à un élément.

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

Vous voudrez peut-être essayer ceci.

Si vous souhaitez faire défiler la fenêtre Firefox à l'aide du pilote Web Selenium, l'une des façons consiste à utiliser JavaScript dans le code Java. Le code JavaScript pour faire défiler vers le bas (en bas de la page Web) est le suivant:

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

Cibler n'importe quel élément et envoyer des touches vers le bas (ou vers le haut / gauche / droite) semble également fonctionner. Je sais que c'est un peu un hack, mais je ne suis pas vraiment dans l'idée d'utiliser JavaScript pour résoudre le problème de défilement non plus.

Par exemple:

WebElement.sendKeys(Keys.DOWN);

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

Pour plus d'exemples, allez ici . Tout en russe, mais le code Java est interculturel :)

Dans Selenium, nous devons prendre l'aide d'un exécuteur JavaScript pour faire défiler jusqu'à un élément ou faire défiler la page:

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

Dans la déclaration ci-dessus se elementtrouve l'élément exact où nous devons faire défiler. J'ai essayé le code ci-dessus, et cela a fonctionné pour moi.

J'ai un post complet et une vidéo à ce sujet:

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

Vous pouvez utiliser cet extrait de code pour faire défiler:

C #

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

Voilà

Cela a fonctionné pour moi:

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

Selenium 2 essaie de faire défiler jusqu'à l'élément puis de cliquer dessus. En effet, Selenium 2 n'interagira pas avec un élément à moins qu'il ne pense qu'il est visible.

Le défilement vers l'élément se fait implicitement, il vous suffit donc de rechercher l'élément, puis de travailler avec lui.

Utilisez le pilote pour envoyer des clés comme la touche pagedownou downarrowpour afficher l'élément. Je sais que c'est une solution trop simple et pourrait ne pas être applicable dans tous les cas.

D'après mon expérience, Selenium Webdriver ne fait pas défiler automatiquement jusqu'à un élément au clic lorsqu'il y a plus d'une section déroulante sur la page (ce qui est assez courant).

J'utilise Ruby, et pour mon AUT, j'ai dû patcher la méthode click comme suit;

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

La méthode 'location_once_scrolled_into_view' est une méthode existante sur la classe WebElement.

Je comprends que vous n'utilisiez peut-être pas Ruby, mais cela devrait vous donner quelques idées.

Le script Ruby pour faire défiler un élément dans la vue est comme ci-dessous.

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

Parfois, j'ai également été confronté au problème de défilement avec Selenium. J'ai donc utilisé javaScriptExecuter pour y parvenir.

Pour faire défiler vers le bas:

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

Ou aussi

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

Pour faire défiler vers le haut:

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

Ou,

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

Si vous pensez que d'autres réponses étaient trop hacky, celle-ci l'est aussi, mais aucune injection JavaScript n'est impliquée.

Lorsque le bouton est hors de l'écran, il se casse et défile jusqu'à lui, alors réessayez ... ¯ \ _ (ツ) _ / ¯

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

Il s'agit d'une solution répétée avec JavaScript, mais avec un élément d'attente supplémentaire.

Sinon ElementNotVisibleExceptionpeut apparaître si une action sur l'élément est en cours.

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

J'ai utilisé cette méthode pour faire défiler l'élément et cliquer:

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

Vous pouvez visiter la page Scroll Web elements and Web page- Selenium WebDriver utilisant 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);");
}

Dans la plupart des situations de défilement, ce code fonctionnera.

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

JAVA

Essayez défilement à l' élément utiliser la x yposition et l' utilisation JavascriptExecutorde c'est l' argument: "window.scrollBy(x, y)".

Après l'importation:

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

Vous devez d'abord obtenir l' x yemplacement de l'élément.

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

Je ne sais pas si la question est toujours d'actualité mais après avoir fait référence à la documentation scrollIntoView de https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView .

La solution la plus simple serait

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

Cela fait défiler l'élément au centre de la page.

Le comportement par défaut de Selenium nous fait défiler pour que l'élément soit à peine visible en haut de la fenêtre. De plus, tous les navigateurs n'ont pas exactement le même comportement. C'est très peu satisfaisant. Si vous enregistrez des vidéos des tests de votre navigateur, comme je le fais, ce que vous voulez, c'est que l'élément défile dans la vue et soit centré verticalement .

Voici ma solution pour 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;
}

Et puis, pour faire défiler, vous l'appelez comme ceci:

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

Voici comment je le fais avec PHP webDriver pour Selenium. Cela fonctionne pour le serveur autonome 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();

Remarque: j'utilise une version personnalisée du pilote Web Element34 PHP. Mais il n'y a aucun changement dans le noyau. J'utilise juste mon "welement" au lieu de "element". Mais cela n'a aucune influence sur le cas en question. L'auteur du pilote dit «de permettre à presque tous les appels d'API d'être une transformation directe de ce qui est défini dans le protocole WebDriver lui-même». Vous ne devriez donc avoir aucun problème avec d'autres langages de programmation.

Un simple clic ne fonctionnera pas dans ma configuration. Il fera un défilement au lieu de cliquer, j'ai donc dû cliquer deux fois sans appeler "location_in_view ()".

Remarque: Cette méthode fonctionne pour les éléments qui peuvent être affichés, comme une entrée de type bouton.

Jetez un œil à: http://code.google.com/p/selenium/wiki/JsonWireProtocol#/session/:sessionId/element/:id/location

La description de JsonWireProtocol # suggère l'utilisation de location + moveto, car location _in_view est une méthode interne.

Quelque chose qui a fonctionné pour moi a été d'utiliser la méthode Browser.MoveMouseToElement sur un élément en bas de la fenêtre du navigateur. Miraculeusement, cela a fonctionné dans Internet Explorer, Firefox et Chrome.

J'ai choisi cela plutôt que la technique d'injection JavaScript simplement parce qu'elle était moins hacky.

J'ai fait des tests avec des composants ADF et vous devez avoir une commande distincte pour le défilement si le chargement paresseux est utilisé. Si l'objet n'est pas chargé et que vous essayez de le trouver à l'aide de Selenium, Selenium lèvera une exception d'élément introuvable.

Si rien ne fonctionne, essayez ceci avant de cliquer:

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, nous pouvons faire défiler en utilisant JavaScript, comme dans le code suivant:

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

Vous pouvez affecter une valeur souhaitée à la variable "elm.scrollTop".

Une solution est:

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

Ce code fonctionne pour moi:

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