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

Side by Side Diff: third_party/WebKit/LayoutTests/paint/invalidation/spv2/scroll-in-fixed-layer.html

Issue 1366763002: Text expectations of paint/invalidation/spv2 (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 5 years, 2 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
OLDNEW
1 <!-- Based on fast/repaint/scroll-in-fixed-layer.html --> 1 <!-- Based on fast/repaint/scroll-in-fixed-layer.html -->
2 <html> 2 <html>
3 <head> 3 <head>
4 <link rel="stylesheet" href="../../../fast/repaint/resources/default.css"></ style> 4 <link rel="stylesheet" href="../../../fast/repaint/resources/default.css"></ style>
5 <script src="resources/paint-invalidation-test.js" type="text/javascript"></ script> 5 <script src="resources/paint-invalidation-test.js" type="text/javascript"></ script>
6 <script type="text/javascript"> 6 <script type="text/javascript">
7 window.onload = function() { 7 window.onload = function() {
8 window.scrollTo(1000, 1000); 8 window.scrollTo(1000, 1000);
9 runPaintInvalidationTest(); 9 runPaintInvalidationTest();
10 }; 10 };
11 11
12 window.expectedPaintInvalidationObjects = [
13 "LayoutBlockFlow (positioned) DIV id='moveMe' class='fixed clipped'" ,
14 "LayoutBlockFlow (positioned) DIV class='absolute green'",
15 "LayoutBlockFlow (positioned) DIV class='absolute red'",
16 ];
17 function paintInvalidationTest() 12 function paintInvalidationTest()
18 { 13 {
19 var moveMeElement = document.getElementById('moveMe'); 14 var moveMeElement = document.getElementById('moveMe');
20 moveMeElement.scrollTop = 100; 15 moveMeElement.scrollTop = 100;
21 moveMeElement.scrollLeft = 150; 16 moveMeElement.scrollLeft = 150;
22 } 17 }
23 </script> 18 </script>
24 </head> 19 </head>
25 <body style="height:2000px;"> 20 <body style="height:2000px;">
26 <!-- You should see 1 green rectangle in the output and no red. --> 21 <!-- You should see 1 green rectangle in the output and no red. -->
27 <div id="moveMe" style="top: 150px; left: 100px;" class="fixed clipped"> 22 <div id="moveMe" style="top: 150px; left: 100px;" class="fixed clipped">
28 <div class="absolute green" style="top: 100px; left: 150px;"></div> 23 <div class="absolute green" style="top: 100px; left: 150px;"></div>
29 <div class="absolute red" style="top:0px; left: 0px;"></div> 24 <div class="absolute red" style="top:0px; left: 0px;"></div>
30 </div> 25 </div>
31 <!-- Make sure we are scrolled --> 26 <!-- Make sure we are scrolled -->
32 <div style="top: 0px; left: 0px;" class="absolute red"></div> 27 <div style="top: 0px; left: 0px;" class="absolute red"></div>
33 </body> 28 </body>
34 </html> 29 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698