src/third_party/WebKit/LayoutTests/fast/forms/range/slider-onchange-event.html

   1 <html>
   2     <head>
   3         <script>
   4             function log(msg)
   5             {
   6                 var res = document.getElementById('res');
   7                 res.innerHTML = res.innerHTML + msg + "<br>";
   8             }
   9             function test()
  10             {
  11                 var slider = document.getElementById('slider');
  12                 if (window.testRunner) {
  13                     testRunner.dumpAsText();
  14                     // slider drag
  15                     eventSender.mouseMoveTo(slider.offsetLeft + 7, slider.offsetTop + 7);
  16                     eventSender.mouseDown();
  17                     eventSender.mouseMoveTo(slider.offsetLeft + 50, slider.offsetTop + 50);
  18                     eventSender.mouseUp();
  19                     // single click
  20                     eventSender.mouseMoveTo(slider.offsetLeft + 7, slider.offsetTop + 7);
  21                     eventSender.mouseDown();
  22                     eventSender.mouseUp();
  23                     // single click again, should send no onchange event
  24                     eventSender.mouseMoveTo(slider.offsetLeft + 7, slider.offsetTop + 7);
  25                     eventSender.mouseDown();
  26                     eventSender.mouseUp();
  27                 }
  28             }
  29         </script>
  30     </head>
  31     <body onload="test()">
  32         This tests that slider controls get the onchange event and that it is sent after the DOMInput event.<br>
  33         <input type="range" id="slider" onchange="log('change')" oninput="log('input')" value=0>
  34         <div id="res"></div>
  35     </body>
  36 </html>