chromium/src/third_party/blink/web_tests/paint/invalidation/overflow/composited-overflow-local-background-removed.html - manifest_repos/chromium_src - Git at Google

 <!DOCTYPE html>
 <script src="../resources/text-based-repaint.js"></script>
 <script>
 function repaintTest() {
     scroller.style.background = '';
 }
 onload = runRepaintAndPixelTest;
 </script>
 <style>
 #scroller {
     overflow: scroll;
     width: 200px;
     height: 200px;
     will-change: transform;
 }

 .spacer {
     height: 300px;
 }
 </style>
 <!-- #scroller has a locally attached background which will be painted into the
     scrolling contents layer. When the color is removed it should be cleared. -->
 <div id="scroller" style="background: red local;">
     <p>Content</p>
     <div class="spacer"></div>
 </div>
	<!DOCTYPE html>
	<script src="../resources/text-based-repaint.js"></script>
	<script>
	function repaintTest() {
	scroller.style.background = '';
	}
	onload = runRepaintAndPixelTest;
	</script>
	<style>
	#scroller {
	overflow: scroll;
	width: 200px;
	height: 200px;
	will-change: transform;
	}

	.spacer {
	height: 300px;
	}
	</style>
	<!-- #scroller has a locally attached background which will be painted into the
	scrolling contents layer. When the color is removed it should be cleared. -->
	<div id="scroller" style="background: red local;">
	<p>Content</p>
	<div class="spacer"></div>
	</div>