OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <head> | 2 <head> |
3 <style> | 3 <style> |
4 | 4 |
5 .compositedAndRotated { | 5 .compositedAndRotated { |
6 transform: translatez(0) rotate(45deg); | 6 transform: translatez(0) rotate(45deg); |
7 } | 7 } |
8 | 8 |
9 .box { | 9 .box { |
10 width: 100px; | 10 width: 100px; |
(...skipping 26 matching lines...) Expand all Loading... |
37 | 37 |
38 div:hover { | 38 div:hover { |
39 background-color: green; | 39 background-color: green; |
40 } | 40 } |
41 | 41 |
42 </style> | 42 </style> |
43 <script> | 43 <script> |
44 if (window.testRunner) | 44 if (window.testRunner) |
45 testRunner.dumpAsText(); | 45 testRunner.dumpAsText(); |
46 | 46 |
47 if (window.internals) | |
48 internals.settings.setLayerSquashingEnabled(true); | |
49 | |
50 function runTest() | 47 function runTest() |
51 { | 48 { |
52 if (!window.internals) { | 49 if (!window.internals) { |
53 alert('This test requires window.internals') | 50 alert('This test requires window.internals') |
54 return; | 51 return; |
55 } | 52 } |
56 | 53 |
57 document.body.textContent = window.internals.layerTreeAsText(document, i
nternals.LAYER_TREE_INCLUDES_REPAINT_RECTS); | 54 document.body.textContent = window.internals.layerTreeAsText(document, i
nternals.LAYER_TREE_INCLUDES_REPAINT_RECTS); |
58 document.body.style.whiteSpace = 'pre'; | 55 document.body.style.whiteSpace = 'pre'; |
59 } | 56 } |
60 </script> | 57 </script> |
61 </head> | 58 </head> |
62 <body onload="runTest()"> | 59 <body onload="runTest()"> |
63 <div class="compositedAndRotated box behind"></div> | 60 <div class="compositedAndRotated box behind"></div> |
64 <div class="box middle"></div> | 61 <div class="box middle"></div> |
65 <div class="box top"></div> | 62 <div class="box top"></div> |
66 </body> | 63 </body> |
OLD | NEW |