ManualTests/slider-thumb-tracking.html

   1 <html>
   2 <head>
   3     <title></title>
   4     <script type="text/javascript">
   5         function test()
   6         {
   7             var slider = document.getElementById("slider");
   8             var x = slider.offsetWidth * 3 / 4;
   9             var y = slider.offsetHeight / 2;
  10
  11             var event = document.createEvent("MouseEvent");
  12             event.initMouseEvent("mousedown", true, true, document.defaultView, 1, 0, 0, x, y, false, false, false, false, 0, document);
  13             slider.dispatchEvent(event);
  14         }
  15     </script>
  16 </head>
  17 <body onload="test()">
  18     <p>
  19         Test for <i><a href="http://bugs.webkit.org/show_bug.cgi?id=11621">http://bugs.webkit.org/show_bug.cgi?id=11621</a>
  20         REGRESSION (Native slider): slider thumb not updated when the mouse is dragged/released out of range</i>.
  21     </p>
  22     <p>
  23         The slider thumbs should be at the same horizontal position.
  24     </p>
  25     <input type="range" id="slider" value="30">
  26     <br>
  27     <input type="range" value="70">
  28 </body>