Как я могу проверить JQuery UI Sortable с огурцом

Question

Я пытаюсь написать тест огурца/capybara, чтобы переупорядочить некоторые предметы, а затем сохранить их обратно. Любые мысли о том, как лучше всего это сделать?

Answer 1

Я использую веб-шаг, как это, и это работает прекрасно:

When /^I drag "([^"]*)" on top$/ do |name| 
    item = Item.find_by_name(name) 
    sleep 0.2 
    src = find("#item_id_#{item.id}") 
    dest = find("div.title") 
    src.drag_to(dest) 
end 

Answer 2

метод drag_to не работает для меня. Но я был в состоянии вызвать первый элемент в моем списке, чтобы быть втянуто в последнюю позицию, в том числе следующего в моей водосвинке тест Селена с помощью jquery.simulate.js:

page.execute_script %Q{ 
    $.getScript("/javascripts/jquery.simulate.js", function(){ 
    distance_between_elements = $('.task:nth-child(2)').offset().top - $('.task:nth-child(1)').offset().top; 
    height_of_elements = $('.task:nth-child(1)').height(); 
    dy = (distance_between_elements * ($('.task').size() - 1)) + height_of_elements/2; 

    first = $('.task:first'); 
    first.simulate('drag', {dx:0, dy:dy}); 
    }); 
}     

Answer 3

Я разработал плагин JQuery, чтобы решить эту проблему, проверьте jquery.simulate.drag-sortable.js, который включает в себя плагин вместе с набором тестов и примеров.

Упование вы считаете это полезным! Обратная связь приветствуется.

Matt

Answer 4

Для меня, #drag_to сделал работу, однако, его полномочия, как представляется, ограничены.

Для того, чтобы переместить UI-сортировку строки таблицы вниз, я должен был создать таблицу с тремя строками, а затем запустить этот шаг огурца:

# Super-primitive step 
When /^I drag the first table row down$/ do 
    element = find('tbody tr:nth-child(1)') 
    # drag_to needs to drag the element beyond the actual target to really perform 
    # the reordering 
    target = find('tbody tr:nth-child(3)') 

    element.drag_to target 
end 

Это переставляет первый со второй строкой. Моя интерпретация заключается в том, что Капибара не тянется достаточно далеко, поэтому я дал ей цель, превышающую мою реальную цель.

Примечание: Я настроил UI-сортировку с помощью tolerance: 'pointer '.