Przewiń element do widoku za pomocą Selenium

Czy w Selenium 1.x lub 2.x istnieje sposób przewijania okna przeglądarki, tak aby określony element identyfikowany przez XPath był widoczny w przeglądarce? W Selenium istnieje metoda ustawiania ostrości, ale nie wydaje się, aby fizycznie przewijała widok w FireFox. Czy ktoś ma jakieś sugestie, jak to zrobić?

Potrzebuję tego, dlatego, że testuję kliknięcie elementu na stronie. Niestety zdarzenie nie działa, chyba że element jest widoczny. Nie mam kontroli nad kodem, który uruchamia się po kliknięciu elementu, więc nie mogę debugować ani modyfikować go, więc najłatwiejszym rozwiązaniem jest przewinięcie elementu do widoku.

Próbowałem wielu rzeczy w odniesieniu do przewijania, ale poniższy kod zapewnił lepsze wyniki.

To będzie przewijać, dopóki element nie będzie widoczny:

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

Możesz użyć org.openqa.selenium.interactions.Actionsklasy, aby przejść do elementu.

Jawa:

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

Pyton:

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

Możesz spróbować tego.

Jeśli chcesz przewijać okno Firefox za pomocą webdriver Selenium, jednym ze sposobów jest użycie JavaScript w kodzie Java. Kod JavaScript do przewijania w dół (na dół strony internetowej) wygląda następująco:

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

Wydaje się, że celowanie w dowolny element i wysyłanie klawiszy w dół (lub w górę / w lewo / w prawo) również działa. Wiem, że to trochę włamanie, ale tak naprawdę nie jestem zainteresowany użyciem JavaScript do rozwiązania problemu z przewijaniem.

Na przykład:

WebElement.sendKeys(Keys.DOWN);

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

Aby uzyskać więcej przykładów, przejdź tutaj . Wszystko po rosyjsku, ale kod Java jest międzykulturowy :)

W Selenium musimy skorzystać z pomocy JavaScript, aby przewinąć do elementu lub przewinąć stronę:

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

W powyższym zestawieniu elementjest dokładny element, w którym musimy przewijać. Wypróbowałem powyższy kod i zadziałał on dla mnie.

Mam kompletny post i wideo na ten temat:

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

Możesz użyć tego fragmentu kodu, aby przewijać:

DO#

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

Masz to

To działało dla mnie:

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

Selenium 2 próbuje przewinąć do elementu, a następnie kliknąć go. Wynika to z faktu, że Selenium 2 nie będzie oddziaływać z elementem, dopóki nie uzna, że ​​jest widoczny.

Przewijanie do elementu odbywa się niejawnie, więc wystarczy znaleźć element, a następnie z nim pracować.

Użyj sterownika, aby wysłać klucze takie jak klawisz pagedownlub downarrow, aby wyświetlić element. Wiem, że jest to zbyt proste rozwiązanie i może nie mieć zastosowania we wszystkich przypadkach.

Z mojego doświadczenia wynika, że ​​Selenium Webdriver nie przewija automatycznie do elementu po kliknięciu, gdy na stronie znajduje się więcej niż jedna przewijana sekcja (co jest dość powszechne).

Używam Ruby, a dla mojego AUT musiałem załatać metodę kliknięcia w następujący sposób;

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

Metoda „location_once_scrolled_into_view” jest istniejącą metodą klasy WebElement.

Doceniam, że nie używasz Ruby, ale powinno dać ci kilka pomysłów.

Skrypt Ruby do przewijania elementu do widoku jest jak poniżej.

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

Czasami miałem również problem z przewijaniem za pomocą Selenium. Więc użyłem javaScriptExecuter, aby to osiągnąć.

Aby przewinąć w dół:

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

Lub też

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

Do przewijania w górę:

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

Lub,

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

Jeśli uważasz, że inne odpowiedzi były zbyt hackerskie, ta też jest taka, ale nie wiąże się to z iniekcją JavaScript.

