Index: third_party/WebKit/LayoutTests/compositing/root-scroller/clipping-ancestor-is-composited-sibling.html |
diff --git a/third_party/WebKit/LayoutTests/compositing/root-scroller/clipping-ancestor-is-composited-sibling.html b/third_party/WebKit/LayoutTests/compositing/root-scroller/clipping-ancestor-is-composited-sibling.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..50db7ff13d8c96885804f0bc4159e9e3ff59a130 |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/compositing/root-scroller/clipping-ancestor-is-composited-sibling.html |
@@ -0,0 +1,53 @@ |
+<!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; |
+ transform: translateZ(0); |
+ } |
+</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(); |
bokan
2016/09/09 00:19:03
Do you know of a way to dump _just_ the pixel resu
chrishtr
2016/09/09 18:21:15
I don't know of a way. Agree it's weird.
|
+ |
+ window.addEventListener('load', function() { |
+ document.rootScroller = document.getElementById('child'); |
+ }); |
+</script> |
+ |
+<div class="clipBox"> |
+ <iframe id="child" src="resources/clipping-ancestor-is-composited-sibling-iframe.html"></iframe> |
chrishtr
2016/09/09 18:21:15
Why do all your tests uses iframes?
bokan
2016/09/10 00:05:54
Iframes are probably the more important case for t
|
+</div> |