Title: [279551] trunk/LayoutTests
Revision
279551
Author
[email protected]
Date
2021-07-04 10:51:56 -0700 (Sun, 04 Jul 2021)

Log Message

Resync web-platform-tests/css/css-sizing/aspect-ratio from upstream
https://bugs.webkit.org/show_bug.cgi?id=227657

Patch by Rob Buis <[email protected]> on 2021-07-04
Reviewed by Sam Weinig.

LayoutTests/imported/w3c:

Resync web-platform-tests/css/css-sizing/aspect-ratio from upstream c21b0b8ca7.

* web-platform-tests/css/css-sizing/aspect-ratio/flex-aspect-ratio-025.html:
* web-platform-tests/css/css-sizing/aspect-ratio/flex-aspect-ratio-026.html:
* web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-020.html:
* web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-021.html:
* web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-028-expected.xht: Added.
* web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-028.html: Added.
* web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-029-expected.xht: Added.
* web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-029.html: Added.
* web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-030-expected.xht: Added.
* web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-030.html: Added.
* web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-031-expected.xht: Added.
* web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-031.html: Added.
* web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-032-expected.xht: Added.
* web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-032.html: Added.
* web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-033-expected.xht: Added.
* web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-033.html: Added.
* web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-034-expected.xht: Added.
* web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-034.html: Added.
* web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-035-expected.xht: Added.
* web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-035.html: Added.
* web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-036-expected.xht: Added.
* web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-036.html: Added.
* web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-037-expected.xht: Added.
* web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-037.html: Added.
* web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-038-expected.xht: Added.
* web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-038.html: Added.
* web-platform-tests/css/css-sizing/aspect-ratio/select-element-001-expected.html: Added.
* web-platform-tests/css/css-sizing/aspect-ratio/select-element-001.html: Added.
* web-platform-tests/css/css-sizing/aspect-ratio/w3c-import.log:

LayoutTests:

* TestExpectations:

Modified Paths

Added Paths

Diff

Modified: trunk/LayoutTests/ChangeLog (279550 => 279551)


--- trunk/LayoutTests/ChangeLog	2021-07-04 16:53:08 UTC (rev 279550)
+++ trunk/LayoutTests/ChangeLog	2021-07-04 17:51:56 UTC (rev 279551)
@@ -1,3 +1,12 @@
+2021-07-04  Rob Buis  <[email protected]>
+
+        Resync web-platform-tests/css/css-sizing/aspect-ratio from upstream
+        https://bugs.webkit.org/show_bug.cgi?id=227657
+
+        Reviewed by Sam Weinig.
+
+        * TestExpectations:
+
 2021-07-04  Eric Carlson  <[email protected]>
 
         WebAudio auto-play policy should come from top document

Modified: trunk/LayoutTests/TestExpectations (279550 => 279551)


--- trunk/LayoutTests/TestExpectations	2021-07-04 16:53:08 UTC (rev 279550)
+++ trunk/LayoutTests/TestExpectations	2021-07-04 17:51:56 UTC (rev 279551)
@@ -4630,9 +4630,17 @@
 webkit.org/b/214463 imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/flex-aspect-ratio-026.html [ ImageOnlyFailure ]
 webkit.org/b/214463 imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-018.html [ ImageOnlyFailure ]
 webkit.org/b/214463 imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-019.html [ ImageOnlyFailure ]
-webkit.org/b/214463 imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-020.html [ ImageOnlyFailure ]
-webkit.org/b/214463 imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-021.html [ ImageOnlyFailure ]
+webkit.org/b/214463 imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-030.html [ ImageOnlyFailure ]
+webkit.org/b/214463 imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-031.html [ ImageOnlyFailure ]
+webkit.org/b/214463 imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-032.html [ ImageOnlyFailure ]
+webkit.org/b/214463 imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-033.html [ ImageOnlyFailure ]
+webkit.org/b/214463 imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-034.html [ ImageOnlyFailure ]
+webkit.org/b/214463 imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-035.html [ ImageOnlyFailure ]
+webkit.org/b/214463 imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-036.html [ ImageOnlyFailure ]
+webkit.org/b/214463 imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-037.html [ ImageOnlyFailure ]
+webkit.org/b/214463 imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-038.html [ ImageOnlyFailure ]
 webkit.org/b/214463 imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/replaced-element-034.html [ ImageOnlyFailure ]
