[Summary view] [Print] [Text view]

   1  /*

   2   * slider unit tests

   3   */
   4  (function($) {
   5  //

   6  // Slider Test Helper Functions

   7  //

   8  
   9  var el, options;
  10  
  11  function handle() {
  12      return el.find(".ui-slider-handle");
  13  }
  14  
  15  // Slider Tests

  16  module("slider: core");
  17  
  18  test("keydown HOME on handle sets value to min", function() {
  19      el = $('<div></div>');
  20      options = {
  21          max: 5,
  22          min: -5,
  23          orientation: 'horizontal',
  24          step: 1
  25      };
  26      el.slider(options);
  27  
  28      el.slider("value", 0);
  29  
  30      handle().simulate("keydown", { keyCode: $.ui.keyCode.HOME });
  31      equals(el.slider("value"), options.min);
  32  
  33      el.slider('destroy');    
  34  
  35      el = $('<div></div>');
  36      options = {
  37          max: 5,
  38          min: -5,
  39          orientation: 'vertical',
  40          step: 1
  41      };
  42      el.slider(options);
  43  
  44      el.slider("value", 0);
  45  
  46      handle().simulate("keydown", { keyCode: $.ui.keyCode.HOME });
  47      equals(el.slider("value"), options.min);
  48  
  49      el.slider('destroy');
  50  });
  51  
  52  test("keydown END on handle sets value to max", function() {
  53      el = $('<div></div>');
  54      options = {
  55          max: 5,
  56          min: -5,
  57          orientation: 'horizontal',
  58          step: 1
  59      };
  60      el.slider(options);
  61  
  62      el.slider("value", 0);
  63  
  64      handle().simulate("keydown", { keyCode: $.ui.keyCode.END });
  65      equals(el.slider("value"), options.max);
  66  
  67      el.slider('destroy');    
  68  
  69      el = $('<div></div>');
  70      options = {
  71          max: 5,
  72          min: -5,
  73          orientation: 'vertical',
  74          step: 1
  75      };
  76      el.slider(options);
  77  
  78      el.slider("value", 0);
  79  
  80      handle().simulate("keydown", { keyCode: $.ui.keyCode.END });
  81      equals(el.slider("value"), options.max);
  82  
  83      el.slider('destroy');
  84  });
  85  
  86  test("keydown UP on handle increases value by step, not greater than max", function() {
  87      el = $('<div></div>');
  88      options = {
  89          max: 5,
  90          min: -5,
  91          orientation: 'horizontal',
  92          step: 1
  93      };
  94      el.slider(options);
  95  
  96      el.slider("value", options.max - options.step);
  97  
  98      handle().simulate("keydown", { keyCode: $.ui.keyCode.UP });
  99      equals(el.slider("value"), options.max);
 100  
 101      handle().simulate("keydown", { keyCode: $.ui.keyCode.UP });
 102      equals(el.slider("value"), options.max);
 103  
 104      el.slider("destroy");    
 105  
 106      el = $('<div></div>');
 107      options = {
 108          max: 5,
 109          min: -5,
 110          orientation: 'vertical',
 111          step: 1
 112      };
 113      el.slider(options);
 114  
 115      el.slider("value", options.max - options.step);
 116  
 117      handle().simulate("keydown", { keyCode: $.ui.keyCode.UP });
 118      equals(el.slider("value"), options.max);
 119  
 120      handle().simulate("keydown", { keyCode: $.ui.keyCode.UP });
 121      equals(el.slider("value"), options.max);
 122  
 123      el.slider("destroy");    
 124  });
 125  
 126  test("keydown RIGHT on handle increases value by step, not greater than max", function() {
 127      el = $('<div></div>');
 128      options = {
 129          max: 5,
 130          min: -5,
 131          orientation: 'horizontal',
 132          step: 1
 133      };
 134      el.slider(options);
 135  
 136      el.slider("value", options.max - options.step);
 137  
 138      handle().simulate("keydown", { keyCode: $.ui.keyCode.RIGHT });
 139      equals(el.slider("value"), options.max);
 140  
 141      handle().simulate("keydown", { keyCode: $.ui.keyCode.RIGHT });
 142      equals(el.slider("value"), options.max);
 143  
 144      el.slider("destroy");    
 145  
 146      el = $('<div></div>');
 147      options = {
 148          max: 5,
 149          min: -5,
 150          orientation: 'vertical',
 151          step: 1
 152      };
 153      el.slider(options);
 154  
 155      el.slider("value", options.max - options.step);
 156  
 157      handle().simulate("keydown", { keyCode: $.ui.keyCode.RIGHT });
 158      equals(el.slider("value"), options.max);
 159  
 160      handle().simulate("keydown", { keyCode: $.ui.keyCode.RIGHT });
 161      equals(el.slider("value"), options.max);
 162  
 163      el.slider("destroy");    
 164  });
 165  
 166  test("keydown DOWN on handle decreases value by step, not less than min", function() {
 167      el = $('<div></div>');
 168      options = {
 169          max: 5,
 170          min: -5,
 171          orientation: 'horizontal',
 172          step: 1
 173      };
 174      el.slider(options);
 175  
 176      el.slider("value", options.min + options.step);
 177  
 178      handle().simulate("keydown", { keyCode: $.ui.keyCode.DOWN });
 179      equals(el.slider("value"), options.min);
 180  
 181      handle().simulate("keydown", { keyCode: $.ui.keyCode.DOWN });
 182      equals(el.slider("value"), options.min);
 183  
 184      el.slider("destroy");    
 185  
 186      el = $('<div></div>');
 187      options = {
 188          max: 5,
 189          min: -5,
 190          orientation: 'vertical',
 191          step: 1
 192      };
 193      el.slider(options);
 194  
 195      el.slider("value", options.min + options.step);
 196  
 197      handle().simulate("keydown", { keyCode: $.ui.keyCode.DOWN });
 198      equals(el.slider("value"), options.min);
 199  
 200      handle().simulate("keydown", { keyCode: $.ui.keyCode.DOWN });
 201      equals(el.slider("value"), options.min);
 202  
 203      el.slider("destroy");    
 204  });
 205  
 206  test("keydown LEFT on handle decreases value by step, not less than min", function() {
 207      el = $('<div></div>');
 208      options = {
 209          max: 5,
 210          min: -5,
 211          orientation: 'horizontal',
 212          step: 1
 213      };
 214      el.slider(options);
 215  
 216      el.slider("value", options.min + options.step);
 217  
 218      handle().simulate("keydown", { keyCode: $.ui.keyCode.LEFT });
 219      equals(el.slider("value"), options.min);
 220  
 221      handle().simulate("keydown", { keyCode: $.ui.keyCode.LEFT });
 222      equals(el.slider("value"), options.min);
 223  
 224      el.slider("destroy");    
 225  
 226      el = $('<div></div>');
 227      options = {
 228          max: 5,
 229          min: -5,
 230          orientation: 'vertical',
 231          step: 1
 232      };
 233      el.slider(options);
 234  
 235      el.slider("value", options.min + options.step);
 236  
 237      handle().simulate("keydown", { keyCode: $.ui.keyCode.LEFT });
 238      equals(el.slider("value"), options.min);
 239  
 240      handle().simulate("keydown", { keyCode: $.ui.keyCode.LEFT });
 241      equals(el.slider("value"), options.min);
 242  
 243      el.slider("destroy");    
 244  });
 245  
 246  })(jQuery);