src/third_party/WebKit/LayoutTests/media/controls-mute-with-controller.html

   1 <!doctype html>
   2 <html>
   3     <head>
   4         <title>media controls mute button with MediaController</title>
   5         <script src="media-file.js"></script>
   6         <script src="media-controls.js"></script>
   7     </head>
   8     <body>
   9         <video controls mediagroup="x"></video>
  10         <script>
  11             if (window.testRunner)
  12                 testRunner.waitUntilDone();
  13
  14             var video = document.querySelector("video");
  15             video.src = findMediaFile("video", "content/test");
  16             video.addEventListener("loadeddata", function()
  17             {
  18                 if (window.eventSender) {
  19                     // click the mute button
  20                     var coords = mediaControlsButtonCoordinates(video, "mute-button");
  21                     eventSender.mouseMoveTo(coords[0], coords[1]);
  22                     eventSender.mouseDown();
  23                     eventSender.mouseUp();
  24
  25                     // wait for the volumechange event
  26                     video.addEventListener("volumechange", function()
  27                     {
  28                         if (window.testRunner)
  29                             testRunner.notifyDone();
  30                     });
  31                 }
  32             });
  33         </script>
  34     </body>
  35 </html>