Öğeyi Selenyum ile Görünüme Kaydırma

Selenium 1.x veya 2.x'te tarayıcı penceresini bir XPath tarafından tanımlanan belirli bir öğenin tarayıcıyı görebileceği şekilde kaydırmanın herhangi bir yolu var mı? Selenium'da bir odaklama yöntemi var, ancak FireFox'ta görünümü fiziksel olarak kaydırmıyor gibi görünüyor. Herkes bunun nasıl yapılacağı hakkında herhangi bir öneriniz var mı?

Buna ihtiyacımın nedeni, sayfadaki bir öğenin tıklamasını test etmem. Maalesef, öğe görünür olmadığı sürece etkinlik işe yaramıyor gibi görünüyor. Öğe tıklatıldığında tetiklenen kodun denetimine sahip değilim, bu yüzden hata ayıklama veya üzerinde değişiklik yapamıyorum, bu yüzden en kolay çözüm öğeyi görünüme kaydırmaktır.

Kaydırma ile ilgili birçok şeyi denedim, ancak aşağıdaki kod daha iyi sonuçlar verdi.

Bu öğe görüntülenene kadar kaydırılır:

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.ActionsBir öğeye gitmek için sınıfı kullanabilirsiniz .

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

Bunu denemek isteyebilirsiniz.

Selenium web sürücüsünü kullanarak Firefox penceresinde ilerlemek istiyorsanız, yollardan biri Java kodunda JavaScript kullanmaktır. Aşağı kaydırılacak JavaScript kodu (web sayfasının altına) aşağıdaki gibidir:

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

Herhangi bir öğeyi hedeflemek ve aşağı tuşları (veya yukarı / sol / sağ) göndermek de işe yarıyor. Bunun bir kesmek olduğunu biliyorum, ama gerçekten kaydırma problemini çözmek için JavaScript kullanma fikrinde değilim.

Örneğin:

WebElement.sendKeys(Keys.DOWN);

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

Daha fazla örnek için buraya gidin . Hepsi Rusça, ancak Java kodu kültürler arası :)

Selenium'da bir öğeye gitmek veya sayfayı kaydırmak için bir JavaScript yürütücüsünün yardımını almamız gerekir:

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

Yukarıdaki ifadede element, kaydırmamız gereken kesin unsurdur. Yukarıdaki kodu denedim ve benim için çalıştı.

Bu konuda tam bir yazı ve video var:

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

Bu kod snippet'ini aşağıdakileri kaydırmak için kullanabilirsiniz:

C #

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

İşte aldın

Bu benim için çalıştı:

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

Selenyum 2 öğeye ilerlemeye ve sonra üzerine tıklamaya çalışır. Bunun nedeni, Selenyum 2'nin görünür olduğunu düşünmediği sürece bir elemanla etkileşime girmeyeceğidir.

Öğeye ilerlemek örtük olarak gerçekleşir, böylece öğeyi bulup onunla çalışmanız yeterlidir.

Öğeyi görünüme getirmek için pagedownveya downarrowtuşu gibi anahtarlar göndermek için sürücüyü kullanın . Bunun çok basit bir çözüm olduğunu biliyorum ve her durumda geçerli olmayabilir.

Deneyimlerime göre, Selenium Webdriver, sayfada birden fazla kaydırılabilir bölüm olduğunda (bu oldukça yaygın) otomatik olarak tıklandığında bir öğeye gitmiyor.

Ruby kullanıyorum ve benim AUT için, tıklama yöntemi aşağıdaki gibi yama yama vardı;

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' yöntemi WebElement sınıfında var olan bir yöntemdir.

Ruby kullanmıyor olabilirsiniz ama size bazı fikirler vermeliyiz.

Bir öğeyi görünüme kaydırmak için Ruby komut dosyası aşağıdaki gibidir.

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

Bazen Selenyum ile kaydırma problemiyle de karşılaştım. Bu yüzden bunu başarmak için javaScriptExecuter kullandım.

Aşağı kaydırmak için:

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

Veya

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

Yukarı kaydırmak için:

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

Veya,

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

