Seleniumでビューに要素をスクロール

Selenium 1.xまたは2.xのいずれかに、ブラウザーウィンドウをスクロールして、XPathによって識別される特定の要素がブラウザーのビューに入るようにする方法はありますか？Seleniumにはfocusメソッドがありますが、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();

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

これを試してみてください。

Selenium Webdriverを使用してFirefoxウィンドウをスクロールする場合、JavaコードでJavaScriptを使用する方法の1つです。下に（Webページの下部に）スクロールする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_scrolled_into_view」メソッドは、WebElementクラスの既存のメソッドです。

Rubyを使用していない可能性がありますが、いくつかのアイデアが得られるはずです。

要素をスクロールして表示する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)", "");

または、

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を使用して、ページのスクロールWeb要素とWebページ-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);

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

質問がまだ関連しているかどうかはわかりませんが、https： //developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoViewから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 for 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のカスタマイズバージョンを使用しています。ただし、コアに変更はありません。「element」の代わりに「welement」を使用します。しかし、それは問題の事件に影響を与えません。ドライバーの作成者は、「ほとんどすべてのAPI呼び出しが、WebDriverプロトコル自体で定義されているものを直接変換できるようにする」と述べています。したがって、他のプログラミング言語で問題はないはずです。

クリックするだけでは私の設定では機能しません。クリックの代わりにスクロールするので、「location_in_view（）」を呼び出さずに2回クリックする必要がありました。

注：このメソッドは、タイプボタンの入力など、表示可能な要素に対して機能します。

見てください：http : //code.google.com/p/selenium/wiki/JsonWireProtocol#/session/ : sessionId / element /: id / location

JsonWireProtocol＃の説明では、location _in_viewは内部メソッドであるため、location + movetoの使用を提案しています。

私にとってうまくいったことの1つは、ブラウザーウィンドウの下部にある要素でBrowser.MoveMouseToElementメソッドを使用することでした。奇跡的に、それはInternet Explorer、Firefox、およびChromeで機能しました。

ハックが少ないと感じたからといって、JavaScriptインジェクション手法ではなくこれを選択しました。

私はADFコンポーネントを使用してテストを行っており、遅延読み込みを使用する場合は、スクロールのための個別のコマンドが必要です。オブジェクトがロードされておらず、Seleniumを使用してオブジェクトを検索しようとすると、Seleniumはelement-not-found例外をスローします。

何も機能しない場合は、クリックする前にこれを試してください。

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