Gulir Elemen ke Tampilan dengan Selenium

Apakah ada cara di Selenium 1.x atau 2.x untuk menggulir jendela peramban sehingga elemen tertentu yang diidentifikasi oleh XPath terlihat di peramban? Ada metode fokus di Selenium, tetapi tampaknya tidak secara fisik menggulir tampilan di FireFox. Adakah yang punya saran tentang cara melakukan ini?

Alasan saya membutuhkan ini adalah saya sedang menguji klik suatu elemen pada halaman. Sayangnya acara tersebut tampaknya tidak berfungsi kecuali elemen tersebut terlihat. Saya tidak memiliki kendali atas kode yang menyala ketika elemen diklik, jadi saya tidak bisa men-debug atau membuat modifikasi, jadi, solusi termudah adalah dengan menggulir item ke tampilan.

Telah mencoba banyak hal sehubungan dengan gulir, tetapi kode di bawah ini memberikan hasil yang lebih baik.

Ini akan menggulir hingga elemen terlihat:

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

Anda bisa menggunakan org.openqa.selenium.interactions.Actionskelas untuk pindah ke elemen.

Jawa:

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

Anda mungkin ingin mencoba ini.

Jika Anda ingin menggulir pada jendela Firefox menggunakan webdriver Selenium, salah satu caranya adalah menggunakan JavaScript dalam kode Java. Kode JavaScript untuk digulir ke bawah (ke bawah halaman web) adalah sebagai berikut:

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

Menargetkan setiap elemen dan mengirim kunci ke bawah (atau atas / kiri / kanan) tampaknya berfungsi juga. Saya tahu ini sedikit hack, tapi saya tidak terlalu suka menggunakan JavaScript untuk menyelesaikan masalah scrolling.

Sebagai contoh:

WebElement.sendKeys(Keys.DOWN);

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

Untuk lebih banyak contoh, buka di sini . Semua dalam bahasa Rusia, tetapi kode Java adalah lintas-budaya :)

Di Selenium, kita perlu mengambil bantuan pelaksana JavaScript untuk menggulir ke elemen atau menggulir halaman:

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

Dalam pernyataan di atas elementadalah elemen yang tepat di mana kita perlu menggulir. Saya mencoba kode di atas, dan itu berhasil untuk saya.

Saya punya posting dan video lengkap tentang ini:

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

Anda dapat menggunakan potongan kode ini untuk menggulir:

C #

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

Itu dia

Ini bekerja untuk saya:

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

Selenium 2 mencoba untuk menggulir ke elemen dan kemudian mengkliknya. Ini karena Selenium 2 tidak akan berinteraksi dengan suatu elemen kecuali jika ia berpikir bahwa itu terlihat.

Menggulir ke elemen terjadi secara implisit sehingga Anda hanya perlu menemukan item dan kemudian bekerja dengannya.

Gunakan driver untuk mengirim kunci seperti pagedownatau downarrowkunci untuk membawa elemen ke tampilan. Saya tahu ini solusi yang terlalu sederhana dan mungkin tidak berlaku dalam semua kasus.

Dari pengalaman saya, Selenium Webdriver tidak otomatis menggulir ke elemen saat diklik ketika ada lebih dari satu bagian yang dapat digulir pada halaman (yang cukup umum).

Saya menggunakan Ruby, dan untuk AUT saya, saya harus menambal metode klik sebagai berikut;

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

Metode 'location_once_scrolled_into_view' adalah metode yang ada di kelas WebElement.

Saya menghargai Anda mungkin tidak menggunakan Ruby tetapi itu harus memberi Anda beberapa ide.

Script Ruby untuk menggulir elemen ke tampilan adalah seperti di bawah ini.

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

Terkadang saya juga menghadapi masalah bergulir dengan Selenium. Jadi saya menggunakan javaScriptExecuter untuk mencapai ini.

Untuk menggulir ke bawah:

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

Atau juga

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

Untuk menggulir ke atas:

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

Atau,

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

Jika Anda berpikir jawaban lain terlalu rumit, yang ini terlalu, tetapi tidak ada injeksi JavaScript yang terlibat.

