Index: LayoutTests/compositing/squashing/visibility-composited-squashing.html |
diff --git a/LayoutTests/compositing/squashing/visibility-composited-squashing.html b/LayoutTests/compositing/squashing/visibility-composited-squashing.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..27b2ea2cba21ccb20d199600c071d46f320be5a7 |
--- /dev/null |
+++ b/LayoutTests/compositing/squashing/visibility-composited-squashing.html |
@@ -0,0 +1,63 @@ |
+<!DOCTYPE html> |
+<html> |
+<head> |
+ <style> |
+ .set { |
+ position: absolute; |
+ top: 8px; |
+ } |
+ .box { |
+ height: 100px; |
+ width: 100px; |
+ background-color: lightblue; |
+ } |
+ .squashed { |
+ height: 40px; |
+ width: 40px; |
+ background-color: lightgreen; |
+ position: absolute; |
+ left: 16px; |
+ } |
+ .hidden { |
+ visibility: hidden; |
+ } |
+ .visible { |
+ visibility: visible; |
+ } |
+ .composited { |
+ -webkit-transform: translateZ(1px); |
+ } |
+ </style> |
+ <script> |
+ if (window.testRunner) { |
+ testRunner.waitUntilDone(); |
+ internals.settings.setLayerSquashingEnabled(true); |
+ } |
+ requestAnimationFrame(function() { |
+ requestAnimationFrame(function() { |
+ document.getElementById('target1').classList.add('visible'); |
+ document.getElementById('target2').classList.add('visible'); |
+ setTimeout(function() { |
+ if (window.testRunner) |
+ testRunner.notifyDone(); |
+ }); |
+ }); |
+ }); |
+ </script> |
+</head> |
+<body> |
+ <!-- This test checks that squashed RenderLayers are painted even if not all |
+ of the RenderLayers squahed into a given GraphicsLayer are visible. --> |
+ <div class="set"> |
+ <div class="composited box"></div> |
+ <div class="squashed hidden" style="top: 4px"></div> |
+ <div id="target1" class="squashed hidden" style="top: 54px"></div> |
+ </div> |
+ |
+ <div class="set" style="top: 116px"> |
+ <div class="composited box"></div> |
+ <div id="target2" class="squashed hidden" style="top: 4px"></div> |
+ <div class="squashed hidden" style="top: 54px"></div> |
+ </div> |
+</body> |
+</html> |