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

Side by Side Diff: LayoutTests/paint/invalidation/spv2/scroll-in-fixed-layer-expected.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 <html> 1 <html>
2 <head> 2 <head>
3 <link rel="stylesheet" href="resources/default.css"></style> 3 <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 type="text/javascript"> 4 <script type="text/javascript">
6 if (window.testRunner)
7 testRunner.dumpAsTextWithPixelResults();
8
9 window.onload = function() { 5 window.onload = function() {
10 window.scrollTo(1000, 1000); 6 window.scrollTo(1000, 1000);
11 runRepaintTest();
12 };
13
14 function repaintTest()
15 {
16 var moveMeElement = document.getElementById('moveMe'); 7 var moveMeElement = document.getElementById('moveMe');
17 moveMeElement.scrollTop = 100; 8 moveMeElement.scrollTop = 100;
18 moveMeElement.scrollLeft = 150; 9 moveMeElement.scrollLeft = 150;
19 } 10 };
20 </script> 11 </script>
21 </head> 12 </head>
22 <body style="height:2000px;"> 13 <body style="height:2000px;">
23 <!-- You should see 1 green rectangle in the output and no red. --> 14 <!-- You should see 1 green rectangle in the output and no red. -->
24 <div id="moveMe" style="top: 150px; left: 100px;" class="fixed clipped"> 15 <div id="moveMe" style="top: 150px; left: 100px;" class="fixed clipped">
25 <div class="absolute green" style="top: 100px; left: 150px;"></div> 16 <div class="absolute green" style="top: 100px; left: 150px;"></div>
26 <div class="absolute red" style="top:0px; left: 0px;"></div>
27 </div> 17 </div>
28 <!-- Make sure we are scrolled -->
29 <div style="top: 0px; left: 0px;" class="absolute red"></div>
30 </body> 18 </body>
31 </html> 19 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698