Ketika tombol dimatikan layar, itu rusak dan gulir ke sana, jadi coba lagi ... ¯ \ _ (ツ) _ / ¯

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

Ini adalah solusi berulang dengan JavaScript, tetapi dengan tambahan elemen yang menunggu.

Jika tidak, ElementNotVisibleExceptiondapat muncul jika beberapa tindakan pada elemen sedang dilakukan.

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

Saya telah menggunakan cara ini untuk menggulir elemen dan klik:

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

Anda mungkin ingin mengunjungi halaman Gulir elemen Web dan halaman Web- Selenium WebDriver menggunakan 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);");
}

Dalam sebagian besar situasi untuk menggulir kode ini akan berfungsi.

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

JAWA

Coba gulir ke elemen memanfaatkan x yposisi, dan gunakan JavascriptExecutordengan argumen ini:"window.scrollBy(x, y)" .

Impor berikut:

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

Pertama, Anda perlu mencari x ylokasi elemen.

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

Saya tidak yakin apakah pertanyaannya masih relevan tetapi setelah merujuk ke dokumentasi scrollIntoView dari https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView .

Solusi termudah adalah

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

Ini menggulir elemen ke tengah halaman.

Perilaku default Selenium kami untuk menggulir sehingga elemen tersebut nyaris tidak terlihat di bagian atas viewport. Juga, tidak semua browser memiliki perilaku yang sama persis. Ini sangat tidak memuaskan. Jika Anda merekam video dari tes browser Anda, seperti yang saya lakukan, yang Anda inginkan adalah elemen tersebut untuk menggulir ke tampilan dan dipusatkan secara vertikal .

Ini solusi saya untuk 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;
}

Dan kemudian, untuk menggulir, Anda menyebutnya seperti ini:

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

Inilah cara saya melakukannya dengan PHP webDriver untuk Selenium. Ini berfungsi untuk server mandiri 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();

Catatan: Saya menggunakan versi kustom dari Element34 PHP-webdriver. Namun tidak ada perubahan pada intinya. Saya hanya menggunakan "selamat" bukan "elemen". Tapi itu tidak berpengaruh pada kasus tersebut. Penulis driver mengatakan "untuk memungkinkan hampir semua panggilan API menjadi transformasi langsung dari apa yang didefinisikan dalam protokol WebDriver itu sendiri." Jadi Anda seharusnya tidak memiliki masalah dengan bahasa pemrograman lain.

Mengklik saja tidak akan berfungsi di pengaturan saya. Ini akan melakukan gulir bukannya klik, jadi saya harus mengklik dua kali tanpa memanggil "location_in_view ()".

Catatan: Metode ini berfungsi untuk elemen yang dapat dilihat, seperti input tombol ketik.

Lihatlah: http://code.google.com/p/selenium/wiki/JsonWireProtocol#/session/:sessionId/element/:id/location

Deskripsi untuk JsonWireProtocol # menyarankan penggunaan lokasi + moveto, karena lokasi _in_view adalah metode internal.

Sesuatu yang berhasil bagi saya adalah menggunakan metode Browser.MoveMouseToElement pada elemen di bagian bawah jendela browser. Ajaibnya itu bekerja di Internet Explorer, Firefox, dan Chrome.

Saya memilih ini daripada teknik injeksi JavaScript hanya karena rasanya kurang hacky.

Saya telah melakukan pengujian dengan komponen ADF dan Anda harus memiliki perintah terpisah untuk menggulir jika lazy loading digunakan. Jika objek tidak dimuat dan Anda berusaha menemukannya menggunakan Selenium, Selenium akan melempar pengecualian elemen-tidak-ditemukan.

Jika tidak ada yang berhasil, coba ini sebelum mengklik:

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

Di Jawa kita dapat menggulir dengan menggunakan JavaScript, seperti dalam kode berikut:

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

Anda dapat menetapkan nilai yang diinginkan ke variabel "elm.scrollTop".

Solusinya adalah:

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

Kode ini berfungsi untuk saya:

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