capybara（ルビー）で特定の座標をクリック、ホールド、移動する必要があります

Question

Capybaraを使用してヘッドレスでWebページの特定の座標でクリック、ドラッグアンドリリースを実装しようとしています。ターゲットはajaxを介してマウスイベントに応答するカレンダーを含む要素です。スケジュールは、クリック、ドラッグ、および解放によって追加されます。

cal = find(:xpath, "//div[@class='dhx_cal_container']") 
page.driver.browser.mouse.move_to(cal.native, 240, 250) 
page.driver.browser.mouse.down 
page.driver.browser.mouse.move_by(0, 150) 
page.driver.browser.mouse.up 

方法1方法1を通報します

：何がスクリーンショットに応じて起こっていないが、私は2つの方法を試してみました。

方法2

driver.browser.action.move_to(native).move_by(x1, y1).click_and_hold.perform 
driver.browser.action.move_to(native).move_by(x2, y2).release.perform 

方法2通報： click_and_holdは常に素子の中心を標的とします。

この場合、クリックとドラッグを実装する方法はありますか？

Answer 1

あなたはカピバラさんdrag_to方法

source = page.find('#foo') 
target = page.find('#bar') 
source.drag_to(target) 

詳細情報使用する必要があります：あなたは別の真ん中に一つの要素の中央をドラッグdrag_toカピバラクロスドライバーを発見してきたようにhttp://www.rubydoc.info/github/jnicklas/capybara/Capybara%2FNode%2FElement%3Adrag_to

Answer 2

を。これはあなたのニーズを満たしていないので、運転手に特化しなければなりません - あなたの場合、セレンを指示しました。 #click_and_holdは要素を渡すと要素の真ん中をクリックする必要があります。あなたの方法1の行動を取り、方法2スタイルに変換するには、次はあなたが

cal = find(:xpath, "//div[@class='dhx_cal_container']") 
page.driver.browser.action.move_to(cal.native, 240, 250). 
          click_and_hold. 
          move_to(cal.native, 240, 400). 
          release. 
          perform 

たい何をすべきmove_toに渡されたオフセットはcal.native要素の左上隅からです。 UIの振る舞いは、コンテナをドラッグするだけで、他の要素の位置に基づいていないオフセットをいくつか落とすということは変です。コンテナに基づいて場所を選択し、コンテナ内の要素をドラッグしないことを本当にしたいですか？