Un modo per aggirare elemento non è possibile scorrere in vista - Watir-WebDriver con Ruby

Question

Così, abbiamo il seguente codice nella nostra pagina:

<div class="toggle-wrapper"> 
    <input id="HasRegistration_true" class="registration_required toggle" type="radio" value="True" name="HasRegistration" data-val-required="The HasRegistration field is required." data-val="true"> 
    <label for="HasRegistration_true" class="">On</label> 
    <input id="HasRegistration_false" class="registration_required toggle" type="radio" value="False" name="HasRegistration" checked="checked"> 
    <label class="checked" for="HasRegistration_false">Off</label> 
</div> 

sono questi 2 pulsanti di opzione. 'Acceso e spento'. 'Off' è il valore predefinito.

Utilizzando Watir-webdriver e Ruby, vogliamo selezionare il pulsante di opzione "On". Lo facciamo in questo modo:

browser.radio(:id => "HasRegistration_true").set 

Ma così facendo, si ottiene il seguente errore:

`WebElement.clickElement': Element cannot be scrolled into view:[object HTMLInputElement] (Selenium::WebDriver::Error::MoveTargetOutOfBoundsError) 

Sappiamo Selenio 2 scorre la pagina per l'elemento, quindi cercando di scorrere verso il basso è inutile. Utilizziamo sempre le versioni più recenti di watir-webdriver e ruby.

Non possiamo modificare l'HTML della pagina dal momento che siamo ingegneri del controllo qualità.

Answer 1

provare innanzitutto individuare l'elemento utilizzando XPath:

browser.element(:xpath, "//input[@id='HasRegistration_true']").click 

o

In alternativa, se si tratta di un elemento nascosto che si sta tentando di individuare poi si sta meglio utilizzando i CSS. Scarica firebug add-on per firefox e copia il percorso CSS del tuo elemento.

dovrebbe essere qualcosa di simile:

browser.element(:css => "the CSS path you have copied from Firebug").click 

Uno dei 2 dovrebbe farlo per voi !!

Buona fortuna!

Answer 2

Si può manipolare l'html al volo eseguendo alcuni javascript per rendere l'elemento radio impostabile. Per eseguire javascript in una pagina, fare qualcosa di simile: @browser.execute_script("your javascript here")

ho usato qualcosa come il seguente javascript per mettere a nudo la classe di un tag label che si muoveva fuori dalla via del tag input stavo cercando di agire su per un problema specifico di Chrome che avevo. execute_script("$(\"label.classname\").removeClass(\"classname inline\")")

Answer 3

Se l'elemento è contenuto all'interno di un modulo e un div (Wrap) classe ho trovato che ho dovuto fare le seguenti operazioni per fare clic sul 'No' pulsante di opzione nella pagina "https://quote.comparethemarket.com/Motor/Motor/AboutYourVehicle.aspx?":

div_list = @ browser.form (: action => "? AboutYourVehicle.aspx ton_t = CTMMO & prdcls = PC & rqstyp = newmotorquote & AFFCLIE = CM01"). div (: class => "inputWrap"). divs (: class => "custom-radio")

E quindi: div_list [1].clicca

Spero che questo risolve il problema troppo :-)

Answer 4

Qui ci sono due soluzioni che hanno funzionato per me:

v'è una gemma rubino chiamato watir-scroll che può funzionare.

Poi

require 'watir-scroll' 
browser.scroll.to browser.radio(:id, "HasRegistration_true") 

Se non si desidera aggiungere una gemma, il mio collega ha suggerito qualcosa che in qualche modo sorprendente (per me) ha avuto lo stesso effetto come il codice di cui sopra:

browser.radio(:id, "HasRegistration_true").focus 
browser.radio(:id, "HasRegistration_true").set 

Nel mio codice, ".focus" scorreva direttamente all'elemento che precedentemente non era visibile. Potrebbe funzionare anche per te.