Index: third_party/WebKit/LayoutTests/paint/invalidation/flexbox/repaint-on-margin-change.html |
diff --git a/third_party/WebKit/LayoutTests/paint/invalidation/flexbox/repaint-on-margin-change.html b/third_party/WebKit/LayoutTests/paint/invalidation/flexbox/repaint-on-margin-change.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..8c5209250b5d0dc607d8bcded7d6496e3d2b7c0b |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/paint/invalidation/flexbox/repaint-on-margin-change.html |
@@ -0,0 +1,30 @@ |
+<!DOCTYPE html> |
+<html> |
+<head> |
+ <title>Test for repaint on margin change</title> |
+ <script src="../resources/text-based-repaint.js" type="text/javascript"></script> |
+ <script> |
+ function repaintTest() |
+ { |
+ if (window.testRunner) |
+ document.getElementById('child-to-grow').style.marginLeft = '40px'; |
+ } |
+ </script> |
+ <style> |
+ .child { |
+ height: 20px; |
+ width: 20px; |
+ background-color: green; |
+ } |
+ </style> |
+</head> |
+<body onload="runRepaintAndPixelTest()"> |
+ <div style="display: flex; flex-direction: column; height: 100%; background-color: blue"> |
+ <div style="flex: 1"></div> |
+ <div class='nested-row-flexbox'> |
+ <div class="child"></div> |
+ <div class="child" id="child-to-grow"></div> |
+ </div> |
+ </div> |
+</body> |
+</html> |