third_party/WebKit/LayoutTests/media/video-controls-show-on-focus.html

   1 <!DOCTYPE html>
   2 <html>
   3 <title>Test visibiblity of controls when focusing of &lt;video></title>
   4 <script src=video-test.js></script>
   5 <script src=media-controls.js></script>
   6 <p>
   7 Test that video controls re-appear when the media (&lt;video>) element is focused.
   8 </p>
   9 <video controls autoplay src="content/test.ogv"></video>
  10 <script>
  11 var controls;
  12 var video = document.querySelector("video");
  13
  14 video.addEventListener("playing", function()
  15 {
  16     runAfterHideMediaControlsTimerFired(function()
  17     {
  18         controls = mediaControlsButton(video, "panel");
  19
  20         testExpected("getComputedStyle(controls).opacity", 0);
  21         video.focus();
  22
  23         testExpected("getComputedStyle(controls).opacity", 1);
  24
  25         // We fade out when focus is lost, so the opacity is still 1
  26         video.blur();
  27         testExpected("getComputedStyle(controls).opacity", 1);
  28
  29         endTest();
  30     }, video);
  31 });
  32 </script>