Capybara'拖放'不起作用

Question

Capybara'拖放'不起作用

art*_*ave 9 ruby selenium ruby-on-rails cucumber capybara

我在Mac上使用黄瓜/水豚/硒/火狐.所有工作都很好,除了d&d.拖放可通过drag_node.drag_to(drop_node).调用时,它不会引发任何错误,但实际的拖放从未发生过.

现在,我发现这个示例应用程序(由显然有类似问题的人编写)证明了这个问题,而不是复制粘贴的碎片.

然而谷歌却没有意识到drag_to()被打破了.据我所见.这给了我一个希望,就是我错过了一些东西而不是一个bug.那是什么？我错过了什么？一个bug？

Answer 1

cod*_*ner 7

对我来说,#drag_to确实有效,但它的力量似乎有限.

为了向下移动UI可排序的表行,我不得不创建一个包含三行的表,然后运行此代码(在Cucumber步骤中):

element = find('tbody tr:nth-child(1)')
target = find('tbody tr:nth-child(3)')

element.drag_to target

Run Code Online (Sandbox Code Playgroud)

这会将第一行与第二行交换.我的解释是,水豚没有拖得足够远,所以我给了它一个超出我实际目标的目标.

注意:我已使用tolerance: 'pointer' 配置了UI-sortable '.

Answer 2

小智 5

我遇到了同样的问题，并通过直接转到 selenium-webdriver 解决了它。

我使用 selenium-webdriver 2.20.0 和 Capybara 1.1.2

这适用于这个 HTML

<!DOCTYPE html>
<html>
  <head>
    <title>Cabybara Drag And Drop</title>
    </style>
    <style type="text/css" media="screen">
      #list_1 { background:#2C4999; }
      #list_2 { background:#99752A; }
      .list { padding:10px; width:200px; }
      .item { background:#FFF; margin:10px; }
    </style>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.js"></script>

    <script type="text/javascript">
      $().ready(function(){
        $( "#list_1" ).sortable({ connectWith:"#list_2" });
        $( "#list_2" ).sortable({ connectWith:"#list_1" });
      });
    </script>
  </head>
  <body>
    <ol id='list_1' class='list'>
      <li id='item_1' class='item'>Item 1</li>
      <li id='item_2' class='item'>Item 2</li>
      <li id='item_3' class='item'>Item 3</li>
      <li id='item_4' class='item'>Item 4</li>
      <li id='item_5' class='item'>Item 5</li>
    </ol>
    <ol id='list_2' class='list'>
      <li id='item_6' class='item'>Item 6</li>
      <li id='item_7' class='item'>Item 7</li>
      <li id='item_8' class='item'>Item 8</li>
      <li id='item_9' class='item'>Item 9</li>
      <li id='item_10' class='item'>Item 10</li>
    </ol>

  </body>
</html>

Run Code Online (Sandbox Code Playgroud)

现在是 Ruby 代码。从水豚调用 page.driver.browser 获取 selenium-webdriver

require 'test_helper'

class DragDropTest < ActionDispatch::IntegrationTest
  setup do
    Capybara.current_driver = Capybara.javascript_driver # :selenium by default
  end

  def test_drag_item_1_to_list_2
    visit '/drag_drop'
    element = page.find(:id, 'item_1')
    target  = page.find(:id, 'list_2')

    selenium_webdriver = page.driver.browser
    selenium_webdriver.mouse.down(element.native)
    selenium_webdriver.mouse.move_to(target.native, 0, 10)
    selenium_webdriver.mouse.up
    sleep 2
  end
end

Run Code Online (Sandbox Code Playgroud)

归档时间：	13 年，10 月前
查看次数：	5955 次
最近记录：	9 年，4 月前