Прокрутіть елемент до перегляду із селеном

Чи є в Selenium 1.x або 2.x спосіб прокручування вікна браузера, щоб певний елемент, ідентифікований XPath, переглядав браузер? У Selenium є метод фокусування, але він, схоже, фізично не прокручує погляд у FireFox. Хтось має якісь пропозиції, як це зробити?

Причина, що мені це потрібно, - це тестування клацання елемента на сторінці. На жаль, подія, здається, не працює, якщо елемент не видно. У мене немає контролю над кодом, який спрацьовує при натисканні на елемент, тому я не можу налагоджувати або вносити зміни до нього, тому найпростішим рішенням є прокручування елемента на вигляд.

Спробував багато речей щодо прокрутки, але наведений нижче код дав кращі результати.

Це буде прокручуватися, поки елемент не буде переглянуто:

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клас для переміщення до елемента.

Java:

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

Пітон:

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

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

Щоб отримати більше прикладів, перейдіть сюди . Все російською мовою, але код Java є міжкультурним :)

У Selenium нам потрібно скористатися виконавцем JavaScript, щоб прокрутити елемент або прокрутити сторінку:

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

У наведеному вище твердженні elementє точний елемент, де нам потрібно прокрутити. Я спробував вищевказаний код, і він працював на мене.

У мене є повний пост та відео про це:

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

Ви можете використовувати цей фрагмент коду для прокрутки:

C #

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

Там у вас є

Це працювало для мене:

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

Selenium 2 намагається прокрутити елемент і натиснути на нього. Це тому, що Selenium 2 не буде взаємодіяти з елементом, якщо він не вважає, що його видно.

Прокрутка до елемента відбувається неявно, тому вам просто потрібно знайти предмет і потім працювати з ним.

Використовуйте драйвер, щоб надіслати такі елементи, як ключ pagedownабо downarrowключ, щоб привести елемент у поле перегляду. Я знаю, що це занадто просте рішення і може бути застосоване не у всіх випадках.

З мого досвіду, 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_scroll_into_view' є існуючим методом у класі WebElement.

Я вдячний, що ви можете не використовувати Ruby, але це повинно дати вам кілька ідей.

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

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

Іноді я також стикався з проблемою прокрутки селену. Тому я використовував 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)", "");

Або,

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

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

Ви можете зайти на сторінку Прокручування веб-елементів та веб-сторінки - 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 +")");

Я не впевнений, що питання все-таки актуальне, але після посилання на документа прокруткиIntoView з 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);
}

Ось як я це роблю з 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. Але жодних змін в ядрі немає. Я просто використовую свою "сприйняття" замість "елемента". Але це не впливає на конкретну справу. Автор драйвера каже, "щоб дозволити майже всі виклики API бути прямою трансформацією того, що визначено в самому протоколі WebDriver". Тому у вас не повинно виникнути проблем з іншими мовами програмування.

Просто натискання не буде працювати в моїх налаштуваннях. Він зробить прокрутку замість клацання, тому мені довелося натиснути двічі, не викликаючи "location_in_view ()".

Примітка. Цей метод працює для елементів, які можна переглядати, як введення кнопки типу.

Погляньте на сторінку: http://code.google.com/p/selenium/wiki/JsonWireProtocol#/session/:sessionId/element/:id/location

В описі JsonWireProtocol # пропонується використовувати location + moveto, оскільки location _in_view - це внутрішній метод.

Щось для мене працювало, це використовувати метод 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)");