| 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 |
|---|
Chromium Code Reviews
Issue 83123002:
DevTools: Move DOMNode.appropriateSelectorFor() into DOMPresentationUtil. (Closed)
Base URL: svn://svn.chromium.org/blink/trunk