셀레늄을 사용하여 요소를보기로 스크롤

XPath로 식별 된 특정 요소가 브라우저를 볼 수 있도록 Selenium 1.x 또는 2.x에서 브라우저 창을 스크롤하는 방법이 있습니까? 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클래스를 사용하여 요소로 이동할 수 있습니다 .

자바:

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

시도해 볼 수 있습니다.

Selenium 웹 드라이버를 사용하여 Firefox 창에서 스크롤하려면 Java 코드에서 JavaScript를 사용하는 방법 중 하나입니다. 웹 페이지 아래로 스크롤하는 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 executor의 도움을 받아 요소로 스크롤하거나 페이지를 스크롤해야합니다.

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

위의 진술에서 element 에는 스크롤해야 할 정확한 요소가 있습니다. 위의 코드를 시도해 보았습니다.

나는 이것에 대한 완전한 게시물과 비디오를 가지고있다 :

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

이 코드 스 니펫을 사용하여 스크롤 할 수 있습니다.

씨#

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_scrolled_into_view'메소드는 WebElement 클래스의 기존 메소드입니다.

루비를 사용하지 않을 수도 있지만 아이디어가 필요합니다.

요소를보기로 스크롤하기위한 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});")
}

Javascript를 사용하여 페이지 스크롤 웹 요소 및 웹 페이지 Selenium WebDriver 를 방문 할 수 있습니다 .

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

자바

요소 활용 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 +")");

질문이 여전히 관련이 있는지 확실하지 않지만 https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView의 scrollIntoView 설명서를 참조한 후 .

가장 쉬운 해결책은

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

요소를 페이지 중앙으로 스크롤합니다.

셀레늄의 기본 동작은 스크롤하여 요소가 뷰포트 상단에서 거의 보이지 않게하는 것입니다. 또한 모든 브라우저가 똑같은 동작을하는 것은 아닙니다. 이것은 매우 불만족입니다. 내가하는 것처럼 브라우저 테스트 비디오를 녹화하면 원하는 요소 를 스크롤하여 세로로 중앙에 위치시키는 것입니다. 입니다.

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

다음은 Selenium 용 PHP webDriver로 수행하는 방법입니다. 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의 사용자 정의 버전을 사용합니다. 그러나 핵심에는 변화가 없습니다. 난 그냥 "element"대신 "welement"를 사용합니다. 그러나 해당 사건에 영향을 미치지 않습니다. 드라이버 작성자는 "거의 모든 API 호출이 WebDriver 프로토콜 자체에 정의 된 내용을 직접 변환 할 수 있도록한다"고 말합니다. 따라서 다른 프로그래밍 언어에는 아무런 문제가 없습니다.

설정에서 클릭만으로는 작동하지 않습니다. 클릭 대신 스크롤을 수행하므로 "location_in_view ()"를 호출하지 않고 두 번 클릭해야했습니다.

참고 :이 방법은 단추 유형의 입력처럼 볼 수있는 요소에 적용됩니다.

보세요: http://code.google.com/p/selenium/wiki/JsonWireProtocol#/session/:sessionId/element/:id/location을 .

JsonWireProtocol #에 대한 설명은 location _in_view가 내부 메소드이므로 location + moveto의 사용법을 제안합니다.

나를 위해 일한 것은 브라우저 창의 아래쪽에있는 요소에서 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)");