LayoutTests/media/video-controls-transformed.html

   1 <html>
   2 <head>
   3   <title>Test controls on transformed video</title>
   4   <style type="text/css" media="screen">
   5     video {
   6       margin: 50px;
   7       -webkit-transform: rotate(20deg);
   8     }
   9   </style>
  10 </head>
  11 <body>
  12     <video controls></video>
  13     <p>Test controls on transformed video.</p>
  14     <p>This test only runs in DRT!</p>
  15     <script src=media-file.js></script>
  16     <script src=video-test.js></script>
  17     <script src=media-controls.js></script>
  18     <script>
  19         testExpected("video.controls", null, '!=');
  20         waitForEvent('canplaythrough', function () {
  21             if (window.eventSender) {
  22                 // Find the play button and click the middle of its bounding box.
  23                 var playCoords;
  24                 try {
  25                     playCoords = mediaControlsButtonCoordinates(video, "play-button");
  26                 } catch (exception) {
  27                     failTest(exception.description);
  28                     return;
  29                 }
  30                 var clickX = playCoords[0];
  31                 var clickY = playCoords[1];
  32                 eventSender.mouseMoveTo(clickX, clickY);
  33                 eventSender.mouseDown();
  34                 eventSender.mouseUp();
  35             }
  36             testExpected("video.paused", false);
  37             endTest();
  38         } );
  39         video.src = findMediaFile("video", "content/test");
  40     </script>
  41 </body>
  42 </html>