third_party/WebKit/LayoutTests/fullscreen/full-screen-min-max-width-height-video.html

   1 <!DOCTYPE html>
   2 <script src="full-screen-test.js"></script>
   3 <title>User-agent style sheet for video width/height</title>
   4 <style>
   5 video {
   6     min-width: 50% !important;
   7     max-width: 50% !important;
   8     min-height: 50% !important;
   9     max-height: 50% !important;
  10     width: 50% !important;
  11     height: 50% !important;
  12 }
  13 </style>
  14 <video></video>
  15 <script>
  16 video = document.querySelector('video');
  17
  18 waitForEventAndEnd(document, 'webkitfullscreenchange', function()
  19 {
  20     computedStyle = getComputedStyle(video);
  21     testExpected('computedStyle.minWidth', '0px');
  22     testExpected('computedStyle.maxWidth', 'none');
  23     testExpected('computedStyle.minHeight', '0px');
  24     testExpected('computedStyle.maxHeight', 'none');
  25     testExpected('computedStyle.width', window.innerWidth + 'px');
  26     testExpected('computedStyle.height', window.innerHeight + 'px');
  27 });
  28
  29 runWithKeyDown(function()
  30 {
  31     video.webkitRequestFullscreen();
  32 });
  33 </script>