1 <script src="full-screen-test.js"></script>
14 background-color: lightblue;
18 background-color: lightgreen;
22 <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>
23 <div id="float"></div>
24 <div id="one">One</div>
26 <span id="two">Two</span>
28 var one = document.getElementById('one');
29 var two = document.getElementById('two');
31 // Bail out early if the full screen API is not enabled or is missing:
32 if (Element.prototype.webkitRequestFullScreen == undefined) {
33 logResult(false, "Element.prototype.webkitRequestFullScreen == undefined");
36 var oneState = {'offsetLeft': one.offsetLeft, 'offsetTop': one.offsetTop };
37 var twoState = {'offsetLeft': two.offsetLeft, 'offsetTop': two.offsetTop };
41 var fullscreenChanged = function(event)
46 waitForEvent(document, 'webkitfullscreenchange', fullscreenChanged);
48 var div = document.getElementById('float');
50 var divEnteredFullScreen = function() {
51 testExpected("document.webkitCurrentFullScreenElement", div);
52 testExpected("one.offsetLeft", oneState.offsetLeft);
53 testExpected("one.offsetTop", oneState.offsetTop);
54 testExpected("two.offsetLeft", twoState.offsetLeft);
55 testExpected("two.offsetTop", twoState.offsetTop);
56 callback = cancelledFullScreen;
57 runWithKeyDown(function(){document.webkitCancelFullScreen()});
60 var cancelledFullScreen = function() {
61 testExpected("document.webkitCurrentFullScreenElement", null);
62 testExpected("one.offsetLeft", oneState.offsetLeft);
63 testExpected("one.offsetTop", oneState.offsetTop);
64 testExpected("two.offsetLeft", twoState.offsetLeft);
65 testExpected("two.offsetTop", twoState.offsetTop);
70 callback = divEnteredFullScreen;
71 runWithKeyDown(function(){div.webkitRequestFullScreen()});