[css-grid] Remove outdated css-grid-layout alignment tests

The alignment tests in question have been moved from WebKit to WPT with the following PR: * https://github.com/web-platform-tests/wpt/pull/19828 * https://github.com/web-platform-tests/wpt/pull/20088 * https://github.com/web-platform-tests/wpt/pull/19809 * https://github.com/web-platform-tests/wpt/pull/19665 * https://github.com/web-platform-tests/wpt/pull/20110 The removed tests that are now in WPT can be found under: third_party/blink/web_tests/external/wpt/css/css-grid/alignment/ This patch removes the outdated version of the tests from third_party/blink/web_tests/fast/css-grid-layout/ Change-Id: I2e5601700332b8fb2e12036f9c45ae7e98bf90b6 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1989531 Commit-Queue: Manuel Rego <rego@igalia.com> Reviewed-by: Manuel Rego <rego@igalia.com> Cr-Commit-Position: refs/heads/master@{#729346}

[css-grid] Remove outdated css-grid-layout alignment tests
The alignment tests in question have been moved from WebKit to WPT with the following PR: * https://github.com/web-platform-tests/wpt/pull/19828 * https://github.com/web-platform-tests/wpt/pull/20088 * https://github.com/web-platform-tests/wpt/pull/19809 * https://github.com/web-platform-tests/wpt/pull/19665 * https://github.com/web-platform-tests/wpt/pull/20110 The removed tests that are now in WPT can be found under: third_party/blink/web_tests/external/wpt/css/css-grid/alignment/ This patch removes the outdated version of the tests from third_party/blink/web_tests/fast/css-grid-layout/ Change-Id: I2e5601700332b8fb2e12036f9c45ae7e98bf90b6 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1989531 Commit-Queue: Manuel Rego <rego@igalia.com> Reviewed-by: Manuel Rego <rego@igalia.com> Cr-Commit-Position: refs/heads/master@{#729346}
514a76b7 · Rossana Monteriso · Commit Bot · 49d968ca · 49d968ca · 49d968ca
Commit 514a76b7 authored Jan 08, 2020 by Rossana Monteriso Committed by Commit Bot Jan 08, 2020
18 changed files
--- a/third_party/blink/web_tests/external/wpt/css/css-grid/alignment/grid-align-content-distribution-expected.txt
+++ b/third_party/blink/web_tests/external/wpt/css/css-grid/alignment/grid-align-content-distribution-expected.txt
--- a/third_party/blink/web_tests/external/wpt/css/css-grid/alignment/grid-align-content-distribution-vertical-lr-expected.txt
+++ b/third_party/blink/web_tests/external/wpt/css/css-grid/alignment/grid-align-content-distribution-vertical-lr-expected.txt
--- a/third_party/blink/web_tests/external/wpt/css/css-grid/alignment/grid-align-content-distribution-vertical-lr.html
+++ b/third_party/blink/web_tests/external/wpt/css/css-grid/alignment/grid-align-content-distribution-vertical-lr.html
--- a/third_party/blink/web_tests/external/wpt/css/css-grid/alignment/grid-align-content-distribution-vertical-rl-expected.txt
+++ b/third_party/blink/web_tests/external/wpt/css/css-grid/alignment/grid-align-content-distribution-vertical-rl-expected.txt
--- a/third_party/blink/web_tests/external/wpt/css/css-grid/alignment/grid-align-content-distribution-vertical-rl.html
+++ b/third_party/blink/web_tests/external/wpt/css/css-grid/alignment/grid-align-content-distribution-vertical-rl.html
--- a/third_party/blink/web_tests/external/wpt/css/css-grid/alignment/grid-align-content-distribution.html
+++ b/third_party/blink/web_tests/external/wpt/css/css-grid/alignment/grid-align-content-distribution.html
--- a/third_party/blink/web_tests/fast/css-grid-layout/grid-align-content-expected.txt
+++ b/third_party/blink/web_tests/fast/css-grid-layout/grid-align-content-expected.txt
-This test checks that the align-content property is applied correctly.
-
-direction: LTR | align-content: 'center'
-
-PASS
-
-direction: LTR | align-content: 'left'
-
-PASS
-
-direction: LTR | align-content: 'right'
-
-PASS
-
-direction: LTR | align-content: 'start'
-
-PASS
-
-direction: LTR | align-content: 'end'
-
-PASS
-
-direction: LTR | align-content: 'flex-start'
-
-PASS
-
-direction: LTR | align-content: 'flex-end
-
-PASS
-
-direction: LTR | align-content: 'auto' (resolved to 'start')
-
-PASS
-
-direction: RTL | align-content: 'center'
-
-PASS
-
-direction: RTL | align-content: 'left'
-
-PASS
-
-direction: RTL | align-content: 'right'
-
-PASS
-
-direction: RTL | align-content: 'start'
-
-PASS
-
-direction: RTL | align-content: 'end'
-
-PASS
--- a/third_party/blink/web_tests/fast/css-grid-layout/grid-align-content.html
+++ b/third_party/blink/web_tests/fast/css-grid-layout/grid-align-content.html
--- a/third_party/blink/web_tests/fast/css-grid-layout/grid-align-expected.txt
+++ b/third_party/blink/web_tests/fast/css-grid-layout/grid-align-expected.txt
-This test checks that the align-self property is applied correctly.
-
-PASS
-PASS
-PASS
-PASS
-PASS
-PASS
-PASS
-PASS
-PASS
-PASS
-PASS
-PASS
-PASS
-PASS
-PASS
-PASS
--- a/third_party/blink/web_tests/fast/css-grid-layout/grid-align-justify-margin-border-padding-vertical-lr.html
+++ b/third_party/blink/web_tests/fast/css-grid-layout/grid-align-justify-margin-border-padding-vertical-lr.html
--- a/third_party/blink/web_tests/fast/css-grid-layout/grid-align-justify-margin-border-padding-vertical-rl.html
+++ b/third_party/blink/web_tests/fast/css-grid-layout/grid-align-justify-margin-border-padding-vertical-rl.html
--- a/third_party/blink/web_tests/fast/css-grid-layout/grid-align-justify-margin-border-padding.html
+++ b/third_party/blink/web_tests/fast/css-grid-layout/grid-align-justify-margin-border-padding.html
--- a/third_party/blink/web_tests/fast/css-grid-layout/grid-align-justify-overflow-expected.txt
+++ b/third_party/blink/web_tests/fast/css-grid-layout/grid-align-justify-overflow-expected.txt
-This test checks that the 'overflow' keyword is applied correctly for 'align' and 'justify' properties.
-
-PASS
-PASS
-PASS
-PASS
-PASS
-PASS
-PASS
-PASS
--- a/third_party/blink/web_tests/fast/css-grid-layout/grid-align-justify-overflow.html
+++ b/third_party/blink/web_tests/fast/css-grid-layout/grid-align-justify-overflow.html
-<!DOCTYPE html>
-<html>
-<head>
-<link href="../css-intrinsic-dimensions/resources/width-keyword-classes.css" rel="stylesheet">
-<link href="resources/grid.css" rel="stylesheet">
-<link href="resources/grid-alignment.css" rel="stylesheet">
-<script src="../../resources/check-layout.js"></script>
-<style>
-body {
-    margin: 0;
-}
-
-.grid {
-    grid-template-columns: 150px 150px;
-    grid-template-rows: 120px 120px 120px;
-    margin-bottom: 20px;
-}
-
-.cellOverflowWidth {
-    width: 180px;
-    height: 40px;
-}
-
-.cellOverflowHeight {
-    width: 50px;
-    height: 150px;
-}
-
-.cellWithNoOverflow {
-    width: 50px;
-    height: 40px;
-}
-
-.thirdRowFirstColumn {
-    background-color: green;
-    grid-column: 1;
-    grid-row: 3;
-}
-</style>
-</head>
-<body onload="checkLayout('.grid')">
-
-<p>This test checks that the 'overflow' keyword is applied correctly for 'align' and 'justify' properties.</p>
-
-<div style="position: relative">
-    <div class="grid fit-content alignItemsCenter justifyItemsCenter" data-expected-width="300" data-expected-height="360">
-        <div class="cellOverflowWidth  firstRowFirstColumn" data-offset-x="-15" data-offset-y="40" data-expected-width="180" data-expected-height="40"></div>
-        <div class="cellWithNoOverflow secondRowFirstColumn" data-offset-x="50" data-offset-y="160" data-expected-width="50" data-expected-height="40"></div>
-        <div class="cellWithNoOverflow thirdRowFirstColumn" data-offset-x="50" data-offset-y="280" data-expected-width="50" data-expected-height="40"></div>
-        <div class="cellWithNoOverflow firstRowSecondColumn" data-offset-x="200" data-offset-y="40" data-expected-width="50" data-expected-height="40"></div>
-        <div class="cellOverflowWidth  secondRowSecondColumn" data-offset-x="135" data-offset-y="160" data-expected-width="180" data-expected-height="40"></div>
-        <div class="cellWithNoOverflow thirdRowSecondColumn" data-offset-x="200" data-offset-y="280" data-expected-width="50" data-expected-height="40"></div>
-    </div>
-</div>
-
-<div style="position: relative">
-    <div class="grid fit-content alignItemsCenterUnsafe justifyItemsCenterUnsafe" data-expected-width="300" data-expected-height="360">
-        <div class="cellOverflowHeight firstRowFirstColumn" data-offset-x="50" data-offset-y="-15" data-expected-width="50" data-expected-height="150"></div>
-        <div class="cellWithNoOverflow secondRowFirstColumn" data-offset-x="50" data-offset-y="160" data-expected-width="50" data-expected-height="40"></div>
-        <div class="cellWithNoOverflow thirdRowFirstColumn" data-offset-x="50" data-offset-y="280" data-expected-width="50" data-expected-height="40"></div>
-        <div class="cellWithNoOverflow firstRowSecondColumn" data-offset-x="200" data-offset-y="40" data-expected-width="50" data-expected-height="40"></div>
-        <div class="cellOverflowHeight secondRowSecondColumn" data-offset-x="200" data-offset-y="105" data-expected-width="50" data-expected-height="150"></div>
-        <div class="cellWithNoOverflow thirdRowSecondColumn" data-offset-x="200" data-offset-y="280" data-expected-width="50" data-expected-height="40"></div>
-    </div>
-</div>
-
-<div style="position: relative">
-    <div class="grid fit-content alignItemsCenterSafe justifyItemsCenterSafe" data-expected-width="300" data-expected-height="360">
-        <div class="cellOverflowWidth  firstRowFirstColumn" data-offset-x="0" data-offset-y="40" data-expected-width="180" data-expected-height="40"></div>
-        <div class="cellWithNoOverflow secondRowFirstColumn" data-offset-x="50" data-offset-y="160" data-expected-width="50" data-expected-height="40"></div>
-        <div class="cellWithNoOverflow thirdRowFirstColumn" data-offset-x="50" data-offset-y="280" data-expected-width="50" data-expected-height="40"></div>
-        <div class="cellWithNoOverflow firstRowSecondColumn" data-offset-x="200" data-offset-y="40" data-expected-width="50" data-expected-height="40"></div>
-        <div class="cellOverflowWidth  secondRowSecondColumn" data-offset-x="150" data-offset-y="160" data-expected-width="180" data-expected-height="40"></div>
-        <div class="cellWithNoOverflow thirdRowSecondColumn" data-offset-x="200" data-offset-y="280" data-expected-width="50" data-expected-height="40"></div>
-    </div>
-</div>
-
-<div style="position: relative">
-    <div class="grid fit-content alignItemsCenterSafe justifyItemsCenterSafe" data-expected-width="300" data-expected-height="360">
-        <div class="cellOverflowHeight firstRowFirstColumn" data-offset-x="50" data-offset-y="0" data-expected-width="50" data-expected-height="150"></div>
-        <div class="cellWithNoOverflow secondRowFirstColumn" data-offset-x="50" data-offset-y="160" data-expected-width="50" data-expected-height="40"></div>
-        <div class="cellWithNoOverflow thirdRowFirstColumn" data-offset-x="50" data-offset-y="280" data-expected-width="50" data-expected-height="40"></div>
-        <div class="cellWithNoOverflow firstRowSecondColumn" data-offset-x="200" data-offset-y="40" data-expected-width="50" data-expected-height="40"></div>
-        <div class="cellOverflowHeight secondRowSecondColumn alignSelfCenterSafe justifySelfCenterSafe" data-offset-x="200" data-offset-y="120" data-expected-width="50" data-expected-height="150"></div>
-        <div class="cellWithNoOverflow thirdRowSecondColumn" data-offset-x="200" data-offset-y="280" data-expected-width="50" data-expected-height="40"></div>
-    </div>
-</div>
-
-<div style="position: relative">
-    <div class="grid fit-content alignItemsEnd justifyItemsEnd" data-expected-width="300" data-expected-height="360">
-        <div class="cellOverflowWidth  firstRowFirstColumn" data-offset-x="-30" data-offset-y="80" data-expected-width="180" data-expected-height="40"></div>
-        <div class="cellWithNoOverflow secondRowFirstColumn justifySelfCenter" data-offset-x="50" data-offset-y="200" data-expected-width="50" data-expected-height="40"></div>
-        <div class="cellWithNoOverflow thirdRowFirstColumn" data-offset-x="100" data-offset-y="320" data-expected-width="50" data-expected-height="40"></div>
-        <div class="cellWithNoOverflow firstRowSecondColumn" data-offset-x="250" data-offset-y="80" data-expected-width="50" data-expected-height="40"></div>
-        <div class="cellOverflowWidth  secondRowSecondColumn" data-offset-x="120" data-offset-y="200" data-expected-width="180" data-expected-height="40"></div>
-        <div class="cellWithNoOverflow thirdRowSecondColumn" data-offset-x="250" data-offset-y="320" data-expected-width="50" data-expected-height="40"></div>
-    </div>
-</div>
-
-<div style="position: relative">
-    <div class="grid fit-content alignItemsEndUnsafe justifyItemsEndUnsafe" data-expected-width="300" data-expected-height="360">
-        <div class="cellOverflowHeight firstRowFirstColumn" data-offset-x="100" data-offset-y="-30" data-expected-width="50" data-expected-height="150"></div>
-        <div class="cellWithNoOverflow secondRowFirstColumn" data-offset-x="100" data-offset-y="200" data-expected-width="50" data-expected-height="40"></div>
-        <div class="cellWithNoOverflow thirdRowFirstColumn" data-offset-x="100" data-offset-y="320" data-expected-width="50" data-expected-height="40"></div>
-        <div class="cellWithNoOverflow firstRowSecondColumn alignSelfCenter" data-offset-x="250" data-offset-y="40" data-expected-width="50" data-expected-height="40"></div>
-        <div class="cellOverflowHeight secondRowSecondColumn" data-offset-x="250" data-offset-y="90" data-expected-width="50" data-expected-height="150"></div>
-        <div class="cellWithNoOverflow thirdRowSecondColumn" data-offset-x="250" data-offset-y="320" data-expected-width="50" data-expected-height="40"></div>
-    </div>
-</div>
-
-<div style="position: relative">
-    <div class="grid fit-content alignItemsEndSafe justifyItemsEndSafe" data-expected-width="300" data-expected-height="360">
-        <div class="cellOverflowWidth  firstRowFirstColumn" data-offset-x="0" data-offset-y="80" data-expected-width="180" data-expected-height="40"></div>
-        <div class="cellWithNoOverflow secondRowFirstColumn justifySelfCenterUnsafe" data-offset-x="50" data-offset-y="200" data-expected-width="50" data-expected-height="40"></div>
-        <div class="cellWithNoOverflow thirdRowFirstColumn" data-offset-x="100" data-offset-y="320" data-expected-width="50" data-expected-height="40"></div>
-        <div class="cellWithNoOverflow firstRowSecondColumn" data-offset-x="250" data-offset-y="80" data-expected-width="50" data-expected-height="40"></div>
-        <div class="cellOverflowWidth  secondRowSecondColumn" data-offset-x="150" data-offset-y="200" data-expected-width="180" data-expected-height="40"></div>
-        <div class="cellWithNoOverflow thirdRowSecondColumn" data-offset-x="250" data-offset-y="320" data-expected-width="50" data-expected-height="40"></div>
-    </div>
-</div>
-
-<div style="position: relative">
-    <div class="grid fit-content alignItemsEndSafe justifyItemsEndSafe" data-expected-width="300" data-expected-height="360">
-        <div class="cellOverflowHeight firstRowFirstColumn" data-offset-x="100" data-offset-y="0" data-expected-width="50" data-expected-height="150"></div>
-        <div class="cellWithNoOverflow secondRowFirstColumn" data-offset-x="100" data-offset-y="200" data-expected-width="50" data-expected-height="40"></div>
-        <div class="cellWithNoOverflow thirdRowFirstColumn" data-offset-x="100" data-offset-y="320" data-expected-width="50" data-expected-height="40"></div>
-        <div class="cellWithNoOverflow firstRowSecondColumn alignSelfCenterUnsafe" data-offset-x="250" data-offset-y="40" data-expected-width="50" data-expected-height="40"></div>
-        <div class="cellOverflowHeight secondRowSecondColumn" data-offset-x="250" data-offset-y="120" data-expected-width="50" data-expected-height="150"></div>
-        <div class="cellWithNoOverflow thirdRowSecondColumn" data-offset-x="250" data-offset-y="320" data-expected-width="50" data-expected-height="40"></div>
-    </div>
-</div>
-
-</body>
-</html>
--- a/third_party/blink/web_tests/fast/css-grid-layout/grid-align-justify-stretch-expected.txt
+++ b/third_party/blink/web_tests/fast/css-grid-layout/grid-align-justify-stretch-expected.txt
-This test checks that the 'stretch' value is applied correctly for 'align' and 'justify' properties.
-
-PASS
-PASS
-PASS
-PASS
-PASS
-PASS
-PASS
-PASS
-PASS
-PASS
-PASS
-PASS
-PASS
-PASS
-PASS
-PASS
--- a/third_party/blink/web_tests/fast/css-grid-layout/grid-align-justify-stretch-with-orthogonal-flows.html
+++ b/third_party/blink/web_tests/fast/css-grid-layout/grid-align-justify-stretch-with-orthogonal-flows.html
-<!DOCTYPE html>
-<link href="resources/grid.css" rel="stylesheet">
-<link href="resources/grid-alignment.css" rel="stylesheet">
-<link href="../css-intrinsic-dimensions/resources/width-keyword-classes.css" rel="stylesheet">
-<script src="../../resources/testharness.js"></script>
-<script src="../../resources/testharnessreport.js"></script>
-<script src="../../resources/check-layout-th.js"></script>
-<style>
-body {
-    margin: 0;
-}
-.container {
-    position: relative;
-}
-.grid {
-    grid-template-columns: 100px 100px;
-    grid-template-rows: 150px 150px;
-    font: 10px/1 Ahem;
-}
-.widthAndHeightSet {
-    width: 20px;
-    height: 40px;
-}
-.onlyWidthSet { width: 20px; }
-.onlyHeightSet { height: 40px; }
-.maxHeight { max-height: 160px; }
-.maxWidth { max-width: 90px; }
-.minWidth { min-width: 120px; }
-.minHeight { min-height: 220px; }
-.topAutoMargin { margin-top: auto; }
-.bottomAutoMargin { margin-bottom: auto; }
-.leftAutoMargin { margin-left: auto; }
-.rightAutoMargin { margin-right: auto; }
-</style>
-<body onload="checkLayout('.grid')">
-<div id="log"></div>
-<p>This test checks that stretching alignment works as expected with orthogonal flows.</p>
-
-<p>HORIZONTAL vs VERTICAL-RL</p>
-<p><b>row1/col1:</b> fixed width and height - <b>row1/col2:</b> fixed width and auto height - <b>row2/col1:</b> auto width and fixed height - <b>row2/col2:</b> auto width and height, but start.</p>
-<div class="container">
-    <div class="grid fit-content" data-expected-width="200" data-expected-height="300">
-        <div class="verticalRL firstRowFirstColumn   selfStretch   widthAndHeightSet " data-expected-width="20"  data-expected-height="40">XXX</div>
-        <div class="verticalRL firstRowSecondColumn  sefStretch    onlyWidthSet      " data-expected-width="20"  data-expected-height="150">XXX</div>
-        <div class="verticalRL secondRowFirstColumn  selfStretch    onlyHeightSet     " data-expected-width="100" data-expected-height="40">XXX</div>
-        <div class="verticalRL secondRowSecondColumn selfSelfStart                   " data-expected-width="10"  data-expected-height="30">XXX</div>
-    </div>
-</div>
-<p><b>row1/co1l:</b> bottom auto margin - <b>row1/col2:</b> left auto margin - <b>row2/col1:</b> top auto margin - <b>row2/col2:</b> right auto margin.</p>
-<div class="container">
-    <div class="grid fit-content" data-expected-width="200" data-expected-height="300">
-        <div class="verticalRL firstRowFirstColumn   selfStretch bottomAutoMargin " data-expected-width="100" data-expected-height="30">XXX</div>
-        <div class="verticalRL firstRowSecondColumn  seffStretch leftAutoMargin   " data-expected-width="10"  data-expected-height="150">XXX</div>
-        <div class="verticalRL secondRowFirstColumn  selffStretch topAutoMargin    " data-expected-width="100" data-expected-height="30">XXX</div>
-        <div class="verticalRL secondRowSecondColumn selffStretch rightAutoMargin  " data-expected-width="10"  data-expected-height="150">XXX</div>
-    </div>
-</div>
-
-<p>HORIZONTAL vs VERTICAL-LR</p>
-<p><b>row1/col1:</b> fixed width and height - <b>row1/col2:</b> fixed width and auto height - <b>row2/col1:</b> auto width and fixed height - <b>row2/col2:</b> auto width and height, but start.</p>
-<div class="container">
-    <div class="grid fit-content" data-expected-width="200" data-expected-height="300">
-        <div class="verticalLR firstRowFirstColumn   selfStretch   widthAndHeightSet " data-expected-width="20"  data-expected-height="40">XXX</div>
-        <div class="verticalLR firstRowSecondColumn  sefStretch    onlyWidthSet      " data-expected-width="20"  data-expected-height="150">XXX</div>
-        <div class="verticalLR secondRowFirstColumn  selfStretch    onlyHeightSet     " data-expected-width="100" data-expected-height="40">XXX</div>
-        <div class="verticalLR secondRowSecondColumn selfSelfStart                   " data-expected-width="10"  data-expected-height="30">XXX</div>
-    </div>
-</div>
-<p><b>row1/co1l:</b> bottom auto margin - <b>row1/col2:</b> left auto margin - <b>row2/col1:</b> top auto margin - <b>row2/col2:</b> right auto margin.</p>
-<div class="container">
-    <div class="grid fit-content" data-expected-width="200" data-expected-height="300">
-        <div class="verticalLR firstRowFirstColumn   selfStretch bottomAutoMargin " data-expected-width="100" data-expected-height="30">XXX</div>
-        <div class="verticalLR firstRowSecondColumn  seffStretch leftAutoMargin   " data-expected-width="10"  data-expected-height="150">XXX</div>
-        <div class="verticalLR secondRowFirstColumn  selffStretch topAutoMargin    " data-expected-width="100" data-expected-height="30">XXX</div>
-        <div class="verticalLR secondRowSecondColumn selffStretch rightAutoMargin  " data-expected-width="10"  data-expected-height="150">XXX</div>
-    </div>
-</div>
-
-<p>VERTICAL-RL vs HORIZONTAL</p>
-<p><b>row1/col1:</b> fixed width and height - <b>row1/col2:</b> fixed width and auto height - <b>row2/col1:</b> auto width and fixed height - <b>row2/col2:</b> auto width and height, but start.</p>
-<div class="container">
-    <div class="grid fit-content verticalRL" data-expected-width="300" data-expected-height="200">
-        <div class="horizonalTB firstRowFirstColumn   selfStretch   widthAndHeightSet " data-expected-width="20"  data-expected-height="40">XXX</div>
-        <div class="horizonalTB firstRowSecondColumn  sefStretch    onlyWidthSet      " data-expected-width="20"  data-expected-height="100">XXX</div>
-        <div class="horizonalTB secondRowFirstColumn  selfStretch    onlyHeightSet     " data-expected-width="150" data-expected-height="40">XXX</div>
-        <div class="horizonalTB secondRowSecondColumn selfSelfStart                   " data-expected-width="10"  data-expected-height="30">XXX</div>
-    </div>
-</div>
-<p><b>row1/co1l:</b> bottom auto margin - <b>row1/col2:</b> left auto margin - <b>row2/col1:</b> top auto margin - <b>row2/col2:</b> right auto margin.</p>
-<div class="container">
-    <div class="grid fit-content verticalRL" data-expected-width="300" data-expected-height="200">
-        <div class="horizonalTB firstRowFirstColumn   selfStretch bottomAutoMargin " data-expected-width="150" data-expected-height="30">XXX</div>
-        <div class="horizonalTB firstRowSecondColumn  seffStretch leftAutoMargin   " data-expected-width="10"  data-expected-height="100">XXX</div>
-        <div class="horizonalTB secondRowFirstColumn  selffStretch topAutoMargin    " data-expected-width="150" data-expected-height="30">XXX</div>
-        <div class="horizonalTB secondRowSecondColumn selffStretch rightAutoMargin  " data-expected-width="10"  data-expected-height="100">XXX</div>
-    </div>
-</div>
-
-<p>VERTICAL-LR vs HORIZONTAL</p>
-<p><b>row1/col1:</b> fixed width and height - <b>row1/col2:</b> fixed width and auto height - <b>row2/col1:</b> auto width and fixed height - <b>row2/col2:</b> auto width and height, but start.</p>
-<div class="container">
-    <div class="grid fit-content verticalLR" data-expected-width="300" data-expected-height="200">
-        <div class="horizonalTB firstRowFirstColumn   selfStretch   widthAndHeightSet " data-expected-width="20"  data-expected-height="40">XXX</div>
-        <div class="horizonalTB firstRowSecondColumn  sefStretch    onlyWidthSet      " data-expected-width="20"  data-expected-height="100">XXX</div>
-        <div class="horizonalTB secondRowFirstColumn  selfStretch    onlyHeightSet     " data-expected-width="150" data-expected-height="40">XXX</div>
-        <div class="horizonalTB secondRowSecondColumn selfSelfStart                   " data-expected-width="10"  data-expected-height="30">XXX</div>
-    </div>
-</div>
-<p><b>row1/co1l:</b> bottom auto margin - <b>row1/col2:</b> left auto margin - <b>row2/col1:</b> top auto margin - <b>row2/col2:</b> right auto margin.</p>
-<div class="container">
-    <div class="grid fit-content verticalLR" data-expected-width="300" data-expected-height="200">
-        <div class="horizonalTB firstRowFirstColumn   selfStretch bottomAutoMargin " data-expected-width="150" data-expected-height="30">XXX</div>
-        <div class="horizonalTB firstRowSecondColumn  seffStretch leftAutoMargin   " data-expected-width="10"  data-expected-height="100">XXX</div>
-        <div class="horizonalTB secondRowFirstColumn  selffStretch topAutoMargin    " data-expected-width="150" data-expected-height="30">XXX</div>
-        <div class="horizonalTB secondRowSecondColumn selffStretch rightAutoMargin  " data-expected-width="10"  data-expected-height="100">XXX</div>
-    </div>
-</div>
-
-</body>
--- a/third_party/blink/web_tests/fast/css-grid-layout/grid-align-justify-stretch.html
+++ b/third_party/blink/web_tests/fast/css-grid-layout/grid-align-justify-stretch.html
--- a/third_party/blink/web_tests/fast/css-grid-layout/grid-align.html
+++ b/third_party/blink/web_tests/fast/css-grid-layout/grid-align.html