Прокрутка элемента в поле зрения с помощью Selenium

Пробовали много вещей в отношении прокрутки, но приведенный ниже код дал лучшие результаты.

Это будет прокручиваться, пока элемент не появится в поле зрения:

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

Вы можете использовать класс org.openqa.selenium.interactions.Actions для перехода к элементу.

Джава:

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

Вы можете попробовать это.

Если вы хотите прокручивать окно Firefox с помощью веб-драйвера Selenium, одним из способов является использование JavaScript в коде Java. Код JavaScript для прокрутки вниз (вниз веб-страницы) выглядит следующим образом:

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

Таргетинг на любой элемент и отправка клавиш вниз (или вверх / влево / вправо ), похоже, тоже работает. Я знаю, что это что-то вроде взлома, но мне тоже не очень нравится использовать JavaScript для решения проблемы прокрутки.

Например:

WebElement.sendKeys(Keys.DOWN);

В Selenium нам нужно воспользоваться помощью исполнителя JavaScript для прокрутки к элементу или прокрутки страницы:

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

В приведенном выше утверждении element - это именно тот элемент, который нам нужно прокрутить. Я попробовал приведенный выше код, и у меня он сработал.

У меня есть полный пост и видео по этому поводу:

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

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

Дополнительные примеры см. здесь. Все на русском, но код Java кросс-культурный :)

Вы можете использовать этот фрагмент кода для прокрутки:

C #

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

Вот оно что

Используйте драйвер для отправки ключей, таких как pagedown или downarrow, чтобы отобразить элемент. Я знаю, что это слишком простое решение и может быть применимо не во всех случаях.

Это сработало для меня:

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

По моему опыту, Selenium Webdriver не выполняет автоматическую прокрутку к элементу по щелчку, когда на странице есть более одного прокручиваемого раздела (что довольно часто).

Я использую Ruby, и для моего AUT мне пришлось обезьяно исправить метод щелчка следующим образом;

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

Метод location_once_scrolled_into_view - это существующий метод в классе WebElement.

Я ценю, что вы, возможно, не используете Ruby, но он должен дать вам некоторые идеи.

Selenium 2 пытается прокрутить до элемента, а затем щелкнуть по нему. Это связано с тем, что Selenium 2 не будет взаимодействовать с элементом, если не считает, что он видим.

Прокрутка к элементу происходит неявно, поэтому вам просто нужно найти элемент, а затем работать с ним.

Сценарий Ruby для прокрутки элемента в поле зрения показан ниже.

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

Иногда я также сталкивался с проблемой прокрутки с помощью Selenium. Поэтому для этого я использовал javaScriptExecuter.

Для прокрутки вниз:

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

Или также

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

Для прокрутки вверх:

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

Or,

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

Если вы думаете, что другие ответы были слишком хакерскими, этот тоже, но здесь нет инъекции JavaScript.

Когда кнопка находится за пределами экрана, она прерывается и прокручивается до нее, поэтому повторите попытку ... ¯ \ _ (ツ) _ / ¯

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

Это повторяющееся решение с JavaScript, но с добавленным элементом ожидания.

В противном случае ElementNotVisibleException может появиться, если над элементом выполняется какое-то действие.

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

Я использовал этот способ для прокрутки элемента и щелкнул:

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

Вы можете посетить страницу Прокручивать веб-элементы и Веб-страница - Selenium WebDriver с использованием 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);");
}

В большинстве случаев для прокрутки этот код будет работать.

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

JAVA

Попробуйте прокрутить до элемента, используя позицию x y, и используйте JavascriptExecutor с этим аргументом: "window.scrollBy(x, y)".

После импорта:

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

Сначала вам нужно определить x y местоположение элемента.

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

Я не уверен, что вопрос по-прежнему актуален, но после обращения к документации scrollIntoView из https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView.

Самым простым решением было бы

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

Это прокручивает элемент в центр страницы.

По умолчанию Selenium прокручивает, поэтому элемент едва виден в верхней части области просмотра. Кроме того, не все браузеры ведут себя одинаково. Это очень неприятно. Если вы записываете видео тестов своего браузера, как это делаю я, вам нужно, чтобы элемент прокручивался в поле зрения и был центрирован по вертикали.

Вот мое решение для 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;
}

А затем для прокрутки вы вызываете это так:

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

Что-то, что сработало для меня, - это использовать метод Browser.MoveMouseToElement для элемента в нижней части окна браузера. Чудом это сработало в Internet Explorer, Firefox и Chrome.

Я предпочел эту технику инъекции JavaScript только потому, что она казалась менее хакерской.

Я тестировал компоненты ADF, и вам нужна отдельная команда для прокрутки, если используется ленивая загрузка. Если объект не загружен и вы пытаетесь найти его с помощью Selenium, Selenium выдаст исключение «элемент не найден».

Если ничего не работает, попробуйте это, прежде чем нажимать:

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

В Java мы можем прокручивать с помощью JavaScript, как в следующем коде:

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

Вы можете присвоить желаемое значение переменной elm.scrollTop.

Решение:

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

Этот код работает для меня:

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

Selenium может автоматически прокручивать до некоторого элемента на полосе прокрутки для некоторого простого пользовательского интерфейса, но для пользовательского интерфейса с отложенной загрузкой по-прежнему требуется scrollToElement.

Это моя реализация на Java с JavascriptExecutor. Более подробную информацию можно найти в исходном коде Satix: http://www.binpress.com/app/satix-seleniumbased-automation-testing-in-xml/1958

