| OLD | NEW |
| 1 <html> | 1 <html> |
| 2 <head> | 2 <head> |
| 3 <meta http-equiv="Content-type" content="text/html; charset=utf-8"> | 3 <meta http-equiv="Content-type" content="text/html; charset=utf-8"> |
| 4 <title>slider-transformed</title> | 4 <title>slider-transformed</title> |
| 5 <style type="text/css" media="screen"> | 5 <style type="text/css" media="screen"> |
| 6 html { | 6 html { |
| 7 /* zoom: 120%;*/ | 7 /* zoom: 120%;*/ |
| 8 } | 8 } |
| 9 input[type="range"] { | 9 input[type="range"] { |
| 10 width: 200px; | 10 width: 200px; |
| 11 } | 11 } |
| 12 | 12 |
| 13 #results { | 13 #results { |
| 14 margin-top: 60px; | 14 margin-top: 60px; |
| 15 } | 15 } |
| 16 </style> | 16 </style> |
| 17 <script type="text/javascript" charset="utf-8"> | 17 <script type="text/javascript" charset="utf-8"> |
| 18 if (window.testRunner) | 18 if (window.testRunner) |
| 19 testRunner.dumpAsText(); | 19 testRunner.dumpAsText(); |
| 20 | 20 |
| 21 function dispatchEvent(eventType, clientX, clientY) | |
| 22 { | |
| 23 var ev = document.createEvent("MouseEvent"); | |
| 24 ev.initMouseEvent(eventType, true, true, window, 1, 1, 1, clientX, clientY
, false, false, false, false, 0, document); | |
| 25 var target = document.elementFromPoint(ev.clientX, ev.clientY); | |
| 26 target.dispatchEvent(ev); | |
| 27 } | |
| 28 | |
| 29 function test() | 21 function test() |
| 30 { | 22 { |
| 31 // For some reason the slider needs mouseup/mousedown, not just a "click" | 23 // For some reason the slider needs mouseup/mousedown, not just a "click" |
| 32 dispatchEvent("mousedown", 150, 15); | 24 if (window.eventSender) { |
| 33 dispatchEvent("mouseup", 150, 15); | 25 eventSender.mouseMoveTo(150, 15); |
| 26 eventSender.mouseDown(0); |
| 27 eventSender.mouseUp(0); |
| 28 } |
| 34 | 29 |
| 35 const expectedValue = 72; | 30 const expectedValue = 72; |
| 36 var val = document.getElementById('slider').value; | 31 var val = document.getElementById('slider').value; |
| 37 var result; | 32 var result; |
| 38 if (val == expectedValue) | 33 if (val == expectedValue) |
| 39 result = "PASS: slider value set to " + expectedValue; | 34 result = "PASS: slider value set to " + expectedValue; |
| 40 else | 35 else |
| 41 result = "FAIL: expected slider value " + expectedValue + ", got " + val
; | 36 result = "FAIL: expected slider value " + expectedValue + ", got " + val
; |
| 42 document.getElementById('results').innerHTML = result; | 37 document.getElementById('results').innerHTML = result; |
| 43 } | 38 } |
| 44 </script> | 39 </script> |
| 45 </head> | 40 </head> |
| 46 <body onload="test()"> | 41 <body onload="test()"> |
| 47 <input type="range" id="slider" min="0" max="100" value="10"> | 42 <input type="range" id="slider" min="0" max="100" value="10"> |
| 48 <div id="results"> | 43 <div id="results"> |
| 49 </div> | 44 </div> |
| 50 </body> | 45 </body> |
| 51 </html> | 46 </html> |
| OLD | NEW |