[Summary view] [Print] [Text view]

   1  /*

   2   * datepicker_methods.js

   3   */
   4  (function($) {
   5  
   6  module("datepicker: methods");
   7  
   8  test('destroy', function() {
   9      var inp = init('#inp');
  10      ok(inp.is('.hasDatepicker'), 'Default - marker class set');
  11      ok($.data(inp[0], PROP_NAME), 'Default - instance present');
  12      ok(inp.next().is('#alt'), 'Default - button absent');
  13      inp.datepicker('destroy');
  14      inp = $('#inp');
  15      ok(!inp.is('.hasDatepicker'), 'Default - marker class cleared');
  16      ok(!$.data(inp[0], PROP_NAME), 'Default - instance absent');
  17      ok(inp.next().is('#alt'), 'Default - button absent');
  18      // With button

  19      inp= init('#inp', {showOn: 'both'});
  20      ok(inp.is('.hasDatepicker'), 'Button - marker class set');
  21      ok($.data(inp[0], PROP_NAME), 'Button - instance present');
  22      ok(inp.next().text() == '...', 'Button - button added');
  23      inp.datepicker('destroy');
  24      inp = $('#inp');
  25      ok(!inp.is('.hasDatepicker'), 'Button - marker class cleared');
  26      ok(!$.data(inp[0], PROP_NAME), 'Button - instance absent');
  27      ok(inp.next().is('#alt'), 'Button - button removed');
  28      // With append text

  29      inp = init('#inp', {appendText: 'Testing'});
  30      ok(inp.is('.hasDatepicker'), 'Append - marker class set');
  31      ok($.data(inp[0], PROP_NAME), 'Append - instance present');
  32      ok(inp.next().text() == 'Testing', 'Append - append text added');
  33      inp.datepicker('destroy');
  34      inp = $('#inp');
  35      ok(!inp.is('.hasDatepicker'), 'Append - marker class cleared');
  36      ok(!$.data(inp[0], PROP_NAME), 'Append - instance absent');
  37      ok(inp.next().is('#alt'), 'Append - append text removed');
  38      // With both

  39      inp= init('#inp', {showOn: 'both', buttonImageOnly: true,
  40          buttonImage: 'img/calendar.gif', appendText: 'Testing'});
  41      ok(inp.is('.hasDatepicker'), 'Both - marker class set');
  42      ok($.data(inp[0], PROP_NAME), 'Both - instance present');
  43      ok(inp.next()[0].nodeName.toLowerCase() == 'img', 'Both - button added');
  44      ok(inp.next().next().text() == 'Testing', 'Both - append text added');
  45      inp.datepicker('destroy');
  46      inp = $('#inp');
  47      ok(!inp.is('.hasDatepicker'), 'Both - marker class cleared');
  48      ok(!$.data(inp[0], PROP_NAME), 'Both - instance absent');
  49      ok(inp.next().is('#alt'), 'Both - button and append text absent');
  50      // Inline

  51      var inl = init('#inl');
  52      ok(inl.is('.hasDatepicker'), 'Inline - marker class set');
  53      ok(inl.html() != '', 'Inline - datepicker present');
  54      ok($.data(inl[0], PROP_NAME), 'Inline - instance present');
  55      ok(inl.next().length == 0 || inl.next().is('p'), 'Inline - button absent');
  56      inl.datepicker('destroy');
  57      inl = $('#inl');
  58      ok(!inl.is('.hasDatepicker'), 'Inline - marker class cleared');
  59      ok(inl.html() == '', 'Inline - datepicker absent');
  60      ok(!$.data(inl[0], PROP_NAME), 'Inline - instance absent');
  61      ok(inl.next().length == 0 || inl.next().is('p'), 'Inline - button absent');
  62  });
  63  
  64  test('enableDisable', function() {
  65      var inp = init('#inp');
  66      ok(!inp.datepicker('isDisabled'), 'Enable/disable - initially marked as enabled');
  67      ok(!inp[0].disabled, 'Enable/disable - field initially enabled');
  68      inp.datepicker('disable');
  69      ok(inp.datepicker('isDisabled'), 'Enable/disable - now marked as disabled');
  70      ok(inp[0].disabled, 'Enable/disable - field now disabled');
  71      inp.datepicker('enable');
  72      ok(!inp.datepicker('isDisabled'), 'Enable/disable - now marked as enabled');
  73      ok(!inp[0].disabled, 'Enable/disable - field now enabled');
  74      inp.datepicker('destroy');
  75      // With a button

  76      inp = init('#inp', {showOn: 'button'});
  77      ok(!inp.datepicker('isDisabled'), 'Enable/disable button - initially marked as enabled');
  78      ok(!inp[0].disabled, 'Enable/disable button - field initially enabled');
  79      ok(!inp.next('button')[0].disabled, 'Enable/disable button - button initially enabled');
  80      inp.datepicker('disable');
  81      ok(inp.datepicker('isDisabled'), 'Enable/disable button - now marked as disabled');
  82      ok(inp[0].disabled, 'Enable/disable button - field now disabled');
  83      ok(inp.next('button')[0].disabled, 'Enable/disable button - button now disabled');
  84      inp.datepicker('enable');
  85      ok(!inp.datepicker('isDisabled'), 'Enable/disable button - now marked as enabled');
  86      ok(!inp[0].disabled, 'Enable/disable button - field now enabled');
  87      ok(!inp.next('button')[0].disabled, 'Enable/disable button - button now enabled');
  88      inp.datepicker('destroy');
  89      // With an image button

  90      inp = init('#inp', {showOn: 'button', buttonImageOnly: true,
  91          buttonImage: 'img/calendar.gif'});
  92      ok(!inp.datepicker('isDisabled'), 'Enable/disable image - initially marked as enabled');
  93      ok(!inp[0].disabled, 'Enable/disable image - field initially enabled');
  94      ok(inp.next('img').css('opacity') == 1, 'Enable/disable image - image initially enabled');
  95      inp.datepicker('disable');
  96      ok(inp.datepicker('isDisabled'), 'Enable/disable image - now marked as disabled');
  97      ok(inp[0].disabled, 'Enable/disable image - field now disabled');
  98      ok(inp.next('img').css('opacity') != 1, 'Enable/disable image - image now disabled');
  99      inp.datepicker('enable');
 100      ok(!inp.datepicker('isDisabled'), 'Enable/disable image - now marked as enabled');
 101      ok(!inp[0].disabled, 'Enable/disable image - field now enabled');
 102      ok(inp.next('img').css('opacity') == 1, 'Enable/disable image - image now enabled');
 103      inp.datepicker('destroy');
 104      // Inline

 105      var inl = init('#inl');
 106      var dp = $('.ui-datepicker-inline', inl);
 107      ok(!inl.datepicker('isDisabled'), 'Enable/disable inline - initially marked as enabled');
 108      ok(!dp.children().is('.ui-state-disabled'), 'Enable/disable inline - not visually disabled initially');
 109      inl.datepicker('disable');
 110      ok(inl.datepicker('isDisabled'), 'Enable/disable inline - now marked as disabled');
 111      ok(dp.children().is('.ui-state-disabled'), 'Enable/disable inline - visually disabled');
 112      inl.datepicker('enable');
 113      ok(!inl.datepicker('isDisabled'), 'Enable/disable inline - now marked as enabled');
 114      ok(!dp.children().is('.ui-state-disabled'), 'Enable/disable inline - not visiually disabled');
 115      inl.datepicker('destroy');
 116  });
 117  
 118  })(jQuery);