LayoutTests/media/video-volume-slider.html

   1 <html>
   2 <head>
   3     <title>Test rendering of volume slider of video tag</title>
   4     <script src=media-file.js></script>
   5     <script>
   6         var video;
   7
   8         function init()
   9         {
  10             if (window.layoutTestController)
  11                 layoutTestController.waitUntilDone();
  12
  13             video = document.getElementsByTagName("video")[0];
  14             video.src = findMediaFile("video", "content/test");
  15         }
  16
  17         function test()
  18         {
  19             video.volume = 0.7;
  20
  21             if (window.eventSender) {
  22                 x = video.offsetLeft + video.offsetWidth - 10;
  23                 y = video.offsetTop + video.offsetHeight - 10;
  24                 eventSender.mouseMoveTo(x, y);
  25             }
  26
  27             if (window.layoutTestController)
  28                 layoutTestController.notifyDone();
  29         }
  30     </script>
  31 </head>
  32 <body onload="init()">
  33     Tests if the volume slider is rendererd properly. This test assumes the<br>
  34     volume slider is implmented and mouse over the right bottom corner of<br>
  35     video element will show the volume slider.<br>
  36     <video oncanplaythrough="test()" controls></video>
  37 </body>
  38 </html>