LayoutTests/fast/dom/client-width-height.html - WebKit - Git at Google

 <!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>
	<!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>