blob: 9ed73736fd475f391262c005823022568e36bb5c [file] [log] [blame]
<!DOCTYPE html>
<html>
<body>
<div id="reference" style="position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: yellow; z-index: 1"></div>
<div style="position: absolute; z-index: 2">
<p>This test checks that the yellow reference DOM node (which should be as
big as the window) gets resized when the window is resized.</p>
<p>To avoid relayouts and repaints caused by DOM-based logging, it doesn't
output anything. Please check the console for confirmation that the node
dimensions increase by 10x10.</p>
</div>
<script>
if (window.testRunner) {
testRunner.dumpAsText();
testRunner.waitUntilDone();
}
var referenceNode = document.getElementById('reference');
console.log('Initial reference node dimensions ' +
referenceNode.offsetWidth + ' x ' + referenceNode.offsetHeight);
console.log('Increasing window size by 10 x 10');
addEventListener('resize', finishTest);
var widthBefore = innerWidth;
resizeBy(10, 10);
function finishTest() {
if (innerWidth != widthBefore + 10)
return;
console.log('Post-resize reference node dimensions ' +
referenceNode.offsetWidth + ' x ' + referenceNode.offsetHeight);
if (window.testRunner)
testRunner.notifyDone();
}
</script>
</body>
</html>