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

Side by Side Diff: third_party/WebKit/LayoutTests/fast/repaint/fixed-element-repaint-after-compositing-update.html

Issue 1972273002: Let repaint tests test pixels by default (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 4 years, 7 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 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html> 2 <html>
3 <head> 3 <head>
4 <style> 4 <style>
5 #fixedTransformed { 5 #fixedTransformed {
6 position: fixed; 6 position: fixed;
7 transform: translateZ(0) 7 transform: translateZ(0)
8 } 8 }
9 #fixedOverlapping { 9 #fixedOverlapping {
10 position: fixed; 10 position: fixed;
11 z-index: 0; 11 z-index: 0;
12 width: 100%; 12 width: 100%;
13 height: 100%; 13 height: 100%;
14 } 14 }
15 #moveMe { 15 #moveMe {
16 position: fixed; 16 position: fixed;
17 z-index: 1; 17 z-index: 1;
18 background: green; 18 background: green;
19 width: 100px; 19 width: 100px;
20 height: 100px; 20 height: 100px;
21 } 21 }
22 </style> 22 </style>
23 <script src="resources/text-based-repaint.js"></script> 23 <script src="resources/repaint.js"></script>
24 <script> 24 <script>
25 function repaintTest() { 25 function repaintTest() {
26 var mP = document.getElementById("moveMe"); 26 var mP = document.getElementById("moveMe");
27 mP.style.top = "150px"; 27 mP.style.top = "150px";
28 mP.style.left = "150px"; 28 mP.style.left = "150px";
29 } 29 }
30 30
31 runRepaintTest(); 31 runRepaintTest();
32 </script> 32 </script>
33 </head> 33 </head>
34 34
35 <body> 35 <body>
36 <p>This test checks that we correctly invalidate a shifted fixed positioned element overlapping another fixed positioned element.</p> 36 <p>This test checks that we correctly invalidate a shifted fixed positioned element overlapping another fixed positioned element.</p>
37 <p>For this test, there should be only one green square below.</p> 37 <p>For this test, there should be only one green square below.</p>
38 <div id="fixedTransformed"></div> 38 <div id="fixedTransformed"></div>
39 <div id="fixedOverlapping"></div> 39 <div id="fixedOverlapping"></div>
40 <div id="moveMe"></div> 40 <div id="moveMe"></div>
41 </body> 41 </body>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698