select2 with ajax source, fixes #264

test/unit/select2.js

@@ -8,7 +8,7 @@ $(function () {
         }
     });  
     
-     asyncTest("data (single)", function () {
+     asyncTest("init-change-save (not multiple, local)", function () {
         var s = 2, text = 'text2',
             e = $('<a href="#" data-type="select2" data-name="select2" data-value="'+s+'"></a>').appendTo(fx).editable({
             source: [{id: 1, text: 'text1'}, {id: s, text: text}, {id: 3, text: 'text3'}],
@@ -49,7 +49,7 @@ $(function () {
         }, timeout);
      });  
      
-     asyncTest("data (multiple)", function () {
+     asyncTest("init-change-save (multiple, local)", function () {
         var s = '2,3', text = 'text2, text3',
             e = $('<a href="#" data-type="select2" data-name="select2" data-value="'+s+'"></a>').appendTo(fx).editable({
             source: [{id: 1, text: 'text1'}, {id: 2, text: 'text2'}, {id: 3, text: 'text3'}],
@@ -97,7 +97,7 @@ $(function () {
         }, timeout);
      });       
    
-    asyncTest("tags", function () {
+    asyncTest("tags (local)", function () {
         var s = 'text2,abc', text = 'text2, abc',
             e = $('<a href="#" data-type="select2" data-name="select2">'+text+'</a>').appendTo(fx).editable({
             viewseparator: ', ',
@@ -141,6 +141,84 @@ $(function () {
             start();
         }, timeout);
      });          
-     
+    
+     test("setValue (local)", function () {
+        var e = $('<a href="#" data-type="select2" data-name="select2" data-value="1">test2</a>').appendTo('#qunit-fixture').editable({
+               source: [{id: 1, text: 'text1'}, {id: 2, text: 'text2'}, {id: 3, text: 'text3'}]
+            });
+
+        //autotext
+        equal(e.data('editable').value, 1, 'initial value ok');
+        
+        //setValue before open
+ 		e.editable('setValue', 2);
+ 		equal(e.data('editable').value, 2, 'value ok');
+ 		equal(e.text(), 'text2', 'text ok');
+        
+        //open
+        e.click();
+        var p = tip(e);
+        p.find('.editable-cancel').click();
+
+        //setValue after hide
+        e.editable('setValue', 3);
+        equal(e.data('editable').value, 3, 'value ok');
+        equal(e.text(), 'text3', 'text ok');
+     }); 
+  
+    asyncTest("init-change-save (not multiple, remote)", function () {
+        var s = 2, text = groups[s],
+            newVal = 0, newText = groups[newVal],
+            e = $('<a href="#" data-type="select2" data-name="select2" data-value="'+s+'">'+text+'</a>').appendTo(fx).editable({
+            source: 'groupsArr2'
+        });
+        
+        e.click();
+        var p = tip(e);
+        
+        ok(p.is(':visible'), 'popover visible');
+        equal(p.find('.select2-choice span').text(), text, 'selected text correct');
+      
+        var $input = p.find('input[type="hidden"]');
+        ok($input.length, 'input exists');
+        ok($input.select2, 'select2 applied');      
+        equal($input.val(), e.data('editable').value, 'selected value correct');   
+        
+        //click to load items
+        p.find('.select2-choice').mousedown();
+        
+        setTimeout(function() {
+           equal($('.select2-results li').length, groupsArr2.length, 'items loaded');
+           equal($('.select2-results .select2-highlighted > .select2-result-label').text(), text, 'highlight ok');
+       
+           //select new value (0)
+           $('.select2-results li').eq(newVal).mouseup();
+           equal(p.find('.select2-choice span').text(), newText, 'new selected text ok');
+                       
+           //submit
+           p.find('form').submit();
+           
+           setTimeout(function() {
+               ok(!p.is(':visible'), 'popover closed');
+               equal(e.data('editable').value, newVal, 'new value ok');
+               equal(e.text(), newText, 'new text ok');             
+
+               //open again
+               e.click();
+               p = tip(e);
+               equal(p.find('.select2-choice span').text(), newText, 'text ok on second open');
+               equal($input.val(), newVal, 'selected value ok on second open');                
+               
+               //setValue in closed state
+               p.find('.editable-cancel').click();
+               e.editable('setValue', 1);
+               equal(e.data('editable').value, 1, 'setValue: value ok');
+               equal(e.text(), groups[1], 'setValue: text ok');               
+               
+               e.remove();
+               start();
+           }, timeout);
+        }, timeout);             
+     });    
     
 });