Di chuyển phần tử vào Chế độ xem với Selenium

Có cách nào trong Selenium 1.x hoặc 2.x để cuộn cửa sổ trình duyệt để một phần tử cụ thể được xác định bởi XPath nằm trong chế độ xem của trình duyệt không? Có một phương pháp lấy nét trong Selenium, nhưng dường như nó không cuộn vật lý trong chế độ xem trong FireFox. Có ai có bất kỳ đề nghị về cách làm điều này?

Lý do tôi cần điều này là tôi đang thử nghiệm nhấp chuột của một yếu tố trên trang. Thật không may, sự kiện dường như không hoạt động trừ khi phần tử được nhìn thấy. Tôi không có quyền kiểm soát mã kích hoạt khi phần tử được nhấp, vì vậy tôi không thể gỡ lỗi hoặc sửa đổi mã, vì vậy, giải pháp đơn giản nhất là cuộn mục vào chế độ xem.

Đã thử nhiều thứ liên quan đến cuộn, nhưng đoạn mã dưới đây đã cung cấp kết quả tốt hơn.

Điều này sẽ cuộn cho đến khi phần tử được xem:

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

Bạn có thể sử dụng org.openqa.selenium.interactions.Actionslớp để di chuyển đến một phần tử.

Java:

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

Con trăn

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

Bạn có thể muốn thử điều này.

Nếu bạn muốn cuộn trên cửa sổ Firefox bằng cách sử dụng weben Selenium, một trong những cách là sử dụng JavaScript trong mã Java. Mã JavaScript để cuộn xuống (xuống cuối trang web) như sau:

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

Nhắm mục tiêu bất kỳ yếu tố và gửi phím xuống (hoặc lên / trái / phải) dường như cũng hoạt động. Tôi biết đây là một chút hack, nhưng tôi không thực sự có ý tưởng sử dụng JavaScript để giải quyết vấn đề cuộn.

Ví dụ:

WebElement.sendKeys(Keys.DOWN);

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

Để biết thêm ví dụ, hãy vào đây . Tất cả bằng tiếng Nga, nhưng mã Java là đa văn hóa :)

Trong Selenium, chúng ta cần có sự trợ giúp của người thi hành JavaScript để cuộn đến một phần tử hoặc cuộn trang:

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

Trong tuyên bố trên elementlà yếu tố chính xác mà chúng ta cần cuộn. Tôi đã thử mã trên, và nó làm việc cho tôi.

Tôi có một bài viết và video đầy đủ về điều này:

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

Bạn có thể sử dụng đoạn mã này để cuộn:

C #

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

Bạn có nó

Điều này làm việc cho tôi:

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

Selenium 2 cố gắng cuộn đến phần tử và sau đó nhấp vào nó. Điều này là do Selenium 2 sẽ không tương tác với một yếu tố trừ khi nó nghĩ rằng nó có thể nhìn thấy được.

Cuộn đến phần tử xảy ra ngầm để bạn chỉ cần tìm mục và sau đó làm việc với nó.

Sử dụng trình điều khiển để gửi các phím như pagedownhoặc downarrowphím để đưa phần tử vào xem. Tôi biết đó là một giải pháp quá đơn giản và có thể không áp dụng được trong mọi trường hợp.

Theo kinh nghiệm của tôi, Selenium WebSearch không tự động cuộn đến một phần tử khi nhấp khi có nhiều phần có thể cuộn trên trang (khá phổ biến).

Tôi đang sử dụng Ruby và đối với AUT của tôi, tôi đã phải sửa chữa phương thức nhấp chuột như sau;

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

Phương thức 'location_once_scrolled_into_view' là một phương thức hiện có trên lớp WebEuity.

Tôi bảo đảm bạn có thể không sử dụng Ruby nhưng nó sẽ cung cấp cho bạn một số ý tưởng.

Kịch bản Ruby để cuộn một phần tử vào dạng xem như bên dưới.

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

Đôi khi tôi cũng gặp phải vấn đề di chuyển với Selenium. Vì vậy, tôi đã sử dụng javaScriptExecuter để đạt được điều này.

Để cuộn xuống:

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

Hoặc, cũng

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

Để cuộn lên:

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

Hoặc là,

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

Nếu bạn nghĩ rằng các câu trả lời khác quá hóc búa thì câu trả lời này cũng vậy, nhưng không có nội dung liên quan đến JavaScript.

