Index: third_party/WebKit/LayoutTests/fast/repaint/reflection-invalidation-positioned-child.html |
diff --git a/third_party/WebKit/LayoutTests/fast/repaint/reflection-invalidation-positioned-child.html b/third_party/WebKit/LayoutTests/fast/repaint/reflection-invalidation-positioned-child.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..e1d78072ed6b163d4a40f75d55d4f5af4acff05a |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/fast/repaint/reflection-invalidation-positioned-child.html |
@@ -0,0 +1,52 @@ |
+<!DOCTYPE html> |
+<style> |
+body { |
+ margin: 0; |
+} |
+#box { |
+ width: 100px; |
+ height: 100px; |
+ background-color: green; |
+ -webkit-box-reflect: below; |
+} |
+#box-check { |
+ margin-top: 20px; |
+ width: 100px; |
+ height: 100px; |
+ background-color: red; |
+} |
+#positioned { |
+ position: absolute; |
+ top: 10px; |
+ left: 400px; |
+ width: 50px; |
+ height: 50px; |
+ background-color: blue; |
+} |
+#positioned-check { |
+ position: absolute; |
+ top: 160px; |
+ left: 400px; |
+ width: 50px; |
+ height: 50px; |
+ background-color: red; |
+ z-index: -1; |
+} |
+</style> |
+<!-- |
+Tests paint invalidation of positioned object when its ancestor changes reflection. |
+Passes if there is no red. |
+--> |
+<div id="box"> |
+ <div id="positioned"></div> |
+</div> |
+<div id="box-check"> |
+ <div id="positioned-check"></div> |
+</div> |
+<script src="resources/text-based-repaint.js"></script> |
+<script> |
+function repaintTest() { |
+ box.style.webkitBoxReflect = 'below 20px'; |
+} |
+runRepaintTest(); |
+</script> |