2016-09-29 10 views
-1

を持って確認することができますHTMLスニペットです:私は最後までスライダをドラッグしたいと送信トレイボックスを持っているかどうかを確認したいは、どのように私は最後までスライダをドラッグして、テキストボックスがここに値20

<html><head><title>Javascript Slider Control - Example</title> 



<link rel="stylesheet" type="text/css" href="example_files/slider.css"> 
<script type="text/javascript" src="example_files/addanevent.js"></script> 
<script type="text/javascript" src="example_files/slider.js"></script> 
<script type="text/javascript" src="example_files/slider-setup.js"></script></head><body> 

Slider 1: 
<div class="slider" id="slider01"> 
    <div class="left"></div> 
    <div class="right"></div> 
    <img style="left: 207px;" src="example_files/knob.png" height="15" width="31"> 
</div> 
Box 1: 
<input id="output1"> 
<hr> 

</body></html> 

20の値かどうか。私は多くのものを探しました。多くの話題を通過しましたが、私の答えを得ることができませんでした。私はxoffsetとyoffsetの値をどのように設定できるのか分かりませんでした。値をランダムに入力してチェックしました。オフセットの値を得る手続きはありますか?

はここに私のコードです:

driver = Selenium::WebDriver.for :firefox 
    driver.get(url) 
    slider = driver.find_element(:xpath, "//*[@id='slider01']") 
    def verify_drag_drop_till_end 
    driver.action.drag_and_drop_by(slider,120,0).perform 
    sleep 1 
    output_box = driver.find_element(:xpath, "//*[@id='output1']") 
    puts output_box[:value] 
    end 

答えて

1

のページのすべてのコードがなければ、私はあなたの特定のページにそれをテストすることはできませんが、私はhttps://jqueryui.com/slider/でjQueryUIスライダーの例のページを見つけました。そこに定義されているスライダーハンドルがあり、スライドさせると機能しました。 HTMLからは、ハンドル(ノブ)ではなく、スライダー(コントロール自体)をつかむように見えます。あなたはノブIMGタグをつかんでそれをスライドさせてみましたか?

xとyのオフセットはpxですので、120は妥当な値のようですが、スライダのサイズによって異なります。

私は、あなたがidで要素を見つけるときには、XPathではなくIDで要素を見つけることを見つけることをお勧めします。 XPathによる検索は非常に遅く(比較)、このような要素を見つけるときは必要ありません。

関連する問題