Diff
Modified: trunk/LayoutTests/ChangeLog (270236 => 270237)
--- trunk/LayoutTests/ChangeLog 2020-11-30 10:01:48 UTC (rev 270236)
+++ trunk/LayoutTests/ChangeLog 2020-11-30 12:49:33 UTC (rev 270237)
@@ -1,3 +1,16 @@
+2020-11-30 Sergio Villar Senin <[email protected]>
+
+ [css-flex] Import flex-aspect-ratio-img-* tests
+ https://bugs.webkit.org/show_bug.cgi?id=219344
+
+ Reviewed by Manuel Rego Casasnovas.
+
+ As part of the work to fix the images with aspect ratio handling when they're flex items, we're importing the latest
+ additions to the WPT test suite related to that. A few of them work as expected but others require fixes. Note that
+ one of the tests also updated their expectations and it's now failing now 2 subtests.
+
+ * TestExpectations: Added tests that are not working as expected.
+
2020-11-30 Youenn Fablet <[email protected]>
REGRESSION: [ Mac wk2 ] webrtc/captureCanvas-webrtc-software-h264-baseline.html is flaky failing
Modified: trunk/LayoutTests/TestExpectations (270236 => 270237)
--- trunk/LayoutTests/TestExpectations 2020-11-30 10:01:48 UTC (rev 270236)
+++ trunk/LayoutTests/TestExpectations 2020-11-30 12:49:33 UTC (rev 270237)
@@ -3906,6 +3906,18 @@
webkit.org/b/209080 imported/w3c/web-platform-tests/css/css-writing-modes/vertical-alignment-srl-034.xht [ ImageOnlyFailure ]
webkit.org/b/209080 imported/w3c/web-platform-tests/css/css-writing-modes/vertical-alignment-srl-040.xht [ ImageOnlyFailure ]
+webkit.org/b/219343 imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-012.html [ ImageOnlyFailure ]
+webkit.org/b/219343 imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-013.html [ ImageOnlyFailure ]
+webkit.org/b/219343 imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-015.html [ ImageOnlyFailure ]
+webkit.org/b/219343 imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-017.html [ ImageOnlyFailure ]
+webkit.org/b/219343 imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-006.html [ ImageOnlyFailure ]
+webkit.org/b/219343 imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-007.html [ ImageOnlyFailure ]
+webkit.org/b/219343 imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-008.html [ ImageOnlyFailure ]
+webkit.org/b/219343 imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-009.html [ ImageOnlyFailure ]
+webkit.org/b/219343 imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-010.html [ ImageOnlyFailure ]
+webkit.org/b/219343 imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-013.html [ ImageOnlyFailure ]
+webkit.org/b/219343 imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-014.html [ ImageOnlyFailure ]
+
webkit.org/b/145176 imported/w3c/web-platform-tests/css/css-flexbox/flexbox_align-items-stretch-3.html [ ImageOnlyFailure ]
webkit.org/b/210093 imported/w3c/web-platform-tests/css/css-flexbox/select-element-zero-height-001.html [ ImageOnlyFailure ]
webkit.org/b/210093 imported/w3c/web-platform-tests/css/css-flexbox/select-element-zero-height-002.html [ ImageOnlyFailure ]
Modified: trunk/LayoutTests/imported/w3c/ChangeLog (270236 => 270237)
--- trunk/LayoutTests/imported/w3c/ChangeLog 2020-11-30 10:01:48 UTC (rev 270236)
+++ trunk/LayoutTests/imported/w3c/ChangeLog 2020-11-30 12:49:33 UTC (rev 270237)
@@ -1,3 +1,45 @@
+2020-11-30 Sergio Villar Senin <[email protected]>
+
+ [css-flex] Import flex-aspect-ratio-img-* tests
+ https://bugs.webkit.org/show_bug.cgi?id=219344
+
+ Reviewed by Manuel Rego Casasnovas.
+
+ * resources/import-expectations.json:
+ * web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-011-expected.txt: Updated.
+ * web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-011.html: Ditto.
+ * web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-012-expected.html: Added.
+ * web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-012.html: Added.
+ * web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-013-expected.html: Added.
+ * web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-013.html: Added.
+ * web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-014-expected.xht: Added.
+ * web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-014.html: Added.
+ * web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-015-expected.xht: Added.
+ * web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-015.html: Added.
+ * web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-016-expected.html: Added.
+ * web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-016.html: Added.
+ * web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-017-expected.txt: Added.
+ * web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-017.html: Added.
+ * web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-006-expected.html: Added.
+ * web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-006.html: Added.
+ * web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-007-expected.html: Added.
+ * web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-007.html: Added.
+ * web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-008-expected.html: Added.
+ * web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-008.html: Added.
+ * web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-009-expected.xht: Added.
+ * web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-009.html: Added.
+ * web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-010-expected.xht: Added.
+ * web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-010.html: Added.
+ * web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-011-expected.xht: Added.
+ * web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-011.html: Added.
+ * web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-012-expected.html: Added.
+ * web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-012.html: Added.
+ * web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-013-expected.txt: Added.
+ * web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-013.html: Added.
+ * web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-014-expected.html: Added.
+ * web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-014.html: Added.
+ * web-platform-tests/css/css-flexbox/w3c-import.log:
+
2020-11-20 Sergio Villar Senin <[email protected]>
[css-flex] Images as flex items should use the overridingLogicalWidth when defined to compute the logical height
Modified: trunk/LayoutTests/imported/w3c/resources/import-expectations.json (270236 => 270237)
--- trunk/LayoutTests/imported/w3c/resources/import-expectations.json 2020-11-30 10:01:48 UTC (rev 270236)
+++ trunk/LayoutTests/imported/w3c/resources/import-expectations.json 2020-11-30 12:49:33 UTC (rev 270237)
@@ -5,6 +5,7 @@
"css/css-animations": "import",
"css/css-box": "import",
"css/css-color": "import",
+ "css/css-flexbox": "import",
"css/css-masking/clip-path/": "import",
"css/css-masking/clip-path/clip-path-with-zoo": "import",
"css/css-masking/clip-path/clip-path-with-zoom*": "import",
Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-011-expected.txt (270236 => 270237)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-011-expected.txt 2020-11-30 10:01:48 UTC (rev 270236)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-011-expected.txt 2020-11-30 12:49:33 UTC (rev 270237)
@@ -3,12 +3,24 @@
PASS .flexbox 2
PASS .flexbox 3
PASS .flexbox 4
-PASS .flexbox 5
+FAIL .flexbox 5 assert_equals:
+<div class="flexbox" style="width: 10px;" data-expected-width="10">
+ <!-- transferred and content suggestions are both 100px here, so minimum
+ width is min(transferred, content width) = 100px. -->
+ <img src="" style="height: 100px;" data-expected-width="100">
+</div>
+width expected 100 but got 10
PASS .flexbox 6
PASS .flexbox 7
PASS .flexbox 8
PASS .flexbox 9
-PASS .flexbox 10
+FAIL .flexbox 10 assert_equals:
+<div class="flexbox column" style="height: 10px;" data-expected-height="10">
+ <!-- should use min(transferred (100), content height (100)) = 100px as
+ minimum height, which will be final height of the image -->
+ <img src="" style="width: 100px;" data-expected-height="100">
+</div>
+height expected 100 but got 10
Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-011.html (270236 => 270237)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-011.html 2020-11-30 10:01:48 UTC (rev 270236)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-011.html 2020-11-30 12:49:33 UTC (rev 270237)
@@ -41,9 +41,9 @@
</div>
<div class="flexbox" style="width: 10px;" data-expected-width="10">
- <!-- should use min(transferred, content width) = 10px as minimum width,
- which the image will shrink to due to default flex-shrink. -->
- <img src="" style="height: 100px;" data-expected-width="10">
+ <!-- transferred and content suggestions are both 100px here, so minimum
+ width is min(transferred, content width) = 100px. -->
+ <img src="" style="height: 100px;" data-expected-width="100">
</div>
<div class="flexbox column" style="height: 10px;" data-expected-height="10">
@@ -71,7 +71,7 @@
</div>
<div class="flexbox column" style="height: 10px;" data-expected-height="10">
- <!-- should use min(transferred, content height) = 10px as minimum height,
- which the image will shrink to due to default flex-shrink. -->
- <img src="" style="width: 100px;" data-expected-height="10">
+ <!-- should use min(transferred (100), content height (100)) = 100px as
+ minimum height, which will be final height of the image -->
+ <img src="" style="width: 100px;" data-expected-height="100">
</div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-012-expected.html (0 => 270237)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-012-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-012-expected.html 2020-11-30 12:49:33 UTC (rev 270237)
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<link rel="author" title="Morten Stenshorne" href=""
+<p>Test passes if there is a filled green square.</p>
+<div style="width:100px; height:100px; background:green;"></div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-012.html (0 => 270237)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-012.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-012.html 2020-11-30 12:49:33 UTC (rev 270237)
@@ -0,0 +1,16 @@
+<!doctype html>
+<title>Aspect-ratio flex item</title>
+<link rel="author" title="David Grogan" href=""
+<link rel="help" href="" title="Part E">
+<link rel="match" href=""
+<meta name="assert" content="flex base size is not influenced by specified min-height for aspect ratio items">
+
+<p>Test passes if there is a filled green square.</p>
+
+<!-- Chrome 86 makes the green rectangle be 100 x 149.5 -->
+
+<!-- Make this align-items:flex-start because with align-items:stretch, 100x149.5 is the right size due to Part B of the flex base size algorithm. -->
+<div style="display: flex; flex-direction: column; width:100px; height: 200px; align-items: flex-start;">
+ <img style="min-height: 100px; flex: 1 0 auto;" src=""
+ <div style="flex: 1 0 1px;"></div>
+</div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-013-expected.html (0 => 270237)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-013-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-013-expected.html 2020-11-30 12:49:33 UTC (rev 270237)
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<link rel="author" title="Morten Stenshorne" href=""
+<p>Test passes if there is a filled green square.</p>
+<div style="width:100px; height:100px; background:green;"></div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-013.html (0 => 270237)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-013.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-013.html 2020-11-30 12:49:33 UTC (rev 270237)
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<title>SVG img as flex item</title>
+<link rel="author" title="David Grogan" href=""
+<link rel="help" href="" title="Part E">
+<link rel="match" href=""
+<meta name="assert" content="SVG's specified intrinsic height is honored when used as a flex base size and no intrinsic width is specified." />
+
+<p>Test passes if there is a filled green square.</p>
+
+<div style="display: flex; width: 100px; height: 100px; align-items: flex-start;">
+ <img src="" viewBox='0 0 400 200' height='50px' xmlns='http://www.w3.org/2000/svg' %3E%3Crect width='100%' height='100%' fill='green' /%3E%3C/svg%3E" style="border-top: 50px solid green; min-height: 0px;">
+</div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-014-expected.xht (0 => 270237)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-014-expected.xht (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-014-expected.xht 2020-11-30 12:49:33 UTC (rev 270237)
@@ -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-flexbox/flex-aspect-ratio-img-column-014.html (0 => 270237)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-014.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-014.html 2020-11-30 12:49:33 UTC (rev 270237)
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<title>SVG img as flex item</title>
+<link rel="author" title="David Grogan" href=""
+<link rel="help" href="" title="Part E">
+<link rel="help" href="" title="w > max-width line of the table">
+<link rel="match" href=""
+<meta name="assert" content="Flex base size of image item with aspect ratio + intrinsic width + no intrinsic height honors transferred max-width." />
+
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+<div style="display: flex; flex-direction: column; width: 100px; align-items: flex-start">
+ <img src="" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' width='200'%3E%3Crect width='100%25' height='100%25' fill='green'/%3E%3C/svg%3E" style="max-width: 100px; flex: 0 0 auto; background: red;">
+</div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-015-expected.xht (0 => 270237)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-015-expected.xht (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-015-expected.xht 2020-11-30 12:49:33 UTC (rev 270237)
@@ -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-flexbox/flex-aspect-ratio-img-column-015.html (0 => 270237)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-015.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-015.html 2020-11-30 12:49:33 UTC (rev 270237)
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<title>SVG img as flex item</title>
+<link rel="author" title="David Grogan" href=""
+<link rel="help" href="" title="Part E">
+<link rel="help" href="" title="h > max-height line of the table">
+<link rel="match" href=""
+<meta name="assert" content="Flex base size of image item with aspect ratio + intrinsic height + no intrinsic width honors transferred max-width." />
+
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+<div style="display: flex; flex-direction: column; width: 100px; align-items: flex-start">
+ <img src="" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' height='200'%3E%3Crect width='100%25' height='100%25' fill='green'/%3E%3C/svg%3E" style="max-width: 100px; flex: 0 0 auto; background: red;">
+</div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-016-expected.html (0 => 270237)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-016-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-016-expected.html 2020-11-30 12:49:33 UTC (rev 270237)
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<link rel="author" title="Morten Stenshorne" href=""
+<p>Test passes if there is a filled green square.</p>
+<div style="width:100px; height:100px; background:green;"></div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-016.html (0 => 270237)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-016.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-016.html 2020-11-30 12:49:33 UTC (rev 270237)
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<title>Aspect-ratio items with undefined specified size suggestion</title>
+<link rel="author" title="Ting-Yu Lin" href=""
+<link rel="author" title="Mozilla" href=""
+<link rel="help" href=""
+<link rel="help" href=""
+<link rel="match" href=""
+<meta name="assert" content="Flex item with auto height and fixed max-height (in a column-oriented flex container) should have an undefined specified size suggestion.">
+
+<p>Test passes if there is a filled green square.</p>
+<div style="display: flex; flex-direction: column; ">
+ <img src="" style="max-height:150px; width:100px;">
+</div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-017-expected.txt (0 => 270237)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-017-expected.txt (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-017-expected.txt 2020-11-30 12:49:33 UTC (rev 270237)
@@ -0,0 +1,17 @@
+
+FAIL img 1 assert_equals:
+<img src="" xmlns="http://www.w3.org/2000/svg" />" style="height: 200px; background: green;" data-expected-height="150">
+height expected 150 but got 0
+Specified size suggestion = 200px
+Content size suggestion = 150px [1]
+Automatic minimum height = min(150px, 200px)
+
+[1] fallback size from last bullet point in https://drafts.csswg.org/css-sizing-3/#intrinsic-sizes :
+
+For boxes without a preferred aspect ratio:
+ * If the available space is definite in the appropriate dimension, use the stretch fit into that size in that dimension.
+ * Otherwise, if the box has a as its computed minimum size (min-width/min-height) in that dimension, use that size.
+ * Otherwise, use 300px for the width and/or 150px for the height as needed.
+
+Pass condition: there is a 150x150 green square.
+
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-017.html (0 => 270237)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-017.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-017.html 2020-11-30 12:49:33 UTC (rev 270237)
@@ -0,0 +1,34 @@
+<!doctype html>
+<title>Non aspect-ratio svg flex item</title>
+<link rel="author" title="David Grogan" href=""
+<link rel="help" href=""
+<link rel="help" href=""
+<meta name="assert" content="Specified height on an svg image with no aspect ratio or intrinsic height is not the automatic minimum size." />
+
+<script src=""
+<script src=""
+<script src=""
+
+<div id=log></div>
+
+<pre>
+Specified size suggestion = 200px
+Content size suggestion = 150px [1]
+Automatic minimum height = min(150px, 200px)
+
+[1] fallback size from last bullet point in https://drafts.csswg.org/css-sizing-3/#intrinsic-sizes :
+
+For boxes without a preferred aspect ratio:
+ * If the available space is definite in the appropriate dimension, use the stretch fit into that size in that dimension.
+ * Otherwise, if the box has a <length> as its computed minimum size (min-width/min-height) in that dimension, use that size.
+ * Otherwise, use 300px for the width and/or 150px for the height as needed.
+
+</pre>
+Pass condition: there is a 150x150 green square.
+<div style="display: flex; flex-direction: column; height: 0px; width: 150px;">
+ <img src='' style="height: 200px; background: green;" data-expected-height=150>
+</div>
+
+<script>
+checkLayout('img');
+</script>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-006-expected.html (0 => 270237)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-006-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-006-expected.html 2020-11-30 12:49:33 UTC (rev 270237)
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<link rel="author" title="Morten Stenshorne" href=""
+<p>Test passes if there is a filled green square.</p>
+<div style="width:100px; height:100px; background:green;"></div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-006.html (0 => 270237)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-006.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-006.html 2020-11-30 12:49:33 UTC (rev 270237)
@@ -0,0 +1,15 @@
+<!doctype html>
+<title>Aspect-ratio items with definite cross sizes from stretching</title>
+<link rel="author" title="David Grogan" href=""
+<link rel="help" href="" title="Section B">
+<link rel="help" href="" title="1.">
+<link rel="match" href=""
+<meta name="assert" content="Flex base size is derived from aspect ratio when item has definite cross size due to stretching.">
+
+<p>Test passes if there is a filled green square.</p>
+
+<!-- Firefox 80 and Chrome 86 fail this test identically. They both show a 150x100 green rectangle. -->
+
+<div style="display: flex; width: 150px; height: 100px;">
+ <img src="" style="min-width: 0px; flex-shrink: 0;">
+</div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-007-expected.html (0 => 270237)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-007-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-007-expected.html 2020-11-30 12:49:33 UTC (rev 270237)
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<link rel="author" title="Morten Stenshorne" href=""
+<p>Test passes if there is a filled green square.</p>
+<div style="width:100px; height:100px; background:green;"></div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-007.html (0 => 270237)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-007.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-007.html 2020-11-30 12:49:33 UTC (rev 270237)
@@ -0,0 +1,15 @@
+<!doctype html>
+<title>Aspect-ratio flex item</title>
+<link rel="author" title="David Grogan" href=""
+<link rel="help" href="" title="Part E">
+<link rel="match" href=""
+<meta name="assert" content="flex base size is not influenced by specified min-width for aspect ratio items">
+
+<p>Test passes if there is a filled green square.</p>
+
+<!-- Chrome 86 makes the green rectangle be 149.5 x 100. -->
+
+<div style="display: flex; width:200px;">
+ <img style="min-width: 100px; flex: 1 0 auto;" src=""
+ <div style="flex: 1 0 1px;"></div>
+</div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-008-expected.html (0 => 270237)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-008-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-008-expected.html 2020-11-30 12:49:33 UTC (rev 270237)
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<link rel="author" title="Morten Stenshorne" href=""
+<p>Test passes if there is a filled green square.</p>
+<div style="width:100px; height:100px; background:green;"></div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-008.html (0 => 270237)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-008.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-008.html 2020-11-30 12:49:33 UTC (rev 270237)
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<title>SVG img as flex item</title>
+<link rel="author" title="David Grogan" href=""
+<link rel="help" href="" title="Part E">
+<link rel="match" href=""
+<meta name="assert" content="SVG's specified intrinsic width is honored when used as a flex base size and no intrinsic height is specified." />
+
+<p>Test passes if there is a filled green square.</p>
+
+<div style="display: flex; width: 100px;">
+ <img src="" viewBox='0 0 200 400' width='50px' xmlns='http://www.w3.org/2000/svg' %3E%3Crect width='100%' height='100%' fill='green' /%3E%3C/svg%3E" style="border-left: 50px solid green; min-width: 0px;">
+</div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-009-expected.xht (0 => 270237)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-009-expected.xht (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-009-expected.xht 2020-11-30 12:49:33 UTC (rev 270237)
@@ -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-flexbox/flex-aspect-ratio-img-row-009.html (0 => 270237)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-009.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-009.html 2020-11-30 12:49:33 UTC (rev 270237)
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<title>SVG img as flex item</title>
+<link rel="author" title="David Grogan" href=""
+<link rel="help" href="" title="Part E">
+<link rel="help" href=""
+<link rel="match" href=""
+<meta name="assert" content="min-width: auto honor's an SVG's intrinsic width when it has an aspect ratio and no specified intrinsic height." />
+
+<style>
+#reference-overlapped-red {
+ position: absolute;
+ background-color: red;
+ width: 100px;
+ height: 100px;
+ z-index: -1;
+}
+</style>
+
+<!-- Firefox 81b8 fails this test, probably because of https://bugzilla.mozilla.org/show_bug.cgi?id=1136312 -->
+
+<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: flex; width: 50px;">
+ <img src="" viewBox='0 0 200 400' width='50px' xmlns='http://www.w3.org/2000/svg' %3E%3Crect width='100%' height='100%' fill='green' /%3E%3C/svg%3E" style="border-left: 50px solid green;">
+</div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-010-expected.xht (0 => 270237)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-010-expected.xht (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-010-expected.xht 2020-11-30 12:49:33 UTC (rev 270237)
@@ -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-flexbox/flex-aspect-ratio-img-row-010.html (0 => 270237)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-010.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-010.html 2020-11-30 12:49:33 UTC (rev 270237)
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<title>SVG img as flex item</title>
+<link rel="author" title="David Grogan" href=""
+<link rel="help" href="" title="Part E">
+<link rel="help" href="" title="h > max-height line of the table">
+<link rel="match" href=""
+<meta name="assert" content="Flex base size of image item with aspect ratio + intrinsic width + no intrinsic height honors transferred max-height." />
+
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+<div style="display: flex;">
+ <img src="" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' width='200'%3E%3Crect width='100%25' height='100%25' fill='green'/%3E%3C/svg%3E" style="max-height: 100px; flex: 0 0 auto; background: red;">
+</div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-011-expected.xht (0 => 270237)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-011-expected.xht (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-011-expected.xht 2020-11-30 12:49:33 UTC (rev 270237)
@@ -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-flexbox/flex-aspect-ratio-img-row-011.html (0 => 270237)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-011.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-011.html 2020-11-30 12:49:33 UTC (rev 270237)
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<title>SVG img as flex item</title>
+<link rel="author" title="David Grogan" href=""
+<link rel="help" href="" title="Part E">
+<link rel="help" href="" title="h > max-height line of the table">
+<link rel="match" href=""
+<meta name="assert" content="Flex base size of image item with aspect ratio + intrinsic height + no intrinsic width honors transferred max-height." />
+
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+<div style="display: flex;">
+ <img src="" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' height='200'%3E%3Crect width='100%25' height='100%25' fill='green'/%3E%3C/svg%3E" style="max-height: 100px; flex: 0 0 auto; background: red;">
+</div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-012-expected.html (0 => 270237)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-012-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-012-expected.html 2020-11-30 12:49:33 UTC (rev 270237)
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<link rel="author" title="Morten Stenshorne" href=""
+<p>Test passes if there is a filled green square.</p>
+<div style="width:100px; height:100px; background:green;"></div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-012.html (0 => 270237)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-012.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-012.html 2020-11-30 12:49:33 UTC (rev 270237)
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<title>Aspect-ratio items with undefined specified size suggestion</title>
+<link rel="author" title="Ting-Yu Lin" href=""
+<link rel="author" title="Mozilla" href=""
+<link rel="help" href=""
+<link rel="help" href=""
+<link rel="match" href=""
+<meta name="assert" content="Flex item with auto width and fixed max-width (in a row-oriented flex container) should have an undefined specified size suggestion.">
+
+<p>Test passes if there is a filled green square.</p>
+<div style="display: flex;">
+ <img src="" style="max-width:150px; height:100px;">
+</div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-013-expected.txt (0 => 270237)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-013-expected.txt (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-013-expected.txt 2020-11-30 12:49:33 UTC (rev 270237)
@@ -0,0 +1,24 @@
+Pass condition is 3 green 100x100 squares.
+
+Firefox 84a1 passes. Chrome 87 fails them all by making the green rectangles be 200x100.
+
+Transferred size suggestion is the stretched 100px:
+
+
+Have to subtract the margin from the stretched height to get the transferred size suggestion:
+
+
+Stretched transferred size suggestion has to obey min-height:
+
+
+
+FAIL img 1 assert_equals:
+<img src="" data-expected-height="100" data-expected-width="100">
+width expected 100 but got 200
+FAIL img 2 assert_equals:
+<img src="" style="margin-bottom: 20px" data-expected-height="100" data-expected-width="100">
+width expected 100 but got 200
+FAIL img 3 assert_equals:
+<img src="" style="min-height: 100px;" data-expected-height="100" data-expected-width="100">
+width expected 100 but got 200
+
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-013.html (0 => 270237)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-013.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-013.html 2020-11-30 12:49:33 UTC (rev 270237)
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<link rel="author" title="David Grogan" href=""
+<link rel="help" href=""
+<link rel="help" href=""
+<meta name="assert" content="Transferred size suggestion can get its cross size from stretching." />
+
+<script src=""
+<script src=""
+<script src=""
+
+<body _onload_="checkLayout('img')">
+<p>
+Pass condition is 3 green 100x100 squares.
+</p>
+
+<p>
+Firefox 84a1 passes. Chrome 87 fails them all by making the green rectangles be 200x100.
+</p>
+
+<p>Transferred size suggestion is the stretched 100px:</p>
+<div style="display: flex; width: 0; height: 100px;">
+ <img src="" data-expected-height=100 data-expected-width=100>
+</div>
+
+<p>Have to subtract the margin from the stretched height to get the transferred size suggestion:</p>
+<div style="display: flex; width: 0; height: 120px;">
+ <img src="" style="margin-bottom: 20px" data-expected-height=100 data-expected-width=100>
+</div>
+
+<p>Stretched transferred size suggestion has to obey min-height:</p>
+<div style="display: flex; width: 0; height: 50px;">
+ <img src="" style="min-height: 100px;" data-expected-height=100 data-expected-width=100>
+</div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-014-expected.html (0 => 270237)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-014-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-014-expected.html 2020-11-30 12:49:33 UTC (rev 270237)
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<title>CSS Reference</title>
+<link rel="author" title="Sergio Villar Senin" href="" />
+<style>
+span {
+ display: inline-block;
+ background-color: green;
+ height: 225px;
+ width: 90px;
+}
+
+div {
+ border: 1px solid black;
+ height: 225px;
+ width: 300px;
+}
+</style>
+
+<p>Test passes if there is <strong>no red</strong> visible on the page.</p>
+<div><span></span></div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-014.html (0 => 270237)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-014.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-014.html 2020-11-30 12:49:33 UTC (rev 270237)
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<title>CSS Flexible Box Test: Aspect ratio handling of images</title>
+<link rel="author" title="Sergio Villar Senin" href="" />
+<link rel="help" href="" />
+<link rel="match" href="" />
+<meta name="assert" content="Test that we compute the correct aspect-ratio based cross size when a percentage main size is specified" />
+
+<style>
+#reference-overlapped-red {
+ position: absolute;
+ background-color: red;
+ width: 90px;
+ height: 225px;
+ z-index: -1;
+}
+#constrained-flex {
+ display: flex;
+ width: 300px;
+ border: 1px solid black;
+}
+img {
+ min-width: 0;
+ min-height: 0;
+ width: 30%;
+}
+</style>
+
+<p>Test passes if there is <strong>no red</strong> visible on the page.</p>
+
+<div id="reference-overlapped-red"></div>
+<div id="constrained-flex">
+ <img id="test-flex-item-overlapping-green" src="" />
+</div>
Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/w3c-import.log (270236 => 270237)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/w3c-import.log 2020-11-30 10:01:48 UTC (rev 270236)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/w3c-import.log 2020-11-30 12:49:33 UTC (rev 270237)
@@ -232,6 +232,17 @@
/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-010-expected.xht
/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-010.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-011.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-012-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-012.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-013-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-013.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-014-expected.xht
+/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-014.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-015-expected.xht
+/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-015.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-016-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-016.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-017.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-001-expected.xht
/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-001.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-002-expected.xht
@@ -241,6 +252,23 @@
/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-004-expected.xht
/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-004.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-005.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-006-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-006.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-007-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-007.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-008-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-008.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-009-expected.xht
+/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-009.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-010-expected.xht
+/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-010.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-011-expected.xht
+/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-011.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-012-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-012.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-013.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-014-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-014.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-base-expected.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-base.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-basis-001-expected.xht