public static void perform(WebDriver driver, String Element, String ElementBy, By by) throws Exception {
 try {
  //long start_time = System.currentTimeMillis();           
  StringBuilder js = new StringBuilder();
  String browser = "firefox";

  if (ElementBy.equals("id")) {
   js.append("var b = document.getElementById(\"" +
    Element + "\");");
  } else if (ElementBy.equals("xpath")) {
   if (!"IE".equals(browser)) {
    js.append("var b = document.evaluate(\"" +
     Element +
     "\", document, null, XPathResult.ANY_TYPE, null).iterateNext();");
   } else {
    throw new Exception("Action error: xpath is not supported in scrollToElement Action in IE");
   }
  } else if (ElementBy.equals("cssSelector")) {
   js.append("var b = document.querySelector(\"" +
    Element + "\");");
  } else {
   throw new Exception("Scroll Action error");
  }

  String getScrollHeightScript = js.toString() + "var o = new Array(); o.push(b.scrollHeight); return o;";

  js.append("b.scrollTop = b.scrollTop + b.clientHeight;");
  js.append("var tmp = b.scrollTop + b.clientHeight;");
  js.append("var o = new Array(); o.push(tmp); return o;");

  int tries = 1;
  String scrollTop = "0";
  while (tries > 0) {
   try {
    String scrollHeight = ((JavascriptExecutor) driver).executeScript(getScrollHeightScript).toString();
    if (scrollTop.equals(scrollHeight)) {
     break;
    } else if (driver.findElement(by).isDisplayed()) {
     break;
    }
    Object o = ((JavascriptExecutor) driver).executeScript(js.toString());
    scrollTop = o.toString();
    Thread.sleep(interval);
    tries++;
   } catch (Exception e) {
    throw new Exception("Action error:" +
     " javascript execute error : " + e.getMessage() + ", javascript : " + js.toString());
   }
  }

 } catch (Exception e) {
  try {
   ScreenshotCapturerUtil.saveScreenShot(driver, CLASSNAME);
  } catch (IOException e1) {
   throw new Exception("Save screenshot error!", e1);
  }
  throw e;
 }
}

Если эта передача объекта не работает:

await browser.executeScript( "arguments[0].scrollIntoView()", await browser.wait( until.elementLocated( By.xpath( "//div[@jscontroller='MC8mtf']" ) ), 1000 ) );

На странице Google есть демонстрация кнопки прокрутки до микрофона. Нашел его с помощью javascript xpath, используя chromedriver и selenium-webdriver.

start1 () запускает браузер в узком окне, кнопка микрофона не отображается.

start2 () запустите браузер в узком окне, затем перейдите к кнопке микрофона.

require('chromedriver');
const { Builder, 
        By, 
        Key, 
        until
      }                = require('selenium-webdriver');

async function start1()  {

  var browser = new Builder()
                    .forBrowser( 'chrome' )
                    .build();
  await browser
        .manage()
        .window()
        .setRect( { width: 80, 
                    height: 1040, 
                    x:-10, 
                    y:0} 
                );
  await browser.navigate().to( "https://www.google.com/" );
}

async function start2()  {

  var browser = new Builder()
                    .forBrowser( 'chrome' )
                    .build();
  await browser
        .manage()
        .window()
        .setRect( { width: 80, 
                    height: 1040, 
                    x:-10, 
                    y:0} 
                );
  await browser.navigate().to( "https://www.google.com/" );
  await browser.executeScript( "document.evaluate(\"//div[@jscontroller='MC8mtf']\", document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue.scrollIntoView(true);");
}

start1();
start2();

Для OpenQA.Selenium на C #:

WebDriver.ExecuteJavaScript("arguments[0].scrollIntoView({block: \"center\", inline: \"center\"});", Element);

Где WebDriver - это new ChromeDriver(options) или аналогичный.

Javascript

Решение простое:

const element = await driver.findElement(...)
await driver.executeScript("arguments[0].scrollIntoView(true);", element)
await driver.sleep(500);

Вот как я это делаю с помощью PHP webDriver для Selenium. Он работает для автономного сервера 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();

Примечание: я использую настроенную версию Element34 PHP-webdriver. Но в ядре никаких изменений нет. Я просто использую «элемент» вместо «элемент». Но на рассматриваемое дело это не влияет. Автор драйвера говорит, что «позволить почти всем вызовам API быть прямым преобразованием того, что определено в самом протоколе WebDriver». Так что у вас не должно возникнуть проблем с другими языками программирования.

Просто щелкнуть в моих настройках не получится. Он будет прокручивать вместо щелчка, поэтому мне пришлось дважды щелкнуть, не вызывая "location_in_view ()".

Примечание. Этот метод работает для элементов, которые можно просматривать, например для кнопки ввода типа.

Взгляните на: http://code.google.com/p/selenium/wiki/JsonWireProtocol#/session/:sessionId/element/:id/location

Описание для JsonWireProtocol # предлагает использовать location + moveto, потому что location _in_view - это внутренний метод.

Сделайте случайный щелчок по странице:

driver.findElement(By.id("ID of a web element present below")).click

Затем выполняйте то, что хотите.

Я согласен со всеми здесь, кто говорит: «В Selenium есть опция неявной прокрутки». Также, если вы были в Selenium 1, а теперь обновили себя до Selenium 2 и ищете команды предыдущей версии, вы можете использовать команду, известную как:

Seleniumbackeddriver.

WebDriver driver = new FirefoxDriver();
public void setUp() throws Exception {

    String baseUrl = "http://www.google.co.in/";
    selenium = new WebDriverBackedSelenium(driver, baseUrl);
}

Вы можете использовать их и использовать команды обеих версий.