init

test/unit/date.js

@@ -0,0 +1,128 @@
+$(function () {         
+   
+   var dpg, f = 'dd.mm.yyyy';
+   
+   module("date", {
+        setup: function(){
+            fx = $('#async-fixture');
+            $.fn.editable.defaults.name = 'name1';
+            dpg = $.fn.datepicker.DPGlobal;
+        }
+    });
+    
+    function frmt(date, format) {
+       return dpg.formatDate(date, dpg.parseFormat(format), 'en');  
+    }
+     
+    asyncTest("popover should contain datepicker with value and save new entered date", function () {
+        expect(9);
+        var d = '15.05.1984',
+            e = $('<a href="#" data-type="date" data-pk="1" data-weekstart="1" data-url="post-date.php">'+d+'</a>').appendTo(fx).editable({
+                format: f,
+                datepicker: {
+                    
+                }        
+            }),
+            nextD = '16.05.1984';
+        
+          $.mockjax({
+              url: 'post-date.php',
+              response: function(settings) {
+                  equal(settings.data.value, nextD, 'submitted value correct');            
+              }
+          });
+       
+        equal(frmt(e.data('editable').value, 'dd.mm.yyyy'), d, 'value correct');
+            
+        e.click();
+        var p = tip(e);
+        ok(p.find('.datepicker').is(':visible'), 'datepicker exists');
+        
+        equal(frmt(e.data('editable').value, f), d, 'day set correct');
+        equal(p.find('td.day.active').text(), 15, 'day shown correct');
+        equal(p.find('th.dow').eq(0).text(), 'Mo', 'weekStart correct');
+
+        //set new day
+        p.find('td.day.active').next().click();
+        p.find('form').submit();
+    
+        setTimeout(function() {          
+           ok(!p.is(':visible'), 'popover closed')
+           equal(frmt(e.data('editable').value, f), nextD, 'new date saved to value')
+           equal(e.text(), nextD, 'new text shown')            
+           e.remove();    
+           start();  
+        }, timeout); 
+        
+     });  
+     
+     asyncTest("viewformat, init by text", function () {
+        var dview = '15/05/1984',
+            d = '1984-05-15',
+            e = $('<a href="#" data-type="date" data-pk="1" data-weekstart="1" data-url="post-date1.php">'+dview+'</a>').appendTo(fx).editable({
+                format: 'yyyy-mm-dd',
+                viewformat: 'dd/mm/yyyy',
+                datepicker: {
+                    
+                }
+            }),
+            nextD = '1984-05-16',
+            nextDview = '16/05/1984';
+        
+          equal(frmt(e.data('editable').value, 'yyyy-mm-dd'), d, 'value correct');
+                        
+          $.mockjax({
+              url: 'post-date1.php',
+              response: function(settings) {
+                  equal(settings.data.value, nextD, 'submitted value correct');            
+              }
+          });
+                        
+        e.click();
+        var p = tip(e);
+        ok(p.find('.datepicker').is(':visible'), 'datepicker exists');
+        
+        equal(frmt(e.data('editable').value, 'yyyy-mm-dd'), d, 'day set correct');
+        equal(p.find('td.day.active').text(), 15, 'day shown correct');
+        equal(p.find('th.dow').eq(0).text(), 'Mo', 'weekStart correct');
+
+        //set new day
+        p.find('td.day.active').next().click();
+        p.find('form').submit();
+    
+        setTimeout(function() {          
+           ok(!p.is(':visible'), 'popover closed')
+           equal(frmt(e.data('editable').value, 'yyyy-mm-dd'), nextD, 'new date saved to value')
+           equal(e.text(), nextDview, 'new text shown in correct format')            
+           e.remove();    
+           start();  
+        }, timeout); 
+        
+     });       
+    
+     test("viewformat, init by value", function () {
+        var dview = '15/05/1984',
+            d = '1984-05-15',
+            e = $('<a href="#" data-type="date" data-pk="1" data-weekstart="1" data-value="'+d+'"></a>').appendTo('#qunit-fixture').editable({
+                format: 'yyyy-mm-dd',
+                viewformat: 'dd/mm/yyyy'
+            });
+        
+        equal(frmt(e.data('editable').value, 'yyyy-mm-dd'), d, 'value correct');
+        equal(e.text(), dview, 'text correct');
+     });    
+     
+     
+     test("input should contain today if element is empty", function () {
+        var e = $('<a href="#" data-type="date"></a>').appendTo('#qunit-fixture').editable();
+        e.click();
+        var p = tip(e),
+            today = new Date();
+        
+        equal(p.find('td.day.active').text(), today.getDate(), 'day shown correct');
+        
+        p.find('button[type=button]').click();
+        ok(!p.is(':visible'), 'popover closed');      
+      });
+   
+});