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