如何使用 ruby-watir-cucumber 和页面对象在滑块中的任意位置单击？

Question

我正在使用 Ruby+Watir+Cucumber+Watir+CeezyPO+.... 在一次测试中我有下一个 div 元素：

<div class="slider-importe ui-slider ui-corner-all ui-slider-horizontal ui-widget ui-widget-content"><div class="ui-slider-range ui-corner-all ui-widget-header ui-slider-range-min" style="width: 50.3384%;"></div><span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default" style="left: 50.3384%;"></span></div>

这只是一个数量滑块。

在我的测试中，我想点击滑块的任意位置并检查出现在字段文本中的金额结果。

我已经为 div 定义了页面对象：

div(:slider_amount, :xpath => '//*[@id="simulatorParent"]/div[1]/div[1]/div[1]')

以后我可以在相应的步骤中使用它：

page.slider_amount_element.click

关于 cheezy 页面对象的参考：https://www.rubydoc.info/github/cheezy/page-object/PageObject/Accessors#div-instance_method

这样使用我可以在滑块中间点击，这样就可以了。但是，怎么可能点击滑块的任意位置呢？

Answer 1

您将需要使用 Selenium Action Builder - 特别是 #move_to method. Unfortunately Watir, and therefore Page-Object, have not yet built a wrapper around actions (feature request #829)。

所需代码为：

xoffset = 50      # how far right from the top-left corner
yoffset = 100     # how far down from the top-left corner
page.browser.driver.action.move_to(page.slider_amount_element.element.wd, xoffset, yoffset).click.perform

其中 page 是您的 PageObject。

如何使用 ruby-watir-cucumber 和页面对象在滑块中的任意位置单击？

How to click at any position in a slider using ruby-watir-cucumber and page object?

ruby

cucumber

watir