Jak zmusić Selenium WebDriver do kliknięcia elementu, który nie jest obecnie widoczny?

Używam API Selenium 2 Java z FirefoxDriver. Kiedy wypełniam formularz, na stronie są dodawane pola wyboru w zależności od danych wejściowych formularza.

Chciałbym zasymulować kliknięcie tych pól wyboru przy użyciu Selenium. Element jest widoczny i można go używać w zwykłej przeglądarce, ale selen zapewnia, że ​​elementy nie są widoczne.

"Element is not currently visible and so may not be interacted with"

Czy mogę zmusić selen do ignorowania niewidocznego stanu pierwiastków? Jak zmusić Selenium do interakcji z niewidocznym elementem?

Selenium określa, czy element jest widoczny lub nie, według następujących kryteriów (użyj inspektora DOM, aby określić, jaki CSS ma zastosowanie do Twojego elementu, upewnij się, że spojrzysz na styl obliczeniowy):

• widoczność! = ukryta
• display! = none (jest również sprawdzany na każdym elemencie nadrzędnym)
• krycie! = 0 (nie jest to zaznaczone dla kliknięcia elementu)
• wysokość i szerokość są> 0
• dla danych wejściowych typ atrybutu! = hidden

Twój element spełnia jedno z tych kryteriów. Jeśli nie masz możliwości zmiany stylu elementu, oto jak możesz to na siłę zrobić za pomocą javascript (zakładając WebDriver, skoro powiedziałeś Selenium2 API):

((JavascriptExecutor)driver).executeScript("arguments[0].checked = true;", inputElement);

Ale to nie uruchomi zdarzenia javascript, jeśli polegasz na zdarzeniu change dla tego wejścia, musisz je również uruchomić (na wiele sposobów, najłatwiej jest użyć dowolnej biblioteki javascript załadowanej na tej stronie).

Źródło kontroli widoczności -

https://github.com/SeleniumHQ/selenium/blob/master/javascript/atoms/dom.js#L577

Specyfikacja WebDriver, która to definiuje -

https://dvcs.w3.org/hg/webdriver/raw-file/tip/webdriver-spec.html#widl-WebElement-isDisplayed-boolean

Czasami oznacza to, że na stronie znajduje się wiele elementów, które mają tę samą właściwość, według której szukasz, i „rozmawiasz z niewłaściwym”.

Jeśli Twojego elementu nie można jednoznacznie zidentyfikować za pomocą: id lub: name (lub: class), może to być trudne.

Czasami wyszukiwanie elementu przez: xpath pomoże, aw niektórych przypadkach nawet to nie jest praktyczne.

W takich przypadkach może być konieczne pobranie wszystkich elementów, które pasują do twoich kryteriów i odwołanie się do właściwego przez indeks. Jest brudny, ale działa.

Używam Selenium / Watir z aplikacji Ruby on Rails, więc w moim przypadku przykładem będzie:

browser = Watir::Browser.new(:firefox, :profile => "default")       
browser.goto("http://www.google.com/analytics")
# login
browser.divs(:text, "+ New Property").last.click

Mam nadzieję że to pomoże.

Miałem podobny problem, ale był związany z niewidocznym elementem w widoku. Zrobiłem zrzut ekranu i zdałem sobie sprawę, że okno przeglądarki jest zbyt wąskie i element nie jest widoczny. Zrobiłem jedno z tych i zadziałało:

driver.maximize_window()

Zobacz: WebDriver.maximize_window ()

Lub możesz użyć klasy działania Selenium do symulacji interakcji użytkownika - na przykład

    WebDriver = new FirefoxDriver();

    WebElement menu = driver.findElement(By.xpath("")); // the triger event element

    Actions build = new Actions(driver); // heare you state ActionBuider
    build.moveToElement(menu).build().perform(); // Here you perform hover mouse over the needed elemnt to triger the visibility of the hidden
    WebElement m2m= driver.findElement(By.xpath(""));//the previous non visible element
    m2m.click();

Jest też inny przypadek, w którym widoczny element zostanie rozpoznany jako niewidoczny:

• Kiedy element jest przekształcany w CSS
• Kiedy element nadrzędny elementu jest przekształcany w CSS

Aby sprawdzić, czy element, z którym nie chcesz wchodzić w interakcje, jest przekształcony w CSS, na CHROME zrób to:

1. otwarty inspektor
2. Znajdź interesujący element (lub bardziej prawdopodobnie jego element nadrzędny, przypuszczalnie element div)
3. Wybierz kartę „Obliczone”
4. jeśli jest parametr: webkit-transform: matrix (...) oznacza to, że element jest transformowany CSS i może nie być rozpoznawany przez selenium 2 jako widoczny element

Niewidzialność może również wynikać z czasu, w którym element ma się powoli pojawiać. W takim przypadku pomocne może być zmuszenie przeglądarki do trochę czasu.

Zobacz na przykład pytanie o pozwolenie WebDriverowi na czekanie, aż pojawi się element .

Miałem ten sam problem z selenem 2 w Internet Explorerze 9, ale moja poprawka jest naprawdę dziwna. Nie udało mi się kliknąć wejść w moim formularzu -> powtórzenia selenu, ich nie widać.

Wystąpiło, gdy moja forma miała zakrzywione cienie -> http://www.paulund.co.uk/creating-different-css3-box-shadows-effects : w konkretnym „Effect no. 2”

Nie mam pojęcia, dlaczego i jak to rozwiązanie pseudoelementowe zatrzymało testy selenu, ale dla mnie działa.

