Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(317)

Side by Side Diff: LayoutTests/paint/invalidation/spv2/scroll-with-transformed-parent-layer.html

Issue 1302183007: Convert some text-based-repaint tests for spv2 (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Created 5 years, 3 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
OLDNEW
1 <!-- Based on fast/repaint/scroll-with-transformed-parent-layer.html -->
1 <html> 2 <html>
2 <head> 3 <head>
3 <link rel="stylesheet" href="resources/default.css"></style> 4 <link rel="stylesheet" href="../../../fast/repaint/resources/default.css"></ style>
4 <script src="resources/text-based-repaint.js" type="text/javascript"></scrip t> 5 <script src="resources/paint-invalidation-test.js" type="text/javascript"></ script>
5 <script type="text/javascript"> 6 <script type="text/javascript">
6 if (window.testRunner) 7 window.expectedPaintInvalidationObjects = [
7 testRunner.dumpAsTextWithPixelResults(); 8 "LayoutBlockFlow (positioned) DIV id='moveMe' class='absolute clippe d'",
8 9 "LayoutBlockFlow (positioned) DIV class='absolute green'",
9 function repaintTest() 10 "LayoutBlockFlow (positioned) DIV class='absolute red'",
11 ];
12 function paintInvalidationTest()
10 { 13 {
11 var moveMeElement = document.getElementById('moveMe'); 14 var moveMeElement = document.getElementById('moveMe');
12 moveMeElement.scrollTop = 100; 15 moveMeElement.scrollTop = 100;
13 moveMeElement.scrollLeft = 50; 16 moveMeElement.scrollLeft = 50;
14 } 17 }
15 </script> 18 </script>
16 </head> 19 </head>
17 <body style="height:2000px;" onload="runRepaintTest()"> 20 <body style="height:2000px;" onload="runPaintInvalidationTest()">
18 <!-- You should see 1 green rectangle rotated in the output and no red. --> 21 <!-- You should see 1 green rectangle rotated in the output and no red. -->
19 <div style="top: 150px; left: 100px" class="absolute clipped rotated"> 22 <div style="top: 150px; left: 100px" class="absolute clipped rotated">
20 <div id="moveMe" class="absolute clipped" style="top: 0px; left: 0px;"> 23 <div id="moveMe" class="absolute clipped" style="top: 0px; left: 0px;">
21 <div class="absolute green" style="top: 100px; left: 50px"></div> 24 <div class="absolute green" style="top: 100px; left: 50px"></div>
22 <div class="absolute red" style="top: 0px; left: 0px;"></div> 25 <div class="absolute red" style="top: 0px; left: 0px;"></div>
23 </div> 26 </div>
24 </div> 27 </div>
25 </body> 28 </body>
26 </html> 29 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698