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

Side by Side Diff: LayoutTests/paint/invalidation/spv2/fixed-child-of-transformed-move-after-scroll.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/fixed-child-of-transformed-move-after-scroll.html -->
1 <html> 2 <html>
2 <head> 3 <head>
3 <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 4 <meta http-equiv="content-type" content="text/html; charset=UTF-8">
4 <script src="resources/text-based-repaint.js"></script> 5 <script src="resources/paint-invalidation-test.js"></script>
5 <script type="text/javascript"> 6 <script type="text/javascript">
6 function scrollAndRepaint() 7 function scrollAndRepaint()
7 { 8 {
8 scrollBy(0, 200); 9 scrollBy(0, 200);
9 runRepaintTest(); 10 runPaintInvalidationTest();
10 } 11 }
11 function repaintTest() 12 window.expectedPaintInvalidationObjects = [
13 "LayoutBlockFlow (positioned) DIV id='toMove'",
14 ];
15 function paintInvalidationTest()
12 { 16 {
13 document.getElementById('toMove').style.left = "150px"; 17 document.getElementById('toMove').style.left = "150px";
14 document.getElementById('toMove').style.backgroundColor = "green"; 18 document.getElementById('toMove').style.backgroundColor = "green";
15 } 19 }
16 </script> 20 </script>
17 </head> 21 </head>
18 <body onload="scrollAndRepaint()" style="height: 3000px;"> 22 <body onload="scrollAndRepaint()" style="height: 3000px;">
19 <div style="position: absolute: top: 0; left: 0; transform: translate(0, 0); "> 23 <div style="position: absolute: top: 0; left: 0; transform: translate(0, 0); ">
20 <p style="position: absolute; top: 210px">You should see a yellow rect on the left, and a green one on the right. No red pixels.</p> 24 <p style="position: absolute; top: 210px">You should see a yellow rect on the left, and a green one on the right. No red pixels.</p>
21 <div id="toMove" style="width: 100px; height: 100px; background-color: red ; position: fixed; top: 270px; left: 10px;"></div> 25 <div id="toMove" style="width: 100px; height: 100px; background-color: red ; position: fixed; top: 270px; left: 10px;"></div>
22 <div style="width: 100px; height: 100px; background-color: yellow; positio n: absolute; top: 270px; left: 10px; z-index: -5;"></div> 26 <div style="width: 100px; height: 100px; background-color: yellow; positio n: absolute; top: 270px; left: 10px; z-index: -5;"></div>
23 </div> 27 </div>
24 </body> 28 </body>
25 </html> 29 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698