Index: third_party/WebKit/LayoutTests/compositing/root-scroller/clipping-ancestor-is-non-composited-sibling.html |
diff --git a/third_party/WebKit/LayoutTests/compositing/root-scroller/clipping-ancestor-is-non-composited-sibling.html b/third_party/WebKit/LayoutTests/compositing/root-scroller/clipping-ancestor-is-non-composited-sibling.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..7af729a3b650742189b48d9d6129452ec5dddeb0 |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/compositing/root-scroller/clipping-ancestor-is-non-composited-sibling.html |
@@ -0,0 +1,52 @@ |
+<!DOCTYPE html> |
+<style> |
+ ::-webkit-scrollbar { |
+ width: 0px; |
+ height: 0px; |
+ } |
+ |
+ body, html { |
+ width: 100%; |
+ height: 100%; |
+ background-color: blue; |
+ } |
+ |
+ body { |
+ margin: 0px; |
+ } |
+ |
+ iframe { |
+ width: 100vw; |
+ height: 100vh; |
+ left: -50px; |
+ top: -50px; |
+ position: absolute; |
+ border: 0; |
+ } |
+ |
+ .clipBox { |
+ position: absolute; |
+ overflow: hidden; |
+ left: 50px; |
+ right: 50px; |
+ top: 50px; |
+ bottom: 50px; |
+ } |
+</style> |
+ |
+<script> |
+ // This test passed if the output is a fully yellow screen. We expect that |
+ // the "clipBox" boxes in this document and the iframe will have their |
+ // clipping layers disabled/removed since the child #container element in the |
+ // iframe is made to be the root scroller. |
+ if (window.testRunner) |
+ testRunner.dumpAsTextWithPixelResults(); |
+ |
+ window.addEventListener('load', function() { |
+ document.rootScroller = document.getElementById('child'); |
+ }); |
+</script> |
+ |
+<div class="clipBox"> |
+ <iframe id="child" src="resources/clipping-ancestor-is-non-composited-sibling-iframe.html"></iframe> |
+</div> |