third_party/WebKit/LayoutTests/compositing/video/video-reflection.html

   1 <!DOCTYPE html>
   2 <html>
   3     <head>
   4         <script src="../../media/media-file.js"></script>
   5         <script src="../../media/video-test.js"></script>
   6         <script type="text/javascript">
   7             if (window.testRunner) {
   8                 window.testRunner.dumpAsTextWithPixelResults();
   9                 window.testRunner.waitUntilDone();
  10             }
  11             function runTest() {
  12                 video = document.getElementById('video');
  13                 video.addEventListener('canplaythrough', canplaythrough, true);
  14                 video.src = findMediaFile('video', '../../media/content/test');
  15             }
  16             function canplaythrough(e) {
  17                 var video = e.target;
  18                 video.addEventListener('seeked', seeked, true);
  19                 video.currentTime = 1;
  20             }
  21             function seeked(e) {
  22                 testExpected('video.currentTime', 1);
  23
  24                 if (window.testRunner)
  25                     setTimeout(function() { testRunner.notifyDone(); }, 150);
  26             }
  27         </script>
  28         <style>
  29             video {
  30                 -webkit-box-reflect: below 0px;
  31                 border: 3px solid red;
  32             }
  33         </style>
  34     </head>
  35     <body onload="runTest()">
  36         <video id="video"></video>
  37     </body>
  38 </html>
  39