Index: LayoutTests/compositing/visibility/visibility-remove-layer.html |
diff --git a/LayoutTests/compositing/visibility/visibility-remove-layer.html b/LayoutTests/compositing/visibility/visibility-remove-layer.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..e0eec71fd7fbcd5e8d89d6bf1471f47cd3623165 |
--- /dev/null |
+++ b/LayoutTests/compositing/visibility/visibility-remove-layer.html |
@@ -0,0 +1,71 @@ |
+<!DOCTYPE html> |
+<html> |
+<head> |
+ <style> |
+ .set { |
+ position: absolute; |
+ top: 8px; |
+ } |
+ .box { |
+ height: 100px; |
+ width: 100px; |
+ background-color: blue; |
+ } |
+ |
+ .hidden { |
+ visibility: hidden; |
+ } |
+ |
+ .container.hidden { |
+ outline: 4px solid red; |
+ } |
+ |
+ .visible { |
+ visibility: visible; |
+ } |
+ .should-be-hidden { |
+ background-color: red !important; |
+ } |
+ .should-be-visible { |
+ background-color: green !important; |
+ } |
+ .composited { |
+ -webkit-transform: translateZ(1px); |
+ } |
+ |
+ .visible-indicator { |
+ background-color: green; |
+ } |
+ |
+ .hidden-indicator { |
+ background-color: red; |
+ } |
+ </style> |
+ <script> |
+ if (window.testRunner) |
+ testRunner.waitUntilDone(); |
+ requestAnimationFrame(function() { |
+ requestAnimationFrame(function() { |
+ document.getElementById('target').classList.remove('composited'); |
+ setTimeout(function() { |
+ if (window.testRunner) |
+ testRunner.notifyDone(); |
+ }); |
+ }); |
+ }); |
+ </script> |
+</head> |
+<body> |
+ <div class="set"> |
+ <div class="hidden-indicator box"></div> |
+ </div> |
+ |
+ <div class="set"> |
+ <div class="hidden container composited"> |
+ <div id="target" class="hidden composited"> |
+ <div class="visible box should-be-visible"></div> |
+ </div> |
+ </div> |
+ </div> |
+</body> |
+</html> |