HTML5 Trascina e rilascia usando Selenium Webdriver per Ruby

Question

Ci sono dei problemi per ottenere il drag-and-drop HTML5 con Selenium Webdriver con Ruby? Sto usando selenio-WebDriver 2.20.0 con Ruby 1.9.2

Ecco un semplice test per riprodurre il problema:

require "selenium-webdriver" 
require "test/unit" 

class Html5DragAndDropTest < Test::Unit::TestCase 

    def setup 
    @driver = Selenium::WebDriver.for :firefox 
    @driver.manage.timeouts.implicit_wait = 30 
    end 

    def teardown 
    @driver.quit 
    end 

    def test_html5_drag_and_drop 
    @driver.get("http://html5demos.com/drag") 
    target = @driver.find_element(:id, "one") 
    source = @driver.find_element(:id, "bin") 
    @driver.action.drag_and_drop(target, source).perform 
    assert target.displayed? == false 
    end 
end 

Answer 1

Questo è ancora un bug in selenio, per cui la soluzione JavaScript osservato in precedenza è un buon compromesso.

Ho creato an example HTML drag and drop page e ho scritto un test per esercitarlo utilizzando the drag_and_drop_helper.js gist Ryan provided. Puoi vedere la mia recensione completa here.

Cheers,
Dave H
@TourDeDave

Answer 2

Ecco una soluzione temporanea che potrebbe aiutare la comunità con i test nel frattempo ...

1) drag_and_drop_helper.js (https://gist.github.com/2362544) per il test/aiutanti directory

2) Creare un nuovo metodo nella test_helper.rb

def drag_and_drop(source,target) 

    js_filepath=File.dirname(__FILE__)+"/drag_and_drop_helper.js" 
    js_file= File.new(js_filepath,"r") 
    java_script="" 

    while (line=js_file.gets) 
    java_script+=line 
    end 

    js_file.close 

    @driver.execute_script(java_script+"$('#{source}').simulateDragDrop({ dropTarget: '#{target}'});") 

    rescue Exception => e 
    puts "ERROR :" + e.to_s 

end 

Answer 3

Ecco come eseguire il drag and drop (dnd) per lavorare con Capybara/Selenium per i test sui cetrioli. Fondamentalmente chiamare dnd direttamente da Capybara usando il metodo drag_to non funziona. Devi abbandonare Capibara in selenio e, quando usi il selenio, usa il metodo click_and_hold seguito da drag_and_drop e poi rilascia il comando per dnd. Ecco il codice:

#jump out of capybara for dnd 

#selenium web driver accessed directly using page.driver.browser 
source_selenium_ele = page.driver.browser.find_element(:xpath, "//draggable-element") 
target_selenium_ele = page.driver.browser.find_element(:xpath, "//destination-element") 

#drag and drop actions 
page.driver.browser.action.click_and_hold(source_selenium_ele).perform 
page.driver.browser.action.drag_and_drop(source_selenium_ele, target_selenium_ele).perform 
page.driver.browser.action.release.perform 

#jump back into capybara...