Index: third_party/WebKit/LayoutTests/paint/invalidation/compositing/invalidations-with-large-negative-margin.html |
diff --git a/third_party/WebKit/LayoutTests/paint/invalidation/compositing/invalidations-with-large-negative-margin.html b/third_party/WebKit/LayoutTests/paint/invalidation/compositing/invalidations-with-large-negative-margin.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..ca9e273ea08a22c446e812a1897d13a86b2c6735 |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/paint/invalidation/compositing/invalidations-with-large-negative-margin.html |
@@ -0,0 +1,20 @@ |
+<!DOCTYPE html> |
+<div style="height:200px;width:600px;overflow:scroll"> |
+ <div style="position:relative"> |
+ <div style="height:400px;margin-bottom:-400px;position:relative"> |
+ <div id="chip" style="width:50px;height:50px;position:absolute;background:lightblue;margin:0"></div> |
+ </div> |
+ </div> |
+</div> |
+ |
+<script src="../resources/text-based-repaint.js"></script> |
+<script> |
+// Test that moving a Layer that is squashed relative to its squashing container repaints correctly. |
+// In particular, the repaint rect needs to be recorded in the correct position relative to the squashing GraphicsLayer. |
+function repaintTest() |
+{ |
+ document.getElementById('chip').style.left = "400px"; |
+} |
+ |
+runRepaintAndPixelTest(); |
+</script> |