third_party/WebKit/LayoutTests/fullscreen/full-screen-placeholder.html

   1 <!DOCTYPE html>
   2 <script>
   3     var runPixelTests = true;
   4 </script>
   5 <script src="full-screen-test.js"></script>
   6 <style>
   7 #float {
   8     margin: 10px 0 0 10px;
   9     height: 50px;
  10     width: 50px;
  11     float: left;
  12     background-color: red;
  13 }
  14 #clear {
  15     clear:left;
  16 }
  17 #one {
  18     background-color: lightblue;
  19     float: left;
  20 }
  21 #two {
  22     background-color: lightgreen;
  23 }
  24 </style>
  25 <body>
  26 <div>This layout test checks that the offset positions of the blue and green divs does not change when the red div enters full-screen mode.  Press <button onclick="document.getElementById('float').webkitRequestFullScreen()">go full-screen</a> to begin.</div>
  27 <div id="float"></div>
  28 <div id="one">One</div>
  29 <div id="clear" />
  30 <span id="two">Two</span>
  31 <script>
  32     var callback;
  33     var fullscreenChanged = function(event)
  34     {
  35         if (callback)
  36             callback(event)
  37     };
  38     document.onwebkitfullscreenchange = fullscreenChanged;
  39
  40     var div = document.getElementById("float");
  41
  42     var divEnteredFullScreen = function()
  43     {
  44         if (document.webkitCurrentFullScreenElement == div) {
  45             callback = cancelledFullScreen;
  46             runWithKeyDown(function(){document.webkitCancelFullScreen()});
  47         }
  48     };
  49
  50     var cancelledFullScreen = function()
  51     {
  52         if (document.webkitCurrentFullScreenElement == null) {
  53             callback = null;
  54             endTest();
  55         }
  56     };
  57
  58     callback = divEnteredFullScreen;
  59     runWithKeyDown(function(){div.webkitRequestFullScreen()});
  60 </script>