Index: third_party/WebKit/LayoutTests/paint/invalidation/compositing/containing-block-added.html |
diff --git a/third_party/WebKit/LayoutTests/paint/invalidation/compositing/containing-block-added.html b/third_party/WebKit/LayoutTests/paint/invalidation/compositing/containing-block-added.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..2d2d122acec2819aeeadc2fe0ea92a2b4c022a0c |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/paint/invalidation/compositing/containing-block-added.html |
@@ -0,0 +1,43 @@ |
+<!DOCTYPE html> |
+<html> |
+<head> |
+ <style> |
+ #container { |
+ will-change: top; |
+ position: absolute; |
+ left: 200px; |
+ top: 100px; |
+ width: 100px; |
+ height: 100px; |
+ background-color: blue; |
+ } |
+ |
+ .fixed { |
+ position: fixed; |
+ left: 50px; |
+ top: 50px; |
+ width: 75px; |
+ height: 75px; |
+ background-color: green |
+ } |
+ </style> |
+ <script src="../resources/text-based-repaint.js"></script> |
+ <script> |
+ function repaintTest() |
+ { |
+ // Adding "will-change: -webkit-transform" to the container div should |
+ // make this div become the containing block for its fixed position |
+ // descendant. |
+ document.getElementById("container").style.willChange = "transform"; |
+ } |
+ onload = runRepaintAndPixelTest; |
+ </script> |
+</head> |
+ |
+<body> |
+ <div id="container"> |
+ <div class="fixed"></div> |
+ </div> |
+</body> |
+ |
+</html> |