OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <style> | 2 <style> |
3 .box { | 3 .box { |
4 height: 200px; | 4 height: 200px; |
5 width: 200px; | 5 width: 200px; |
6 margin: 10px; | 6 margin: 10px; |
7 padding: 5px; | 7 padding: 5px; |
8 background-color: blue; | 8 background-color: blue; |
9 } | 9 } |
10 | 10 |
11 .composited { | 11 .composited { |
12 transform: translateZ(0); | 12 transform: translateZ(0); |
13 } | 13 } |
14 | 14 |
15 #trigger { | 15 #trigger { |
16 width: 20px; | 16 width: 20px; |
17 height: 20px; | 17 height: 20px; |
18 background-color: silver; | 18 background-color: silver; |
19 } | 19 } |
20 </style> | 20 </style> |
21 <script> | 21 <script> |
22 if (window.testRunner) | 22 if (window.testRunner) |
23 window.testRunner.dumpAsText(); | 23 window.testRunner.dumpAsText(); |
24 | 24 |
25 function doTest() | 25 function doTest() |
26 { | 26 { |
27 document.getElementById('test').classList.remove('composited'); | 27 document.getElementById('test').classList.remove('composited'); |
28 if (window.testRunner) | 28 if (window.testRunner) |
29 document.getElementById('layers').innerText = window.internals.layerTree
AsText(document); | 29 document.getElementById('layers').innerText = window.internals.layerTree
AsText(document, window.internals.OUTPUT_CHILDREN_AS_LAYER_LIST); |
30 } | 30 } |
31 window.addEventListener('load', doTest, false); | 31 window.addEventListener('load', doTest, false); |
32 </script> | 32 </script> |
33 <!-- This test div starts out with a 3d transform, but should be | 33 <!-- This test div starts out with a 3d transform, but should be |
34 de-promoted from a composited layer before the test completes. --> | 34 de-promoted from a composited layer before the test completes. --> |
35 <div id="test" class="composited box"></div> | 35 <div id="test" class="composited box"></div> |
36 <pre id="layers">Layer tree appears here in DRT.</pre> | 36 <pre id="layers">Layer tree appears here in DRT.</pre> |
OLD | NEW |