OLD | NEW |
1 <html> | 1 <html> |
2 <head> | 2 <head> |
3 <style> | 3 <style> |
4 @-webkit-keyframes rotate { | 4 @-webkit-keyframes rotate { |
5 0% { -webkit-transform: rotate(0deg); } | 5 0% { -webkit-transform: rotate(0deg); } |
6 50% { -webkit-transform: rotate(180deg); } | 6 50% { -webkit-transform: rotate(180deg); } |
7 100% { -webkit-transform: rotate(360deg); } | 7 100% { -webkit-transform: rotate(360deg); } |
8 } | 8 } |
9 | 9 |
10 </style> | 10 </style> |
11 <script src="../http/tests/inspector/inspector-test.js"></script> | 11 <script src="../http/tests/inspector/inspector-test.js"></script> |
12 <script src="../http/tests/inspector/layers-test.js"></script> | 12 <script src="../http/tests/inspector/layers-test.js"></script> |
13 <script> | 13 <script> |
14 if (window.internals) { | 14 if (window.internals) { |
15 document.addEventListener('webkitAnimationStart', function() { | 15 document.addEventListener('webkitAnimationStart', function() { |
16 internals.pauseAnimations(0); | 16 internals.pauseAnimations(0); |
17 }); | 17 }); |
18 } | 18 } |
19 | 19 |
20 function test() | 20 function test() |
21 { | 21 { |
22 function dumpCompositingReasons(layer, callback) | 22 function dumpCompositingReasons(layer, callback) |
23 { | 23 { |
24 layer.requestCompositingReasons(function(reasons) | 24 layer.requestCompositingReasons(function(reasons) |
25 { | 25 { |
26 var node = WebInspector.domAgent.nodeForId(layer.nodeIdForSelfOrAnce
stor()); | 26 var node = WebInspector.domAgent.nodeForId(layer.nodeIdForSelfOrAnce
stor()); |
27 var label = node.appropriateSelectorFor(false); | 27 var label = WebInspector.DOMPresentationUtils.appropriateSelectorFor
(node, false); |
28 InspectorTest.addResult("Compositing reasons for " + label + ": " +
reasons.sort().join(",")); | 28 InspectorTest.addResult("Compositing reasons for " + label + ": " +
reasons.sort().join(",")); |
29 callback(); | 29 callback(); |
30 }); | 30 }); |
31 } | 31 } |
32 | 32 |
33 var idsToTest = [ | 33 var idsToTest = [ |
34 "transform3d", | 34 "transform3d", |
35 "iframe", | 35 "iframe", |
36 "backface-visibility", | 36 "backface-visibility", |
37 "animation", | 37 "animation", |
(...skipping 41 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
79 <div id="perspective" style="-webkit-perspective: 500;"> | 79 <div id="perspective" style="-webkit-perspective: 500;"> |
80 <div style="-webkit-transform: translateZ(100px);">perspective | 80 <div style="-webkit-transform: translateZ(100px);">perspective |
81 </div> | 81 </div> |
82 </div> | 82 </div> |
83 <div id="preserve3d" style="-webkit-transform-style: preserve-3d;"> | 83 <div id="preserve3d" style="-webkit-transform-style: preserve-3d;"> |
84 <div style="-webkit-transform: translateZ(100px);">preserve3d | 84 <div style="-webkit-transform: translateZ(100px);">preserve3d |
85 </div> | 85 </div> |
86 </div> | 86 </div> |
87 </body> | 87 </body> |
88 </html> | 88 </html> |
OLD | NEW |