LayoutTests/fast/forms/input-number-large-padding.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <script src="../../fast/js/resources/js-test-pre.js"></script>
   5 </head>
   6 <body>
   7 <p id="description"></p>
   8 <div id="console"></div>
   9 <input type=number id=number value=0 style="padding-right: 30px;">
  10 <script>
  11 description('Test for a bug that spin buttons did not work if a number input has large padding-right value.');
  12
  13 var numberInput = document.getElementById('number');
  14 if (window.eventSender) {
  15     // Move the cursor on the upper button.
  16     eventSender.mouseMoveTo(numberInput.offsetLeft + numberInput.offsetWidth - 10, numberInput.offsetTop + numberInput.offsetHeight / 4);
  17     eventSender.mouseDown();
  18     eventSender.mouseUp();
  19     shouldBe('numberInput.value', '"1"');
  20 } else {
  21     document.getElementById('console').innerHTML = 'No eventSender. Please click the up or down arrow button and check if the value increases or decreses.';
  22 }
  23 </script>
  24 <script src="../../fast/js/resources/js-test-post.js"></script>
  25 </body>
  26 </html>