Chromium Code Reviews Chromium Code Reviews
Issue 233063004:
Suppress layer creation for descendants of GPU-rasterized layers (Closed)
Base URL: svn://svn.chromium.org/blink/trunk| Index: LayoutTests/compositing/will-change/gpu-rasterization-hint-removed.html |
| diff --git a/LayoutTests/compositing/will-change/gpu-rasterization-hint-removed.html b/LayoutTests/compositing/will-change/gpu-rasterization-hint-removed.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..1817052b71ad89ce9c296e641843fbd80735226e |
| --- /dev/null |
| +++ b/LayoutTests/compositing/will-change/gpu-rasterization-hint-removed.html |
| @@ -0,0 +1,59 @@ |
| +<!DOCTYPE html> |
| +<html> |
| +<head> |
| + <style> |
| + #container { |
| + will-change: contents; |
| + position: absolute; |
| + z-index: 0; |
| + left: 200px; |
| + top: 100px; |
| + width: 100px; |
| + height: 100px; |
| + background-color: blue; |
| + } |
| + |
| + #willChangeOpacity { |
| + position: absolute; |
| + left: 50px; |
| + top: 50px; |
| + width: 75px; |
| + height: 75px; |
| + background-color: green; |
| + will-change: opacity; |
| + } |
| + </style> |
| + <script type="text/javascript"> |
| + if (window.internals) { |
| + window.internals.settings.setAcceleratedCompositingForGpuRasterizationHintEnabled(true); |
| + // Force an update of the compositing triggers. |
| + window.internals.forceCompositingUpdate(document); |
| + } |
| + |
| + function doTest() |
| + { |
| + if (window.internals) { |
| + window.internals.forceCompositingUpdate(document); |
| + } |
|
abarth-chromium
2014/04/14 20:25:53
Same question
ajuma
2014/04/15 19:11:34
As in the other test, this is testing what happens
|
| + // Removing "will-change: contents" from the container div should |
| + // allow its child to composite. |
| + document.getElementById("container").style.willChange = "top"; |
| + if (window.testRunner) { |
| + document.getElementById("layertree").innerText = window.internals.layerTreeAsText(document); |
| + testRunner.dumpAsText(); |
| + } |
| + } |
| + |
| + window.addEventListener('load', doTest, false); |
| + </script> |
| +</head> |
| + |
| +<body> |
| + <div id="container"> |
| + <div id="willChangeOpacity"></div> |
| + </div> |
| + |
| + <pre id="layertree"></pre> |
| +</body> |
| + |
| +</html> |