Diğer yanıtların çok huysuz olduğunu düşünüyorsanız, bu da öyle, ancak JavaScript enjeksiyonu dahil değil.

Düğme ekran kapalıyken kırılır ve kaydırılır, bu yüzden tekrar deneyin ... ¯ \ _ (ツ) _ / ¯

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

Bu, JavaScript ile tekrarlanan bir çözümdür, ancak öğe için eklenen bir eklentidir.

Aksi takdirde ElementNotVisibleException, eleman üzerinde bazı işlemler yapılıyorsa görünebilir.

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

Öğeyi kaydırmak için bu yolu kullandım ve tıklayın:

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 kullanarak Web sayfaları ve Web sayfası - Selenium WebDriver'ı kaydırın sayfasını ziyaret etmek isteyebilirsiniz :

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

Kaydırma durumunun çoğunda bu kod çalışır.

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

JAVA

Öğe kullanma x ykonumuna ilerlemeyi deneyin ve JavascriptExecutorşu argümanla kullanın :"window.scrollBy(x, y)" .

İçe aktarma sonrasında:

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

Öncelikle x yöğeyi konumlandırmanız gerekir .

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

Sorunun hala alakalı olup olmadığından emin değilim ama https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView adresinden scrollIntoView belgelerine başvurduktan sonra emin değilim .

En kolay çözüm

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

Bu, öğeyi sayfanın ortasına kaydırır.

Selenium abd'nin varsayılan davranışı, öğenin görünüm penceresinin üst kısmında zar zor görüntülenmesi için kaydırılmasıdır. Ayrıca, tüm tarayıcılar aynı davranışa sahip değildir. Bu çok tatmin edici değil. Benim gibi tarayıcı testlerinizin videolarını kaydederseniz, istediğiniz şey öğenin görünüme kayması ve dikey olarak ortalanmasıdır .

İşte benim Java için çözüm:

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

Ve sonra, kaydırmak için şöyle diyorsunuz:

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

İşte Selenium için PHP webDriver ile nasıl yaparım. Selenium tek başına çalışan sunucu için çalışır 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();

Not: Element34 PHP-webdriver'ın özelleştirilmiş bir sürümünü kullanıyorum. Ancak çekirdekte herhangi bir değişiklik yok. Ben sadece "element" yerine "welement" kullanıyorum. Ancak söz konusu dava üzerinde hiçbir etkisi yoktur. Sürücü yazarı "hemen hemen tüm API çağrılarının WebDriver protokolünde tanımlananların doğrudan dönüştürülmesine izin vermek için" diyor. Yani diğer programlama dillerinde sorun yaşamamalısınız.

Sadece tıklamak kurulumumda çalışmaz. Tıklama yerine bir kaydırma yapacak, bu yüzden "location_in_view ()" çağırmadan iki kez tıklamak zorunda kaldı.

Not: Bu yöntem, tür düğmesinin girişi gibi görüntülenebilen öğeler için çalışır.

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

JsonWireProtocol # açıklaması, _in_view konumu dahili bir yöntem olduğundan location + moveto kullanımını önerir.

Benim için çalışan bir şey, tarayıcı penceresinin altındaki bir öğede Browser.MoveMouseToElement yöntemini kullanmaktı. Mucizevi bir şekilde Internet Explorer, Firefox ve Chrome'da çalıştı.

Ben sadece daha az hileli hissettim çünkü JavaScript enjeksiyon tekniği seçti.

ADF bileşenleri ile test yapıyorum ve tembel yükleme kullanılırsa kaydırma için ayrı bir komut olması gerekir. Nesne yüklenmezse ve Selenium kullanarak bulmaya çalışırsanız, Selenium öğe bulunamadı bir istisna atar.

Hiçbir şey işe yaramazsa, tıklamadan önce bunu deneyin:

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'da, aşağıdaki koddaki gibi JavaScript kullanarak kaydırma yapabiliriz:

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

"Elm.scrollTop" değişkenine istediğiniz bir değer atayabilirsiniz.

Bir çözüm:

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

Bu kod benim için çalışıyor:

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