client-width-height.html | Explore in Territory

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
    <script>
        function debug(str) {
            pre = document.getElementById('console');
            pre.appendChild(document.createTextNode(str + '\n'));
        }
    
        function runTests() {
            if (window.testRunner)
                testRunner.dumpAsText();

            if (document.documentElement.clientWidth != window.innerWidth ||
                document.documentElement.clientHeight != window.innerHeight) {
                debug("FAILURE!")
                return;
            }
            
            // Now force scroll bars. innerWidth and innerHeight should not take the scroll bar into account
            // but clientWidth and clientHeight should.
            document.documentElement.style.overflow = 'scroll';
            document.body.offsetTop;
            
            if (document.documentElement.clientWidth >= window.innerWidth ||
                document.documentElement.clientHeight >= window.innerHeight) {
                debug("FAILURE!")
                return;
            }
                
            debug("SUCCESS!");
        }
    </script>
</head>
<body onload="runTests()">
    This tests that clientWidth/clientHeight on the document element in strict mode returns the visible size of the frame.
    <pre id="console"></pre>
</body>
</html>
chromium/third_party/blink/web_tests/fast/dom/client-width-height.html
