third_party/WebKit/LayoutTests/media/video-controls-dont-show-on-focus-when-disabled.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 don't appear when the media (&lt;video>) element is
   8 focused and the 'controls' attribute is not set.
   9 </p>
  10 <!-- 'tabindex' makes the video focusable despite it not having controls -->
  11 <video tabindex="0" autoplay src="content/test.ogv"></video>
  12 <script>
  13 var controls;
  14 var video = document.querySelector("video");
  15
  16 video.addEventListener("playing", function()
  17 {
  18     runAfterHideMediaControlsTimerFired(function()
  19     {
  20         controls = mediaControlsButton(video, "panel");
  21
  22         video.focus();
  23         testExpected("getComputedStyle(controls).opacity", 0);
  24
  25         endTest();
  26     }, video);
  27 });
  28 </script>