Index: third_party/WebKit/LayoutTests/paint/invalidation/flexbox/repaint-column-reverse.html |
diff --git a/third_party/WebKit/LayoutTests/paint/invalidation/flexbox/repaint-column-reverse.html b/third_party/WebKit/LayoutTests/paint/invalidation/flexbox/repaint-column-reverse.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..c9ca816e6cb79e4053a5d57c63a3ef1744c1b64d |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/paint/invalidation/flexbox/repaint-column-reverse.html |
@@ -0,0 +1,34 @@ |
+<!DOCTYPE html> |
+<script src="../resources/text-based-repaint.js"></script> |
+<style> |
+#flexbox { |
+ display: flex; |
+ flex-flow: column-reverse; |
+ width: 200px; |
+} |
+.flex-item { |
+ height: 30px; |
+} |
+</style> |
+<script> |
+function repaintTest() |
+{ |
+ document.getElementById("blue").style.margin = "1px"; |
+} |
+ |
+window.onload = function() { |
+ if (!window.testRunner) { |
+ document.body.appendChild(document.createTextNode( |
+ "This test checks that for flex items that are moved multiple times during the layout " |
+ + "only the initial and final positions are repainted. Only the blue flex item should be repainted " |
+ + "after changing its position. If the other flex items are repainted, this test fails.")); |
+ } |
+ window.enablePixelTesting = true; |
+ runRepaintTest(); |
+}; |
+</script> |
+<div id="flexbox"> |
+ <div id="blue" class="flex-item" style="background-color: blue;"></div> |
+ <div id="green" class="flex-item" style="background-color: green;"></div> |
+ <div id="yellow" class="flex-item" style="background-color: yellow;"></div> |
+</div> |