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

Side by Side Diff: third_party/WebKit/LayoutTests/paint/invalidation/fixed-move-after-scroll.html

Issue 2321183002: Move repaint tests (except for svg/) to paint/invalidation (Closed)
Patch Set: - Created 4 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
OLDNEW
1 <html> 1 <html>
2 <head> 2 <head>
3 <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 3 <meta http-equiv="content-type" content="text/html; charset=UTF-8">
4 <script src="resources/text-based-repaint.js"></script> 4 <script src="resources/text-based-repaint.js"></script>
5 <script type="text/javascript"> 5 <script type="text/javascript">
6 function scrollAndRepaint() 6 function scrollAndRepaint()
7 { 7 {
8 scrollBy(0, 200); 8 scrollBy(0, 200);
9 runRepaintAndPixelTest(); 9 runRepaintAndPixelTest();
10 } 10 }
11 function repaintTest() 11 function repaintTest()
12 { 12 {
13 document.getElementById('toMove').style.left = "150px"; 13 document.getElementById('toMove').style.left = "150px";
14 document.getElementById('toMove').style.backgroundColor = "green"; 14 document.getElementById('toMove').style.backgroundColor = "green";
15 } 15 }
16 </script> 16 </script>
17 </head> 17 </head>
18 <body onload="scrollAndRepaint()" style="height: 3000px;"> 18 <body onload="scrollAndRepaint()" style="height: 3000px;">
19 <p style="position: absolute; top: 210">You should see a yellow rect on the left, and a green one on the right. No red pixels.</p> 19 <p style="position: absolute; top: 210">You should see a yellow rect on the left, and a green one on the right. No red pixels.</p>
20 <div id="toMove" style="width: 100px; height: 100px; background-color: red; position: fixed; top: 70px; left: 10px;"></div> 20 <div id="toMove" style="width: 100px; height: 100px; background-color: red; position: fixed; top: 70px; left: 10px;"></div>
21 <div style="width: 100px; height: 100px; background-color: yellow; position: absolute; top: 270px; left: 10px; z-index: -5;"></div> 21 <div style="width: 100px; height: 100px; background-color: yellow; position: absolute; top: 270px; left: 10px; z-index: -5;"></div>
22 </body> 22 </body>
23 </html> 23 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698