third_party/WebKit/LayoutTests/media/controls-cast-do-not-fade-out.html

   1 <!doctype html>
   2 <html>
   3     <head>
   4         <title>This tests that controls do not fade out when the video is playing remotely.</title>
   5         <script src="../resources/testharness.js"></script>
   6         <script src="../resources/testharnessreport.js"></script>
   7         <script src="media-file.js"></script>
   8         <script src="media-controls.js"></script>
   9         <script src="video-test.js"></script>
  10     </head>
  11     <body>
  12         <video controls loop></video>
  13         <script>
  14         var controls;
  15         var test;
  16
  17         function playing()
  18         {
  19             internals.mediaPlayerPlayingRemotelyChanged(video, true);
  20             runAfterHideMediaControlsTimerFired(function()
  21             {
  22                 controls = mediaControlsButton(video, "panel");
  23                 testExpected("getComputedStyle(controls).opacity", 1);
  24
  25                 consoleWrite("");
  26
  27                 internals.mediaPlayerPlayingRemotelyChanged(video, false);
  28                 runAfterHideMediaControlsTimerFired(function()
  29                 {
  30                     testExpected("getComputedStyle(controls).opacity", 0);
  31
  32                     consoleWrite("");
  33
  34                     test.done();
  35                 },
  36                 video);
  37             }, video);
  38         }
  39
  40         async_test(function(t)
  41         {
  42             test = t;
  43             findMediaElement();
  44             video.src = findMediaFile("video", "content/test");
  45             video.addEventListener("playing", playing);
  46             video.play();
  47         });
  48         </script>
  49     </body>
  50 </html>