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

Side by Side Diff: third_party/WebKit/LayoutTests/compositing/will-change/containing-block-added.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 #container { 5 #container {
6 will-change: top; 6 will-change: top;
7 position: absolute; 7 position: absolute;
8 left: 200px; 8 left: 200px;
9 top: 100px; 9 top: 100px;
10 width: 100px; 10 width: 100px;
11 height: 100px; 11 height: 100px;
12 background-color: blue; 12 background-color: blue;
13 } 13 }
14 14
15 .fixed { 15 .fixed {
16 position: fixed; 16 position: fixed;
17 left: 50px; 17 left: 50px;
18 top: 50px; 18 top: 50px;
19 width: 75px; 19 width: 75px;
20 height: 75px; 20 height: 75px;
21 background-color: green 21 background-color: green
22 } 22 }
23 </style> 23 </style>
24 <script src="../../fast/repaint/resources/text-based-repaint.js"></script> 24 <script src="../../fast/repaint/resources/repaint.js"></script>
25 <script> 25 <script>
26 function repaintTest() 26 function repaintTest()
27 { 27 {
28 // Adding "will-change: -webkit-transform" to the container div should 28 // Adding "will-change: -webkit-transform" to the container div should
29 // make this div become the containing block for its fixed position 29 // make this div become the containing block for its fixed position
30 // descendant. 30 // descendant.
31 document.getElementById("container").style.willChange = "transform"; 31 document.getElementById("container").style.willChange = "transform";
32 } 32 }
33 onload = runRepaintAndPixelTest; 33 onload = runRepaintTest;
34 </script> 34 </script>
35 </head> 35 </head>
36 36
37 <body> 37 <body>
38 <div id="container"> 38 <div id="container">
39 <div class="fixed"></div> 39 <div class="fixed"></div>
40 </div> 40 </div>
41 </body> 41 </body>
42 42
43 </html> 43 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698