Title: [262788] trunk/LayoutTests
Revision
262788
Author
[email protected]
Date
2020-06-09 05:11:13 -0700 (Tue, 09 Jun 2020)

Log Message

[css-grid] Import some grid tests from WPT
https://bugs.webkit.org/show_bug.cgi?id=212920

Reviewed by Manuel Rego Casasnovas.

LayoutTests/imported/w3c:

Imported some grid related tests from WPT to check how baseline
alignment affects the grid's intrinsic size computation.

* resources/import-expectations.json:
* web-platform-tests/css/css-grid/layout-algorithm/baseline-alignment-affects-intrinsic-size-001-expected.txt: Added.
* web-platform-tests/css/css-grid/layout-algorithm/baseline-alignment-affects-intrinsic-size-001.html: Added.
* web-platform-tests/css/css-grid/layout-algorithm/baseline-alignment-affects-intrinsic-size-002-expected.txt: Added.
* web-platform-tests/css/css-grid/layout-algorithm/baseline-alignment-affects-intrinsic-size-002.html: Added.
* web-platform-tests/css/css-grid/layout-algorithm/baseline-alignment-affects-intrinsic-size-003-expected.txt: Added.
* web-platform-tests/css/css-grid/layout-algorithm/baseline-alignment-affects-intrinsic-size-003.html: Added.
* web-platform-tests/css/css-grid/layout-algorithm/baseline-alignment-affects-intrinsic-size-004-expected.txt: Added.
* web-platform-tests/css/css-grid/layout-algorithm/baseline-alignment-affects-intrinsic-size-004.html: Added.
* web-platform-tests/css/css-grid/layout-algorithm/baseline-alignment-affects-intrinsic-size-005-expected.txt: Added.
* web-platform-tests/css/css-grid/layout-algorithm/baseline-alignment-affects-intrinsic-size-005.html: Added.
* web-platform-tests/css/css-grid/layout-algorithm/baseline-alignment-affects-intrinsic-size-006-expected.txt: Added.
* web-platform-tests/css/css-grid/layout-algorithm/baseline-alignment-affects-intrinsic-size-006.html: Added.
* web-platform-tests/css/css-grid/layout-algorithm/w3c-import.log:

LayoutTests:

The imported tests fail only for WebKitGtk+ platform.

* platform/gtk/TestExpectations: Added Failure entries,

Modified Paths

Added Paths

Diff

Modified: trunk/LayoutTests/ChangeLog (262787 => 262788)


--- trunk/LayoutTests/ChangeLog	2020-06-09 11:54:59 UTC (rev 262787)
+++ trunk/LayoutTests/ChangeLog	2020-06-09 12:11:13 UTC (rev 262788)
@@ -1,3 +1,14 @@
+2020-06-09  Javier Fernandez  <[email protected]>
+
+        [css-grid] Import some grid tests from WPT
+        https://bugs.webkit.org/show_bug.cgi?id=212920
+
+        Reviewed by Manuel Rego Casasnovas.
+
+        The imported tests fail only for WebKitGtk+ platform.
+
+        * platform/gtk/TestExpectations: Added Failure entries,
+
 2020-06-09  Diego Pino Garcia  <[email protected]>
 
         [GLIB] Gardening, clean up failures filed under bug 186638

Modified: trunk/LayoutTests/imported/w3c/ChangeLog (262787 => 262788)


--- trunk/LayoutTests/imported/w3c/ChangeLog	2020-06-09 11:54:59 UTC (rev 262787)
+++ trunk/LayoutTests/imported/w3c/ChangeLog	2020-06-09 12:11:13 UTC (rev 262788)
@@ -1,3 +1,28 @@
+2020-06-09  Javier Fernandez  <[email protected]>
+
+        [css-grid] Import some grid tests from WPT
+        https://bugs.webkit.org/show_bug.cgi?id=212920
+
+        Reviewed by Manuel Rego Casasnovas.
+
+        Imported some grid related tests from WPT to check how baseline
+        alignment affects the grid's intrinsic size computation.
+
+        * resources/import-expectations.json:
+        * web-platform-tests/css/css-grid/layout-algorithm/baseline-alignment-affects-intrinsic-size-001-expected.txt: Added.
+        * web-platform-tests/css/css-grid/layout-algorithm/baseline-alignment-affects-intrinsic-size-001.html: Added.
+        * web-platform-tests/css/css-grid/layout-algorithm/baseline-alignment-affects-intrinsic-size-002-expected.txt: Added.
+        * web-platform-tests/css/css-grid/layout-algorithm/baseline-alignment-affects-intrinsic-size-002.html: Added.
+        * web-platform-tests/css/css-grid/layout-algorithm/baseline-alignment-affects-intrinsic-size-003-expected.txt: Added.
+        * web-platform-tests/css/css-grid/layout-algorithm/baseline-alignment-affects-intrinsic-size-003.html: Added.
+        * web-platform-tests/css/css-grid/layout-algorithm/baseline-alignment-affects-intrinsic-size-004-expected.txt: Added.
+        * web-platform-tests/css/css-grid/layout-algorithm/baseline-alignment-affects-intrinsic-size-004.html: Added.
+        * web-platform-tests/css/css-grid/layout-algorithm/baseline-alignment-affects-intrinsic-size-005-expected.txt: Added.
+        * web-platform-tests/css/css-grid/layout-algorithm/baseline-alignment-affects-intrinsic-size-005.html: Added.
+        * web-platform-tests/css/css-grid/layout-algorithm/baseline-alignment-affects-intrinsic-size-006-expected.txt: Added.
+        * web-platform-tests/css/css-grid/layout-algorithm/baseline-alignment-affects-intrinsic-size-006.html: Added.
+        * web-platform-tests/css/css-grid/layout-algorithm/w3c-import.log:
+
 2020-06-08  Rob Buis  <[email protected]>
 
         XMLHTTPRequest.send should not send Content-Type headers when Blob has no type

Modified: trunk/LayoutTests/imported/w3c/resources/import-expectations.json (262787 => 262788)


--- trunk/LayoutTests/imported/w3c/resources/import-expectations.json	2020-06-09 11:54:59 UTC (rev 262787)
+++ trunk/LayoutTests/imported/w3c/resources/import-expectations.json	2020-06-09 12:11:13 UTC (rev 262788)
@@ -14,12 +14,12 @@
     "css/geometry": "import", 
     "css/support": "import", 
     "custom-elements": "import", 
+    "encrypted-media": "import", 
     "paint-timing/": "import", 
     "paint-timing/fcp-only": "import", 
     "paint-timing/resources": "import", 
     "paint-timing/resources/": "import", 
     "resources/testharness.js": "import", 
