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>
  18         testExpected("video.controls", null, '!=');
  19         waitForEvent('canplaythrough', function () {
  20             if (window.eventSender)
  21             {
  22                 eventSender.mouseMoveTo(54,240); // over play button
  23                 eventSender.mouseDown();
  24                 eventSender.mouseUp();
  25             }
  26             testExpected("video.paused", false);
  27             endTest();
  28         } );
  29         video.src = findMediaFile("video", "content/test");
  30     </script>
  31 </body>
  32 </html>