third_party/WebKit/LayoutTests/fast/forms/range/slider-transformed.html

   1 <html>
   2 <head>
   3   <meta http-equiv="Content-type" content="text/html; charset=utf-8">
   4   <title>slider-transformed</title>
   5   <style type="text/css" media="screen">
   6     input[type="range"] {
   7       -webkit-transform-origin: top left;
   8       transform: rotate(45deg);
   9       width: 200px;
  10     }
  11
  12     #results {
  13       margin-top: 160px;
  14     }
  15   </style>
  16   <script type="text/javascript" charset="utf-8">
  17     if (window.testRunner)
  18         testRunner.dumpAsText();
  19
  20     function test()
  21     {
  22       // For some reason the slider needs mouseup/mousedown, not just a "click"
  23       if (window.eventSender) {
  24           eventSender.mouseMoveTo(61, 71);
  25           eventSender.mouseDown(0);
  26           eventSender.mouseUp(0);
  27       }
  28
  29       const expectedValue = 39;
  30       var val = document.getElementById('slider').value;
  31       var result;
  32       if (val == expectedValue)
  33         result = "PASS: slider value set to " + expectedValue;
  34       else
  35         result = "FAIL: expected slider value " + expectedValue + ", got " + val;
  36       document.getElementById('results').innerHTML = result;
  37     }
  38   </script>
  39 </head>
  40 <body onload="test()">
  41   <input type="range" id="slider" min="0" max="100" value="10">
  42   <div id="results">
  43   </div>
  44 </body>
  45 </html>