Gdy przycisk jest poza ekranem, łamie się i przewija do niego, więc spróbuj ponownie ... ¯ \ _ (ツ) _ / ¯

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

Jest to powtarzające się rozwiązanie z JavaScript, ale z dodanym oczekiwaniem na element.

W przeciwnym razie ElementNotVisibleExceptionmoże się pojawić, jeśli wykonywana jest akcja na elemencie.

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

Użyłem tego sposobu do przewijania elementu i kliknięcia:

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

Możesz odwiedzić stronę Przewiń elementy sieciowe i stronę internetową Selenium WebDriver za pomocą 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);");
}

W większości sytuacji do przewijania ten kod będzie działał.

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

JAWA

Spróbuj przewinąć do elementu użyj x ypozycji i użyj JavascriptExecutorz tym argumentem:"window.scrollBy(x, y)" .

Po imporcie:

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

Najpierw musisz uzyskać x ylokalizację elementu.

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

Nie jestem pewien, czy pytanie jest nadal aktualne, ale po odwołaniu się do dokumentacji scrollIntoView z https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView .

Najłatwiejszym rozwiązaniem byłoby

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

Spowoduje to przewinięcie elementu do środka strony.

Domyślne zachowanie Selenium polegające na przewijaniu powoduje, że element jest ledwo widoczny u góry rzutni. Ponadto nie wszystkie przeglądarki zachowują się dokładnie tak samo. To jest bardzo niezadowalające. Jeśli nagrywasz filmy z testów przeglądarki, tak jak ja, chcesz, aby element przewinął się do widoku i był wyśrodkowany pionowo .

Oto moje rozwiązanie dla 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;
}

A następnie, aby przewinąć, nazywasz to tak:

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

Oto jak to zrobić z PHP webDriver dla Selenium. Działa dla autonomicznego serwera 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();

Uwaga: korzystam z dostosowanej wersji elementu WWW PHP Element34 PHP. Ale w rdzeniu nie ma żadnych zmian. Po prostu używam mojego „powitania” zamiast „elementu”. Ale nie ma to wpływu na przedmiotową sprawę. Autor sterownika mówi „aby zezwolić, aby prawie wszystkie wywołania API były bezpośrednią transformacją tego, co zdefiniowano w samym protokole WebDriver”. Więc nie powinieneś mieć problemu z innymi językami programowania.

Samo kliknięcie nie działa w mojej konfiguracji. Spowoduje to przewinięcie zamiast kliknięcia, więc musiałem kliknąć dwa razy bez wywoływania „location_in_view ()”.

Uwaga: Ta metoda działa w przypadku elementów, które można wyświetlić, takich jak przycisk wprowadzania typu.

Spójrz na: http://code.google.com/p/selenium/wiki/JsonWireProtocol#/session/:sessionId/element/:id/location

Opis JsonWireProtocol # sugeruje użycie położenia + moveto, ponieważ lokalizacja _w_view jest metodą wewnętrzną.

Coś, co zadziałało, to użycie metody Browser.MoveMouseToElement na elemencie w dolnej części okna przeglądarki. Cudem działało w Internet Explorerze, Firefoksie i Chrome.

Wybrałem to zamiast techniki wstrzykiwania JavaScript tylko dlatego, że było mniej hackerskie.

Testowałem komponenty ADF i musisz mieć osobne polecenie przewijania, jeśli używane jest opóźnione ładowanie. Jeśli obiekt nie zostanie załadowany, a Ty spróbujesz go znaleźć za pomocą Selenium, Selenium zgłosi wyjątek polegający na nieodnalezieniu elementu.

Jeśli nic nie działa, wypróbuj to przed kliknięciem:

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

W Javie możemy przewijać za pomocą JavaScript, jak w poniższym kodzie:

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

Możesz przypisać żądaną wartość do zmiennej „elm.scrollTop”.

Rozwiązaniem jest:

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

Ten kod działa dla mnie:

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