LayoutTests/fast/forms/script-tests/input-number-outofrange.js

   1 description('Test for spinbutton behavior for out-of-range values.');
   2
   3 var parent = document.createElement('div');
   4 document.body.appendChild(parent);
   5 parent.innerHTML = '<input type=number id=lower value=-10 min=0 max=100>'
   6     + '<input type=number id=higher value=200 min=0 max=100>';
   7 var lower = document.getElementById('lower');
   8 var higher = document.getElementById('higher');
   9
  10 function sendKeyEvent(element, key)
  11 {
  12     element.focus();
  13     var event = document.createEvent('KeyboardEvents');
  14     event.initKeyboardEvent('keydown', true, true, document.defaultView, key, 0, false, false, false, false, false);
  15     element.dispatchEvent(event);
  16 }
  17
  18 debug('Pressing the down arrow key on an input field of which value is lower than the minimum:');
  19 sendKeyEvent(lower, 'Down');
  20 var unchanged = "-10";
  21 shouldBe('lower.value', 'unchanged');
  22
  23 debug('Pressing the up arrow key on the input:');
  24 sendKeyEvent(lower, 'Up');
  25 shouldBe('lower.value', 'lower.min');
  26
  27 debug('Pressing the up arrow key on an input field of which value is higher than the maximum:');
  28 sendKeyEvent(higher, 'Up');
  29 unchanged = "200";
  30 shouldBe('higher.value', 'unchanged');
  31
  32 debug('Pressing the down arrow key on the input:');
  33 sendKeyEvent(higher, 'Down');
  34 shouldBe('higher.value', 'higher.max');
  35
  36 parent.innerHTML = '';