Diff
Modified: trunk/LayoutTests/ChangeLog (292905 => 292906)
--- trunk/LayoutTests/ChangeLog 2022-04-15 13:15:30 UTC (rev 292905)
+++ trunk/LayoutTests/ChangeLog 2022-04-15 13:53:33 UTC (rev 292906)
@@ -1,3 +1,12 @@
+2022-04-15 Rob Buis <[email protected]>
+
+ Import css/css-sizing/aspect-ratio tests from WPT
+ https://bugs.webkit.org/show_bug.cgi?id=239378
+
+ Reviewed by Tim Nguyen.
+
+ * TestExpectations:
+
2022-04-15 Youenn Fablet <[email protected]>
ServiceWorker.postMessage() doesn't work from inside iframe
Modified: trunk/LayoutTests/TestExpectations (292905 => 292906)
--- trunk/LayoutTests/TestExpectations 2022-04-15 13:15:30 UTC (rev 292905)
+++ trunk/LayoutTests/TestExpectations 2022-04-15 13:53:33 UTC (rev 292906)
@@ -4495,6 +4495,7 @@
webkit.org/b/214463 imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/flex-aspect-ratio-025.html [ ImageOnlyFailure ]
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/flex-aspect-ratio-031.html [ ImageOnlyFailure ]
+webkit.org/b/214463 imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/flex-aspect-ratio-038.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 (292905 => 292906)
--- trunk/LayoutTests/imported/w3c/ChangeLog 2022-04-15 13:15:30 UTC (rev 292905)
+++ trunk/LayoutTests/imported/w3c/ChangeLog 2022-04-15 13:53:33 UTC (rev 292906)
@@ -1,3 +1,33 @@
+2022-04-15 Rob Buis <[email protected]>
+
+ Import css/css-sizing/aspect-ratio tests from WPT
+ https://bugs.webkit.org/show_bug.cgi?id=239378
+
+ Reviewed by Tim Nguyen.
+
+ Import based on SHA e0b8f9b500.
+
+ * resources/resource-files.json:
+ * web-platform-tests/css/css-sizing/aspect-ratio/flex-aspect-ratio-034-expected.xht: Added.
+ * web-platform-tests/css/css-sizing/aspect-ratio/flex-aspect-ratio-034.html: Added.
+ * web-platform-tests/css/css-sizing/aspect-ratio/flex-aspect-ratio-035-expected.xht: Added.
+ * web-platform-tests/css/css-sizing/aspect-ratio/flex-aspect-ratio-035.html: Added.
+ * web-platform-tests/css/css-sizing/aspect-ratio/flex-aspect-ratio-036-expected.xht: Added.
+ * web-platform-tests/css/css-sizing/aspect-ratio/flex-aspect-ratio-036.html: Added.
+ * web-platform-tests/css/css-sizing/aspect-ratio/flex-aspect-ratio-037-expected.xht: Added.
+ * web-platform-tests/css/css-sizing/aspect-ratio/flex-aspect-ratio-037.html: Added.
+ * web-platform-tests/css/css-sizing/aspect-ratio/flex-aspect-ratio-038-expected.xht: Added.
+ * web-platform-tests/css/css-sizing/aspect-ratio/flex-aspect-ratio-038.html: Added.
+ * web-platform-tests/css/css-sizing/aspect-ratio/fractional-aspect-ratio-expected.txt: Added.
+ * web-platform-tests/css/css-sizing/aspect-ratio/fractional-aspect-ratio.html: Added.
+ * web-platform-tests/css/css-sizing/aspect-ratio/intrinsic-size-011.html:
+ * web-platform-tests/css/css-sizing/aspect-ratio/large-aspect-ratio-crash.html: Added.
+ * web-platform-tests/css/css-sizing/aspect-ratio/replaced-element-035-expected.html: Added.
+ * web-platform-tests/css/css-sizing/aspect-ratio/replaced-element-035-ref.html: Added.
+ * web-platform-tests/css/css-sizing/aspect-ratio/replaced-element-035.html: Added.
+ * web-platform-tests/css/css-sizing/aspect-ratio/select-element-001-ref.html: Added.
+ * web-platform-tests/css/css-sizing/aspect-ratio/w3c-import.log:
+
2022-04-15 Youenn Fablet <[email protected]>
ServiceWorker.postMessage() doesn't work from inside iframe
Modified: trunk/LayoutTests/imported/w3c/resources/resource-files.json (292905 => 292906)
--- trunk/LayoutTests/imported/w3c/resources/resource-files.json 2022-04-15 13:15:30 UTC (rev 292905)
+++ trunk/LayoutTests/imported/w3c/resources/resource-files.json 2022-04-15 13:53:33 UTC (rev 292906)
@@ -1107,6 +1107,9 @@
"web-platform-tests/css/css-scroll-snap/support/scroll-target-snap-001-iframe.html",
"web-platform-tests/css/css-shapes/test-plan/index.html",
"web-platform-tests/css/css-sizing/aspect-ratio/block-aspect-ratio-029-crash.html",
+ "web-platform-tests/css/css-sizing/aspect-ratio/large-aspect-ratio-crash.html",
+ "web-platform-tests/css/css-sizing/aspect-ratio/replaced-element-035-ref.html",
+ "web-platform-tests/css/css-sizing/aspect-ratio/select-element-001-ref.html",
"web-platform-tests/css/css-sizing/aspect-ratio/small-aspect-ratio-crash.html",
"web-platform-tests/css/css-sizing/contain-intrinsic-size/contain-intrinsic-size-001-ref.html",
"web-platform-tests/css/css-sizing/contain-intrinsic-size/contain-intrinsic-size-002-ref.html",
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/flex-aspect-ratio-034-expected.xht (0 => 292906)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/flex-aspect-ratio-034-expected.xht (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/flex-aspect-ratio-034-expected.xht 2022-04-15 13:53:33 UTC (rev 292906)
@@ -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/flex-aspect-ratio-034.html (0 => 292906)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/flex-aspect-ratio-034.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/flex-aspect-ratio-034.html 2022-04-15 13:53:33 UTC (rev 292906)
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<title>aspect-ratio flex item</title>
+<link rel="help" href=""
+ title="Part E">
+<link rel="match" href="" />
+<meta name="assert"
+ content="max-content, not max-intrinsic, size is the flex base size of an aspect-ratio item that has an indefinite flex-basis and cross size">
+
+<p>Test passes if there is a filled green square and <strong>no red</strong>.
+</p>
+
+<div style="display: flex; flex-flow: column; align-items: start;">
+ <div
+ style="aspect-ratio: 1/1; flex: 0 0 auto; min-height: 0px; min-width: 100px; background: green;">
+ </div>
+</div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/flex-aspect-ratio-035-expected.xht (0 => 292906)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/flex-aspect-ratio-035-expected.xht (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/flex-aspect-ratio-035-expected.xht 2022-04-15 13:53:33 UTC (rev 292906)
@@ -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/flex-aspect-ratio-035.html (0 => 292906)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/flex-aspect-ratio-035.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/flex-aspect-ratio-035.html 2022-04-15 13:53:33 UTC (rev 292906)
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<title>aspect-ratio flex item</title>
+<link rel="help" href=""
+ title="Part E">
+<link rel="match" href="" />
+<meta name="assert"
+ content="max-content, not max-intrinsic, size is the flex base size of an aspect-ratio item that has an indefinite flex-basis and cross size">
+
+<p>Test passes if there is a filled green square and <strong>no red</strong>.
+</p>
+
+<div
+ style="display: flex; flex-flow: column; align-items: start; width: 0px;">
+ <div
+ style="aspect-ratio: 1/1; flex: 0 0 auto; min-height: 0px; min-width: 100px; background: green;">
+ </div>
+</div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/flex-aspect-ratio-036-expected.xht (0 => 292906)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/flex-aspect-ratio-036-expected.xht (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/flex-aspect-ratio-036-expected.xht 2022-04-15 13:53:33 UTC (rev 292906)
@@ -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/flex-aspect-ratio-036.html (0 => 292906)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/flex-aspect-ratio-036.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/flex-aspect-ratio-036.html 2022-04-15 13:53:33 UTC (rev 292906)
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<title>aspect-ratio flex item</title>
+<link rel="help" href=""
+ title="Part E">
+<link rel="match" href="" />
+<meta name="assert"
+ content="max-content, not max-intrinsic, size is the flex base size of an aspect-ratio item that has an indefinite flex-basis and cross size">
+
+<p>Test passes if there is a filled green square and <strong>no red</strong>.
+</p>
+
+<div style="display: flex; flex-flow: column; align-items: start;">
+ <div
+ style="aspect-ratio: 1/1; flex: 0 0 content; min-height: 0px; min-width: 100px; background: green;">
+ </div>
+</div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/flex-aspect-ratio-037-expected.xht (0 => 292906)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/flex-aspect-ratio-037-expected.xht (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/flex-aspect-ratio-037-expected.xht 2022-04-15 13:53:33 UTC (rev 292906)
@@ -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/flex-aspect-ratio-037.html (0 => 292906)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/flex-aspect-ratio-037.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/flex-aspect-ratio-037.html 2022-04-15 13:53:33 UTC (rev 292906)
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<title>aspect-ratio flex item</title>
+<link rel="help" href=""
+ title="Part E">
+<link rel="match" href="" />
+<meta name="assert"
+ content="max-content block size accounts for inline max-content size of an aspect-ratio item when computing flex base size">
+
+<style>
+ #reference-overlapped-red {
+ position: absolute;
+ background-color: red;
+ width: 100px;
+ height: 100px;
+ z-index: -1;
+ }
+</style>
+
+<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; flex-flow: column; align-items: start;">
+ <div style="aspect-ratio: 1/1; background: green; min-height: 0px;">
+ <div style="width: 100px;"></div>
+ </div>
+</div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/flex-aspect-ratio-038-expected.xht (0 => 292906)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/flex-aspect-ratio-038-expected.xht (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/flex-aspect-ratio-038-expected.xht 2022-04-15 13:53:33 UTC (rev 292906)
@@ -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/flex-aspect-ratio-038.html (0 => 292906)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/flex-aspect-ratio-038.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/flex-aspect-ratio-038.html 2022-04-15 13:53:33 UTC (rev 292906)
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<title>aspect-ratio flex item</title>
+<link rel="help" href=""
+ title="Part E">
+<link rel="match" href="" />
+<meta name="assert"
+ content="min-height is not reflected through the aspect ratio when calculating width:fit-content when laying out a column flex item for flex base size calculation.">
+
+<style>
+ #reference-overlapped-red {
+ position: absolute;
+ background-color: red;
+ width: 100px;
+ height: 100px;
+ z-index: -1;
+ }
+</style>
+
+<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; flex-flow: column; align-items: start; height: 200px;">
+ <!-- flex base size for this item is 1px because case E specifies that the
+ flex base size is the height resulting from layout of this variant of the
+ element:
+ <div style="width: fit-content; aspect-ratio: 1/1; height: max-content;">
+ <div style="width: 1px;"></div>
+ </div>
+ 'min-height' was removed because of this line from the spec:
+ """When determining the flex base size, the item’s min and max main sizes are
+ ignored"""
+ 'width:fit-content' and 'height:max-content' are from part E in the spec
+ section linked to above.
+ The resulting height is 1px, so flex base size is 1px.
+ flex base size of the second item is obviously 1px.
+ The extra 198px should be distributed evenly to the two items, with each
+ item's final height being 100px.
+
+ Chrome 101 and Firefox 99 both get this wrong because they make the first
+ item's flex base size = 100px.
+ -->
+ <div style="aspect-ratio: 1/1; background: green; min-height: 100px; flex: 1 0 auto;">
+ <div style="width: 1px;"></div>
+ </div>
+ <div style="flex: 1 0 1px;"></div>
+</div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/fractional-aspect-ratio-expected.txt (0 => 292906)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/fractional-aspect-ratio-expected.txt (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/fractional-aspect-ratio-expected.txt 2022-04-15 13:53:33 UTC (rev 292906)
@@ -0,0 +1,4 @@
+
+PASS div 1
+PASS div 2
+
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/fractional-aspect-ratio.html (0 => 292906)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/fractional-aspect-ratio.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/fractional-aspect-ratio.html 2022-04-15 13:53:33 UTC (rev 292906)
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<link rel="help" href=""
+<script src=""
+<script src=""
+<script src=""
+<body _onload_="checkLayout('div')">
+ <div style="width: 100px; aspect-ratio: 0.00025 / 0.0001;" data-expected-height=40></div>
+ <div style="width: 320px; aspect-ratio: 1.6;" data-expected-height=200></div>
+</body>
Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/intrinsic-size-011.html (292905 => 292906)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/intrinsic-size-011.html 2022-04-15 13:15:30 UTC (rev 292905)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/intrinsic-size-011.html 2022-04-15 13:53:33 UTC (rev 292906)
@@ -14,6 +14,6 @@
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
-<div style="height: 50px; width: -moz-fit-content; width: fit-content;"></div>
+<div style="height: 50px; width: fit-content;"></div>
<!-- fit-content in the block axis is treated as auto -->
-<div style="height: -moz-fit-content; height: fit-content; width: 100px;"></div>
+<div style="height: fit-content; width: 100px;"></div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/large-aspect-ratio-crash.html (0 => 292906)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/large-aspect-ratio-crash.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/large-aspect-ratio-crash.html 2022-04-15 13:53:33 UTC (rev 292906)
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<link rel="help" href=""
+<div style="display: flex;">
+ <img style="writing-mode: vertical-rl;" width="2147483647" height="3">
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/replaced-element-035-expected.html (0 => 292906)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/replaced-element-035-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/replaced-element-035-expected.html 2022-04-15 13:53:33 UTC (rev 292906)
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<title>CSS aspect-ratio reference: audio element</title>
+
+<audio controls style="background: green;"></audio><br>
+<audio controls style="width: 100px; background: green;"></audio><br>
+<audio controls style="height: 100px; background: green;"></audio>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/replaced-element-035-ref.html (0 => 292906)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/replaced-element-035-ref.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/replaced-element-035-ref.html 2022-04-15 13:53:33 UTC (rev 292906)
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<title>CSS aspect-ratio reference: audio element</title>
+
+<audio controls style="background: green;"></audio><br>
+<audio controls style="width: 100px; background: green;"></audio><br>
+<audio controls style="height: 100px; background: green;"></audio>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/replaced-element-035.html (0 => 292906)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/replaced-element-035.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/replaced-element-035.html 2022-04-15 13:53:33 UTC (rev 292906)
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<title>CSS aspect-ratio: audio element</title>
+<link rel="author" title="Mozilla" href=""
+<link rel="help" href=""
+<link rel="help" href=""
+<link rel="match" href=""
+
+<audio controls style="aspect-ratio: 1/1; background: green;"></audio><br>
+<audio controls style="aspect-ratio: 1/1; width: 100px; background: green;"></audio><br>
+<audio controls style="aspect-ratio: 1/1; height: 100px; background: green;"></audio>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/select-element-001-ref.html (0 => 292906)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/select-element-001-ref.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/select-element-001-ref.html 2022-04-15 13:53:33 UTC (rev 292906)
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<title>CSS aspect-ratio reference: select elements</title>
+<!-- WebKit uses quirky em in user agent sheet for margins of select, avoid it -->
+<style>
+ select {
+ margin: 0px;
+ }
+</style>
+<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>
Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/w3c-import.log (292905 => 292906)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/w3c-import.log 2022-04-15 13:15:30 UTC (rev 292905)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/w3c-import.log 2022-04-15 13:53:33 UTC (rev 292906)
@@ -127,6 +127,8 @@
/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/block-aspect-ratio-034.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/block-aspect-ratio-035-expected.xht
/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/block-aspect-ratio-035.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/block-aspect-ratio-036-expected.xht
+/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/block-aspect-ratio-036.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/block-aspect-ratio-with-margin-collapsing-001-expected.xht
/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/block-aspect-ratio-with-margin-collapsing-001.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/block-aspect-ratio-with-margin-collapsing-002-expected.xht
@@ -197,6 +199,17 @@
/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/flex-aspect-ratio-032.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/flex-aspect-ratio-033-expected.xht
/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/flex-aspect-ratio-033.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/flex-aspect-ratio-034-expected.xht
+/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/flex-aspect-ratio-034.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/flex-aspect-ratio-035-expected.xht
+/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/flex-aspect-ratio-035.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/flex-aspect-ratio-036-expected.xht
+/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/flex-aspect-ratio-036.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/flex-aspect-ratio-037-expected.xht
+/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/flex-aspect-ratio-037.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/flex-aspect-ratio-038-expected.xht
+/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/flex-aspect-ratio-038.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/fractional-aspect-ratio.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-001-expected.xht
/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-001.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-002-expected.xht
@@ -303,6 +316,7 @@
/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/intrinsic-size-015.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/intrinsic-size-016-expected.xht
/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/intrinsic-size-016.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/large-aspect-ratio-crash.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/percentage-resolution-001-expected.xht
/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/percentage-resolution-001.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/percentage-resolution-002-expected.xht
@@ -383,9 +397,13 @@
/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/replaced-element-033.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/replaced-element-034-expected.xht
/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-035-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/replaced-element-035-ref.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/replaced-element-035.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-ref.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
