[CSS Grid Layout] Split the grid-item-margin-auto-columns-rows.html test.
https://bugs.webkit.org/show_bug.cgi?id=131064
Patch by Javier Fernandez <jfernandez@igalia.com> on 2014-05-22
Reviewed by Benjamin Poulain.
Splitting the "grid-item-margin-auto-columns-rows" into different writing-modes
related tests, so besides increasing clarity, it makes it fit in the 800x600 viewport.
* fast/css-grid-layout/grid-item-margin-auto-columns-rows-expected.html: Removed.
* fast/css-grid-layout/grid-item-margin-auto-columns-rows.html: Removed.
* fast/css-grid-layout/grid-item-margin-auto-columns-rows-horizontal-ltr-expected.html: Added.
* fast/css-grid-layout/grid-item-margin-auto-columns-rows-horizontal-ltr.html: Added.
* fast/css-grid-layout/grid-item-margin-auto-columns-rows-horizontal-rtl-expected.html: Added.
* fast/css-grid-layout/grid-item-margin-auto-columns-rows-horizontal-rtl.html: Added.
* fast/css-grid-layout/grid-item-margin-auto-columns-rows-vertical-ltr-expected.html: Added.
* fast/css-grid-layout/grid-item-margin-auto-columns-rows-vertical-ltr.html: Added.
* fast/css-grid-layout/grid-item-margin-auto-columns-rows-vertical-rtl-expected.html: Added.
* fast/css-grid-layout/grid-item-margin-auto-columns-rows-vertical-rtl.html: Added.
git-svn-id: http://svn.webkit.org/repository/webkit/trunk@169197 268f45cc-cd09-0410-ab3c-d52691b4dbfc
diff --git a/LayoutTests/fast/css-grid-layout/grid-item-margin-auto-columns-rows-horizontal-ltr-expected.html b/LayoutTests/fast/css-grid-layout/grid-item-margin-auto-columns-rows-horizontal-ltr-expected.html
new file mode 100644
index 0000000..203723e
--- /dev/null
+++ b/LayoutTests/fast/css-grid-layout/grid-item-margin-auto-columns-rows-horizontal-ltr-expected.html
@@ -0,0 +1,91 @@
+<!DOCTYPE html>
+<html>
+<style>
+.grid {
+ display: block;
+ background-color: grey;
+ width: 200px;
+}
+
+.gridLong {
+ height: 120px;
+}
+
+.gridShort {
+ height: 100px;
+}
+
+.firstRowFirstColumn {
+ background-color: blue;
+ position: absolute;
+}
+
+.firstRowSecondColumn {
+ background-color: lime;
+ position: absolute;
+}
+
+.secondRowFirstColumn {
+ background-color: purple;
+ position: absolute;
+}
+
+.secondRowSecondColumn {
+ background-color: orange;
+ position: absolute;
+ left: 20px;
+}
+
+.gridItem {
+ width: 20px;
+ height: 40px;
+}
+
+.testContainer {
+ position: relative;
+ margin-bottom: 20px;
+}
+</style>
+</head>
+<body>
+
+<div>This test checks that the grid's rows and columns 'auto' sizes are updated accordingly to its grid-item's before and start margins.</div>
+
+<div class="testContainer">
+ <div class="grid gridLong">
+ <div class="gridItem firstRowFirstColumn" style="top: 20px;"></div>
+ <div class="gridItem firstRowSecondColumn" style="left: 20px;"></div>
+ <div class="gridItem secondRowFirstColumn" style="top: 60px;"></div>
+ <div class="gridItem secondRowSecondColumn" style="left: 20px; top: 60px;"></div>
+ </div>
+</div>
+
+<div class="testContainer">
+ <div class="grid gridShort">
+ <div class="gridItem firstRowFirstColumn" style="top: 20px;"></div>
+ <div class="gridItem firstRowSecondColumn" style="left: 20px;"></div>
+ <div class="gridItem secondRowFirstColumn" style="top: 60px;"></div>
+ <div class="gridItem secondRowSecondColumn" style="left: 20px; top: 60px;"></div>
+ </div>
+</div>
+
+<div class="testContainer">
+ <div class="grid gridLong">
+ <div class="gridItem firstRowFirstColumn" style="top: 80px;"></div>
+ <div class="gridItem firstRowSecondColumn" style="left: 20px; top: 80px;"></div>
+ <div class="gridItem secondRowFirstColumn" style="left: 0px;"></div>
+ <div class="gridItem secondRowSecondColumn" style="top: 20px;"></div>
+ </div>
+</div>
+
+<div class="testContainer">
+ <div class="grid gridShort">
+ <div class="gridItem firstRowFirstColumn" style="top: 60px;"></div>
+ <div class="gridItem firstRowSecondColumn" style="left: 20px; top: 40px;"></div>
+ <div class="gridItem secondRowFirstColumn" style="left: 0px;"></div>
+ <div class="gridItem secondRowSecondColumn" style="left: 20px;"></div>
+ </div>
+</div>
+
+</body>
+</html>
