Kéo và thả HTML5 bằng Trình quản lý Web Selenium dành cho Ruby

Question

Có công việc nào xung quanh để sử dụng tính năng Kéo và Thả HTML5 làm việc với Trình quản lý Web Selenium với Ruby không? Tôi đang sử dụng Selenium-Webdriver 2.20.0 với Ruby 1.9.2

Dưới đây là một thử nghiệm đơn giản để tạo lại vấn đề:

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

Đây vẫn là lỗi trong Selenium, do đó, cách giải quyết JavaScript được ghi chú ở trên là một giải pháp tốt.

Tôi đã tạo an example HTML drag and drop page và đã viết bài kiểm tra để thực hiện nó bằng cách sử dụng the drag_and_drop_helper.js gist Ryan provided. Bạn có thể xem toàn bộ bài viết của tôi here.

Chúc mừng,
Dave H
@TourDeDave

Answer 2

Dưới đây là một cách giải quyết tạm thời mà có thể giúp cộng đồng với thử nghiệm trong khi chờ đợi ...

1) drag_and_drop_helper.js (https://gist.github.com/2362544) để kiểm tra/người hỗ trợ thư mục của bạn

2) Tạo một phương pháp mới trong test_helper.rb bạn

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

Dưới đây là cách để kéo và thả (dnd) để làm việc với Capybara/Selenium để kiểm tra dưa chuột. Về cơ bản gọi dnd trực tiếp từ Capybara bằng cách sử dụng phương thức drag_to không hoạt động. Bạn phải thả ra khỏi Capybara vào Selenium, và khi sử dụng Selenium, hãy sử dụng phương thức click_and_hold theo sau là drag_and_drop và sau đó giải phóng cho dnd hoạt động. Đây là mã:

#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...