Nie możesz wymusić dostępu / zmiany elementu, do którego użytkownik normalnie nie ma dostępu, ponieważ Selenium jest zaprojektowane tak, aby naśladować interakcję użytkownika.

Jeśli wystąpi ten błąd, sprawdź, czy:

• element jest widoczny w Twoim okienku ekranu, spróbuj zmaksymalizować bieżące okno, z którego korzysta webdriver (np. maximize()w node.js , maximize_window()w Pythonie),
• Twój element nie pojawia się dwukrotnie (pod tym samym selektorem) i wybierasz niewłaściwy,
• jeśli Twój element jest ukryty, zastanów się nad jego widocznością,
• jeśli chcesz uzyskać dostęp / zmienić wartość ukrytego elementu pomimo ograniczenia, użyj do tego Javascript (np. executeScript()w node.js , execute_script()w Pythonie).

Po prostu rozwiązuję ten błąd podczas używania kapibary w projekcie ror dodając:

Capybara.ignore_elements = true

do features/support/env.rb.

Po prostu rozwiązuję ten błąd, czekając na właściwość wyświetlania elementu

waitFor() { element.displayed }

Dostaję się do wyjątku ElementNotVisibleException używając selenu do testów funkcjonalnych na stronie django z glifami bootstrap jako linkami w szablonach, jak:

<a href="{% url 'item-add' %}"><span class="glyphicon glyphicon-plus text-danger"></span></a>

Podczas moich testów funkcjonalnych styl bootstrap nie jest ładowany, wtedy próba kliknięcia takich linków spowoduje zgłoszenie wyjątku ElementNotVisibleException. Udaje mi się je kliknąć, dodając spację w tagu, na przykład:

<a href="{% url 'item-add' %}"><span class="glyphicon glyphicon-plus text-danger">&nbsp;</span></a>

Na tej stronie jest wiele dobrych odpowiedzi.

1. Zwykle zaczynam od maximize.window (), właściwie robię to w fabryce sterownika lub gdziekolwiek inicjalizujesz sterownik. Jest to wykonywane domyślnie - zawsze.
2. Zwykle jest to oczekiwanie na element z powodu opóźnienia javascript.

Oba są omówione w różnych szczegółach powyżej. Odpowiedź, której nie widziałem, to ScrollToElement. Wygląda na to, że przetwarzasz listę elementów, podczas gdy tworzysz więcej elementów, pól wyboru. Może to spowodować przeniesienie elementów na liście poza widoczną stronę. Czasami można zobaczyć element gołym okiem, ale po prostu nie można go kliknąć. Podczas przetwarzania list czasami trzeba przerwać przewijanie.

• Ustaw punkt przerwania i sprawdź, czy używany element znajduje się na krawędzi okna, u góry / u dołu po prawej / lewej stronie. Czasami, gdy tak jest, nie możesz dostać się do niego przez selen, ale możesz ręcznie kliknąć myszą.

Ponieważ natknąłem się na to, utworzyłem PageScroll.java i umieściłem tam moje skrypty przewijania. Oto kilka metod z tej klasy:

public static void scrollToTop(WebDriver driver) {
      ((JavascriptExecutor) driver)
        .executeScript("window.scrollTo(0,0)");
    }

    public static void scrollToBottom(WebDriver driver) {
      ((JavascriptExecutor) driver)
        .executeScript("window.scrollTo(0, document.body.scrollHeight)");
    }

    public static void scrollToElementTop(WebDriver driver, WebElement element) {
      ((JavascriptExecutor) driver).executeScript(
        "arguments[0].scrollIntoView(true);", element);
    }

    public static void scrollToElementBottom(WebDriver driver, WebElement element) {
      ((JavascriptExecutor) driver).executeScript(
        "arguments[0].scrollIntoView(false);", element);
    }

zobacz Przewijanie elementu do widoku za pomocą Selenium, aby uzyskać więcej przykładów

Przyjęta odpowiedź zadziałała dla mnie. Poniżej znajduje się kod, aby znaleźć element nadrzędny, który sprawia, że ​​Selenium uważa, że ​​jest niewidoczny.

function getStyles(element){
	
	computedStyle = window.getComputedStyle(element);

	if(computedStyle.opacity === 0
	|| computedStyle.display === "none"
	|| computedStyle.visibility === "hidden"
	|| (computedStyle.height < 0 && computedStyle.height < 0)
	|| element.type === "hidden") {
		console.log("Found an element that Selenium will consider to not be visible")
		console.log(element);
		console.log("opacity: " + computedStyle.opacity);
		console.log("display: " + computedStyle.display);
		console.log("visibility: " + computedStyle.visibility);
		console.log("height: " + computedStyle.height);
		console.log("width: " + computedStyle.width);
	}

	if(element.parentElement){
		getStyles(element.parentElement);
	}
}

getStyles(document.getElementById('REPLACE WITH THE ID OF THE ELEMENT YOU THINK IS VISIBLE BUT SELENIUM CAN NOT FIND'));

Aby dodać tutaj moje ziarno piasku: jeśli element znajduje się za stałym elementem div, zostanie uznany za niewidoczny i nie będzie można go kliknąć; zdarzyło mi się to niedawno i rozwiązałem to, wykonując skrypt zgodnie z powyższymi zaleceniami, który robi:

document.evaluate("<xpath locator for element to be clicked>", document, null, XPathResult.ANY_TYPE, null).iterateNext().click()", locator);