+webkit.org/b/214463 imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/select-element-001.html [ ImageOnlyFailure ]
 webkit.org/b/214463 imported/w3c/web-platform-tests/css/css-sizing/contain-intrinsic-size/contain-intrinsic-size-001.html [ ImageOnlyFailure ]
 webkit.org/b/214463 imported/w3c/web-platform-tests/css/css-sizing/contain-intrinsic-size/contain-intrinsic-size-002.html [ ImageOnlyFailure ]
 webkit.org/b/214463 imported/w3c/web-platform-tests/css/css-sizing/contain-intrinsic-size/contain-intrinsic-size-003.html [ ImageOnlyFailure ]

Modified: trunk/LayoutTests/imported/w3c/ChangeLog (279550 => 279551)


--- trunk/LayoutTests/imported/w3c/ChangeLog	2021-07-04 16:53:08 UTC (rev 279550)
+++ trunk/LayoutTests/imported/w3c/ChangeLog	2021-07-04 17:51:56 UTC (rev 279551)
@@ -1,3 +1,42 @@
+2021-07-04  Rob Buis  <[email protected]>
+
+        Resync web-platform-tests/css/css-sizing/aspect-ratio from upstream
+        https://bugs.webkit.org/show_bug.cgi?id=227657
+
+        Reviewed by Sam Weinig.
+
+        Resync web-platform-tests/css/css-sizing/aspect-ratio from upstream c21b0b8ca7.
+
+        * web-platform-tests/css/css-sizing/aspect-ratio/flex-aspect-ratio-025.html:
+        * web-platform-tests/css/css-sizing/aspect-ratio/flex-aspect-ratio-026.html:
+        * web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-020.html:
+        * web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-021.html:
+        * web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-028-expected.xht: Added.
+        * web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-028.html: Added.
+        * web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-029-expected.xht: Added.
+        * web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-029.html: Added.
+        * web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-030-expected.xht: Added.
+        * web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-030.html: Added.
+        * web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-031-expected.xht: Added.
+        * web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-031.html: Added.
+        * web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-032-expected.xht: Added.
+        * web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-032.html: Added.
+        * web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-033-expected.xht: Added.
+        * web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-033.html: Added.
+        * web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-034-expected.xht: Added.
+        * web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-034.html: Added.
+        * web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-035-expected.xht: Added.
+        * web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-035.html: Added.
+        * web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-036-expected.xht: Added.
+        * web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-036.html: Added.
+        * web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-037-expected.xht: Added.
+        * web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-037.html: Added.
+        * web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-038-expected.xht: Added.
+        * web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-038.html: Added.
+        * web-platform-tests/css/css-sizing/aspect-ratio/select-element-001-expected.html: Added.
+        * web-platform-tests/css/css-sizing/aspect-ratio/select-element-001.html: Added.
+        * web-platform-tests/css/css-sizing/aspect-ratio/w3c-import.log:
+
 2021-07-03  Carlos Alberto Lopez Perez  <[email protected]>
 
         [GTK][WPE] Gardening of expected failures and update list of baselines.

Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/flex-aspect-ratio-025.html (279550 => 279551)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/flex-aspect-ratio-025.html	2021-07-04 16:53:08 UTC (rev 279550)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/flex-aspect-ratio-025.html	2021-07-04 17:51:56 UTC (rev 279551)
@@ -4,6 +4,8 @@
   <link rel="author" title="Ting-Yu Lin" href=""
   <link rel="author" title="Mozilla" href=""
   <link rel="help" href=""
