เลื่อนองค์ประกอบเข้าสู่มุมมองด้วยซีลีเนียม

มีวิธีใดในซีลีเนียม 1.x หรือ 2.x เพื่อเลื่อนหน้าต่างเบราว์เซอร์เพื่อให้องค์ประกอบเฉพาะที่ระบุโดย XPath อยู่ในมุมมองของเบราว์เซอร์ มีวิธีการโฟกัสในซีลีเนียม แต่ดูเหมือนจะไม่เลื่อนภาพใน 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 webdriver หนึ่งในวิธีคือการใช้ 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 เป็นข้ามวัฒนธรรม :)

ในซีลีเนียมเราจำเป็นต้องได้รับความช่วยเหลือจากผู้ดำเนินการจาวาสคริปต์เพื่อเลื่อนไปยังองค์ประกอบหรือเลื่อนหน้า:

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

ซีลีเนียม 2 พยายามเลื่อนไปที่องค์ประกอบแล้วคลิกที่มัน นี่เป็นเพราะซีลีเนียม 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});")
}

คุณอาจต้องการเยี่ยมชมหน้าเลื่อนองค์ประกอบของเว็บและหน้าเว็บ - 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 +")");

ฉันไม่แน่ใจว่าคำถามนี้ยังเกี่ยวข้องอยู่หรือไม่ แต่หลังจากอ้างถึงเอกสาร scrollIntoView จากhttps://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView 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-webdriver เวอร์ชันที่กำหนดเอง แต่ไม่มีการเปลี่ยนแปลงใด ๆ ในแกนกลาง ฉันแค่ใช้ "องค์ประกอบ" แทน "องค์ประกอบ" แต่มันก็ไม่ได้ส่งผลกระทบต่อคดีนี้ ผู้เขียนไดรเวอร์บอกว่า "เพื่ออนุญาตให้การเรียก 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 และคุณต้องมีคำสั่งแยกต่างหากสำหรับการเลื่อนถ้าใช้การโหลดแบบขี้เกียจ หากไม่ได้โหลดวัตถุและคุณพยายามค้นหาโดยใช้ซีลีเนียมซีลีเนียมจะโยนข้อยกเว้นที่ไม่พบองค์ประกอบ

หากไม่มีอะไรใช้งานได้ลองก่อนคลิก:

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