Diff
Modified: trunk/LayoutTests/ChangeLog (255418 => 255419)
--- trunk/LayoutTests/ChangeLog 2020-01-30 07:02:25 UTC (rev 255418)
+++ trunk/LayoutTests/ChangeLog 2020-01-30 10:27:25 UTC (rev 255419)
@@ -1,3 +1,19 @@
+2020-01-30 Rossana Monteriso <rmonter...@igalia.com>
+
+ [css-grid] Move grid-item-alignment tests to WPT folder
+ https://bugs.webkit.org/show_bug.cgi?id=206831
+
+ Reviewed by Javier Fernandez.
+
+ Remove from css-grid-layout folder some grid-item-alignment tests, that are being replaced by adapted tests in the corresponding WPT test folder.
+
+ * fast/css-grid-layout/grid-item-alignment-with-orthogonal-flows-expected.txt: Removed.
+ * fast/css-grid-layout/grid-item-alignment-with-orthogonal-flows-vertical-lr-expected.txt: Removed.
+ * fast/css-grid-layout/grid-item-alignment-with-orthogonal-flows-vertical-lr.html: Removed.
+ * fast/css-grid-layout/grid-item-alignment-with-orthogonal-flows-vertical-rl-expected.txt: Removed.
+ * fast/css-grid-layout/grid-item-alignment-with-orthogonal-flows-vertical-rl.html: Removed.
+ * fast/css-grid-layout/grid-item-alignment-with-orthogonal-flows.html: Removed.
+
2020-01-29 Ryosuke Niwa <rn...@webkit.org>
REGRESSION: [Mac wk1] imported/w3c/web-platform-tests/mathml/presentation-markup/scripts/underover-parameters-3.html is a flakey failure
Deleted: trunk/LayoutTests/fast/css-grid-layout/grid-item-alignment-with-orthogonal-flows-expected.txt (255418 => 255419)
--- trunk/LayoutTests/fast/css-grid-layout/grid-item-alignment-with-orthogonal-flows-expected.txt 2020-01-30 07:02:25 UTC (rev 255418)
+++ trunk/LayoutTests/fast/css-grid-layout/grid-item-alignment-with-orthogonal-flows-expected.txt 2020-01-30 10:27:25 UTC (rev 255419)
@@ -1,97 +0,0 @@
-This test checks that grid items alignment works as expected with HORIZONTAL-TB vs VERTICAL-RL orthogonal flows.
-
-Orthogonal flows: HORIZONTAL-TB vs VERTICAL-RL
-
-Direction: LTR vs LTR
-
-end
-center
-left
-right
-PASS
-
-s-end
-start
-default
-s-start
-PASS
-Direction: RTL vs LTR
-
-end
-center
-left
-right
-PASS
-
-s-end
-start
-default
-s-start
-PASS
-Direction: LTR vs RTL
-
-end
-center
-left
-right
-PASS
-
-s-end
-start
-default
-s-start
-PASS
-Direction: RTL vs RTL
-
-end
-center
-left
-right
-PASS
-
-s-end
-start
-default
-s-start
-PASS
-Orthogonal flows: HORIZONTAL-TB vs VERTICAL-LR
-
-Direction: LTR vs LTR
-
-end
-center
-left
-right
-PASS
-
-s-end
-start
-default
-s-start
-PASS
-Direction: RTL vs LTR
-
-end
-center
-left
-right
-PASS
-
-s-end
-start
-default
-s-start
-PASS
-Direction: RTL vs RTL
-
-end
-center
-left
-right
-PASS
-
-s-end
-start
-default
-s-start
-PASS
Deleted: trunk/LayoutTests/fast/css-grid-layout/grid-item-alignment-with-orthogonal-flows-vertical-lr-expected.txt (255418 => 255419)
--- trunk/LayoutTests/fast/css-grid-layout/grid-item-alignment-with-orthogonal-flows-vertical-lr-expected.txt 2020-01-30 07:02:25 UTC (rev 255418)
+++ trunk/LayoutTests/fast/css-grid-layout/grid-item-alignment-with-orthogonal-flows-vertical-lr-expected.txt 2020-01-30 10:27:25 UTC (rev 255419)
@@ -1,54 +0,0 @@
-This test checks that grid items alignment works as expected with VERTICAL-LR vs HORIZONTAL-TB orthogonal flows.
-
-Direction: LTR vs LTR
-
-end
-center
-left
-right
-PASS
-
-s-end
-start
-default
-s-start
-PASS
-Direction: RTL vs LTR
-
-end
-center
-left
-right
-PASS
-
-s-end
-start
-default
-s-start
-PASS
-Direction: LTR vs RTL
-
-end
-center
-left
-right
-PASS
-
-s-end
-start
-default
-s-start
-PASS
-Direction: RTL vs RTL
-
-end
-center
-left
-right
-PASS
-
-s-end
-start
-default
-s-start
-PASS
Deleted: trunk/LayoutTests/fast/css-grid-layout/grid-item-alignment-with-orthogonal-flows-vertical-lr.html (255418 => 255419)
--- trunk/LayoutTests/fast/css-grid-layout/grid-item-alignment-with-orthogonal-flows-vertical-lr.html 2020-01-30 07:02:25 UTC (rev 255418)
+++ trunk/LayoutTests/fast/css-grid-layout/grid-item-alignment-with-orthogonal-flows-vertical-lr.html 2020-01-30 10:27:25 UTC (rev 255419)
@@ -1,102 +0,0 @@
-<!DOCTYPE html>
-<link href="" rel="stylesheet">
-<link href="" rel="stylesheet">
-<link href="" rel="stylesheet">
-<script src=""
-<style>
-body {
- margin: 0;
-}
-.container {
- position: relative;
-}
-.grid {
- grid-template-columns: 100px 100px;
- grid-template-rows: 150px 150px;
- font-size: 10px;
-}
-.item {
- width: 50px;
- height: 20px;
-}
-</style>
-<body _onload_="checkLayout('.grid')">
-
-<p>This test checks that grid items alignment works as expected with VERTICAL-LR vs HORIZONTAL-TB orthogonal flows.</p>
-
-<p>Direction: LTR vs LTR</p>
-<div class="container">
- <div class="grid fit-content verticalLR directionLTR">
- <div class="item firstRowFirstColumn horizontalTB selfEnd" data-offset-x="100" data-offset-y="80">end</div>
- <div class="item firstRowSecondColumn horizontalTB selfCenter" data-offset-x="50" data-offset-y="140">center</div>
- <div class="item secondRowFirstColumn horizontalTB selfLeft" data-offset-x="150" data-offset-y="0">left</div>
- <div class="item secondRowSecondColumn horizontalTB selfRight" data-offset-x="150" data-offset-y="180">right</div>
- </div>
-</div>
-<br>
-<div class="container">
- <div class="grid fit-content verticalLR directionLTR">
- <div class="item firstRowFirstColumn horizontalTB selfSelfEnd" data-offset-x="100" data-offset-y="80">s-end</div>
- <div class="item firstRowSecondColumn horizontalTB selfStart" data-offset-x="0" data-offset-y="100">start</div>
- <div class="item secondRowFirstColumn horizontalTB" data-offset-x="150" data-offset-y="0">default</div>
- <div class="item secondRowSecondColumn horizontalTB selfSelfStart" data-offset-x="150" data-offset-y="100">s-start</div>
- </div>
-</div>
-
-<p>Direction: RTL vs LTR</p>
-<div class="container">
- <div class="grid fit-content verticalLR directionRTL">
- <div class="item firstRowFirstColumn directionLTR horizontalTB selfEnd" data-offset-x="100" data-offset-y="100">end</div>
- <div class="item firstRowSecondColumn directionLTR horizontalTB selfCenter" data-offset-x="50" data-offset-y="40">center</div>
- <div class="item secondRowFirstColumn directionLTR horizontalTB selfLeft" data-offset-x="150" data-offset-y="100">left</div>
- <div class="item secondRowSecondColumn directionLTR horizontalTB selfRight" data-offset-x="150" data-offset-y="80">right</div>
- </div>
-</div>
-<br>
-<div class="container">
- <div class="grid fit-content verticalLR directionRTL">
- <div class="item firstRowFirstColumn directionLTR horizontalTB selfSelfEnd" data-offset-x="100" data-offset-y="180">s-end</div>
- <div class="item firstRowSecondColumn directionLTR horizontalTB selfStart" data-offset-x="0" data-offset-y="80">start</div>
- <div class="item secondRowFirstColumn directionLTR horizontalTB" data-offset-x="150" data-offset-y="180">default</div>
- <div class="item secondRowSecondColumn directionLTR horizontalTB selfSelfStart" data-offset-x="150" data-offset-y="0">s-start</div>
- </div>
-</div>
-
-<p>Direction: LTR vs RTL</p>
-<div class="container">
- <div class="grid fit-content verticalLR directionLTR">
- <div class="item firstRowFirstColumn directionRTL horizontalTB selfEnd" data-offset-x="100" data-offset-y="80">end</div>
- <div class="item firstRowSecondColumn directionRTL horizontalTB selfCenter" data-offset-x="50" data-offset-y="140">center</div>
- <div class="item secondRowFirstColumn directionRTL horizontalTB selfLeft" data-offset-x="150" data-offset-y="0">left</div>
- <div class="item secondRowSecondColumn directionRTL horizontalTB selfRight" data-offset-x="150" data-offset-y="180">right</div>
- </div>
-</div>
-<br>
-<div class="container">
- <div class="grid fit-content verticalLR directionLTR">
- <div class="item firstRowFirstColumn directionRTL horizontalTB selfSelfEnd" data-offset-x="0" data-offset-y="80">s-end</div>
- <div class="item firstRowSecondColumn directionRTL horizontalTB selfStart" data-offset-x="0" data-offset-y="100">start</div>
- <div class="item secondRowFirstColumn directionRTL horizontalTB" data-offset-x="150" data-offset-y="0">default</div>
- <div class="item secondRowSecondColumn directionRTL horizontalTB selfSelfStart" data-offset-x="250" data-offset-y="100">s-start</div>
- </div>
-</div>
-
-<p>Direction: RTL vs RTL</p>
-<div class="container">
- <div class="grid fit-content verticalLR directionRTL">
- <div class="item firstRowFirstColumn horizontalTB selfEnd" data-offset-x="100" data-offset-y="100">end</div>
- <div class="item firstRowSecondColumn horizontalTB selfCenter" data-offset-x="50" data-offset-y="40">center</div>
- <div class="item secondRowFirstColumn horizontalTB selfLeft" data-offset-x="150" data-offset-y="100">left</div>
- <div class="item secondRowSecondColumn horizontalTB selfRight" data-offset-x="150" data-offset-y="80">right</div>
- </div>
-</div>
-<br>
-<div class="container">
- <div class="grid fit-content verticalLR directionRTL">
- <div class="item firstRowFirstColumn horizontalTB selfSelfEnd" data-offset-x="0" data-offset-y="180">s-end</div>
- <div class="item firstRowSecondColumn horizontalTB selfStart" data-offset-x="0" data-offset-y="80">start</div>
- <div class="item secondRowFirstColumn horizontalTB" data-offset-x="150" data-offset-y="180">default</div>
- <div class="item secondRowSecondColumn horizontalTB selfSelfStart" data-offset-x="250" data-offset-y="0">s-start</div>
- </div>
-</div>
-</body>
Deleted: trunk/LayoutTests/fast/css-grid-layout/grid-item-alignment-with-orthogonal-flows-vertical-rl-expected.txt (255418 => 255419)
--- trunk/LayoutTests/fast/css-grid-layout/grid-item-alignment-with-orthogonal-flows-vertical-rl-expected.txt 2020-01-30 07:02:25 UTC (rev 255418)
+++ trunk/LayoutTests/fast/css-grid-layout/grid-item-alignment-with-orthogonal-flows-vertical-rl-expected.txt 2020-01-30 10:27:25 UTC (rev 255419)
@@ -1,54 +0,0 @@
-This test checks that grid items alignment works as expected with VERTICAL-RL vs HORIZONTAL-TB orthogonal flows.
-
-Direction: LTR vs LTR
-
-end
-center
-left
-right
-PASS
-
-s-end
-start
-default
-s-start
-PASS
-Direction: RTL vs LTR
-
-end
-center
-left
-right
-PASS
-
-s-end
-start
-default
-s-start
-PASS
-Direction: LTR vs RTL
-
-end
-center
-left
-right
-PASS
-
-s-end
-start
-default
-s-start
-PASS
-Direction: RTL vs RTL
-
-end
-center
-left
-right
-PASS
-
-s-end
-start
-default
-s-start
-PASS
Deleted: trunk/LayoutTests/fast/css-grid-layout/grid-item-alignment-with-orthogonal-flows-vertical-rl.html (255418 => 255419)
--- trunk/LayoutTests/fast/css-grid-layout/grid-item-alignment-with-orthogonal-flows-vertical-rl.html 2020-01-30 07:02:25 UTC (rev 255418)
+++ trunk/LayoutTests/fast/css-grid-layout/grid-item-alignment-with-orthogonal-flows-vertical-rl.html 2020-01-30 10:27:25 UTC (rev 255419)
@@ -1,103 +0,0 @@
-<!DOCTYPE html>
-<link href="" rel="stylesheet">
-<link href="" rel="stylesheet">
-<link href="" rel="stylesheet">
-<script src=""
-<style>
-body {
- margin: 0;
-}
-.container {
- position: relative;
-}
-.grid {
- grid-template-columns: 100px 100px;
- grid-template-rows: 150px 150px;
- font-size: 10px;
-}
-.item {
- width: 50px;
- height: 20px;
-}
-</style>
-<body _onload_="checkLayout('.grid')">
-
-<p>This test checks that grid items alignment works as expected with VERTICAL-RL vs HORIZONTAL-TB orthogonal flows.</p>
-
-<p>Direction: LTR vs LTR</p>
-<div class="container">
- <div class="grid fit-content verticalRL directionLTR">
- <div class="item firstRowFirstColumn horizontalTB selfEnd" data-offset-x="150" data-offset-y="80">end</div>
- <div class="item firstRowSecondColumn horizontalTB selfCenter" data-offset-x="200" data-offset-y="140">center</div>
- <div class="item secondRowFirstColumn horizontalTB selfLeft" data-offset-x="100" data-offset-y="0">left</div>
- <div class="item secondRowSecondColumn horizontalTB selfRight" data-offset-x="100" data-offset-y="180">right</div>
- </div>
-</div>
-<br>
-<div class="container">
- <div class="grid fit-content verticalRL directionLTR">
- <div class="item firstRowFirstColumn horizontalTB selfSelfEnd" data-offset-x="250" data-offset-y="80">s-end</div>
- <div class="item firstRowSecondColumn horizontalTB selfStart" data-offset-x="250" data-offset-y="100">start</div>
- <div class="item secondRowFirstColumn horizontalTB" data-offset-x="100" data-offset-y="0">default</div>
- <div class="item secondRowSecondColumn horizontalTB selfSelfStart" data-offset-x="0" data-offset-y="100">s-start</div>
- </div>
-</div>
-
-<p>Direction: RTL vs LTR</p>
-<div class="container">
- <div class="grid fit-content verticalRL directionRTL">
- <div class="item firstRowFirstColumn directionLTR horizontalTB selfEnd" data-offset-x="150" data-offset-y="100">end</div>
- <div class="item firstRowSecondColumn directionLTR horizontalTB selfCenter" data-offset-x="200" data-offset-y="40">center</div>
- <div class="item secondRowFirstColumn directionLTR horizontalTB selfLeft" data-offset-x="100" data-offset-y="100">left</div>
- <div class="item secondRowSecondColumn directionLTR horizontalTB selfRight" data-offset-x="100" data-offset-y="80">right</div>
- </div>
-</div>
-<br>
-<div class="container">
- <div class="grid fit-content verticalRL directionRTL">
- <div class="item firstRowFirstColumn directionLTR horizontalTB selfSelfEnd" data-offset-x="250" data-offset-y="180">s-end</div>
- <div class="item firstRowSecondColumn directionLTR horizontalTB selfStart" data-offset-x="250" data-offset-y="80">start</div>
- <div class="item secondRowFirstColumn directionLTR horizontalTB" data-offset-x="100" data-offset-y="180">default</div>
- <div class="item secondRowSecondColumn directionLTR horizontalTB selfSelfStart" data-offset-x="0" data-offset-y="0">s-start</div>
- </div>
-</div>
-
-<p>Direction: LTR vs RTL</p>
-<div class="container">
- <div class="grid fit-content verticalRL directionLTR">
- <div class="item firstRowFirstColumn directionRTL horizontalTB selfEnd" data-offset-x="150" data-offset-y="80">end</div>
- <div class="item firstRowSecondColumn directionRTL horizontalTB selfCenter" data-offset-x="200" data-offset-y="140">center</div>
- <div class="item secondRowFirstColumn directionRTL horizontalTB selfLeft" data-offset-x="100" data-offset-y="0">left</div>
- <div class="item secondRowSecondColumn directionRTL horizontalTB selfRight" data-offset-x="100" data-offset-y="180">right</div>
- </div>
-</div>
-<br>
-<div class="container">
- <div class="grid fit-content verticalRL directionLTR">
- <div class="item firstRowFirstColumn directionRTL horizontalTB selfSelfEnd" data-offset-x="150" data-offset-y="80">s-end</div>
- <div class="item firstRowSecondColumn directionRTL horizontalTB selfStart" data-offset-x="250" data-offset-y="100">start</div>
- <div class="item secondRowFirstColumn directionRTL horizontalTB" data-offset-x="100" data-offset-y="0">default</div>
- <div class="item secondRowSecondColumn directionRTL horizontalTB selfSelfStart" data-offset-x="100" data-offset-y="100">s-start</div>
- </div>
-</div>
-
-<p>Direction: RTL vs RTL</p>
-<div class="container">
- <div class="grid fit-content verticalRL directionRTL">
- <div class="item firstRowFirstColumn horizontalTB selfEnd" data-offset-x="150" data-offset-y="100">end</div>
- <div class="item firstRowSecondColumn horizontalTB selfCenter" data-offset-x="200" data-offset-y="40">center</div>
- <div class="item secondRowFirstColumn horizontalTB selfLeft" data-offset-x="100" data-offset-y="100">left</div>
- <div class="item secondRowSecondColumn horizontalTB selfRight" data-offset-x="100" data-offset-y="80">right</div>
- </div>
-</div>
-<br>
-<div class="container">
- <div class="grid fit-content verticalRL directionRTL">
- <div class="item firstRowFirstColumn horizontalTB selfSelfEnd" data-offset-x="150" data-offset-y="180">s-end</div>
- <div class="item firstRowSecondColumn horizontalTB selfStart" data-offset-x="250" data-offset-y="80">start</div>
- <div class="item secondRowFirstColumn horizontalTB" data-offset-x="100" data-offset-y="180">default</div>
- <div class="item secondRowSecondColumn horizontalTB selfSelfStart" data-offset-x="100" data-offset-y="0">s-start</div>
- </div>
-</div>
-
-</body>
Deleted: trunk/LayoutTests/fast/css-grid-layout/grid-item-alignment-with-orthogonal-flows.html (255418 => 255419)
--- trunk/LayoutTests/fast/css-grid-layout/grid-item-alignment-with-orthogonal-flows.html 2020-01-30 07:02:25 UTC (rev 255418)
+++ trunk/LayoutTests/fast/css-grid-layout/grid-item-alignment-with-orthogonal-flows.html 2020-01-30 10:27:25 UTC (rev 255419)
@@ -1,162 +0,0 @@
-<!DOCTYPE html>
-<link href="" rel="stylesheet">
-<link href="" rel="stylesheet">
-<link href="" rel="stylesheet">
-<script src=""
-<style>
-body {
- margin: 0;
-}
-.container {
- position: relative;
-}
-.grid {
- grid-template-columns: 100px 100px;
- grid-template-rows: 150px 150px;
- font-size: 10px;
-}
-.item {
- width: 20px;
- height: 50px;
-}
-</style>
-<body _onload_="checkLayout('.grid')">
-<div id="log"></div>
-<p>This test checks that grid items alignment works as expected with HORIZONTAL-TB vs VERTICAL-RL orthogonal flows.</p>
-
-<p>Orthogonal flows: HORIZONTAL-TB vs VERTICAL-RL</p>
-<p>Direction: LTR vs LTR</p>
-<div class="container">
- <div class="grid fit-content directionLTR">
- <div class="item firstRowFirstColumn verticalRL selfEnd" data-offset-x="80" data-offset-y="100">end</div>
- <div class="item firstRowSecondColumn verticalRL selfCenter" data-offset-x="140" data-offset-y="50">center</div>
- <div class="item secondRowFirstColumn verticalRL selfLeft" data-offset-x="0" data-offset-y="150">left</div>
- <div class="item secondRowSecondColumn verticalRL selfRight" data-offset-x="180" data-offset-y="150">right</div>
- </div>
-</div>
-<br>
-<div class="container">
- <div class="grid fit-content directionLTR">
- <div class="item firstRowFirstColumn verticalRL selfSelfEnd" data-offset-x="0" data-offset-y="100">s-end</div>
- <div class="item firstRowSecondColumn verticalRL selfStart" data-offset-x="100" data-offset-y="0">start</div>
- <div class="item secondRowFirstColumn verticalRL" data-offset-x="0" data-offset-y="150">default</div>
- <div class="item secondRowSecondColumn verticalRL selfSelfStart" data-offset-x="180" data-offset-y="150">s-start</div>
- </div>
-</div>
-
-<p>Direction: RTL vs LTR</p>
-<div class="container">
- <div class="grid fit-content directionRTL">
- <div class="item firstRowFirstColumn directionLTR verticalRL selfEnd" data-offset-x="100" data-offset-y="100">end</div>
- <div class="item firstRowSecondColumn directionLTR verticalRL selfCenter" data-offset-x="40" data-offset-y="50">center</div>
- <div class="item secondRowFirstColumn directionLTR verticalRL selfLeft" data-offset-x="100" data-offset-y="150">left</div>
- <div class="item secondRowSecondColumn directionLTR verticalRL selfRight" data-offset-x="80" data-offset-y="150">right</div>
- </div>
-</div>
-<br>
-<div class="container">
- <div class="grid fit-content directionRTL">
- <div class="item firstRowFirstColumn directionLTR verticalRL selfSelfEnd" data-offset-x="100" data-offset-y="100">s-end</div>
- <div class="item firstRowSecondColumn directionLTR verticalRL selfStart" data-offset-x="80" data-offset-y="0">start</div>
- <div class="item secondRowFirstColumn directionLTR verticalRL" data-offset-x="180" data-offset-y="150">default</div>
- <div class="item secondRowSecondColumn directionLTR verticalRL selfSelfStart" data-offset-x="80" data-offset-y="150">s-start</div>
- </div>
-</div>
-
-<p>Direction: LTR vs RTL</p>
-<div class="container">
- <div class="grid fit-content directionLTR">
- <div class="item firstRowFirstColumn directionRTL verticalRL selfEnd" data-offset-x="80" data-offset-y="100">end</div>
- <div class="item firstRowSecondColumn directionRTL verticalRL selfCenter" data-offset-x="140" data-offset-y="50">center</div>
- <div class="item secondRowFirstColumn directionRTL verticalRL selfLeft" data-offset-x="0" data-offset-y="150">left</div>
- <div class="item secondRowSecondColumn directionRTL verticalRL selfRight" data-offset-x="180" data-offset-y="150">right</div>
- </div>
-</div>
-<br>
-<div class="container">
- <div class="grid fit-content directionLTR">
- <div class="item firstRowFirstColumn directionRTL verticalRL selfSelfEnd" data-offset-x="0" data-offset-y="0">s-end</div>
- <div class="item firstRowSecondColumn directionRTL verticalRL selfStart" data-offset-x="100" data-offset-y="0">start</div>
- <div class="item secondRowFirstColumn directionRTL verticalRL" data-offset-x="0" data-offset-y="150">default</div>
- <div class="item secondRowSecondColumn directionRTL verticalRL selfSelfStart" data-offset-x="180" data-offset-y="250">s-start</div>
- </div>
-</div>
-
-<p>Direction: RTL vs RTL</p>
-<div class="container">
- <div class="grid fit-content directionRTL">
- <div class="item firstRowFirstColumn verticalRL selfEnd" data-offset-x="100" data-offset-y="100">end</div>
- <div class="item firstRowSecondColumn verticalRL selfCenter" data-offset-x="40" data-offset-y="50">center</div>
- <div class="item secondRowFirstColumn verticalRL selfLeft" data-offset-x="100" data-offset-y="150">left</div>
- <div class="item secondRowSecondColumn verticalRL selfRight" data-offset-x="80" data-offset-y="150">right</div>
- </div>
-</div>
-<br>
-<div class="container">
- <div class="grid fit-content directionRTL">
- <div class="item firstRowFirstColumn verticalRL selfSelfEnd" data-offset-x="100" data-offset-y="0">s-end</div>
- <div class="item firstRowSecondColumn verticalRL selfStart" data-offset-x="80" data-offset-y="0">start</div>
- <div class="item secondRowFirstColumn verticalRL" data-offset-x="180" data-offset-y="150">default</div>
- <div class="item secondRowSecondColumn verticalRL selfSelfStart" data-offset-x="80" data-offset-y="250">s-start</div>
- </div>
-</div>
-
-<!-- HORIZONTAL-TB vs VERTICAL-LR -->
-<p>Orthogonal flows: HORIZONTAL-TB vs VERTICAL-LR</p>
-<p>Direction: LTR vs LTR</p>
-<div class="container">
- <div class="grid fit-content drectionLTR">
- <div class="item firstRowFirstColumn verticalLR selfEnd" data-offset-x="80" data-offset-y="100">end</div>
- <div class="item firstRowSecondColumn verticalLR selfCenter" data-offset-x="140" data-offset-y="50">center</div>
- <div class="item secondRowFirstColumn verticalLR selfLeft" data-offset-x="0" data-offset-y="150">left</div>
- <div class="item secondRowSecondColumn verticalLR selfRight" data-offset-x="180" data-offset-y="150">right</div>
- </div>
-</div>
-<br>
-<div class="container">
- <div class="grid fit-content drectionLTR">
- <div class="item firstRowFirstColumn verticalLR selfSelfEnd" data-offset-x="80" data-offset-y="100">s-end</div>
- <div class="item firstRowSecondColumn verticalLR selfStart" data-offset-x="100" data-offset-y="0">start</div>
- <div class="item secondRowFirstColumn verticalLR" data-offset-x="0" data-offset-y="150">default</div>
- <div class="item secondRowSecondColumn verticalLR selfSelfStart" data-offset-x="100" data-offset-y="150">s-start</div>
- </div>
-</div>
-
-<p>Direction: RTL vs LTR</p>
-<div class="container">
- <div class="grid fit-content directionRTL">
- <div class="item firstRowFirstColumn directionLTR verticalLR selfEnd" data-offset-x="100" data-offset-y="100">end</div>
- <div class="item firstRowSecondColumn directionLTR verticalLR selfCenter" data-offset-x="40" data-offset-y="50">center</div>
- <div class="item secondRowFirstColumn directionLTR verticalLR selfLeft" data-offset-x="100" data-offset-y="150">left</div>
- <div class="item secondRowSecondColumn directionLTR verticalLR selfRight" data-offset-x="80" data-offset-y="150">right</div>
- </div>
-</div>
-<br>
-<div class="container">
- <div class="grid fit-content directionRTL">
- <div class="item firstRowFirstColumn directionLTR verticalLR selfSelfEnd" data-offset-x="180" data-offset-y="100">s-end</div>
- <div class="item firstRowSecondColumn directionLTR verticalLR selfStart" data-offset-x="80" data-offset-y="0">start</div>
- <div class="item secondRowFirstColumn directionLTR verticalLR" data-offset-x="180" data-offset-y="150">default</div>
- <div class="item secondRowSecondColumn directionLTR verticalLR selfSelfStart" data-offset-x="0" data-offset-y="150">s-start</div>
- </div>
-</div>
-
-<p>Direction: RTL vs RTL</p>
-<div class="container">
- <div class="grid fit-content directionRTL">
- <div class="item firstRowFirstColumn verticalLR selfEnd" data-offset-x="100" data-offset-y="100">end</div>
- <div class="item firstRowSecondColumn verticalLR selfCenter" data-offset-x="40" data-offset-y="50">center</div>
- <div class="item secondRowFirstColumn verticalLR selfLeft" data-offset-x="100" data-offset-y="150">left</div>
- <div class="item secondRowSecondColumn verticalLR selfRight" data-offset-x="80" data-offset-y="150">right</div>
- </div>
-</div>
-<br>
-<div class="container">
- <div class="grid fit-content directionRTL">
- <div class="item firstRowFirstColumn verticalLR selfSelfEnd" data-offset-x="180" data-offset-y="0">s-end</div>
- <div class="item firstRowSecondColumn verticalLR selfStart" data-offset-x="80" data-offset-y="0">start</div>
- <div class="item secondRowFirstColumn verticalLR" data-offset-x="180" data-offset-y="150">default</div>
- <div class="item secondRowSecondColumn verticalLR selfSelfStart" data-offset-x="0" data-offset-y="250">s-start</div>
- </div>
-</div>
-</body>
Modified: trunk/LayoutTests/imported/w3c/ChangeLog (255418 => 255419)
--- trunk/LayoutTests/imported/w3c/ChangeLog 2020-01-30 07:02:25 UTC (rev 255418)
+++ trunk/LayoutTests/imported/w3c/ChangeLog 2020-01-30 10:27:25 UTC (rev 255419)
@@ -1,3 +1,28 @@
+2020-01-30 Rossana Monteriso <rmonter...@igalia.com>
+
+ [css-grid] Move grid-item-alignment tests to WPT folder
+ https://bugs.webkit.org/show_bug.cgi?id=206831
+
+ Reviewed by Javier Fernandez.
+
+ Add grid-item-alignment tests, checked and adapted, to WPT.
+ Add .thirdRowFirstColumn class to grid.css support file and update all tests using this class by removing the duplicated class
+ from their <style> section.
+ Imported to WPT with this PR: https://github.com/web-platform-tests/wpt/pull/21440
+
+ * web-platform-tests/css/css-grid/alignment/grid-align-content-distribution-vertical-lr.html:
+ * web-platform-tests/css/css-grid/alignment/grid-align-content-distribution-vertical-rl.html:
+ * web-platform-tests/css/css-grid/alignment/grid-align-content-distribution.html:
+ * web-platform-tests/css/css-grid/alignment/grid-align-justify-overflow.html:
+ * web-platform-tests/css/css-grid/alignment/grid-item-alignment-with-orthogonal-flows-expected.txt: Added.
+ * web-platform-tests/css/css-grid/alignment/grid-item-alignment-with-orthogonal-flows-vertical-lr-expected.txt: Added.
+ * web-platform-tests/css/css-grid/alignment/grid-item-alignment-with-orthogonal-flows-vertical-rl-expected.txt: Added.
+ * web-platform-tests/css/css-grid/alignment/grid-item-alignment-with-orthogonal-flows-vertical-lr.html: Added.
+ * web-platform-tests/css/css-grid/alignment/grid-item-alignment-with-orthogonal-flows-vertical-rl.html: Added.
+ * web-platform-tests/css/css-grid/alignment/grid-item-alignment-with-orthogonal-flows.html: Added.
+ * web-platform-tests/css/support/grid.css:
+ (.thirdRowFirstColumn):
+
2020-01-29 Sunny He <sunny...@apple.com>
Clamp paddingBoxWidth/Height to a minimum of zero
Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/alignment/grid-align-content-distribution-vertical-lr.html (255418 => 255419)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/alignment/grid-align-content-distribution-vertical-lr.html 2020-01-30 07:02:25 UTC (rev 255418)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/alignment/grid-align-content-distribution-vertical-lr.html 2020-01-30 10:27:25 UTC (rev 255419)
@@ -27,12 +27,6 @@
height: 400px;
}
-.thirdRowFirstColumn {
- background-color: green;
- grid-column: 1;
- grid-row: 3;
-}
-
.fourthRowFirstColumn {
background-color: deepskyblue;
grid-column: 1;
@@ -45,24 +39,6 @@
grid-row: 4;
}
-.thirdRowFirstColumn {
- background-color: green;
- grid-column: 1;
- grid-row: 3;
-}
-
-.fourthRowFirstColumn {
- background-color: deepskyblue;
- grid-column: 1;
- grid-row: 4;
-}
-
-.fourthRowSecondColumn {
- background-color: maroon;
- grid-column: 2;
- grid-row: 4;
-}
-
</style>
<script src=""
Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/alignment/grid-align-content-distribution-vertical-rl.html (255418 => 255419)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/alignment/grid-align-content-distribution-vertical-rl.html 2020-01-30 07:02:25 UTC (rev 255418)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/alignment/grid-align-content-distribution-vertical-rl.html 2020-01-30 10:27:25 UTC (rev 255419)
@@ -27,12 +27,6 @@
height: 400px;
}
-.thirdRowFirstColumn {
- background-color: green;
- grid-column: 1;
- grid-row: 3;
-}
-
.fourthRowFirstColumn {
background-color: deepskyblue;
grid-column: 1;
@@ -42,24 +36,6 @@
.fourthRowSecondColumn {
background-color: maroon;
grid-column: 2;
- grid-row: 4;
-}
-
-.thirdRowFirstColumn {
- background-color: green;
- grid-column: 1;
- grid-row: 3;
-}
-
-.fourthRowFirstColumn {
- background-color: deepskyblue;
- grid-column: 1;
- grid-row: 4;
-}
-
-.fourthRowSecondColumn {
- background-color: maroon;
- grid-column: 2;
grid-row: 4;
}
Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/alignment/grid-align-content-distribution.html (255418 => 255419)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/alignment/grid-align-content-distribution.html 2020-01-30 07:02:25 UTC (rev 255418)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/alignment/grid-align-content-distribution.html 2020-01-30 10:27:25 UTC (rev 255419)
@@ -22,12 +22,6 @@
grid-auto-rows: auto;
}
-.thirdRowFirstColumn {
- background-color: green;
- grid-column: 1;
- grid-row: 3;
-}
-
.fourthRowFirstColumn {
background-color: deepskyblue;
grid-column: 1;
@@ -37,24 +31,6 @@
.fourthRowSecondColumn {
background-color: maroon;
grid-column: 2;
- grid-row: 4;
-}
-
-.thirdRowFirstColumn {
- background-color: green;
- grid-column: 1;
- grid-row: 3;
-}
-
-.fourthRowFirstColumn {
- background-color: deepskyblue;
- grid-column: 1;
- grid-row: 4;
-}
-
-.fourthRowSecondColumn {
- background-color: maroon;
- grid-column: 2;
grid-row: 4;
}
Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/alignment/grid-align-justify-overflow.html (255418 => 255419)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/alignment/grid-align-justify-overflow.html 2020-01-30 07:02:25 UTC (rev 255418)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/alignment/grid-align-justify-overflow.html 2020-01-30 10:27:25 UTC (rev 255419)
@@ -29,11 +29,6 @@
width: 50px;
height: 40px;
}
-.thirdRowFirstColumn {
- background-color: green;
- grid-column: 1;
- grid-row: 3;
-}
</style>
<script src=""
<script src=""
Copied: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/alignment/grid-item-alignment-with-orthogonal-flows-expected.txt (from rev 255418, trunk/LayoutTests/fast/css-grid-layout/grid-item-alignment-with-orthogonal-flows-expected.txt) (0 => 255419)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/alignment/grid-item-alignment-with-orthogonal-flows-expected.txt (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/alignment/grid-item-alignment-with-orthogonal-flows-expected.txt 2020-01-30 10:27:25 UTC (rev 255419)
@@ -0,0 +1,71 @@
+This test checks that grid items alignment works as expected with HORIZONTAL-TB vs VERTICAL-RL orthogonal flows.
+
+Orthogonal flows: HORIZONTAL-TB vs VERTICAL-RL
+
+Direction: LTR vs LTR
+
+end
+center
+start
+s-end
+s-start
+default
+Direction: RTL vs LTR
+
+end
+center
+start
+s-end
+s-start
+default
+Direction: LTR vs RTL
+
+end
+center
+start
+s-end
+s-start
+default
+Direction: RTL vs RTL
+
+end
+center
+start
+s-end
+s-start
+default
+Orthogonal flows: HORIZONTAL-TB vs VERTICAL-LR
+
+Direction: LTR vs LTR
+
+end
+center
+start
+s-end
+s-start
+default
+Direction: RTL vs LTR
+
+end
+center
+start
+s-end
+s-start
+default
+Direction: RTL vs RTL
+
+end
+center
+start
+s-end
+s-start
+default
+
+PASS .grid 1
+PASS .grid 2
+PASS .grid 3
+PASS .grid 4
+PASS .grid 5
+PASS .grid 6
+PASS .grid 7
+
Copied: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/alignment/grid-item-alignment-with-orthogonal-flows-vertical-lr-expected.txt (from rev 255418, trunk/LayoutTests/fast/css-grid-layout/grid-item-alignment-with-orthogonal-flows-vertical-lr-expected.txt) (0 => 255419)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/alignment/grid-item-alignment-with-orthogonal-flows-vertical-lr-expected.txt (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/alignment/grid-item-alignment-with-orthogonal-flows-vertical-lr-expected.txt 2020-01-30 10:27:25 UTC (rev 255419)
@@ -0,0 +1,40 @@
+This test checks that grid items alignment works as expected with VERTICAL-LR vs HORIZONTAL-TB orthogonal flows.
+
+Direction: LTR vs LTR
+
+end
+center
+start
+s-end
+s-start
+default
+Direction: RTL vs LTR
+
+end
+center
+start
+s-end
+s-start
+default
+Direction: LTR vs RTL
+
+end
+center
+start
+s-end
+s-start
+default
+Direction: RTL vs RTL
+
+end
+center
+start
+s-end
+s-start
+default
+
+PASS .grid 1
+PASS .grid 2
+PASS .grid 3
+PASS .grid 4
+
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/alignment/grid-item-alignment-with-orthogonal-flows-vertical-lr.html (0 => 255419)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/alignment/grid-item-alignment-with-orthogonal-flows-vertical-lr.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/alignment/grid-item-alignment-with-orthogonal-flows-vertical-lr.html 2020-01-30 10:27:25 UTC (rev 255419)
@@ -0,0 +1,85 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Grid Layout test:item alignment with orthogonal flows, vertical-lr writing mode</title>
+<link rel="author" title="Rossana Monteriso" href=""
+<link rel="help" href=""
+<link rel="help" href=""
+<meta name="assert" content="This test checks that grid item alignment works as expected with vertical-lr and horizontal-tb orthogonal flows">
+<meta name="flags" content="ahem">
+<link rel="stylesheet" href=""
+<link rel="stylesheet" href=""
+<link rel="stylesheet" href=""
+<link rel="stylesheet" type="text/css" href="" />
+
+<style>
+.container {
+ position: relative;
+}
+.grid {
+ grid-template-columns: 100px 100px;
+ grid-template-rows: 150px 150px 150px;
+ font-size: 10px;
+}
+.item {
+ width: 50px;
+ height: 20px;
+}
+</style>
+
+<script src=""
+<script src=""
+<script src=""
+
+<body _onload_="checkLayout('.grid')">
+
+<p>This test checks that grid items alignment works as expected with VERTICAL-LR vs HORIZONTAL-TB orthogonal flows.</p>
+
+<p>Direction: LTR vs LTR</p>
+<div class="container">
+ <div class="grid fit-content verticalLR directionLTR">
+ <div class="item firstRowFirstColumn horizontalTB selfEnd" data-offset-x="100" data-offset-y="80">end</div>
+ <div class="item firstRowSecondColumn horizontalTB selfCenter" data-offset-x="50" data-offset-y="140">center</div>
+ <div class="item secondRowFirstColumn horizontalTB selfStart" data-offset-x="150" data-offset-y="0">start</div>
+ <div class="item secondRowSecondColumn horizontalTB selfSelfEnd" data-offset-x="250" data-offset-y="180">s-end</div>
+ <div class="item thirdRowFirstColumn horizontalTB selfSelfStart" data-offset-x="300" data-offset-y="0">s-start</div>
+ <div class="item thirdRowSecondColumn horizontalTB" data-offset-x="300" data-offset-y="100">default</div>
+ </div>
+</div>
+
+<p>Direction: RTL vs LTR</p>
+<div class="container">
+ <div class="grid fit-content verticalLR directionRTL">
+ <div class="item firstRowFirstColumn directionLTR horizontalTB selfEnd" data-offset-x="100" data-offset-y="100">end</div>
+ <div class="item firstRowSecondColumn directionLTR horizontalTB selfCenter" data-offset-x="50" data-offset-y="40">center</div>
+ <div class="item secondRowFirstColumn directionLTR horizontalTB selfStart" data-offset-x="150" data-offset-y="180">start</div>
+ <div class="item secondRowSecondColumn directionLTR horizontalTB selfSelfEnd" data-offset-x="250" data-offset-y="80">s-end</div>
+ <div class="item thirdRowFirstColumn directionLTR horizontalTB selfSelfStart" data-offset-x="300" data-offset-y="100">s-start</div>
+ <div class="item thirdRowSecondColumn directionLTR horizontalTB" data-offset-x="300" data-offset-y="80">default</div>
+ </div>
+</div>
+
+<p>Direction: LTR vs RTL</p>
+<div class="container">
+ <div class="grid fit-content verticalLR directionLTR">
+ <div class="item firstRowFirstColumn directionRTL horizontalTB selfEnd" data-offset-x="100" data-offset-y="80">end</div>
+ <div class="item firstRowSecondColumn directionRTL horizontalTB selfCenter" data-offset-x="50" data-offset-y="140">center</div>
+ <div class="item secondRowFirstColumn directionRTL horizontalTB selfStart" data-offset-x="150" data-offset-y="0">start</div>
+ <div class="item secondRowSecondColumn directionRTL horizontalTB selfSelfEnd" data-offset-x="150" data-offset-y="180">s-end</div>
+ <div class="item thirdRowFirstColumn directionRTL horizontalTB selfSelfStart" data-offset-x="400" data-offset-y="0">s-start</div>
+ <div class="item thirdRowSecondColumn directionRTL horizontalTB" data-offset-x="300" data-offset-y="100">default</div>
+ </div>
+</div>
+
+<p>Direction: RTL vs RTL</p>
+<div class="container">
+ <div class="grid fit-content verticalLR directionRTL">
+ <div class="item firstRowFirstColumn horizontalTB selfEnd" data-offset-x="100" data-offset-y="100">end</div>
+ <div class="item firstRowSecondColumn horizontalTB selfCenter" data-offset-x="50" data-offset-y="40">center</div>
+ <div class="item secondRowFirstColumn horizontalTB selfStart" data-offset-x="150" data-offset-y="180">start</div>
+ <div class="item secondRowSecondColumn horizontalTB selfSelfEnd" data-offset-x="150" data-offset-y="80">s-end</div>
+ <div class="item thirdRowFirstColumn horizontalTB selfSelfStart" data-offset-x="400" data-offset-y="100">s-start</div>
+ <div class="item thirdRowSecondColumn horizontalTB" data-offset-x="300" data-offset-y="80">default</div>
+ </div>
+</div>
+
+</body>
Copied: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/alignment/grid-item-alignment-with-orthogonal-flows-vertical-rl-expected.txt (from rev 255418, trunk/LayoutTests/fast/css-grid-layout/grid-item-alignment-with-orthogonal-flows-vertical-rl-expected.txt) (0 => 255419)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/alignment/grid-item-alignment-with-orthogonal-flows-vertical-rl-expected.txt (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/alignment/grid-item-alignment-with-orthogonal-flows-vertical-rl-expected.txt 2020-01-30 10:27:25 UTC (rev 255419)
@@ -0,0 +1,40 @@
+This test checks that grid items alignment works as expected with VERTICAL-RL vs HORIZONTAL-TB orthogonal flows.
+
+Direction: LTR vs LTR
+
+end
+center
+start
+s-end
+s-start
+default
+Direction: RTL vs LTR
+
+end
+center
+start
+s-end
+s-start
+default
+Direction: LTR vs RTL
+
+end
+center
+start
+s-end
+s-start
+default
+Direction: RTL vs RTL
+
+end
+center
+start
+s-end
+s-start
+default
+
+PASS .grid 1
+PASS .grid 2
+PASS .grid 3
+PASS .grid 4
+
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/alignment/grid-item-alignment-with-orthogonal-flows-vertical-rl.html (0 => 255419)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/alignment/grid-item-alignment-with-orthogonal-flows-vertical-rl.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/alignment/grid-item-alignment-with-orthogonal-flows-vertical-rl.html 2020-01-30 10:27:25 UTC (rev 255419)
@@ -0,0 +1,86 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Grid Layout test:item alignment with orthogonal flows, vertical-rl writing mode</title>
+<link rel="author" title="Rossana Monteriso" href=""
+<link rel="help" href=""
+<link rel="help" href=""
+<meta name="assert" content="This test checks that grid item alignment works as expected with vertical-rl and horizontal-tb orthogonal flows">
+<meta name="flags" content="ahem">
+<link rel="stylesheet" href=""
+<link rel="stylesheet" href=""
+<link rel="stylesheet" href=""
+<link rel="stylesheet" type="text/css" href="" />
+
+<style>
+.container {
+ position: relative;
+}
+.grid {
+ grid-template-columns: 100px 100px;
+ grid-template-rows: 150px 150px 150px;
+ font-size: 10px;
+}
+.item {
+ width: 50px;
+ height: 20px;
+}
+</style>
+
+<script src=""
+<script src=""
+<script src=""
+
+<body _onload_="checkLayout('.grid')">
+
+<p>This test checks that grid items alignment works as expected with VERTICAL-RL vs HORIZONTAL-TB orthogonal flows.</p>
+
+<p>Direction: LTR vs LTR</p>
+<div class="container">
+ <div class="grid fit-content verticalRL directionLTR">
+ <div class="item firstRowFirstColumn horizontalTB selfEnd" data-offset-x="300" data-offset-y="80">end</div>
+ <div class="item firstRowSecondColumn horizontalTB selfCenter" data-offset-x="350" data-offset-y="140">center</div>
+ <div class="item secondRowFirstColumn horizontalTB selfStart" data-offset-x="250" data-offset-y="0">start</div>
+ <div class="item secondRowSecondColumn horizontalTB selfSelfEnd" data-offset-x="250" data-offset-y="180">s-end</div>
+ <div class="item thirdRowFirstColumn horizontalTB selfSelfStart" data-offset-x="0" data-offset-y="0">s-start</div>
+ <div class="item thirdRowSecondColumn horizontalTB" data-offset-x="100" data-offset-y="100">default</div>
+ </div>
+</div>
+
+<p>Direction: RTL vs LTR</p>
+<div class="container">
+ <div class="grid fit-content verticalRL directionRTL">
+ <div class="item firstRowFirstColumn directionLTR horizontalTB selfEnd" data-offset-x="300" data-offset-y="100">end</div>
+ <div class="item firstRowSecondColumn directionLTR horizontalTB selfCenter" data-offset-x="350" data-offset-y="40">center</div>
+ <div class="item secondRowFirstColumn directionLTR horizontalTB selfStart" data-offset-x="250" data-offset-y="180">start</div>
+ <div class="item secondRowSecondColumn directionLTR horizontalTB selfSelfEnd" data-offset-x="250" data-offset-y="80">s-end</div>
+ <div class="item thirdRowFirstColumn directionLTR horizontalTB selfSelfStart" data-offset-x="0" data-offset-y="100">s-start</div>
+ <div class="item thirdRowSecondColumn directionLTR horizontalTB" data-offset-x="100" data-offset-y="80">default</div>
+ </div>
+</div>
+
+<p>Direction: LTR vs RTL</p>
+<div class="container">
+ <div class="grid fit-content verticalRL directionLTR">
+ <div class="item firstRowFirstColumn directionRTL horizontalTB selfEnd" data-offset-x="300" data-offset-y="80">end</div>
+ <div class="item firstRowSecondColumn directionRTL horizontalTB selfCenter" data-offset-x="350" data-offset-y="140">center</div>
+ <div class="item secondRowFirstColumn directionRTL horizontalTB selfStart" data-offset-x="250" data-offset-y="0">start</div>
+ <div class="item secondRowSecondColumn directionRTL horizontalTB selfSelfEnd" data-offset-x="150" data-offset-y="180">s-end</div>
+ <div class="item thirdRowFirstColumn directionRTL horizontalTB selfSelfStart" data-offset-x="100" data-offset-y="0">s-start</div>
+ <div class="item thirdRowSecondColumn directionRTL horizontalTB" data-offset-x="100" data-offset-y="100">default</div>
+
+ </div>
+</div>
+
+<p>Direction: RTL vs RTL</p>
+<div class="container">
+ <div class="grid fit-content verticalRL directionRTL">
+ <div class="item firstRowFirstColumn horizontalTB selfEnd" data-offset-x="300" data-offset-y="100">end</div>
+ <div class="item firstRowSecondColumn horizontalTB selfCenter" data-offset-x="350" data-offset-y="40">center</div>
+ <div class="item secondRowFirstColumn horizontalTB selfStart" data-offset-x="250" data-offset-y="180">start</div>
+ <div class="item secondRowSecondColumn horizontalTB selfSelfEnd" data-offset-x="150" data-offset-y="80">s-end</div>
+ <div class="item thirdRowFirstColumn horizontalTB selfSelfStart" data-offset-x="100" data-offset-y="100">s-start</div>
+ <div class="item thirdRowSecondColumn horizontalTB" data-offset-x="100" data-offset-y="80">default</div>
+ </div>
+</div>
+
+</body>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/alignment/grid-item-alignment-with-orthogonal-flows.html (0 => 255419)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/alignment/grid-item-alignment-with-orthogonal-flows.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/alignment/grid-item-alignment-with-orthogonal-flows.html 2020-01-30 10:27:25 UTC (rev 255419)
@@ -0,0 +1,125 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Grid Layout test: item alignment with orthogonal flows</title>
+<link rel="author" title="Rossana Monteriso" href=""
+<link rel="help" href=""
+<link rel="help" href=""
+<meta name="assert" content="This test checks that grid item alignment works as expected with horizontal-tb and vertical-rl/vertical-lr orthogonal flows">
+<meta name="flags" content="ahem">
+<link rel="stylesheet" href=""
+<link rel="stylesheet" href=""
+<link rel="stylesheet" href=""
+<link rel="stylesheet" type="text/css" href="" />
+
+<style>
+.container {
+ position: relative;
+}
+.grid {
+ grid-template-columns: 100px 100px;
+ grid-template-rows: 150px 150px 150px;
+ font-size: 10px;
+}
+.item {
+ width: 20px;
+ height: 50px;
+}
+</style>
+
+<script src=""
+<script src=""
+<script src=""
+
+<body _onload_="checkLayout('.grid')">
+
+<p>This test checks that grid items alignment works as expected with HORIZONTAL-TB vs VERTICAL-RL orthogonal flows.</p>
+
+<p>Orthogonal flows: HORIZONTAL-TB vs VERTICAL-RL</p>
+<p>Direction: LTR vs LTR</p>
+<div class="container">
+ <div class="grid fit-content directionLTR">
+ <div class="item firstRowFirstColumn verticalRL selfEnd" data-offset-x="80" data-offset-y="100">end</div>
+ <div class="item firstRowSecondColumn verticalRL selfCenter" data-offset-x="140" data-offset-y="50">center</div>
+ <div class="item secondRowFirstColumn verticalRL selfStart" data-offset-x="0" data-offset-y="150">start</div>
+ <div class="item secondRowSecondColumn verticalRL selfSelfEnd" data-offset-x="100" data-offset-y="250">s-end</div>
+ <div class="item thirdRowFirstColumn verticalRL selfSelfStart" data-offset-x="80" data-offset-y="300">s-start</div>
+ <div class="item thirdRowSecondColumn verticalRL" data-offset-x= "100" data-offset-y="300">default</div>
+ </div>
+</div>
+
+<p>Direction: RTL vs LTR</p>
+<div class="container">
+ <div class="grid fit-content directionRTL">
+ <div class="item firstRowFirstColumn directionLTR verticalRL selfEnd" data-offset-x="100" data-offset-y="100">end</div>
+ <div class="item firstRowSecondColumn directionLTR verticalRL selfCenter" data-offset-x="40" data-offset-y="50">center</div>
+ <div class="item secondRowFirstColumn directionLTR verticalRL selfStart" data-offset-x="180" data-offset-y="150">start</div>
+ <div class="item secondRowSecondColumn directionLTR verticalRL selfSelfEnd" data-offset-x="0" data-offset-y="250">s-end</div>
+ <div class="item thirdRowFirstColumn directionLTR verticalRL selfSelfStart" data-offset-x="180" data-offset-y="300">s-start</div>
+ <div class="item thirdRowSecondColumn directionLTR verticalRL" data-offset-x="80" data-offset-y="300">default</div>
+
+ </div>
+</div>
+
+<p>Direction: LTR vs RTL</p>
+<div class="container">
+ <div class="grid fit-content directionLTR">
+ <div class="item firstRowFirstColumn directionRTL verticalRL selfEnd" data-offset-x="80" data-offset-y="100">end</div>
+ <div class="item firstRowSecondColumn directionRTL verticalRL selfCenter" data-offset-x="140" data-offset-y="50">center</div>
+ <div class="item secondRowFirstColumn directionRTL verticalRL selfStart" data-offset-x="0" data-offset-y="150">start</div>
+ <div class="item secondRowSecondColumn directionRTL verticalRL selfSelfEnd" data-offset-x="100" data-offset-y="150">s-end</div>
+ <div class="item thirdRowFirstColumn directionRTL verticalRL selfSelfStart" data-offset-x="80" data-offset-y="400">s-start</div>
+ <div class="item thirdRowSecondColumn directionRTL verticalRL" data-offset-x="100" data-offset-y="300">default</div>
+ </div>
+</div>
+
+<p>Direction: RTL vs RTL</p>
+<div class="container">
+ <div class="grid fit-content directionRTL">
+ <div class="item firstRowFirstColumn verticalRL selfEnd" data-offset-x="100" data-offset-y="100">end</div>
+ <div class="item firstRowSecondColumn verticalRL selfCenter" data-offset-x="40" data-offset-y="50">center</div>
+ <div class="item secondRowFirstColumn verticalRL selfStart" data-offset-x="180" data-offset-y="150">start</div>
+ <div class="item secondRowSecondColumn verticalRL selfSelfEnd" data-offset-x="0" data-offset-y="150">s-end</div>
+ <div class="item thirdRowFirstColumn verticalRL selfSelfStart" data-offset-x="180" data-offset-y="400">s-start</div>
+ <div class="item thirdRowSecondColumn verticalRL" data-offset-x="80" data-offset-y="300">default</div>
+ </div>
+</div>
+
+<!-- HORIZONTAL-TB vs VERTICAL-LR -->
+<p>Orthogonal flows: HORIZONTAL-TB vs VERTICAL-LR</p>
+<p>Direction: LTR vs LTR</p>
+<div class="container">
+ <div class="grid fit-content drectionLTR">
+ <div class="item firstRowFirstColumn verticalLR selfEnd" data-offset-x="80" data-offset-y="100">end</div>
+ <div class="item firstRowSecondColumn verticalLR selfCenter" data-offset-x="140" data-offset-y="50">center</div>
+ <div class="item secondRowFirstColumn verticalLR selfStart" data-offset-x="0" data-offset-y="150">start</div>
+ <div class="item secondRowSecondColumn verticalLR selfSelfEnd" data-offset-x="180" data-offset-y="250">s-end</div>
+ <div class="item thirdRowFirstColumn verticalLR selfSelfStart" data-offset-x="0" data-offset-y="300">s-start</div>
+ <div class="item thirdRowSecondColumn verticalLR" data-offset-x="100" data-offset-y="300">default</div>
+ </div>
+</div>
+
+<p>Direction: RTL vs LTR</p>
+<div class="container">
+ <div class="grid fit-content directionRTL">
+ <div class="item firstRowFirstColumn directionLTR verticalLR selfEnd" data-offset-x="100" data-offset-y="100">end</div>
+ <div class="item firstRowSecondColumn directionLTR verticalLR selfCenter" data-offset-x="40" data-offset-y="50">center</div>
+ <div class="item secondRowFirstColumn directionLTR verticalLR selfStart" data-offset-x="180" data-offset-y="150">start</div>
+ <div class="item secondRowSecondColumn directionLTR verticalLR selfSelfEnd" data-offset-x="80" data-offset-y="250">s-end</div>
+ <div class="item thirdRowFirstColumn directionLTR verticalLR selfSelfStart" data-offset-x="100" data-offset-y="300">s-start</div>
+ <div class="item thirdRowSecondColumn directionLTR verticalLR" data-offset-x="80" data-offset-y="300">default</div>
+ </div>
+</div>
+
+<p>Direction: RTL vs RTL</p>
+<div class="container">
+ <div class="grid fit-content directionRTL">
+ <div class="item firstRowFirstColumn verticalLR selfEnd" data-offset-x="100" data-offset-y="100">end</div>
+ <div class="item firstRowSecondColumn verticalLR selfCenter" data-offset-x="40" data-offset-y="50">center</div>
+ <div class="item secondRowFirstColumn verticalLR selfStart" data-offset-x="180" data-offset-y="150">start</div>
+ <div class="item secondRowSecondColumn verticalLR selfSelfEnd" data-offset-x="80" data-offset-y="150">s-end</div>
+ <div class="item thirdRowFirstColumn verticalLR selfSelfStart" data-offset-x="100" data-offset-y="400">s-start</div>
+ <div class="item thirdRowSecondColumn verticalLR" data-offset-x="80" data-offset-y="300">default</div>
+ </div>
+</div>
+
+</body>
Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/support/grid.css (255418 => 255419)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/support/grid.css 2020-01-30 07:02:25 UTC (rev 255418)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/support/grid.css 2020-01-30 10:27:25 UTC (rev 255419)
@@ -86,6 +86,12 @@
grid-row: 2;
}
+.thirdRowFirstColumn {
+ background-color: green;
+ grid-column: 1;
+ grid-row: 3;
+}
+
.thirdRowSecondColumn {
background-color: red;
grid-column: 2;
