| 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.domModel.nodeForId(layer.nodeIdForSelfOrAnce
stor()); |
| 27 var label = WebInspector.DOMPresentationUtils.fullQualifiedSelector(
node, false); | 27 var label = WebInspector.DOMPresentationUtils.fullQualifiedSelector(
node, false); |
| 28 InspectorTest.addResult("Compositing reasons for " + label + ": " +
reasons.sort().join(",")); | 28 InspectorTest.addResult("Compositing reasons for " + label + ": " +
reasons.sort().join(",")); |
| 29 if (callback) | 29 if (callback) |
| 30 callback(); | 30 callback(); |
| 31 }); | 31 }); |
| 32 } | 32 } |
| 33 | 33 |
| 34 var idsToTest = [ | 34 var idsToTest = [ |
| 35 "transform3d", | 35 "transform3d", |
| 36 "iframe", | 36 "iframe", |
| (...skipping 38 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 75 <div id="perspective" style="-webkit-perspective: 500;"> | 75 <div id="perspective" style="-webkit-perspective: 500;"> |
| 76 <div style="-webkit-transform: translateZ(100px);">perspective | 76 <div style="-webkit-transform: translateZ(100px);">perspective |
| 77 </div> | 77 </div> |
| 78 </div> | 78 </div> |
| 79 <div id="preserve3d" style="-webkit-transform-style: preserve-3d;"> | 79 <div id="preserve3d" style="-webkit-transform-style: preserve-3d;"> |
| 80 <div style="-webkit-transform: translateZ(100px);">preserve3d | 80 <div style="-webkit-transform: translateZ(100px);">preserve3d |
| 81 </div> | 81 </div> |
| 82 </div> | 82 </div> |
| 83 </body> | 83 </body> |
| 84 </html> | 84 </html> |
| OLD | NEW |