我正在尝试使用 watir-webdriver 和 ruby 自动化 Jquery UI 滑块，但没有运气。我希望能够操纵滑块来增加或减少值。我到处搜索并询问了我的一些同事，但没有人给出答案。我正在为滑块附加一段 HTML 代码。任何帮助将不胜感激。
网址链接：http://www.whatcar.com/new-car-deals/（价格范围滑块）
我没有对滑块进行任何编码，因为我不知道如何去做。如果我能走上正确的道路，那就太棒了。此外，似乎 HTML 代码似乎没有显示在我所问的问题上。
【问题讨论】：
标签： ruby watir watir-webdriver
这是一个 Jquery 小部件，一旦单击其中一个句柄，就会出现（查看脚本）以响应按键。句柄是链接对象，在一对 div 内，外层的 ID 值为 'slider-range'
您应该能够通过browser.div(:id => 'slider-range').link(:index => n) 解决它们，其中 n = 0 表示左手，n=1 表示右手。
先手动试试这个
理论上，您可以在右侧滑块上触发点击事件以获得焦点，然后触发一些按键事件以首先将其设置为最右侧（结束），然后使用足够的左箭头将其向下移动到您想要的顶部值。
对左手柄重复，用 home 键将其设置到左端，并用右箭头键移动它
我现在没有时间进一步试验并开发一个精确的脚本，但我认为您可能可以创建两个小函数，即使它们采用上限和下限值并执行所需的按键次数来移动从 5K 降低到合适的量，从 100k 降低到 100k
请注意，这个东西是非常事件驱动的，它会响应（至少在玩它的同时观看开发工具时）被鼠标悬停、mousedown、mouseup 等。如果使用 click 无法获得注意”，以便它会响应按键，请尝试使用 onmousedown 事件。
使用您答案中的代码，将左侧滑块移动到 12K 我会尝试
browser.div(:id => 'slider-range').link(:index => 0).click #make sure it has focus
browser.div(:id => 'slider-range').link(:index => 0).send_keys :home #set to 5K
7.times do
browser.div(:id => 'slider-range').link(:index => 0).send_keys :arrow_right
end
【讨论】：
非常感谢查克。我让它工作了。这是我使用的脚本：
@browser.link(:xpath, "/html/body/div/div[3]/div[4]/div/div/div/a").send_keys :arrow_right
仍然需要一些调整，但我现在应该没事了。
【讨论】：
这很好用。我们刚刚将这些滑块添加到我们的网站，我的第一个想法是“我们要如何实现自动化！？”
我想添加一个示例，它将公开可供人们试验的完整代码。下面与jqueryui.com上的一个例子进行交互。
require "watir-webdriver"
@browser = Watir::Browser.new :chrome
@browser.goto "http://jqueryui.com/slider/#default"
@browser.frame(:class => "demo-frame").span(:class =>"ui-slider-handle").click
@browser.frame(:class => "demo-frame").span(:class =>"ui-slider-handle").send_keys :home
puts "clicked home"
7.times do
@browser.frame(:class => "demo-frame").span(:class =>"ui-slider-handle").send_keys :arrow_right
end
【讨论】：
为了实现这一点，我使用了 Rspec 和 Watir-Webdriver 和 Page-Object gem：
div(:slider, id: "slider-range") #in page file
#then in spec file
browser.slider_element.input.send_keys :home
【讨论】：