src/third_party/WebKit/LayoutTests/media/controls-volume-slider.html

   1 <!doctype html>
   2 <html>
   3     <head>
   4         <title>media controls volume slider</title>
   5         <script src="media-file.js"></script>
   6         <script src="media-controls.js"></script>
   7         <script src="video-test.js"></script>
   8     </head>
   9     <body>
  10         <audio controls></audio>
  11         <script>
  12             findMediaElement();
  13             audio.src = findMediaFile("audio", "content/test");
  14             testExpected("audio.volume", 1);
  15             waitForEvent("loadedmetadata", function()
  16             {
  17                 // click the middle of the volume slider
  18                 var coords = mediaControlsButtonCoordinates(audio, "volume-slider");
  19                 eventSender.mouseMoveTo(coords[0], coords[1]);
  20                 eventSender.mouseDown();
  21                 eventSender.mouseUp();
  22
  23                 testExpected("audio.volume", 0.4, '>');
  24                 testExpected("audio.volume", 0.6, '<');
  25                 waitForEventAndEnd("volumechange");
  26             });
  27         </script>
  28     </body>
  29 </html>