src/third_party/WebKit/LayoutTests/fast/forms/number/number-large-padding.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <script src="../../../resources/js-test.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 numberInput.focus();
  15 if (window.eventSender) {
  16     // Reset mouse position
  17     eventSender.mouseMoveTo(0, 0);
  18
  19     // Move the cursor on the upper button.
  20     eventSender.mouseMoveTo(numberInput.offsetLeft + numberInput.offsetWidth - 10, numberInput.offsetTop + numberInput.offsetHeight / 4);
  21     eventSender.mouseDown();
  22     eventSender.mouseUp();
  23     shouldBe('numberInput.value', '"1"');
  24 } else {
  25     document.getElementById('console').innerHTML = 'No eventSender. Please click the up or down arrow button and check if the value increases or decreses.';
  26 }
  27 </script>
  28 </body>
  29 </html>