LayoutTests/fast/dom/Element/scroll-width-hidden.html - WebKit - Git at Google

 <!DOCTYPE html>
 <html>
     <head>
         <script src="../../../resources/js-test-pre.js"></script>
         <style type="text/css">
             ::-webkit-scrollbar {
                 width: 10px;
                 height: 10px;
             }
             ::-webkit-scrollbar-thumb {
                 border-radius: 4px;
                 background-color: #CCCCCC;
                 -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
             }
         </style>
         <script type="text/javascript">
             function runTest() {
                 description('Tests that element.clientWidth of hidden element with scrollbars returns proper values');

                 var inner = document.createElement('p');
                 var style = inner.style;
                 style.width = "100%";
                 style.height = "200px";
                 style.padding = "0px";

                 var outer = document.createElement('div');
                 outer.setAttribute("id", "scrollDiv");
                 style = outer.style;
                 style.position = "absolute";
                 style.top = "200px";
                 style.left = "0px";
                 style.visibility = "hidden";
                 style.backgroundColor = "red";
                 style.width = "200px";
                 style.height = "150px";
                 style.padding = "0px";
                 style.overflow = "hidden";
                 outer.appendChild(inner);

                 document.body.appendChild(outer);
                 outer.style.overflow = 'scroll';
                 shouldBe("document.getElementById('scrollDiv').clientWidth", "190");
                 isSuccessfullyParsed();
             }
         </script>
     </head>
     <body id="label" onload="runTest()">
     </body>
 </html>
	<!DOCTYPE html>
	<html>
	<head>
	<script src="../../../resources/js-test-pre.js"></script>
	<style type="text/css">
	::-webkit-scrollbar {
	width: 10px;
	height: 10px;
	}
	::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: #CCCCCC;
	-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
	}
	</style>
	<script type="text/javascript">
	function runTest() {
	description('Tests that element.clientWidth of hidden element with scrollbars returns proper values');

	var inner = document.createElement('p');
	var style = inner.style;
	style.width = "100%";
	style.height = "200px";
	style.padding = "0px";

	var outer = document.createElement('div');
	outer.setAttribute("id", "scrollDiv");
	style = outer.style;
	style.position = "absolute";
	style.top = "200px";
	style.left = "0px";
	style.visibility = "hidden";
	style.backgroundColor = "red";
	style.width = "200px";
	style.height = "150px";
	style.padding = "0px";
	style.overflow = "hidden";
	outer.appendChild(inner);

	document.body.appendChild(outer);
	outer.style.overflow = 'scroll';
	shouldBe("document.getElementById('scrollDiv').clientWidth", "190");
	isSuccessfullyParsed();
	}
	</script>
	</head>
	<body id="label" onload="runTest()">
	</body>
	</html>