-    "encrypted-media": "import", 
     "shadow-dom": "import", 
     "tools": "import", 
     "web-animations": "import", 
@@ -94,6 +94,7 @@
     "web-platform-tests/css/css-grid/abspos": "import", 
     "web-platform-tests/css/css-grid/alignment/": "import", 
     "web-platform-tests/css/css-grid/grid-definition/": "import", 
+    "web-platform-tests/css/css-grid/layout-algorithm": "import", 
     "web-platform-tests/css/css-grid/layout-algorithm/": "import", 
     "web-platform-tests/css/css-grid/parsing/": "import", 
     "web-platform-tests/css/css-images": "import", 
@@ -414,4 +415,4 @@
     "web-platform-tests/worklets": "skip", 
     "web-platform-tests/x-frame-options": "skip", 
     "web-platform-tests/xhr": "import"
-}
+}
\ No newline at end of file

Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/layout-algorithm/baseline-alignment-affects-intrinsic-size-001-expected.txt (0 => 262788)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/layout-algorithm/baseline-alignment-affects-intrinsic-size-001-expected.txt	                        (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/layout-algorithm/baseline-alignment-affects-intrinsic-size-001-expected.txt	2020-06-09 12:11:13 UTC (rev 262788)
@@ -0,0 +1,69 @@
+Horizontal 4x1 grid with parallel and orthogonal items.
+
+É
+É
+É
+É
+É
+É
+É
+É
+É
+É
+É
+É
+É
+É
+É
+É
+
+
+PASS #grid1-auto-auto 1 
+PASS #grid2-auto-auto 2 
+PASS #grid3-auto-auto 3 
+PASS #grid4-auto-auto 4 
+PASS #grid1-auto-min-content 5 
+PASS #grid2-auto-min-content 6 
+PASS #grid3-auto-min-content 7 
+PASS #grid4-auto-min-content 8 
+PASS #grid1-auto-max-content 9 
+PASS #grid2-auto-max-content 10 
+PASS #grid3-auto-max-content 11 
+PASS #grid4-auto-max-content 12 
+PASS #grid1-min-content-auto 13 
+PASS #grid2-min-content-auto 14 
+PASS #grid3-min-content-auto 15 
+PASS #grid4-min-content-auto 16 
+PASS #grid1-min-content-min-content 17 
+PASS #grid2-min-content-min-content 18 
+PASS #grid3-min-content-min-content 19 
+PASS #grid4-min-content-min-content 20 
+PASS #grid1-min-content-max-content 21 
+PASS #grid2-min-content-max-content 22 
+PASS #grid3-min-content-max-content 23 
+PASS #grid4-min-content-max-content 24 
+PASS #grid1-max-content-auto 25 
+PASS #grid2-max-content-auto 26 
+PASS #grid3-max-content-auto 27 
+PASS #grid4-max-content-auto 28 
+PASS #grid1-max-content-min-content 29 
+PASS #grid2-max-content-min-content 30 
+PASS #grid3-max-content-min-content 31 
+PASS #grid4-max-content-min-content 32 
+PASS #grid1-max-content-max-content 33 
+PASS #grid2-max-content-max-content 34 
+PASS #grid3-max-content-max-content 35 
+PASS #grid4-max-content-max-content 36 
+PASS #grid1-0px-auto 37 
+PASS #grid2-0px-auto 38 
+PASS #grid3-0px-auto 39 
+PASS #grid4-0px-auto 40 
+PASS #grid1-0px-min-content 41 
+PASS #grid2-0px-min-content 42 
+PASS #grid3-0px-min-content 43 
+PASS #grid4-0px-min-content 44 
+PASS #grid1-0px-max-content 45 
+PASS #grid2-0px-max-content 46 
+PASS #grid3-0px-max-content 47 
+PASS #grid4-0px-max-content 48 
+

Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/layout-algorithm/baseline-alignment-affects-intrinsic-size-001.html (0 => 262788)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/layout-algorithm/baseline-alignment-affects-intrinsic-size-001.html	                        (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/layout-algorithm/baseline-alignment-affects-intrinsic-size-001.html	2020-06-09 12:11:13 UTC (rev 262788)
@@ -0,0 +1,110 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Grid Layout Test: evaluate how the baseline affects the grid intrinsic size</title>
+<link rel="author" title="Javier Fernandez" href=""
+<link rel="help" href=""
+<link rel="help" href=""
+<link rel="help" href=""
+<link rel="stylesheet" href=""
+<link rel="stylesheet" href=""
+<link rel="stylesheet" href=""
+<meta name="assert" content="The grid intrinsic size is comptuted correctly, considering the effect of baseline alignment in the size of the column tracks"/>
+<style>
+.grid {
+   position: relative;
+   background: grey;
+   float: left;
+   margin: 5px;
+   text-orientation: sideways;
+   height: 350px;
+   font-family: Ahem;
+   line-height: 1;
+   grid-auto-flow: row;
+}
+.grid > :nth-child(1) { font-size:20px; }
+.grid > :nth-child(2) { font-size:30px; }
+.grid > :nth-child(3) { font-size:50px; }
+.grid > :nth-child(4) { font-size:60px; }
+.item {
+   border-width: 2px 5px 3px 4px;
+   border-style: solid;
+   padding: 6px 3px 7px 8px;
+   margin: 10px 6px 4px 12px;
+}
+.extraLeftPadding { padding-left: 50px; }
+.extraRightPadding { padding-right: 50px; }
+</style>
+<script src=""
+<script src=""
+<script src=""
+<script type="text/_javascript_">
+  setup({ explicit_done: true });
+</script>
+
+<body _onload_="document.fonts.ready.then(() => { runTests(); })">
+
+<p>Horizontal 4x1 grid with parallel and orthogonal items.</p>
+<div id="grid1" class="grid contentStart itemsBaseline" data-expected-width="98">
+    <div class="item"                             data-offset-x="12" data-offset-y="10"  data-expected-width="40" data-expected-height="38">É</div>
+    <div class="item verticalLR"                  data-offset-x="18" data-offset-y="62"  data-expected-width="50" data-expected-height="48">É</div>
+    <div class="item"                             data-offset-x="12" data-offset-y="124" data-expected-width="70" data-expected-height="68">É</div>
+    <div class="item verticalLR"                  data-offset-x="12" data-offset-y="206" data-expected-width="80" data-expected-height="78">É</div>
+</div>
+<div id="grid2" class="grid contentStart itemsBaseline" data-expected-width="134">
+    <div class="item extraRightPadding"           data-offset-x="12" data-offset-y="10"  data-expected-width="87" data-expected-height="38">É</div>
+    <div class="item verticalLR extraLeftPadding" data-offset-x="12" data-offset-y="62"  data-expected-width="92" data-expected-height="48">É</div>
+    <div class="item"                             data-offset-x="12" data-offset-y="124" data-expected-width="70" data-expected-height="68">É</div>
+    <div class="item verticalLR"                  data-offset-x="48" data-offset-y="206" data-expected-width="80" data-expected-height="78">É</div>
+</div>
+<div id="grid3" class="grid contentStart itemsBaseline" data-expected-width="98">
+    <div class="item"                             data-offset-x="12" data-offset-y="10"  data-expected-width="40" data-expected-height="38">É</div>
+    <div class="item verticalRL"                  data-offset-x="18" data-offset-y="62"  data-expected-width="50" data-expected-height="48">É</div>
+    <div class="item"                             data-offset-x="12" data-offset-y="124" data-expected-width="70" data-expected-height="68">É</div>
+    <div class="item verticalRL"                  data-offset-x="12" data-offset-y="206" data-expected-width="80" data-expected-height="78">É</div>
+</div>
+<div id="grid4" class="grid contentStart itemsBaseline" data-expected-width="134">
+    <div class="item extraRightPadding"           data-offset-x="12" data-offset-y="10"  data-expected-width="87" data-expected-height="38">É</div>
+    <div class="item verticalRL extraLeftPadding" data-offset-x="12" data-offset-y="62"  data-expected-width="92" data-expected-height="48">É</div>
+    <div class="item"                             data-offset-x="12" data-offset-y="124" data-expected-width="70" data-expected-height="68">É</div>
+    <div class="item verticalRL"                  data-offset-x="48" data-offset-y="206" data-expected-width="80" data-expected-height="78">É</div>
+</div>
+
+<br clear="all">
+
+<script>
+    "use strict";
+    function runTests() {
+
+        let values = [ "auto", "min-content", "max-content" ];
+        let minValues = values.concat([ "0px" ]);
+
+        var grid1 = document.getElementById("grid1");
+        var grid2 = document.getElementById("grid2");
+        var grid3 = document.getElementById("grid3");
+        var grid4 = document.getElementById("grid4");
+
+        minValues.forEach(function (minValue) {
+            values.forEach(function (maxValue) {
+
+                grid1.id = "grid1-" + minValue + "-" + maxValue
+                grid2.id = "grid2-" + minValue + "-" + maxValue
+                grid3.id = "grid3-" + minValue + "-" + maxValue
+                grid4.id = "grid4-" + minValue + "-" + maxValue
+
+                grid1.style.gridTemplateColumns = "minmax(" + minValue + ", " + maxValue + ")";
+                grid2.style.gridTemplateColumns = "minmax(" + minValue + ", " + maxValue + ")";
+                grid3.style.gridTemplateColumns = "minmax(" + minValue + ", " + maxValue + ")";
+                grid4.style.gridTemplateColumns = "minmax(" + minValue + ", " + maxValue + ")";
+
+                checkLayout("#" + grid1.id, false);
+                checkLayout("#" + grid2.id, false);
+                checkLayout("#" + grid3.id, false);
+                checkLayout("#" + grid4.id, false);
+            });
+        });
+
+        done();
+    }
+</script>
+
+</body>

Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/layout-algorithm/baseline-alignment-affects-intrinsic-size-002-expected.txt (0 => 262788)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/layout-algorithm/baseline-alignment-affects-intrinsic-size-002-expected.txt	                        (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/layout-algorithm/baseline-alignment-affects-intrinsic-size-002-expected.txt	2020-06-09 12:11:13 UTC (rev 262788)
@@ -0,0 +1,69 @@
+4x1 with orthogonal items.
+
+É
+É
+É
+É
+É
+É
+É
+É
+É
+É
+É
+É
+É
+É
+É
+É
+
+
+PASS #grid1-auto-auto 1 
+PASS #grid2-auto-auto 2 
+PASS #grid3-auto-auto 3 
+PASS #grid4-auto-auto 4 
+PASS #grid1-auto-min-content 5 
+PASS #grid2-auto-min-content 6 
+PASS #grid3-auto-min-content 7 
+PASS #grid4-auto-min-content 8 
+PASS #grid1-auto-max-content 9 
+PASS #grid2-auto-max-content 10 
+PASS #grid3-auto-max-content 11 
+PASS #grid4-auto-max-content 12 
+PASS #grid1-min-content-auto 13 
+PASS #grid2-min-content-auto 14 
+PASS #grid3-min-content-auto 15 
+PASS #grid4-min-content-auto 16 
+PASS #grid1-min-content-min-content 17 
+PASS #grid2-min-content-min-content 18 
+PASS #grid3-min-content-min-content 19 
+PASS #grid4-min-content-min-content 20 
+PASS #grid1-min-content-max-content 21 
+PASS #grid2-min-content-max-content 22 
+PASS #grid3-min-content-max-content 23 
+PASS #grid4-min-content-max-content 24 
+PASS #grid1-max-content-auto 25 
+PASS #grid2-max-content-auto 26 
+PASS #grid3-max-content-auto 27 
+PASS #grid4-max-content-auto 28 
+PASS #grid1-max-content-min-content 29 
+PASS #grid2-max-content-min-content 30 
+PASS #grid3-max-content-min-content 31 
+PASS #grid4-max-content-min-content 32 
+PASS #grid1-max-content-max-content 33 
+PASS #grid2-max-content-max-content 34 
+PASS #grid3-max-content-max-content 35 
+PASS #grid4-max-content-max-content 36 
+PASS #grid1-0px-auto 37 
+PASS #grid2-0px-auto 38 
+PASS #grid3-0px-auto 39 
+PASS #grid4-0px-auto 40 
+PASS #grid1-0px-min-content 41 
+PASS #grid2-0px-min-content 42 
+PASS #grid3-0px-min-content 43 
+PASS #grid4-0px-min-content 44 
+PASS #grid1-0px-max-content 45 
+PASS #grid2-0px-max-content 46 
+PASS #grid3-0px-max-content 47 
+PASS #grid4-0px-max-content 48 
+

Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/layout-algorithm/baseline-alignment-affects-intrinsic-size-002.html (0 => 262788)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/layout-algorithm/baseline-alignment-affects-intrinsic-size-002.html	                        (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/layout-algorithm/baseline-alignment-affects-intrinsic-size-002.html	2020-06-09 12:11:13 UTC (rev 262788)
@@ -0,0 +1,110 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Grid Layout Test: evaluate how the baseline affects the grid intrinsic size</title>
+<link rel="author" title="Javier Fernandez" href=""
+ <link rel="help" href=""
+<link rel="help" href=""
+<link rel="help" href=""
+<link rel="stylesheet" href=""
+<link rel="stylesheet" href=""
+<link rel="stylesheet" href=""
+<meta name="assert" content="The grid intrinsic size is comptuted correctly, considering the effect of baseline alignment in the size of the column tracks" />
+<style>
+.grid {
+   position: relative;
+   background: grey;
+   float: left;
+   margin: 5px;
+   text-orientation: sideways;
+   height: 350px;
+   font-family: Ahem;
+   line-height: 1;
+   grid-auto-flow: row;
+}
+.grid > :nth-child(1) { font-size:20px; }
+.grid > :nth-child(2) { font-size:30px; }
+.grid > :nth-child(3) { font-size:50px; }
+.grid > :nth-child(4) { font-size:60px; }
+.item {
+   border-width: 2px 5px 3px 4px;
+   border-style: solid;
+   padding: 6px 3px 7px 8px;
+   margin: 10px 6px 4px 12px;
+}
+.extraLeftPadding { padding-left: 50px; }
+.extraRightPadding { padding-right: 50px; }
+</style>
+<script src=""
+<script src=""
+<script src=""
+<script type="text/_javascript_">
+  setup({ explicit_done: true });
+</script>
+
+<body _onload_="document.fonts.ready.then(() => { runTests(); })">
+
+<p>4x1 with orthogonal items.</p>
+<div id="grid1" class="grid contentStart itemsBaseline" data-expected-width="98">
+    <div class="item verticalLR"                   data-offset-x="20" data-offset-y="10"  data-expected-width="40" data-expected-height="38">É</div>
+    <div class="item verticalLR"                   data-offset-x="18" data-offset-y="62"  data-expected-width="50" data-expected-height="48">É</div>
+    <div class="item verticalLR"                   data-offset-x="14" data-offset-y="124" data-expected-width="70" data-expected-height="68">É</div>
+    <div class="item verticalLR"                   data-offset-x="12" data-offset-y="206" data-expected-width="80" data-expected-height="78">É</div>
+</div>
+<div id="grid2" class="grid contentStart itemsBaseline" data-expected-width="149">
+    <div class="item verticalLR extraRightPadding" data-offset-x="56" data-offset-y="10"  data-expected-width="87" data-expected-height="38">É</div>
+    <div class="item verticalLR extraLeftPadding"  data-offset-x="12" data-offset-y="62"  data-expected-width="92" data-expected-height="48">É</div>
+    <div class="item verticalLR"                   data-offset-x="50" data-offset-y="124" data-expected-width="70" data-expected-height="68">É</div>
+    <div class="item verticalLR"                   data-offset-x="48" data-offset-y="206" data-expected-width="80" data-expected-height="78">É</div>
+</div>
+<div id="grid3" class="grid contentStart itemsBaseline" data-expected-width="98">
+    <div class="item verticalRL"                   data-offset-x="20" data-offset-y="10"  data-expected-width="40" data-expected-height="38">É</div>
+    <div class="item verticalRL"                   data-offset-x="18" data-offset-y="62"  data-expected-width="50" data-expected-height="48">É</div>
+    <div class="item verticalRL"                   data-offset-x="14" data-offset-y="124" data-expected-width="70" data-expected-height="68">É</div>
+    <div class="item verticalRL"                   data-offset-x="12" data-offset-y="206" data-expected-width="80" data-expected-height="78">É</div>
+</div>
+<div id="grid4" class="grid contentStart itemsBaseline" data-expected-width="149">
+    <div class="item verticalRL extraRightPadding" data-offset-x="56" data-offset-y="10"  data-expected-width="87" data-expected-height="38">É</div>
+    <div class="item verticalRL extraLeftPadding"  data-offset-x="12" data-offset-y="62"  data-expected-width="92" data-expected-height="48">É</div>
+    <div class="item verticalRL"                   data-offset-x="50" data-offset-y="124" data-expected-width="70" data-expected-height="68">É</div>
+    <div class="item verticalRL"                   data-offset-x="48" data-offset-y="206" data-expected-width="80" data-expected-height="78">É</div>
+</div>
+
+<br clear="all">
+
+<script>
+    "use strict";
+    function runTests() {
+
+        let values = [ "auto", "min-content", "max-content" ];
+        let minValues = values.concat([ "0px" ]);
+
+        var grid1 = document.getElementById("grid1");
+        var grid2 = document.getElementById("grid2");
+        var grid3 = document.getElementById("grid3");
+        var grid4 = document.getElementById("grid4");
+
+        minValues.forEach(function (minValue) {
+            values.forEach(function (maxValue) {
+
+                grid1.id = "grid1-" + minValue + "-" + maxValue
+                grid2.id = "grid2-" + minValue + "-" + maxValue
+                grid3.id = "grid3-" + minValue + "-" + maxValue
+                grid4.id = "grid4-" + minValue + "-" + maxValue
+
+                grid1.style.gridTemplateColumns = "minmax(" + minValue + ", " + maxValue + ")";
+                grid2.style.gridTemplateColumns = "minmax(" + minValue + ", " + maxValue + ")";
+                grid3.style.gridTemplateColumns = "minmax(" + minValue + ", " + maxValue + ")";
+                grid4.style.gridTemplateColumns = "minmax(" + minValue + ", " + maxValue + ")";
+
+                checkLayout("#" + grid1.id, false);
+                checkLayout("#" + grid2.id, false);
+                checkLayout("#" + grid3.id, false);
+                checkLayout("#" + grid4.id, false);
+            });
+        });
+
+        done();
+    }
+</script>
+
+</body>

Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/layout-algorithm/baseline-alignment-affects-intrinsic-size-003-expected.txt (0 => 262788)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/layout-algorithm/baseline-alignment-affects-intrinsic-size-003-expected.txt	                        (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/layout-algorithm/baseline-alignment-affects-intrinsic-size-003-expected.txt	2020-06-09 12:11:13 UTC (rev 262788)
@@ -0,0 +1,37 @@
+Vertical LR 4x1 grid with parallel and orthogonal items.
+
+É
+É
+É
+É
+É
+É
+É
+É
+
+
+PASS #grid1-auto-auto 1 
+PASS #grid2-auto-auto 2 
+PASS #grid1-auto-min-content 3 
+PASS #grid2-auto-min-content 4 
+PASS #grid1-auto-max-content 5 
+PASS #grid2-auto-max-content 6 
+PASS #grid1-min-content-auto 7 
+PASS #grid2-min-content-auto 8 
+PASS #grid1-min-content-min-content 9 
+PASS #grid2-min-content-min-content 10 
+PASS #grid1-min-content-max-content 11 
+PASS #grid2-min-content-max-content 12 
+PASS #grid1-max-content-auto 13 
+PASS #grid2-max-content-auto 14 
+PASS #grid1-max-content-min-content 15 
+PASS #grid2-max-content-min-content 16 
+PASS #grid1-max-content-max-content 17 
+PASS #grid2-max-content-max-content 18 
+PASS #grid1-0px-auto 19 
+PASS #grid2-0px-auto 20 
+PASS #grid1-0px-min-content 21 
+PASS #grid2-0px-min-content 22 
+PASS #grid1-0px-max-content 23 
+PASS #grid2-0px-max-content 24 
+

Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/layout-algorithm/baseline-alignment-affects-intrinsic-size-003.html (0 => 262788)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/layout-algorithm/baseline-alignment-affects-intrinsic-size-003.html	                        (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/layout-algorithm/baseline-alignment-affects-intrinsic-size-003.html	2020-06-09 12:11:13 UTC (rev 262788)
@@ -0,0 +1,91 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Grid Layout Test: evaluate how the baseline affects the grid intrinsic size</title>
+<link rel="author" title="Javier Fernandez" href=""
+ <link rel="help" href=""
+<link rel="help" href=""
+<link rel="help" href=""
+<link rel="stylesheet" href=""
+<link rel="stylesheet" href=""
+<link rel="stylesheet" href=""
+<meta name="assert" content="The grid intrinsic size is comptuted correctly, considering the effect of baseline alignment in the size of the column tracks"/>
+<style>
+body { margin: 0; }
+.grid {
+   position: relative;
+   background: grey;
+   float: left;
+   margin: 5px;
+   text-orientation: sideways;
+   width: 350px;
+   font-family: Ahem;
+   line-height: 1;
+   grid-auto-flow: row;
+}
+.grid > :nth-child(1) { font-size:20px; }
+.grid > :nth-child(2) { font-size:30px; }
+.grid > :nth-child(3) { font-size:50px; }
+.grid > :nth-child(4) { font-size:60px; }
+.item {
+   border-width: 2px 5px 3px 4px;
+   border-style: solid;
+   padding: 6px 3px 7px 8px;
+   margin: 10px 6px 4px 12px;
+}
+.extraTopPadding { padding-top: 50px; }
+.extraBottomPadding { padding-bottom: 50px; }
+</style>
+<script src=""
+<script src=""
+<script src=""
+<script type="text/_javascript_">
+  setup({ explicit_done: true });
+</script>
+
+<body _onload_="document.fonts.ready.then(() => { runTests(); })">
+
+<p>Vertical LR 4x1 grid with parallel and orthogonal items.</p>
+<div id="grid1" class="grid verticalLR contentStart itemsBaseline" data-expected-height="92">
+    <div class="item"                                 data-offset-x="12"  data-offset-y="10"  data-expected-width="40" data-expected-height="38">É</div>
+    <div class="item horizontalTB"                    data-offset-x="70"  data-offset-y="34"  data-expected-width="50" data-expected-height="48">É</div>
+    <div class="item"                                 data-offset-x="138" data-offset-y="10"  data-expected-width="70" data-expected-height="68">É</div>
+    <div class="item horizontalTB"                    data-offset-x="226" data-offset-y="10"  data-expected-width="80" data-expected-height="78">É</div>
+</div>
+<div id="grid2" class="grid verticalLR contentStart itemsBaseline" data-expected-height="129">
+    <div class="item extraTopPadding"                 data-offset-x="12"  data-offset-y="10"  data-expected-width="40" data-expected-height="82">É</div>
+    <div class="item horizontalTB extraBottomPadding" data-offset-x="70"  data-offset-y="34"  data-expected-width="50" data-expected-height="91">É</div>
+    <div class="item"                                 data-offset-x="138" data-offset-y="10"  data-expected-width="70" data-expected-height="68">É</div>
+    <div class="item horizontalTB"                    data-offset-x="226" data-offset-y="10"  data-expected-width="80" data-expected-height="78">É</div>
+</div>
+
+<br clear="all">
+
+<script>
+    "use strict";
+    function runTests() {
+
+        let values = [ "auto", "min-content", "max-content" ];
+        let minValues = values.concat([ "0px" ]);
+
+        var grid1 = document.getElementById("grid1");
+        var grid2 = document.getElementById("grid2");
+
+        minValues.forEach(function (minValue) {
+            values.forEach(function (maxValue) {
+
+                grid1.id = "grid1-" + minValue + "-" + maxValue
+                grid2.id = "grid2-" + minValue + "-" + maxValue
+
+                grid1.style.gridTemplateColumns = "minmax(" + minValue + ", " + maxValue + ")";
+                grid2.style.gridTemplateColumns = "minmax(" + minValue + ", " + maxValue + ")";
+
+                checkLayout("#" + grid1.id, false);
+                checkLayout("#" + grid2.id, false);
+            });
+        });
+
+        done();
+    }
+</script>
+
+</body>

Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/layout-algorithm/baseline-alignment-affects-intrinsic-size-004-expected.txt (0 => 262788)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/layout-algorithm/baseline-alignment-affects-intrinsic-size-004-expected.txt	                        (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/layout-algorithm/baseline-alignment-affects-intrinsic-size-004-expected.txt	2020-06-09 12:11:13 UTC (rev 262788)
@@ -0,0 +1,37 @@
+Vertical RL 4x1 grid with parallel and orthogonal items.
+
+É
+É
+É
+É
+É
+É
+É
+É
+
+
+PASS #grid1-auto-auto 1 
+PASS #grid2-auto-auto 2 
+PASS #grid1-auto-min-content 3 
+PASS #grid2-auto-min-content 4 
+PASS #grid1-auto-max-content 5 
+PASS #grid2-auto-max-content 6 
+PASS #grid1-min-content-auto 7 
+PASS #grid2-min-content-auto 8 
+PASS #grid1-min-content-min-content 9 
+PASS #grid2-min-content-min-content 10 
+PASS #grid1-min-content-max-content 11 
+PASS #grid2-min-content-max-content 12 
+PASS #grid1-max-content-auto 13 
+PASS #grid2-max-content-auto 14 
+PASS #grid1-max-content-min-content 15 
+PASS #grid2-max-content-min-content 16 
+PASS #grid1-max-content-max-content 17 
+PASS #grid2-max-content-max-content 18 
+PASS #grid1-0px-auto 19 
+PASS #grid2-0px-auto 20 
+PASS #grid1-0px-min-content 21 
+PASS #grid2-0px-min-content 22 
+PASS #grid1-0px-max-content 23 
+PASS #grid2-0px-max-content 24 
+

Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/layout-algorithm/baseline-alignment-affects-intrinsic-size-004.html (0 => 262788)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/layout-algorithm/baseline-alignment-affects-intrinsic-size-004.html	                        (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/layout-algorithm/baseline-alignment-affects-intrinsic-size-004.html	2020-06-09 12:11:13 UTC (rev 262788)
@@ -0,0 +1,90 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Grid Layout Test: evaluate how the baseline affects the grid intrinsic size</title>
+<link rel="author" title="Javier Fernandez" href=""
+ <link rel="help" href=""
+<link rel="help" href=""
+<link rel="help" href=""
+<link rel="stylesheet" href=""
+<link rel="stylesheet" href=""
+<link rel="stylesheet" href=""
+<meta name="assert" content="The grid intrinsic size is comptuted correctly, considering the effect of baseline alignment in the size of the column tracks"/>
+<style>
+.grid {
+   position: relative;
+   background: grey;
+   float: left;
+   margin: 5px;
+   text-orientation: sideways;
+   width: 350px;
+   font-family: Ahem;
+   line-height: 1;
+   grid-auto-flow: row;
+}
+.grid > :nth-child(1) { font-size:20px; }
+.grid > :nth-child(2) { font-size:30px; }
+.grid > :nth-child(3) { font-size:50px; }
+.grid > :nth-child(4) { font-size:60px; }
+.item {
+   border-width: 2px 5px 3px 4px;
+   border-style: solid;
+   padding: 6px 3px 7px 8px;
+   margin: 10px 6px 4px 12px;
+}
+.extraTopPadding { padding-top: 50px; }
+.extraBottomPadding { padding-bottom: 50px; }
+</style>
+<script src=""
+<script src=""
+<script src=""
+<script type="text/_javascript_">
+  setup({ explicit_done: true });
+</script>
+
+<body _onload_="document.fonts.ready.then(() => { runTests(); })">
+
+<p>Vertical RL 4x1 grid with parallel and orthogonal items.</p>
+<div id="grid1" class="grid verticalRL contentStart itemsBaseline" data-expected-height="92">
+    <div class="item"                                 data-offset-x="304" data-offset-y="10"  data-expected-width="40" data-expected-height="38">É</div>
+    <div class="item horizontalTB"                    data-offset-x="236" data-offset-y="34"  data-expected-width="50" data-expected-height="48">É</div>
+    <div class="item"                                 data-offset-x="148" data-offset-y="10"  data-expected-width="70" data-expected-height="68">É</div>
+    <div class="item horizontalTB"                    data-offset-x="50"  data-offset-y="10"  data-expected-width="80" data-expected-height="78">É</div>
+</div>
+<div id="grid2" class="grid verticalRL contentStart itemsBaseline" data-expected-height="129">
+    <div class="item extraTopPadding"                 data-offset-x="304" data-offset-y="10"  data-expected-width="40" data-expected-height="82">É</div>
+    <div class="item horizontalTB extraBottomPadding" data-offset-x="236" data-offset-y="34"  data-expected-width="50" data-expected-height="91">É</div>
+    <div class="item"                                 data-offset-x="148" data-offset-y="10"  data-expected-width="70" data-expected-height="68">É</div>
+    <div class="item horizontalTB"                    data-offset-x="50"  data-offset-y="10"  data-expected-width="80" data-expected-height="78">É</div>
+</div>
+
+<br clear="all">
+
+<script>
+    "use strict";
+    function runTests() {
+
+        let values = [ "auto", "min-content", "max-content" ];
+        let minValues = values.concat([ "0px" ]);
+
+        var grid1 = document.getElementById("grid1");
+        var grid2 = document.getElementById("grid2");
+
+        minValues.forEach(function (minValue) {
+            values.forEach(function (maxValue) {
+
+                grid1.id = "grid1-" + minValue + "-" + maxValue
+                grid2.id = "grid2-" + minValue + "-" + maxValue
+
+                grid1.style.gridTemplateColumns = "minmax(" + minValue + ", " + maxValue + ")";
+                grid2.style.gridTemplateColumns = "minmax(" + minValue + ", " + maxValue + ")";
+
+                checkLayout("#" + grid1.id, false);
+                checkLayout("#" + grid2.id, false);
+            });
+        });
+
+        done();
+    }
+</script>
+
+</body>

Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/layout-algorithm/baseline-alignment-affects-intrinsic-size-005-expected.txt (0 => 262788)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/layout-algorithm/baseline-alignment-affects-intrinsic-size-005-expected.txt	                        (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/layout-algorithm/baseline-alignment-affects-intrinsic-size-005-expected.txt	2020-06-09 12:11:13 UTC (rev 262788)
@@ -0,0 +1,37 @@
+Vertical LR 4x1 grid with orthogonal items.
+
+É
+É
+É
+É
+É
+É
+É
+É
+
+
+PASS #grid1-auto-auto 1 
+PASS #grid2-auto-auto 2 
+PASS #grid1-auto-min-content 3 
+PASS #grid2-auto-min-content 4 
+PASS #grid1-auto-max-content 5 
+PASS #grid2-auto-max-content 6 
+PASS #grid1-min-content-auto 7 
+PASS #grid2-min-content-auto 8 
+PASS #grid1-min-content-min-content 9 
+PASS #grid2-min-content-min-content 10 
+PASS #grid1-min-content-max-content 11 
+PASS #grid2-min-content-max-content 12 
+PASS #grid1-max-content-auto 13 
+PASS #grid2-max-content-auto 14 
+PASS #grid1-max-content-min-content 15 
+PASS #grid2-max-content-min-content 16 
+PASS #grid1-max-content-max-content 17 
+PASS #grid2-max-content-max-content 18 
+PASS #grid1-0px-auto 19 
+PASS #grid2-0px-auto 20 
+PASS #grid1-0px-min-content 21 
+PASS #grid2-0px-min-content 22 
+PASS #grid1-0px-max-content 23 
+PASS #grid2-0px-max-content 24 
+

Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/layout-algorithm/baseline-alignment-affects-intrinsic-size-005.html (0 => 262788)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/layout-algorithm/baseline-alignment-affects-intrinsic-size-005.html	                        (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/layout-algorithm/baseline-alignment-affects-intrinsic-size-005.html	2020-06-09 12:11:13 UTC (rev 262788)
@@ -0,0 +1,90 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Grid Layout Test: evaluate how the baseline affects the grid intrinsic size</title>
+<link rel="author" title="Javier Fernandez" href=""
+ <link rel="help" href=""
+<link rel="help" href=""
+<link rel="help" href=""
+<link rel="stylesheet" href=""
+<link rel="stylesheet" href=""
+<link rel="stylesheet" href=""
+<meta name="assert" content="The grid intrinsic size is comptuted correctly, considering the effect of baseline alignment in the size of the column tracks"/>
+<style>
+.grid {
+   position: relative;
+   background: grey;
+   float: left;
+   margin: 5px;
+   text-orientation: sideways;
+   width: 350px;
+   font-family: Ahem;
+   line-height: 1;
+   grid-auto-flow: row;
+}
+.grid > :nth-child(1) { font-size:20px; }
+.grid > :nth-child(2) { font-size:30px; }
+.grid > :nth-child(3) { font-size:50px; }
+.grid > :nth-child(4) { font-size:60px; }
+.item {
+   border-width: 2px 5px 3px 4px;
+   border-style: solid;
+   padding: 6px 3px 7px 8px;
+   margin: 10px 6px 4px 12px;
+}
+.extraTopPadding { padding-top: 50px; }
+.extraBottomPadding { padding-bottom: 50px; }
+</style>
+<script src=""
+<script src=""
+<script src=""
+<script type="text/_javascript_">
+  setup({ explicit_done: true });
+</script>
+
+<body _onload_="document.fonts.ready.then(() => { runTests(); })">
+
+<p>Vertical LR 4x1 grid with orthogonal items.</p>
+<div id="grid1" class="grid verticalLR contentStart itemsBaseline" data-expected-height="92">
+    <div class="item horizontalTB"                    data-offset-x="12"  data-offset-y="42" data-expected-width="40" data-expected-height="38">É</div>
+    <div class="item horizontalTB"                    data-offset-x="70"  data-offset-y="34" data-expected-width="50" data-expected-height="48">É</div>
+    <div class="item horizontalTB"                    data-offset-x="138" data-offset-y="18" data-expected-width="70" data-expected-height="68">É</div>
+    <div class="item horizontalTB"                    data-offset-x="226" data-offset-y="10" data-expected-width="80" data-expected-height="78">É</div>
+</div>
+<div id="grid2" class="grid verticalLR contentStart itemsBaseline" data-expected-height="141">
+    <div class="item horizontalTB extraTopPadding"    data-offset-x="12"  data-offset-y="10" data-expected-width="40" data-expected-height="82">É</div>
+    <div class="item horizontalTB extraBottomPadding" data-offset-x="70"  data-offset-y="46" data-expected-width="50" data-expected-height="91">É</div>
+    <div class="item horizontalTB"                    data-offset-x="138" data-offset-y="30" data-expected-width="70" data-expected-height="68">É</div>
+    <div class="item horizontalTB"                    data-offset-x="226" data-offset-y="22" data-expected-width="80" data-expected-height="78">É</div>
+</div>
+
+<br clear="all">
+
+<script>
+    "use strict";
+    function runTests() {
+
+        let values = [ "auto", "min-content", "max-content" ];
+        let minValues = values.concat([ "0px" ]);
+
+        var grid1 = document.getElementById("grid1");
+        var grid2 = document.getElementById("grid2");
+
+        minValues.forEach(function (minValue) {
+            values.forEach(function (maxValue) {
+
+                grid1.id = "grid1-" + minValue + "-" + maxValue
+                grid2.id = "grid2-" + minValue + "-" + maxValue
+
+                grid1.style.gridTemplateColumns = "minmax(" + minValue + ", " + maxValue + ")";
+                grid2.style.gridTemplateColumns = "minmax(" + minValue + ", " + maxValue + ")";
+
+                checkLayout("#" + grid1.id, false);
+                checkLayout("#" + grid2.id, false);
+            });
+        });
+
+        done();
+    }
+</script>
+
+</body>

Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/layout-algorithm/baseline-alignment-affects-intrinsic-size-006-expected.txt (0 => 262788)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/layout-algorithm/baseline-alignment-affects-intrinsic-size-006-expected.txt	                        (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/layout-algorithm/baseline-alignment-affects-intrinsic-size-006-expected.txt	2020-06-09 12:11:13 UTC (rev 262788)
@@ -0,0 +1,37 @@
+Vertical RL 4x1 grid with orthogonal items.
+
+É
+É
+É
+É
+É
+É
+É
+É
+
+
+PASS #grid1-auto-auto 1 
+PASS #grid2-auto-auto 2 
+PASS #grid1-auto-min-content 3 
+PASS #grid2-auto-min-content 4 
+PASS #grid1-auto-max-content 5 
+PASS #grid2-auto-max-content 6 
+PASS #grid1-min-content-auto 7 
+PASS #grid2-min-content-auto 8 
+PASS #grid1-min-content-min-content 9 
+PASS #grid2-min-content-min-content 10 
+PASS #grid1-min-content-max-content 11 
+PASS #grid2-min-content-max-content 12 
+PASS #grid1-max-content-auto 13 
+PASS #grid2-max-content-auto 14 
+PASS #grid1-max-content-min-content 15 
+PASS #grid2-max-content-min-content 16 
+PASS #grid1-max-content-max-content 17 
+PASS #grid2-max-content-max-content 18 
+PASS #grid1-0px-auto 19 
+PASS #grid2-0px-auto 20 
+PASS #grid1-0px-min-content 21 
+PASS #grid2-0px-min-content 22 
+PASS #grid1-0px-max-content 23 
+PASS #grid2-0px-max-content 24 
+

Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/layout-algorithm/baseline-alignment-affects-intrinsic-size-006.html (0 => 262788)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/layout-algorithm/baseline-alignment-affects-intrinsic-size-006.html	                        (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/layout-algorithm/baseline-alignment-affects-intrinsic-size-006.html	2020-06-09 12:11:13 UTC (rev 262788)
@@ -0,0 +1,90 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Grid Layout Test: evaluate how the baseline affects the grid intrinsic size</title>
+<link rel="author" title="Javier Fernandez" href=""
+ <link rel="help" href=""
+<link rel="help" href=""
+<link rel="help" href=""
+<link rel="stylesheet" href=""
+<link rel="stylesheet" href=""
+<link rel="stylesheet" href=""
+<meta name="assert" content="The grid intrinsic size is comptuted correctly, considering the effect of baseline alignment in the size of the column tracks"/>
+<style>
+.grid {
+   position: relative;
+   background: grey;
+   float: left;
+   margin: 5px;
+   text-orientation: sideways;
+   width: 350px;
+   font-family: Ahem;
+   line-height: 1;
+   grid-auto-flow: row;
+}
+.grid > :nth-child(1) { font-size:20px; }
+.grid > :nth-child(2) { font-size:30px; }
+.grid > :nth-child(3) { font-size:50px; }
+.grid > :nth-child(4) { font-size:60px; }
+.item {
+   border-width: 2px 5px 3px 4px;
+   border-style: solid;
+   padding: 6px 3px 7px 8px;
+   margin: 10px 6px 4px 12px;
+}
+.extraTopPadding { padding-top: 50px; }
+.extraBottomPadding { padding-bottom: 50px; }
+</style>
+<script src=""
+<script src=""
+<script src=""
+<script type="text/_javascript_">
+  setup({ explicit_done: true });
+</script>
+
+<body _onload_="document.fonts.ready.then(() => { runTests(); })">
+
+<p>Vertical RL 4x1 grid with orthogonal items.</p>
+<div id="grid1" class="grid verticalRL contentStart itemsBaseline" data-expected-height="92">
+    <div class="item horizontalTB"                    data-offset-x="304" data-offset-y="42"  data-expected-width="40" data-expected-height="38">É</div>
+    <div class="item horizontalTB"                    data-offset-x="236" data-offset-y="34"  data-expected-width="50" data-expected-height="48">É</div>
+    <div class="item horizontalTB"                    data-offset-x="148" data-offset-y="18"  data-expected-width="70" data-expected-height="68">É</div>
+    <div class="item horizontalTB"                    data-offset-x="50"  data-offset-y="10"  data-expected-width="80" data-expected-height="78">É</div>
+</div>
+<div id="grid2" class="grid verticalRL contentStart itemsBaseline" data-expected-height="141">
+    <div class="item horizontalTB extraTopPadding"    data-offset-x="304" data-offset-y="10"  data-expected-width="40" data-expected-height="82">É</div>
+    <div class="item horizontalTB extraBottomPadding" data-offset-x="236" data-offset-y="46"  data-expected-width="50" data-expected-height="91">É</div>
+    <div class="item horizontalTB"                    data-offset-x="148" data-offset-y="30"  data-expected-width="70" data-expected-height="68">É</div>
+    <div class="item horizontalTB"                    data-offset-x="50"  data-offset-y="22"  data-expected-width="80" data-expected-height="78">É</div>
+</div>
+
+<br clear="all">
+
+<script>
+    "use strict";
+    function runTests() {
+
+        let values = [ "auto", "min-content", "max-content" ];
+        let minValues = values.concat([ "0px" ]);
+
+        var grid1 = document.getElementById("grid1");
+        var grid2 = document.getElementById("grid2");
+
+        minValues.forEach(function (minValue) {
+            values.forEach(function (maxValue) {
+
+                grid1.id = "grid1-" + minValue + "-" + maxValue
+                grid2.id = "grid2-" + minValue + "-" + maxValue
+
+                grid1.style.gridTemplateColumns = "minmax(" + minValue + ", " + maxValue + ")";
+                grid2.style.gridTemplateColumns = "minmax(" + minValue + ", " + maxValue + ")";
+
+                checkLayout("#" + grid1.id, false);
+                checkLayout("#" + grid2.id, false);
+            });
+        });
+
+        done();
+    }
+</script>
+
+</body>

Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/layout-algorithm/w3c-import.log (262787 => 262788)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/layout-algorithm/w3c-import.log	2020-06-09 11:54:59 UTC (rev 262787)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/layout-algorithm/w3c-import.log	2020-06-09 12:11:13 UTC (rev 262788)
@@ -16,6 +16,12 @@
 List of files:
 /LayoutTests/imported/w3c/web-platform-tests/css/css-grid/layout-algorithm/auto-margins-ignored-during-track-sizing-001-expected.html
 /LayoutTests/imported/w3c/web-platform-tests/css/css-grid/layout-algorithm/auto-margins-ignored-during-track-sizing-001.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/layout-algorithm/baseline-alignment-affects-intrinsic-size-001.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/layout-algorithm/baseline-alignment-affects-intrinsic-size-002.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/layout-algorithm/baseline-alignment-affects-intrinsic-size-003.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/layout-algorithm/baseline-alignment-affects-intrinsic-size-004.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/layout-algorithm/baseline-alignment-affects-intrinsic-size-005.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/layout-algorithm/baseline-alignment-affects-intrinsic-size-006.html
 /LayoutTests/imported/w3c/web-platform-tests/css/css-grid/layout-algorithm/flex-and-intrinsic-sizes-001.html
 /LayoutTests/imported/w3c/web-platform-tests/css/css-grid/layout-algorithm/flex-sizing-columns-min-max-width-001.html
 /LayoutTests/imported/w3c/web-platform-tests/css/css-grid/layout-algorithm/flex-sizing-rows-min-max-height-001.html

Modified: trunk/LayoutTests/platform/gtk/TestExpectations (262787 => 262788)


--- trunk/LayoutTests/platform/gtk/TestExpectations	2020-06-09 11:54:59 UTC (rev 262787)
+++ trunk/LayoutTests/platform/gtk/TestExpectations	2020-06-09 12:11:13 UTC (rev 262788)
@@ -3959,6 +3959,13 @@
 webkit.org/b/209720 fast/css-grid-layout/grid-align-baseline-vertical.html [ Failure ]
 webkit.org/b/209720 fast/writing-mode/vertical-baseline-alignment.html [ Failure ]
 
+webkit.org/b/209282 imported/w3c/web-platform-tests/css/css-grid/layout-algorithm/baseline-alignment-affects-intrinsic-size-001.html [ Failure ]
+webkit.org/b/209282 imported/w3c/web-platform-tests/css/css-grid/layout-algorithm/baseline-alignment-affects-intrinsic-size-002.html [ Failure ]
+webkit.org/b/209282 imported/w3c/web-platform-tests/css/css-grid/layout-algorithm/baseline-alignment-affects-intrinsic-size-003.html [ Failure ]
+webkit.org/b/209282 imported/w3c/web-platform-tests/css/css-grid/layout-algorithm/baseline-alignment-affects-intrinsic-size-004.html [ Failure ]
+webkit.org/b/209282 imported/w3c/web-platform-tests/css/css-grid/layout-algorithm/baseline-alignment-affects-intrinsic-size-005.html [ Failure ]
+webkit.org/b/209282 imported/w3c/web-platform-tests/css/css-grid/layout-algorithm/baseline-alignment-affects-intrinsic-size-006.html [ Failure ]
+
 webkit.org/b/169910 fast/multicol/simple-line-layout-line-index-after-strut.html [ ImageOnlyFailure ]
 
 webkit.org/b/105954 http/tests/navigation/reload-subframe-object.html [ Failure ]
_______________________________________________
webkit-changes mailing list
[email protected]
https://lists.webkit.org/mailman/listinfo/webkit-changes

Reply via email to