| 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 |