Khi nút tắt màn hình, nó sẽ vỡ và cuộn đến nó, vì vậy hãy thử lại ... ¯ \ _ (ツ) _ /

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

Đây là một giải pháp lặp đi lặp lại với JavaScript, nhưng có thêm phần tử chờ.

Mặt khác ElementNotVisibleExceptioncó thể xuất hiện nếu một số hành động trên phần tử đang được thực hiện.

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

Tôi đã sử dụng cách này để cuộn phần tử và nhấp:

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

Bạn có thể muốn truy cập trang Các phần tử web và trang Web - Selenium WebDriver bằng 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);");
}

Trong hầu hết các tình huống để cuộn mã này sẽ hoạt động.

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

JAVA

Hãy thử cuộn đến x yvị trí sử dụng phần tử và sử dụng JavascriptExecutorvới đối số này:"window.scrollBy(x, y)" .

Nhập khẩu sau:

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

Trước tiên, bạn cần có được x yvị trí các yếu tố.

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

Tôi không chắc câu hỏi có còn liên quan hay không nhưng sau khi tham khảo tài liệu scrollIntoView từ https://developer.mozilla.org/en-US/docs/Web/API/Euity/scrollIntoView .

Giải pháp đơn giản nhất là

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

Điều này cuộn phần tử vào trung tâm của trang.

Hành vi mặc định của Selenium chúng tôi để cuộn để phần tử hầu như không nhìn thấy ở đầu chế độ xem. Ngoài ra, không phải tất cả các trình duyệt có hành vi chính xác như nhau. Điều này rất không thỏa mãn. Nếu bạn quay video các bài kiểm tra trình duyệt của mình, như tôi làm, điều bạn muốn là cho phần tử cuộn vào chế độ xem và được căn giữa theo chiều dọc .

Đây là giải pháp của tôi cho 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;
}

Và sau đó, để cuộn, bạn gọi nó như thế này:

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

Đây là cách tôi làm với PHP webDriver cho Selenium. Nó hoạt động cho máy chủ độc lập Selenium 2.39.0 + https://github.com/Euity-34/php-webdo + 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();

Lưu ý: Tôi sử dụng phiên bản tùy chỉnh của Element34 PHP-webdo. Nhưng không có bất kỳ thay đổi nào trong cốt lõi. Tôi chỉ sử dụng "sự chào đón" của mình thay vì "yếu tố". Nhưng nó không ảnh hưởng đến trường hợp trong câu hỏi. Tác giả trình điều khiển nói "cho phép hầu hết tất cả các lệnh gọi API là một chuyển đổi trực tiếp của những gì được xác định trong chính giao thức WebDriver." Vì vậy, bạn không có vấn đề với các ngôn ngữ lập trình khác.

Chỉ cần nhấp vào sẽ không hoạt động trong thiết lập của tôi. Nó sẽ thực hiện cuộn thay vì nhấp, vì vậy tôi phải nhấp hai lần mà không gọi "location_in_view ()".

Lưu ý: Phương pháp này hoạt động cho các yếu tố có thể được xem, như đầu vào của loại nút.

Hãy xem: http://code.google.com.vn/p/selenium/wiki/JsonWireProtocol#/session/:sessionId/element/:id/location

Mô tả cho JsonWireProtocol # đề xuất sử dụng vị trí + Moveto, vì vị trí _in_view là một phương thức nội bộ.

Một cái gì đó hiệu quả với tôi là sử dụng phương thức Browser.MoveMouseToEuity trên một phần tử ở dưới cùng của cửa sổ trình duyệt. Thật kỳ diệu, nó đã hoạt động trong Internet Explorer, Firefox và Chrome.

Tôi đã chọn điều này qua kỹ thuật tiêm JavaScript chỉ vì cảm thấy ít hack hơn.

Tôi đã thực hiện thử nghiệm với các thành phần ADF và bạn phải có một lệnh riêng để cuộn nếu sử dụng tải lười biếng. Nếu đối tượng không được tải và bạn cố gắng tìm nó bằng Selenium, Selenium sẽ đưa ra một ngoại lệ không tìm thấy phần tử.

Nếu không có gì hoạt động, hãy thử điều này trước khi nhấp vào:

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

Trong Java, chúng ta có thể cuộn bằng cách sử dụng JavaScript, như trong đoạn mã sau:

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

Bạn có thể gán giá trị mong muốn cho biến "elm.scrollTop".

Một giải pháp là:

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

Mã này đang làm việc cho tôi:

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