OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <head> | 2 <head> |
3 <script src="../../resources/run-after-display.js"></script> | 3 <script src="../../resources/run-after-display.js"></script> |
4 <style> | 4 <style> |
5 .composited { | 5 .composited { |
6 transform: translatez(0); | 6 transform: translatez(0); |
7 } | 7 } |
8 | 8 |
9 .box { | 9 .box { |
10 width: 100px; | 10 width: 100px; |
(...skipping 20 matching lines...) Expand all Loading... |
31 position:absolute; | 31 position:absolute; |
32 top:10px; | 32 top:10px; |
33 left: 10px; | 33 left: 10px; |
34 height: 50px; width: 50px; | 34 height: 50px; width: 50px; |
35 background-color: lightslategray; | 35 background-color: lightslategray; |
36 z-index: 2 | 36 z-index: 2 |
37 } | 37 } |
38 | 38 |
39 </style> | 39 </style> |
40 <script> | 40 <script> |
41 if (window.internals) | |
42 internals.settings.setLayerSquashingEnabled(true); | |
43 if (window.testRunner) { | 41 if (window.testRunner) { |
44 testRunner.dumpAsText(); | 42 testRunner.dumpAsText(); |
45 testRunner.waitUntilDone(); | 43 testRunner.waitUntilDone(); |
46 } | 44 } |
47 | 45 |
48 function runTest() | 46 function runTest() |
49 { | 47 { |
50 runAfterDisplay(executeTestCases); | 48 runAfterDisplay(executeTestCases); |
51 } | 49 } |
52 | 50 |
(...skipping 25 matching lines...) Expand all Loading... |
78 </div> | 76 </div> |
79 | 77 |
80 <div id="testResults" style="display:none"> | 78 <div id="testResults" style="display:none"> |
81 CASE 1, original layer tree | 79 CASE 1, original layer tree |
82 <pre id="Case1"></pre> | 80 <pre id="Case1"></pre> |
83 | 81 |
84 CASE 2, change color of "inner" to red | 82 CASE 2, change color of "inner" to red |
85 <pre id="Case2"></pre> | 83 <pre id="Case2"></pre> |
86 </div> | 84 </div> |
87 </body> | 85 </body> |
OLD | NEW |