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

Side by Side Diff: LayoutTests/paint/invalidation/spv2/scroll-fixed-layer-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-fixed-layer-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='fixed clipped'" ,
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 = 250; 15 moveMeElement.scrollTop = 250;
13 moveMeElement.scrollLeft = 150; 16 moveMeElement.scrollLeft = 150;
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 class="rotated"> 22 <div class="rotated">
20 <div id="moveMe" style="top: 100px; left: 250px;" class="fixed clipped"> 23 <div id="moveMe" style="top: 100px; left: 250px;" class="fixed clipped">
21 <div class="absolute green" style="top: 250px; left: 150px;"></div> 24 <div class="absolute green" style="top: 250px; left: 150px;"></div>
22 <div class="absolute red" style="top: 0px; left: 0px; height: 250px; width: 150px;"></div> 25 <div class="absolute red" style="top: 0px; left: 0px; height: 250px; width: 150px;"></div>
23 </div> 26 </div>
24 </div> 27 </div>
25 <!-- Make sure we are scrolled --> 28 <!-- Make sure we are scrolled -->
26 <div style="top: 0px; left: 0px;" class="absolute red"></div> 29 <div style="top: 0px; left: 0px;" class="absolute red"></div>
27 <script> 30 <script>
28 window.scrollTo(100, 180); 31 window.scrollTo(100, 180);
29 </script> 32 </script>
30 </body> 33 </body>
31 </html> 34 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698