| <script src="full-screen-test.js"></script> |
| <style> |
| #float { |
| margin: 10px 0 0 10px; |
| height: 50px; |
| width: 50px; |
| float: left; |
| background-color: red; |
| } |
| #clear { |
| clear:left; |
| } |
| #one { |
| background-color: lightblue; |
| float: left; |
| } |
| #two { |
| background-color: lightgreen; |
| } |
| </style> |
| <body> |
| <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> |
| <div id="float"></div> |
| <div id="one">One</div> |
| <div id="clear" /> |
| <span id="two">Two</span> |
| <script> |
| var one = document.getElementById('one'); |
| var two = document.getElementById('two'); |
| |
| // Bail out early if the full screen API is not enabled or is missing: |
| if (Element.prototype.webkitRequestFullScreen == undefined) { |
| logResult(false, "Element.prototype.webkitRequestFullScreen == undefined"); |
| endTest(); |
| } else { |
| var oneState = {'offsetLeft': one.offsetLeft, 'offsetTop': one.offsetTop }; |
| var twoState = {'offsetLeft': two.offsetLeft, 'offsetTop': two.offsetTop }; |
| |
| |
| var callback; |
| var fullscreenChanged = function(event) |
| { |
| if (callback) |
| callback(event) |
| }; |
| waitForEvent(document, 'webkitfullscreenchange', fullscreenChanged); |
| |
| var div = document.getElementById('float'); |
| |
| var divEnteredFullScreen = function() { |
| testExpected("document.webkitCurrentFullScreenElement", div); |
| testExpected("one.offsetLeft", oneState.offsetLeft); |
| testExpected("one.offsetTop", oneState.offsetTop); |
| testExpected("two.offsetLeft", twoState.offsetLeft); |
| testExpected("two.offsetTop", twoState.offsetTop); |
| callback = cancelledFullScreen; |
| runWithKeyDown(function(){document.webkitCancelFullScreen()}); |
| }; |
| |
| var cancelledFullScreen = function() { |
| testExpected("document.webkitCurrentFullScreenElement", null); |
| testExpected("one.offsetLeft", oneState.offsetLeft); |
| testExpected("one.offsetTop", oneState.offsetTop); |
| testExpected("two.offsetLeft", twoState.offsetLeft); |
| testExpected("two.offsetTop", twoState.offsetTop); |
| callback = null; |
| endTest(); |
| }; |
| |
| callback = divEnteredFullScreen; |
| runWithKeyDown(function(){div.webkitRequestFullScreen()}); |
| } |
| </script> |
