測試jQuery可選水豚或硒（按Ctrl +單擊）

Question

我正在使用jQuery Selectable來管理日曆。這個功能很好用，它只是一個進入測試自動化的問題。

我需要從日曆網格中選擇多個不連續的日期。

我已經嘗試了一些事情，而不是真的希望他們的工作

date = '2013-05-02' 
page.execute_script %{ 
    var e = jQuery.Event("keydown"); 
    e.ctrlKey = true; // # Some key code value 
    e.keyCode = 17 
    $("body").trigger(e); 
} 
find("td[data-date='#{date}']").click 

我爲一系列的時間做到這一點，但它似乎CTRL因爲只有最後的日期選擇不被認爲是關鍵實際上被選中。

Answer 1

您可以使用selenium-webdriver的動作構建器。但是，firefoxdriver似乎有一個錯誤，可能會阻止它在此刻運行（可能是issue 4863）。

下面是使用Chrome JQuery的可選擇頁的工作示例：

require 'capybara' 
require 'capybara/dsl' 
include Capybara::DSL 

#Use selenium-webdriver with chrome 
Capybara.register_driver :selenium do |app| 
    Capybara::Selenium::Driver.new(app, :browser => :chrome) 
end 
Capybara.current_driver = :selenium 

#Go to the JQuery Selectable example page 
Capybara.app_host = 'http://jqueryui.com/selectable/' 
page.visit('') 

#The controls are in a frame, so need to switch to it 
within_frame 0 do 
    #Create a selenium-webdriver action builder 
    builder = page.driver.browser.action 

    #Hold control key down 
    builder.key_down(:control) 

    #Click all elements that you want, in this case we click all lis 
    #Note that you can retrieve the elements using capybara's 
    # standard methods. When passing them to the builder 
    # make sure to do .native 
    elements = page.all('ol#selectable li') 
    elements.each do |e|   
     builder.click(e.native) 
    end 

    #Release control key 
    builder.key_up(:control) 

    #Do the action setup 
    builder.perform 
end