LayoutTests/fast/repaint/vertical-overflow-parent.html - WebKit - Git at Google

 <!DOCTYPE html>
 <html><head>
     <style>
         .container {
             margin: 20px;
             width: 300px;
             height: 200px;
             border: 1px solid black;
             overflow: scroll;
         }
         .vertical-rl {
             -webkit-writing-mode: vertical-rl;
         }
         .offset {
             width: 2000px;
             height: 100px;
         }
         .target {
             width: 100px;
             height: 100px;
             background-color: red;
             visibility: hidden;
         }
     </style>
 </head>
 <body>
     <!-- A rect (target class) should be painted. -->
     <!-- In DumpRenderTree, there should be repaint logs of 100x100 rect. We don't care how many times is the log dumpped. -->
     <div class="vertical-rl">
     <div class="container">
         <div class="offset"></div>
         <div class="target"></div>
     </div></div>
     <script src="resources/text-based-repaint.js" type="text/javascript"></script>
     <script>
         repaintTest = function() {
             var target = document.getElementsByClassName("target")[0];
             target.style.visibility = "visible";
         };
         var container = document.getElementsByClassName("container")[0];
         container.scrollLeft = 0;
         runRepaintTest();
     </script>
 </body></html>
	<!DOCTYPE html>
	<html><head>
	<style>
	.container {
	margin: 20px;
	width: 300px;
	height: 200px;
	border: 1px solid black;
	overflow: scroll;
	}
	.vertical-rl {
	-webkit-writing-mode: vertical-rl;
	}
	.offset {
	width: 2000px;
	height: 100px;
	}
	.target {
	width: 100px;
	height: 100px;
	background-color: red;
	visibility: hidden;
	}
	</style>
	</head>
	<body>
	<!-- A rect (target class) should be painted. -->
	<!-- In DumpRenderTree, there should be repaint logs of 100x100 rect. We don't care how many times is the log dumpped. -->
	<div class="vertical-rl">
	<div class="container">
	<div class="offset"></div>
	<div class="target"></div>
	</div></div>
	<script src="resources/text-based-repaint.js" type="text/javascript"></script>
	<script>
	repaintTest = function() {
	var target = document.getElementsByClassName("target")[0];
	target.style.visibility = "visible";
	};
	var container = document.getElementsByClassName("container")[0];
	container.scrollLeft = 0;
	runRepaintTest();
	</script>
	</body></html>