Chromium Code Reviews Chromium Code Reviews
Issue 23050018:
DevTools: expose layer compositing reasons and paint count via layer tree agent (Closed)
Base URL: svn://svn.chromium.org/blink/trunk| Index: LayoutTests/inspector/layer-compositing-reasons.html |
| diff --git a/LayoutTests/inspector/layer-compositing-reasons.html b/LayoutTests/inspector/layer-compositing-reasons.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..21e1a118029ce879d708bbd393e062402a767258 |
| --- /dev/null |
| +++ b/LayoutTests/inspector/layer-compositing-reasons.html |
| @@ -0,0 +1,82 @@ |
| +<html> |
| +<head> |
| +<style> |
| +@-webkit-keyframes rotate { |
|
pfeldman
2013/08/22 16:49:54
This should be a protocol test.
|
| + 0% { -webkit-transform: rotate(0deg); } |
| + 50% { -webkit-transform: rotate(180deg); } |
| + 100% { -webkit-transform: rotate(360deg); } |
| +} |
| + |
| +</style> |
| +<script src="../http/tests/inspector/inspector-test.js"></script> |
| +<script src="layers-test.js"></script> |
| +<script> |
| +function test() |
| +{ |
| + function dumpCompositingReasons(layer, callback) |
| + { |
| + layer.requestCompositingReasons(function(reasons) |
| + { |
| + var node = WebInspector.domAgent.nodeForId(layer.nodeIdForSelfOrAncestor()); |
| + var label = node.appropriateSelectorFor(false); |
| + InspectorTest.addResult("Compositing reasons for " + label + ": " + reasons.sort().join(",")); |
| + callback(); |
| + }); |
| + } |
| + |
| + var idsToTest = [ |
| + "transform3d", |
| + "iframe", |
| + "backface-visibility", |
| + "animation", |
| + "transformWithCompositedDescendants", |
| + "opacityWithCompositedDescendants", |
| + "reflectionWithCompositedDescendants", |
| + "perspective", |
| + "preserve3d" |
| + ]; |
| + |
| + function iterateThroughLayers(nextLayerId) |
| + { |
| + if (nextLayerId >= idsToTest.length) { |
| + InspectorTest.completeTest(); |
| + return; |
| + } |
| + dumpCompositingReasons(InspectorTest.findLayerByNodeIdAttribute(idsToTest[nextLayerId]), iterateThroughLayers.bind(this, nextLayerId + 1)); |
| + } |
| + function onGotLayers() |
| + { |
| + dumpCompositingReasons(InspectorTest._layerTreeModel.root(), iterateThroughLayers.bind(this, 0)); |
| + } |
| + InspectorTest._layerTreeModel.requestLayers(onGotLayers); |
| +} |
| + |
| +</script> |
| +</head> |
| +<body onload="runTest()"> |
| +<div id="transform3d" style="-webkit-transform: translateZ(100px);">translated</div> |
| +<iframe id="iframe" src="resources/composited-iframe.html"></iframe> |
| +<div id="backface-visibility" style="-webkit-backface-visibility: hidden">backface hidden</div> |
| +<div id="animation" style="width: 50px; height: 50px; -webkit-animation-name: rotate; -webkit-animation-iteration-count: infinite; -webkit-animation-duration: 5s;">animated</div> |
| +<div id="transformWithCompositedDescendants" style="-webkit-transform: rotate(10deg)"> |
| + <div style="-webkit-transform: translateZ(100px);"> |
| + </div> |
| +</div> |
| +<div id="opacityWithCompositedDescendants" style="opacity: 0.5"> |
| + <div style="-webkit-transform: translateZ(100px);">opacity |
| + </div> |
| +</div> |
| +<div id="reflectionWithCompositedDescendants" style="-webkit-box-reflect: below"> |
| + <div style="-webkit-transform: translateZ(100px);">reflected |
| + </div> |
| +</div> |
| +<div id="perspective" style="-webkit-perspective: 500;"> |
| + <div style="-webkit-transform: translateZ(100px);">perspective |
| + </div> |
| +</div> |
| +<div id="preserve3d" style="-webkit-transform-style: preserve-3d;"> |
| + <div style="-webkit-transform: translateZ(100px);">preserve3d |
| + </div> |
| +</div> |
| +</body> |
| +</html> |
