| OLD | NEW | 
|---|
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> | 
| 2 <script> | 2 <script> | 
| 3     var runPixelTests = true; | 3     var runPixelTests = true; | 
| 4 </script> | 4 </script> | 
| 5 <script src="full-screen-test.js"></script> | 5 <script src="full-screen-test.js"></script> | 
| 6 <style> | 6 <style> | 
| 7 #float { | 7 #float { | 
| 8     margin: 10px 0 0 10px; | 8     margin: 10px 0 0 10px; | 
| 9     height: 50px; | 9     height: 50px; | 
| 10     width: 50px; | 10     width: 50px; | 
| (...skipping 11 matching lines...) Expand all  Loading... | 
| 22     background-color: lightgreen; | 22     background-color: lightgreen; | 
| 23 } | 23 } | 
| 24 </style> | 24 </style> | 
| 25 <body> | 25 <body> | 
| 26 <div>This layout test checks that the offset positions of the blue and green div
    s does not change when the red div enters full-screen mode.  Press <button oncli
    ck="document.getElementById('float').webkitRequestFullScreen()">go full-screen</
    a> to begin.</div> | 26 <div>This layout test checks that the offset positions of the blue and green div
    s does not change when the red div enters full-screen mode.  Press <button oncli
    ck="document.getElementById('float').webkitRequestFullScreen()">go full-screen</
    a> to begin.</div> | 
| 27 <div id="float"></div> | 27 <div id="float"></div> | 
| 28 <div id="one">One</div> | 28 <div id="one">One</div> | 
| 29 <div id="clear" /> | 29 <div id="clear" /> | 
| 30 <span id="two">Two</span> | 30 <span id="two">Two</span> | 
| 31 <script> | 31 <script> | 
| 32     // Bail out early if the full screen API is not enabled or is missing: | 32     var callback; | 
| 33     if (Element.prototype.webkitRequestFullScreen == undefined) { | 33     var fullscreenChanged = function(event) | 
| 34         logResult(false, "Element.prototype.webkitRequestFullScreen == undefined
    "); | 34     { | 
| 35         endTest(); | 35         if (callback) | 
| 36     } else { | 36             callback(event) | 
| 37         var callback; | 37     }; | 
| 38         var fullscreenChanged = function(event) | 38     document.onwebkitfullscreenchange = fullscreenChanged; | 
| 39         { |  | 
| 40             if (callback) |  | 
| 41                 callback(event) |  | 
| 42         }; |  | 
| 43         document.onwebkitfullscreenchange = fullscreenChanged; |  | 
| 44 | 39 | 
| 45         var div = document.getElementById("float"); | 40     var div = document.getElementById("float"); | 
| 46 | 41 | 
| 47         var divEnteredFullScreen = function() | 42     var divEnteredFullScreen = function() | 
| 48         { | 43     { | 
| 49             if (document.webkitCurrentFullScreenElement == div) { | 44         if (document.webkitCurrentFullScreenElement == div) { | 
| 50                 callback = cancelledFullScreen; | 45             callback = cancelledFullScreen; | 
| 51                 runWithKeyDown(function(){document.webkitCancelFullScreen()}); | 46             runWithKeyDown(function(){document.webkitCancelFullScreen()}); | 
| 52             } | 47         } | 
| 53         }; | 48     }; | 
| 54 | 49 | 
| 55         var cancelledFullScreen = function() | 50     var cancelledFullScreen = function() | 
| 56         { | 51     { | 
| 57             if (document.webkitCurrentFullScreenElement == null) { | 52         if (document.webkitCurrentFullScreenElement == null) { | 
| 58                 callback = null; | 53             callback = null; | 
| 59                 endTest(); | 54             endTest(); | 
| 60             } | 55         } | 
| 61         }; | 56     }; | 
| 62 | 57 | 
| 63         callback = divEnteredFullScreen; | 58     callback = divEnteredFullScreen; | 
| 64         runWithKeyDown(function(){div.webkitRequestFullScreen()}); | 59     runWithKeyDown(function(){div.webkitRequestFullScreen()}); | 
| 65     } |  | 
| 66 </script> | 60 </script> | 
| OLD | NEW | 
|---|