Index: LayoutTests/fast/repaint/justify-content-position-change-grid.html |
diff --git a/LayoutTests/fast/repaint/justify-content-position-change-grid.html b/LayoutTests/fast/repaint/justify-content-position-change-grid.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..a6526382a7ffa8d933b7cdc343dfca2a3dd945c3 |
--- /dev/null |
+++ b/LayoutTests/fast/repaint/justify-content-position-change-grid.html |
@@ -0,0 +1,38 @@ |
+<!DOCTYPE HTML> |
+<script src="resources/text-based-repaint.js"></script> |
+<script> |
+function repaintTest() { |
+ document.getElementById('container').style.justifyContent = 'end'; |
+} |
+onload = runRepaintTest; |
+</script> |
+<style> |
+body { |
+ margin: 0; |
+} |
+#container { |
+ display: grid; |
+ grid-auto-columns: auto; |
+ grid-auto-rows: 200px; |
+ grid-auto-flow: column; |
+ justify-content: start; |
+ width: 300px; |
+ height: 200px; |
+ background-color: red; |
+} |
+.item { |
+ background-color: green; |
+} |
+</style> |
+<p style="height: 20px">Tests invalidation on justify-content style change (position). Passes if the red half is on the left.</p> |
+<div id="container"> |
+ <div class="item"> |
+ <div style="width: 50px"></div> |
+ </div> |
+ <div class="item"> |
+ <div style="width: 50px"></div> |
+ </div> |
+ <div class="item"> |
+ <div style="width: 50px"></div> |
+ </div> |
+</div> |