| <!DOCTYPE html> |
| <html> |
| <head> |
| <script src="../../../resources/js-test.js"></script> |
| <style type="text/css"> |
| #box { |
| background-color:blue; |
| width:100px; |
| height:100px; |
| } |
| </style> |
| </head> |
| <body> |
| <div id="box" ontouchstart=""></div> |
| <div><input type="number" id="number" value="1"></div> |
| <script> |
| description('Test if a spin-button works correctly after touch events.'); |
| if (window.eventSender) { |
| eventSender.addTouchPoint(50, 50); |
| eventSender.touchStart(); |
| |
| var numberInput = document.getElementById('number'); |
| numberInput.focus(); |
| eventSender.mouseMoveTo(numberInput.offsetLeft + numberInput.offsetWidth - 10, numberInput.offsetTop + numberInput.offsetHeight / 4); |
| eventSender.mouseDown(); |
| eventSender.mouseUp(); |
| shouldBe('numberInput.value', '"2"'); |
| } else { |
| debug('Needs eventSender.'); |
| } |
| </script> |
| </body> |
| </html> |
