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