+  <link rel="help" href=""
+  <link rel="help" href=""
   <link rel="match" href="" />
   <style>
   .flexContainer {
@@ -21,28 +23,38 @@
 
   <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
 
+  <!-- In all of the subtests here, each flex item's automatic minimum width is
+       resolved directly from its content size suggestion. Notably, these items
+       *do not* get a "transferred size suggestion", because they are all
+       *non-replaced* elements; and "transferred size suggestion" is only used
+       for resolving automatic minimum sizes on *replaced* elements. However,
+       note that we do "transfer" sizes through the aspect ratio, as part of
+       computing the content size suggestion and/or flex base size. -->
+
   <!-- In the following four flex containers, the aspect-ratio works with border-box. -->
   <div class="flexContainer" style="width: auto;">
     <!-- The border-box height 25px is transferred to the main axis,
-         yielding a resolved flex base size of 200px. -->
+         yielding a resolved flex base size (border-box) of 200px. -->
     <div class="item" style="min-width:0; height: 25px; aspect-ratio: 8/1;"></div>
   </div>
 
   <div class="flexContainer">
-    <!-- The border-box height 25px is transferred to the main axis,
-         yielding a resolved min-width:auto of 200px. -->
+    <!-- The content size suggestion (border-box) is 200px because the
+         border-box height 25px is transferred to the main axis. -->
     <div class="item" style="height: 25px; aspect-ratio: 8/1;"></div>
   </div>
 
   <div class="flexContainer">
-    <!-- The border-box min-height 25px is transferred to the main axis,
-         yielding a resolved min-width:auto of 200px. -->
+    <!-- The content size suggestion (border-box) is 200px because the
+         border-box height 25px (enforced by min-height) is transferred to the
+         main axis. -->
     <div class="item" style="min-height: 25px; aspect-ratio: 8/1;"></div>
   </div>
 
   <div class="flexContainer">
-    <!-- The border-box height 25px (clamped by max-height) is transferred to the main axis,
-         yielding a resolved min-width:auto of 200px. -->
+    <!-- The content size suggestion (border-box) is 200px because the
+         border-box height 25px (clamped by max-height) is transferred to the
+         main axis. -->
     <div class="item" style="max-height: 25px; height: 100px; aspect-ratio: 8/1;"></div>
   </div>
 
@@ -50,25 +62,27 @@
        because its value contains 'auto'. -->
   <div class="flexContainer" style="width: auto;">
     <!-- The content-box height 10px is transferred to the main axis,
-         yielding a resolved flex base size of 190px. -->
+         yielding a resolved flex base size (content-box) of 190px. -->
     <div class="item" style="min-width:0; height: 25px; aspect-ratio: auto 19/1;"></div>
   </div>
 
   <div class="flexContainer">
-    <!-- The content-box height 10px is transferred to the main axis,
-         yielding a resolved min-width:auto of 190px. -->
+    <!-- The content size suggestion (content-box) is 190px because the
+         content-box height 10px is transferred to the main axis. -->
     <div class="item" style="height: 25px; aspect-ratio: auto 19/1;"></div>
   </div>
 
   <div class="flexContainer">
-    <!-- The content-box min-height 10px is transferred to the main axis,
-         yielding a resolved min-width:auto of 190px. -->
+    <!-- The content size suggestion (content-box) is 190px because the
+         content-box height 10px (enforced by min-height) is transferred to the
+         main axis. -->
     <div class="item" style="min-height: 25px; aspect-ratio: auto 19/1;"></div>
   </div>
 
   <div class="flexContainer">
-    <!-- The content-box height 10px (clamped by max-height) is transferred
-         to the main axis, yielding a resolved min-width:auto of 190px. -->
+    <!-- The content size suggestion (content-box) is 190px because the
+         content-box height 10px (clamped by max-height) is transferred to the
+         main axis. -->
     <div class="item" style="max-height: 25px; height: 100px; aspect-ratio: auto 19/1;"></div>
   </div>
 </html>

Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/flex-aspect-ratio-026.html (279550 => 279551)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/flex-aspect-ratio-026.html	2021-07-04 16:53:08 UTC (rev 279550)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/flex-aspect-ratio-026.html	2021-07-04 17:51:56 UTC (rev 279551)
@@ -4,6 +4,8 @@
   <link rel="author" title="Ting-Yu Lin" href=""
   <link rel="author" title="Mozilla" href=""
   <link rel="help" href=""
+  <link rel="help" href=""
+  <link rel="help" href=""
   <link rel="match" href="" />
   <style>
   .flexContainer {
@@ -19,35 +21,46 @@
     box-sizing: border-box;
   }
   .item > div {
-    height: 500px; /* Set a large content size suggestion for flex item. */
+    height: 190px; /* Set the content size suggestion for flex item. */
   }
   </style>
 
   <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
 
+  <!-- In all of the subtests here, each flex item's automatic minimum height is
+       resolved directly from its content size suggestion. Notably, these items
+       *do not* get a "transferred size suggestion", because they are all
+       *non-replaced* elements; and "transferred size suggestion" is only used
+       for resolving automatic minimum sizes on *replaced* elements. However,
+       note that we do "transfer" sizes through the aspect ratio, as part of
+       computing the content size suggestion and/or flex base size. -->
+
   <!-- In the following four flex containers, the aspect-ratio works with border-box. -->
   <div class="flexContainer" style="height: auto;">
     <!-- The border-box width 25px is transferred to the main axis,
-         yielding a resolved flex base size of 200px. -->
+         yielding a resolved flex base size (border-box) of 200px. -->
     <div class="item" style="min-height:0; width: 25px; aspect-ratio: 1/8;"><div></div></div>
   </div>
 
   <div class="flexContainer">
-    <!-- The border-box width 25px is transferred to the main axis,
-         yielding a resolved min-height:auto of 200px. -->
-    <div class="item" style="width: 25px; aspect-ratio: 1/8;"><div></div></div>
+    <!-- The content size suggestion is 190px, i.e. the height of the item's
+         child div. -->
+    <div class="item" style="width: 25px; aspect-ratio: 1/1;"><div></div></div>
   </div>
 
   <div class="flexContainer">
-    <!-- The border-box min-width 25px is transferred to the main axis,
-         yielding a resolved min-height:auto of 200px. -->
-    <div class="item" style="min-width: 25px; aspect-ratio: 1/8;"><div></div></div>
+    <!-- The content size suggestion is 190px, i.e. the height of the item's
+         child div. -->
+    <div class="item" style="min-width: 25px; aspect-ratio: 1/1;"><div></div></div>
   </div>
 
   <div class="flexContainer">
-    <!-- The border-box width 25px (clamped by max-width) is transferred to the main axis,
-         yielding a resolved min-height:auto of 200px. -->
-    <div class="item" style="max-width: 25px; width: 100px; aspect-ratio: 1/8;"><div></div></div>
+    <!-- The content size suggestion is 200px because the border-box max-width
+         25px is transferred to the main axis as the upper bound of its
+         border-box height. -->
+    <div class="item" style="max-width: 25px; width: 100px; aspect-ratio: 1/8;">
+      <div style="height: 500px"></div>
+    </div>
   </div>
 
   <!-- In the following four flex containers, the aspect-ratio works with content-box
@@ -54,25 +67,28 @@
        because its value contains 'auto'. -->
   <div class="flexContainer" style="height: auto;">
     <!-- The content-box width 10px is transferred to the main axis,
-         yielding a resolved flex base size of 190px. -->
+         yielding a resolved flex base size (content-box) of 190px. -->
     <div class="item" style="min-height:0; width: 25px; aspect-ratio: auto 1/19;"><div></div></div>
   </div>
 
   <div class="flexContainer">
-    <!-- The content-box width 10px is transferred to the main axis,
-         yielding a resolved min-height:auto of 190px. -->
-    <div class="item" style="width: 25px; aspect-ratio: auto 1/19;"><div></div></div>
+    <!-- The content size suggestion is 190px, i.e. the height of the item's
+         child div. -->
+    <div class="item" style="width: 25px; aspect-ratio: auto 1/1;"><div></div></div>
   </div>
 
   <div class="flexContainer">
-    <!-- The content-box min-width 10px is transferred to the main axis,
-         yielding a resolved min-height:auto of 190px. -->
-    <div class="item" style="min-width: 25px; aspect-ratio: auto 1/19;"><div></div></div>
+    <!-- The content size suggestion is 190px, i.e. the height of the item's
+         child div. -->
+    <div class="item" style="min-width: 25px; aspect-ratio: auto 1/1;"><div></div></div>
   </div>
 
   <div class="flexContainer">
-    <!-- The content-box width 10px (clamped by max-width) is transferred to the main axis,
-         yielding a resolved min-height:auto of 190px. -->
-    <div class="item" style="max-width: 25px; width: 100px; aspect-ratio: auto 1/19;"><div></div></div>
+    <!-- The content size suggestion is 190px because the content-box max-width
+         10px is transferred to the main axis as the upper bound of its
+         content-box height.-->
+    <div class="item" style="max-width: 25px; width: 100px; aspect-ratio: auto 1/19;">
+      <div style="height: 500px"></div>
+    </div>
   </div>
 </html>

Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-020.html (279550 => 279551)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-020.html	2021-07-04 16:53:08 UTC (rev 279550)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-020.html	2021-07-04 17:51:56 UTC (rev 279551)
@@ -1,8 +1,9 @@
 <!DOCTYPE html>
-<title>CSS aspect-ratio: the inline size of grid items should be clampled by the margin box min size</title>
+<title>CSS aspect-ratio: the inline size should be transferred from the block size.</title>
 <link rel="author" title="Mozilla" href=""
 <link rel="help" href=""
 <link rel="help" href=""
+<link rel="help" href=""
 <link rel="match" href="" />
 <style>
   #reference-overlapped-red {
@@ -17,6 +18,6 @@
 <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
 
 <div id="reference-overlapped-red"></div>
-<div style="display: grid; grid-auto-flow: column; grid-template-columns: minmax(auto, 100px); height: 100px;">
-  <div style="height: 100px; aspect-ratio: 2/1; background: green;"></div>
+<div style="display: grid; grid-auto-flow: column; grid-template-columns: minmax(auto, 50px); height: 100px;">
+  <div style="height: 100px; aspect-ratio: 1/1; background: green;"></div>
 </div>

Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-021.html (279550 => 279551)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-021.html	2021-07-04 16:53:08 UTC (rev 279550)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-021.html	2021-07-04 17:51:56 UTC (rev 279551)
@@ -1,8 +1,9 @@
 <!DOCTYPE html>
-<title>CSS aspect-ratio: the block size of grid items should be clampled by the margin box min size</title>
+<title>CSS aspect-ratio: the block size should be transferred from the inline size.</title>
 <link rel="author" title="Mozilla" href=""
 <link rel="help" href=""
 <link rel="help" href=""
+<link rel="help" href=""
 <link rel="match" href="" />
 <style>
   #reference-overlapped-red {
@@ -17,6 +18,6 @@
 <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
 
 <div id="reference-overlapped-red"></div>
-<div style="display: grid; grid-template-rows: minmax(auto, 100px); width: 100px;">
-  <div style="width: 100px; aspect-ratio: 1/2; background: green;"></div>
+<div style="display: grid; grid-template-rows: minmax(auto, 50px); width: 100px;">
+  <div style="width: 100px; aspect-ratio: 1/1; background: green;"></div>
 </div>

Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-028-expected.xht (0 => 279551)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-028-expected.xht	                        (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-028-expected.xht	2021-07-04 17:51:56 UTC (rev 279551)
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS Reftest Reference</title>
+  <link rel="author" title="Gérard Talbot" href="" />
+  <style type="text/css"><![CDATA[
+  div
+  {
+  background-color: green;
+  height: 100px;
+  width: 100px;
+  }
+  ]]></style>
+ </head>
+ <body>
+  <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+  <div></div>
+ </body>
+</html>

Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-028.html (0 => 279551)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-028.html	                        (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-028.html	2021-07-04 17:51:56 UTC (rev 279551)
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<title>CSS aspect-ratio: A stretch alignment in the block-axis is preferred over normal alignment in the inline-axis.</title>
+<link rel="help" href=""
+<link rel="help" href=""
+<link rel="match" href="" />
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div style="display: grid; grid-template: 100px / 200px;">
+  <div style="aspect-ratio: 1/1; align-self: stretch; background: green;"></div>
+</div>

Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-029-expected.xht (0 => 279551)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-029-expected.xht	                        (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-029-expected.xht	2021-07-04 17:51:56 UTC (rev 279551)
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS Reftest Reference</title>
+  <link rel="author" title="Gérard Talbot" href="" />
+  <style type="text/css"><![CDATA[
+  div
+  {
+  background-color: green;
+  height: 100px;
+  width: 100px;
+  }
+  ]]></style>
+ </head>
+ <body>
+  <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+  <div></div>
+ </body>
+</html>

Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-029.html (0 => 279551)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-029.html	                        (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-029.html	2021-07-04 17:51:56 UTC (rev 279551)
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<title>CSS aspect-ratio: A stretch alignment in the block-axis is preferred over normal alignment in the inline-axis.</title>
+<link rel="help" href=""
+<link rel="help" href=""
+<link rel="match" href="" />
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div style="display: grid; grid-template: 100px / 50px;">
+  <div style="aspect-ratio: 1/1; align-self: stretch; background: green;"></div>
+</div>

Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-030-expected.xht (0 => 279551)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-030-expected.xht	                        (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-030-expected.xht	2021-07-04 17:51:56 UTC (rev 279551)
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS Reftest Reference</title>
+  <link rel="author" title="Gérard Talbot" href="" />
+  <style type="text/css"><![CDATA[
+  div
+  {
+  background-color: green;
+  height: 100px;
+  width: 100px;
+  }
+  ]]></style>
+ </head>
+ <body>
+  <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+  <div></div>
+ </body>
+</html>

Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-030.html (0 => 279551)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-030.html	                        (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-030.html	2021-07-04 17:51:56 UTC (rev 279551)
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<title>CSS aspect-ratio: A stretch alignment in the inline-axis is preferred over normal alignment in the block-axis.</title>
+<link rel="help" href=""
+<link rel="help" href=""
+<link rel="match" href="" />
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div style="display: grid; grid-template: 200px / 100px;">
+  <div style="aspect-ratio: 1/1; justify-self: stretch; background: green;"></div>
+</div>

Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-031-expected.xht (0 => 279551)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-031-expected.xht	                        (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-031-expected.xht	2021-07-04 17:51:56 UTC (rev 279551)
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS Reftest Reference</title>
+  <link rel="author" title="Gérard Talbot" href="" />
+  <style type="text/css"><![CDATA[
+  div
+  {
+  background-color: green;
+  height: 100px;
+  width: 100px;
+  }
+  ]]></style>
+ </head>
+ <body>
+  <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+  <div></div>
+ </body>
+</html>

Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-031.html (0 => 279551)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-031.html	                        (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-031.html	2021-07-04 17:51:56 UTC (rev 279551)
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<title>CSS aspect-ratio: A stretch alignment in the inline-axis is preferred over normal alignment in the block-axis.</title>
+<link rel="help" href=""
+<link rel="help" href=""
+<link rel="match" href="" />
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div style="display: grid; grid-template: 50px / 100px;">
+  <div style="aspect-ratio: 1/1; justify-self: stretch; background: green;"></div>
+</div>

Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-032-expected.xht (0 => 279551)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-032-expected.xht	                        (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-032-expected.xht	2021-07-04 17:51:56 UTC (rev 279551)
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS Reftest Reference</title>
+  <link rel="author" title="Gérard Talbot" href="" />
+  <style type="text/css"><![CDATA[
+  div
+  {
+  background-color: green;
+  height: 100px;
+  width: 100px;
+  }
+  ]]></style>
+ </head>
+ <body>
+  <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+  <div></div>
+ </body>
+</html>

Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-032.html (0 => 279551)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-032.html	                        (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-032.html	2021-07-04 17:51:56 UTC (rev 279551)
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<title>CSS aspect-ratio: A stretch alignment in both axes (*not* normal alignment) causes the aspect-ratio to be ignored.</title>
+<link rel="help" href=""
+<link rel="help" href=""
+<link rel="match" href="" />
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div style="display: grid; grid-template: 100px / 100px;">
+  <div style="aspect-ratio: 2/1; align-self: stretch; justify-self: stretch; background: green;"></div>
+</div>

Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-033-expected.xht (0 => 279551)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-033-expected.xht	                        (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-033-expected.xht	2021-07-04 17:51:56 UTC (rev 279551)
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS Reftest Reference</title>
+  <link rel="author" title="Gérard Talbot" href="" />
+  <style type="text/css"><![CDATA[
+  div
+  {
+  background-color: green;
+  height: 100px;
+  width: 100px;
+  }
+  ]]></style>
+ </head>
+ <body>
+  <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+  <div></div>
+ </body>
+</html>

Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-033.html (0 => 279551)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-033.html	                        (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-033.html	2021-07-04 17:51:56 UTC (rev 279551)
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<title>CSS aspect-ratio: A stretch alignment in both axes (*not* normal alignment) causes the aspect-ratio to be ignored.</title>
+<link rel="help" href=""
+<link rel="help" href=""
+<link rel="match" href="" />
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div style="display: grid; grid-template: 100px / 100px;">
+  <div style="aspect-ratio: 1/2; align-self: stretch; justify-self: stretch; background: green;"></div>
+</div>

Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-034-expected.xht (0 => 279551)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-034-expected.xht	                        (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-034-expected.xht	2021-07-04 17:51:56 UTC (rev 279551)
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS Reftest Reference</title>
+  <link rel="author" title="Gérard Talbot" href="" />
+  <style type="text/css"><![CDATA[
+  div
+  {
+  background-color: green;
+  height: 100px;
+  width: 100px;
+  }
+  ]]></style>
+ </head>
+ <body>
+  <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+  <div></div>
+ </body>
+</html>

Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-034.html (0 => 279551)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-034.html	                        (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-034.html	2021-07-04 17:51:56 UTC (rev 279551)
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<title>CSS aspect-ratio: A stretch alignment in one axis, and a definite length in the other causes the aspect-ratio to be ignored.</title>
+<link rel="help" href=""
+<link rel="help" href=""
+<link rel="match" href="" />
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div style="display: grid; grid-template: 100px / 100px;">
+  <div style="aspect-ratio: 2/1; align-self: stretch; width: 100%; background: green;"></div>
+</div>

Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-035-expected.xht (0 => 279551)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-035-expected.xht	                        (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-035-expected.xht	2021-07-04 17:51:56 UTC (rev 279551)
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS Reftest Reference</title>
+  <link rel="author" title="Gérard Talbot" href="" />
+  <style type="text/css"><![CDATA[
+  div
+  {
+  background-color: green;
+  height: 100px;
+  width: 100px;
+  }
+  ]]></style>
+ </head>
+ <body>
+  <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+  <div></div>
+ </body>
+</html>

Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-035.html (0 => 279551)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-035.html	                        (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-035.html	2021-07-04 17:51:56 UTC (rev 279551)
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<title>CSS aspect-ratio: A stretch alignment in one axis, and a definite length in the other causes the aspect-ratio to be ignored.</title>
+<link rel="help" href=""
+<link rel="help" href=""
+<link rel="match" href="" />
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div style="display: grid; grid-template: 100px / 100px;">
+  <div style="aspect-ratio: 1/2; align-self: stretch; width: 100%; background: green;"></div>
+</div>

Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-036-expected.xht (0 => 279551)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-036-expected.xht	                        (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-036-expected.xht	2021-07-04 17:51:56 UTC (rev 279551)
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS Reftest Reference</title>
+  <link rel="author" title="Gérard Talbot" href="" />
+  <style type="text/css"><![CDATA[
+  div
+  {
+  background-color: green;
+  height: 100px;
+  width: 100px;
+  }
+  ]]></style>
+ </head>
+ <body>
+  <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+  <div></div>
+ </body>
+</html>

Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-036.html (0 => 279551)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-036.html	                        (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-036.html	2021-07-04 17:51:56 UTC (rev 279551)
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<title>CSS aspect-ratio: A stretch alignment in one axis, and a definite length in the other causes the aspect-ratio to be ignored.</title>
+<link rel="help" href=""
+<link rel="help" href=""
+<link rel="match" href="" />
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div style="display: grid; grid-template: 100px / 100px;">
+  <div style="aspect-ratio: 2/1; height: 100%; justify-self: stretch; background: green;"></div>
+</div>

Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-037-expected.xht (0 => 279551)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-037-expected.xht	                        (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-037-expected.xht	2021-07-04 17:51:56 UTC (rev 279551)
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS Reftest Reference</title>
+  <link rel="author" title="Gérard Talbot" href="" />
+  <style type="text/css"><![CDATA[
+  div
+  {
+  background-color: green;
+  height: 100px;
+  width: 100px;
+  }
+  ]]></style>
+ </head>
+ <body>
+  <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+  <div></div>
+ </body>
+</html>

Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-037.html (0 => 279551)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-037.html	                        (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-037.html	2021-07-04 17:51:56 UTC (rev 279551)
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<title>CSS aspect-ratio: A stretch alignment in one axis, and a definite length in the other causes the aspect-ratio to be ignored.</title>
+<link rel="help" href=""
+<link rel="help" href=""
+<link rel="match" href="" />
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div style="display: grid; grid-template: 100px / 100px;">
+  <div style="aspect-ratio: 1/2; height: 100%; justify-self: stretch; background: green;"></div>
+</div>

Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-038-expected.xht (0 => 279551)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-038-expected.xht	                        (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-038-expected.xht	2021-07-04 17:51:56 UTC (rev 279551)
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS Reftest Reference</title>
+  <link rel="author" title="Gérard Talbot" href="" />
+  <style type="text/css"><![CDATA[
+  div
+  {
+  background-color: green;
+  height: 100px;
+  width: 100px;
+  }
+  ]]></style>
+ </head>
+ <body>
+  <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+  <div></div>
+ </body>
+</html>

Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-038.html (0 => 279551)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-038.html	                        (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-038.html	2021-07-04 17:51:56 UTC (rev 279551)
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<title>CSS aspect-ratio: Prefer inline normal alignment over block normal alignment.</title>
+<link rel="help" href=""
+<link rel="help" href=""
+<link rel="match" href="" />
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div style="display: grid; grid-template: 50px / 100px;">
+  <div style="aspect-ratio: 1/1; background: green;"></div>
+</div>

Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/select-element-001-expected.html (0 => 279551)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/select-element-001-expected.html	                        (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/select-element-001-expected.html	2021-07-04 17:51:56 UTC (rev 279551)
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<title>CSS aspect-ratio reference: select elements</title>
+<select style="height: 50px; width: 50px; background: green;">
+  <option value=""></option>
+</select>
+<br>
+<select style="height: 50px; width: 50px; background: green;">
+  <option value="">The long text is selected</option>
+</select>
+<br>
+<select style="height: 50px; width: auto; background: green;">
+  <option value="">The long text is selected</option>
+</select>

Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/select-element-001.html (0 => 279551)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/select-element-001.html	                        (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/select-element-001.html	2021-07-04 17:51:56 UTC (rev 279551)
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<title>CSS aspect-ratio: select elements with min-width</title>
+<link rel="author" title="Mozilla" href=""
+<link rel="help" href=""
+<link rel="match" href=""
+
+<!-- Sanity Check - aspect-ratio should be applied on the select element -->
+<select style="height: 50px; aspect-ratio: 1/1; background: green;">
+  <option value=""></option>
+</select>
+<br>
+<!-- The content size shouldn't override the size when min-width is non-auto -->
+<select style="height: 50px; aspect-ratio: 1/1; background: green; min-width: 0px;">
+  <option value="">The long text is selected</option>
+</select>
+<br>
+<!-- The content size should override the size when min-width is auto -->
+<select style="height: 50px; aspect-ratio: 1/1; background: green;">
+  <option value="">The long text is selected</option>
+</select>

Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/w3c-import.log (279550 => 279551)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/w3c-import.log	2021-07-04 16:53:08 UTC (rev 279550)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/w3c-import.log	2021-07-04 17:51:56 UTC (rev 279551)
@@ -235,6 +235,28 @@
 /LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-026.html
 /LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-027-expected.xht
 /LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-027.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-028-expected.xht
+/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-028.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-029-expected.xht
+/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-029.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-030-expected.xht
+/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-030.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-031-expected.xht
+/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-031.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-032-expected.xht
+/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-032.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-033-expected.xht
+/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-033.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-034-expected.xht
+/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-034.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-035-expected.xht
+/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-035.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-036-expected.xht
+/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-036.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-037-expected.xht
+/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-037.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-038-expected.xht
+/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-038.html
 /LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/intrinsic-size-001-expected.xht
 /LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/intrinsic-size-001.html
 /LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/intrinsic-size-002-expected.xht
@@ -349,6 +371,8 @@
 /LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/replaced-element-034.html
 /LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/replaced-element-dynamic-aspect-ratio-expected.xht
 /LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/replaced-element-dynamic-aspect-ratio.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/select-element-001-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/select-element-001.html
 /LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/small-aspect-ratio-crash.html
 /LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/table-element-001-expected.xht
 /LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/table-element-001.html
_______________________________________________
webkit-changes mailing list
[email protected]
https://lists.webkit.org/mailman/listinfo/webkit-changes

Reply via email to