मैं ककड़ी

Question

के साथ JQuery UI सॉर्ट करने योग्य का परीक्षण कैसे कर सकता हूं मैं कुछ वस्तुओं को पुन: व्यवस्थित करने के लिए एक ककड़ी/कैपिबरा परीक्षण लिखने की कोशिश कर रहा हूं और फिर उन्हें वापस सहेज सकता हूं। इस पर सबसे अच्छा तरीका कैसे है?

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 विधि मेरे लिए काम नहीं किया।

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 प्लगइन का विकास किया है: लेकिन मैं अपने सूची में पहले तत्व पैदा करने के लिए सक्षम मेरी capybara सेलेनियम परीक्षण का उपयोग कर jquery.simulate.js में निम्नलिखित शामिल करके पिछले स्थान तक खींचा जा रहा था यह समस्या, jquery.simulate.drag-sortable.js देखें जिसमें परीक्षण और उदाहरणों के सूट के साथ एक प्लगइन शामिल है।

आशा है कि आपको यह उपयोगी लगेगा! प्रतिक्रिया का स्वागत है।

मैट

Answer 4

मेरे लिए, #drag_to काम है, तथापि, अपनी शक्ति सीमित होने लगते था।

# 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 

यह दूसरी पंक्ति के साथ पहली बार स्वैप जाएगा:

आदेश में एक यूआई-sortable तालिका पंक्ति नीचे ले जाने के लिए, मैं तीन पंक्तियों के साथ एक तालिका बनाने के लिए, तो यह ककड़ी कदम को चलाने के लिए किया था। मेरी व्याख्या यह है कि कैपिबरा काफी दूर नहीं खींचता है, इसलिए मैंने इसे अपने वास्तविक लक्ष्य से परे एक लक्ष्य दिया।

नोट: मैंने tolerance: 'pointer 'के साथ UI-sortable कॉन्फ़िगर किया है।