Import wpt@e09fb8499bac7a1a23f1a6576c6f753571d10460

Using wpt-import in Chromium 540343d.

Note to sheriffs: This CL imports external tests and adds
expectations for those tests; if this CL is large and causes
a few new failures, please fix the failures by adding new
lines to TestExpectations rather than reverting. See:
https://chromium.googlesource.com/chromium/src/+/main/docs/testing/web_platform_tests.md

NOAUTOREVERT=true
R=rubber-stamper@appspot.gserviceaccount.com

No-Export: true
Validate-Test-Flakiness: skip
Cq-Include-Trybots: luci.chromium.try:linux-wpt-identity-fyi-rel,linux-wpt-input-fyi-rel,linux-blink-rel
Change-Id: I1ddf8ec0e8f7aa2304d131510c1eb373c72dde10
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/4805205
Auto-Submit: WPT Autoroller <wpt-autoroller@chops-service-accounts.iam.gserviceaccount.com>
Bot-Commit: Rubber Stamper <rubber-stamper@appspot.gserviceaccount.com>
Commit-Queue: Rubber Stamper <rubber-stamper@appspot.gserviceaccount.com>
Cr-Commit-Position: refs/heads/main@{#1187192}

third_party/blink/web_tests/external/wpt/css/CSS2/abspos/abspos-containing-block-initial-007.xht.ini

@@ -0,0 +1,3 @@
+[abspos-containing-block-initial-007.xht]
+  expected:
+    if (product == "content_shell") and (os == "mac") and (port == "mac12-arm64"): FAIL

third_party/blink/web_tests/external/wpt/css/CSS2/floats-clear/float-replaced-width-005.xht.ini

@@ -0,0 +1,3 @@
+[float-replaced-width-005.xht]
+  expected:
+    if (product == "content_shell") and (os == "mac") and (port == "mac12-arm64"): FAIL

third_party/blink/web_tests/external/wpt/css/CSS2/positioning/absolute-non-replaced-width-012.xht.ini

@@ -0,0 +1,3 @@
+[absolute-non-replaced-width-012.xht]
+  expected:
+    if (product == "content_shell") and (os == "mac") and (port == "mac12-arm64"): FAIL

third_party/blink/web_tests/external/wpt/css/CSS2/positioning/absolute-replaced-height-023.xht.ini

@@ -1,3 +1,4 @@
 [absolute-replaced-height-023.xht]
   expected:
+    if (product == "content_shell") and (os == "mac") and (port == "mac12-arm64"): FAIL
     if (product == "content_shell") and (os == "mac") and (port == "mac13-arm64"): FAIL

third_party/blink/web_tests/external/wpt/css/CSS2/tables/table-anonymous-objects-136.xht.ini

@@ -0,0 +1,3 @@
+[table-anonymous-objects-136.xht]
+  expected:
+    if (product == "content_shell") and (os == "mac") and (port == "mac12-arm64"): FAIL

third_party/blink/web_tests/external/wpt/css/css-backgrounds/border-top-right-radius-004.xht.ini

@@ -0,0 +1,3 @@
+[border-top-right-radius-004.xht]
+  expected:
+    if (product == "content_shell") and (os == "mac") and (port == "mac12-arm64"): FAIL

third_party/blink/web_tests/external/wpt/css/css-break/table/table-col-paint-vrl-rtl.html.ini

@@ -1,3 +1,4 @@
 [table-col-paint-vrl-rtl.html]
   expected:
     if (product == "content_shell") and (os == "mac") and (port == "mac13-arm64"): FAIL
+    if (product == "content_shell") and (os == "mac") and (port == "mac12-arm64"): FAIL

third_party/blink/web_tests/external/wpt/css/css-break/table/table-collapsed-borders-paint-at-boundary.tentative.html.ini

@@ -0,0 +1,3 @@
+[table-collapsed-borders-paint-at-boundary.tentative.html]
+  expected:
+    if (product == "content_shell") and (os == "mac") and (port == "mac12-arm64"): FAIL

third_party/blink/web_tests/external/wpt/css/css-color/parsing/color-invalid-relative-color.html.ini

@@ -0,0 +1,96 @@
+[color-invalid-relative-color.html]
+  [e.style['color'\] = "hsl(from rebeccapurple alpha alpha alpha / alpha)" should not set the property value]
+    expected:
+      if (product == "content_shell") and (os == "mac") and (port == "mac12-arm64"): FAIL
+
+  [e.style['color'\] = "hsl(from rebeccapurple h h h / h)" should not set the property value]
+    expected:
+      if (product == "content_shell") and (os == "mac") and (port == "mac12-arm64"): FAIL
+
+  [e.style['color'\] = "hsl(from rebeccapurple s h l)" should not set the property value]
+    expected:
+      if (product == "content_shell") and (os == "mac") and (port == "mac12-arm64"): FAIL
+
+  [e.style['color'\] = "hsl(from rebeccapurple s s s / s)" should not set the property value]
+    expected:
+      if (product == "content_shell") and (os == "mac") and (port == "mac12-arm64"): FAIL
+
+  [e.style['color'\] = "hsl(from rgb(10%, 20%, 30%, 40%) alpha alpha alpha / alpha)" should not set the property value]
+    expected:
+      if (product == "content_shell") and (os == "mac") and (port == "mac12-arm64"): FAIL
+
+  [e.style['color'\] = "hsl(from rgb(10%, 20%, 30%, 40%) h h h / h)" should not set the property value]
+    expected:
+      if (product == "content_shell") and (os == "mac") and (port == "mac12-arm64"): FAIL
+
+  [e.style['color'\] = "hsl(from rgb(10%, 20%, 30%, 40%) s h l)" should not set the property value]
+    expected:
+      if (product == "content_shell") and (os == "mac") and (port == "mac12-arm64"): FAIL
+
+  [e.style['color'\] = "hsl(from rgb(10%, 20%, 30%, 40%) s s s / s)" should not set the property value]
+    expected:
+      if (product == "content_shell") and (os == "mac") and (port == "mac12-arm64"): FAIL
+
+  [e.style['color'\] = "hwb(from rebeccapurple alpha alpha alpha / alpha)" should not set the property value]
+    expected:
+      if (product == "content_shell") and (os == "mac") and (port == "mac12-arm64"): FAIL
+
+  [e.style['color'\] = "hwb(from rebeccapurple b b b / b)" should not set the property value]
+    expected:
+      if (product == "content_shell") and (os == "mac") and (port == "mac12-arm64"): FAIL
+
+  [e.style['color'\] = "hwb(from rebeccapurple h h h / h)" should not set the property value]
+    expected:
+      if (product == "content_shell") and (os == "mac") and (port == "mac12-arm64"): FAIL
+
+  [e.style['color'\] = "hwb(from rebeccapurple w h b)" should not set the property value]
+    expected:
+      if (product == "content_shell") and (os == "mac") and (port == "mac12-arm64"): FAIL
+
+  [e.style['color'\] = "hwb(from rgb(10%, 20%, 30%, 40%) alpha alpha alpha / alpha)" should not set the property value]
+    expected:
+      if (product == "content_shell") and (os == "mac") and (port == "mac12-arm64"): FAIL
+
+  [e.style['color'\] = "hwb(from rgb(10%, 20%, 30%, 40%) b b b / b)" should not set the property value]
+    expected:
+      if (product == "content_shell") and (os == "mac") and (port == "mac12-arm64"): FAIL
+
+  [e.style['color'\] = "hwb(from rgb(10%, 20%, 30%, 40%) h h h / h)" should not set the property value]
+    expected:
+      if (product == "content_shell") and (os == "mac") and (port == "mac12-arm64"): FAIL
+
+  [e.style['color'\] = "hwb(from rgb(10%, 20%, 30%, 40%) w b h)" should not set the property value]
+    expected:
+      if (product == "content_shell") and (os == "mac") and (port == "mac12-arm64"): FAIL
+
+  [e.style['color'\] = "lch(from lch(.70 45 30 / 40%) alpha alpha alpha / alpha)" should not set the property value]
+    expected:
+      if (product == "content_shell") and (os == "mac") and (port == "mac12-arm64"): FAIL
+
+  [e.style['color'\] = "lch(from lch(.70 45 30 / 40%) h l c / alpha)" should not set the property value]
+    expected:
+      if (product == "content_shell") and (os == "mac") and (port == "mac12-arm64"): FAIL
+
+  [e.style['color'\] = "lch(from lch(.70 45 30) alpha alpha alpha / alpha)" should not set the property value]
+    expected:
+      if (product == "content_shell") and (os == "mac") and (port == "mac12-arm64"): FAIL
+
+  [e.style['color'\] = "lch(from lch(.70 45 30) h l c / alpha)" should not set the property value]
+    expected:
+      if (product == "content_shell") and (os == "mac") and (port == "mac12-arm64"): FAIL
+
+  [e.style['color'\] = "oklch(from oklch(.70 45 30 / 40%) alpha alpha alpha / alpha)" should not set the property value]
+    expected:
+      if (product == "content_shell") and (os == "mac") and (port == "mac12-arm64"): FAIL
+
+  [e.style['color'\] = "oklch(from oklch(.70 45 30 / 40%) h l c / alpha)" should not set the property value]
+    expected:
+      if (product == "content_shell") and (os == "mac") and (port == "mac12-arm64"): FAIL
+
+  [e.style['color'\] = "oklch(from oklch(.70 45 30) alpha alpha alpha / alpha)" should not set the property value]
+    expected:
+      if (product == "content_shell") and (os == "mac") and (port == "mac12-arm64"): FAIL
+
+  [e.style['color'\] = "oklch(from oklch(.70 45 30) h l c / alpha)" should not set the property value]
+    expected:
+      if (product == "content_shell") and (os == "mac") and (port == "mac12-arm64"): FAIL

third_party/blink/web_tests/external/wpt/css/css-counter-styles/simp-chinese-informal/css3-counter-styles-072.html.ini

@@ -1,3 +1,4 @@
 [css3-counter-styles-072.html]
   expected:
+    if (product == "content_shell") and (os == "mac") and (port == "mac12-arm64"): FAIL
     if (product == "content_shell") and (os == "mac") and (port == "mac13-arm64"): FAIL

third_party/blink/web_tests/external/wpt/css/css-flexbox/flex-direction-row-vertical.html.ini

@@ -1,3 +1,4 @@
 [flex-direction-row-vertical.html]
   expected:
     if (product == "content_shell") and (os == "mac") and (port == "mac13-arm64"): FAIL
+    if (product == "content_shell") and (os == "mac") and (port == "mac12-arm64"): FAIL

third_party/blink/web_tests/external/wpt/css/css-flexbox/flexbox_flex-N-1-N.html.ini

@@ -0,0 +1,3 @@
+[flexbox_flex-N-1-N.html]
+  expected:
+    if (product == "content_shell") and (os == "mac") and (port == "mac12-arm64"): FAIL

third_party/blink/web_tests/external/wpt/css/css-flexbox/flexbox_generated-flex.html.ini

@@ -0,0 +1,3 @@
+[flexbox_generated-flex.html]
+  expected:
+    if (product == "content_shell") and (os == "mac") and (port == "mac12-arm64"): FAIL

third_party/blink/web_tests/external/wpt/css/css-flexbox/gap-002-lr.html.ini

@@ -1,3 +1,4 @@
 [gap-002-lr.html]
   expected:
     if (product == "content_shell") and (os == "mac") and (port == "mac13-arm64"): FAIL
+    if (product == "content_shell") and (os == "mac") and (port == "mac12-arm64"): FAIL

third_party/blink/web_tests/external/wpt/css/css-fonts/font-size-zero-1.html.ini

@@ -0,0 +1,3 @@
+[font-size-zero-1.html]
+  expected:
+    if (product == "content_shell") and (os == "mac") and (port == "mac12-arm64"): FAIL

third_party/blink/web_tests/external/wpt/css/css-fonts/font-variant-alternates-07.html.ini

@@ -1,3 +1,4 @@
 [font-variant-alternates-07.html]
   expected:
     if (product == "content_shell") and (os == "mac") and (port == "mac13-arm64"): FAIL
+    if (product == "content_shell") and (os == "mac") and (port == "mac12-arm64"): FAIL

third_party/blink/web_tests/external/wpt/css/css-fonts/font-variant-caps-07.html.ini

@@ -0,0 +1,3 @@
+[font-variant-caps-07.html]
+  expected:
+    if (product == "content_shell") and (os == "mac") and (port == "mac12-arm64"): FAIL

third_party/blink/web_tests/external/wpt/css/css-fonts/font-variant-ligatures-09.html.ini

@@ -0,0 +1,3 @@
+[font-variant-ligatures-09.html]
+  expected:
+    if (product == "content_shell") and (os == "mac") and (port == "mac12-arm64"): FAIL

third_party/blink/web_tests/external/wpt/css/css-grid/abspos/positioned-grid-items-025.html.ini

@@ -0,0 +1,3 @@
+[positioned-grid-items-025.html]
+  expected:
+    if (product == "content_shell") and (os == "mac") and (port == "mac12-arm64"): FAIL

third_party/blink/web_tests/external/wpt/css/css-images/normalization-conic.html.ini

@@ -0,0 +1,3 @@
+[normalization-conic.html]
+  expected:
+    if (product == "content_shell") and (os == "mac") and (port == "mac12-arm64"): FAIL

third_party/blink/web_tests/external/wpt/css/css-overflow/overflow-ellipsis-dynamic-001.html.ini

@@ -0,0 +1,3 @@
+[overflow-ellipsis-dynamic-001.html]
+  expected:
+    if (product == "content_shell") and (os == "mac") and (port == "mac12-arm64"): FAIL

third_party/blink/web_tests/external/wpt/css/css-shapes/shape-outside/shape-box/shape-outside-margin-box-border-radius-004.html.ini

@@ -0,0 +1,3 @@
+[shape-outside-margin-box-border-radius-004.html]
+  expected:
+    if (product == "content_shell") and (os == "mac") and (port == "mac12-arm64"): FAIL

third_party/blink/web_tests/external/wpt/css/css-sizing/fit-content-block-size-abspos.html.ini

@@ -0,0 +1,3 @@
+[fit-content-block-size-abspos.html]
+  expected:
+    if (product == "content_shell") and (os == "mac") and (port == "mac12-arm64"): FAIL

third_party/blink/web_tests/external/wpt/css/css-transforms/transform-box/reference/svgbox-rect-dasharray-ref.html

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<style>
+#target {
+  fill: green;
+  stroke: black;
+  stroke-width: 20;
+  stroke-dasharray: 100 50;
+}
+</style>
+<svg width="400" height="300">
+  <rect id="target" width="50" height="100" x="50" y="80"/>
+</svg>

third_party/blink/web_tests/external/wpt/css/css-transforms/transform-box/reference/svgbox-rect-ref.html

@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+
+<style>
+#target {
+  fill: green;
+  stroke: black;
+  stroke-width: 20;
+  transform: none;
+}
+</style>
+
+<svg width="400" height="300">
+  <rect id="target" width="50" height="100" x="50" y="80"/>
+</svg>

third_party/blink/web_tests/external/wpt/css/css-transforms/transform-box/stroke-box-mutation-001.html

@@ -1,27 +1,27 @@
 <!DOCTYPE html>
 <html class="reftest-wait">
 <title>transform-box: stroke-box, stroke mutated</title>
-<link rel="match" href="reference/svgbox-ref.html">
+<link rel="match" href="reference/svgbox-rect-ref.html">
 <link rel="help" href="https://drafts.csswg.org/css-transforms-1/#transform-box">
 <script src="/common/reftest-wait.js"></script>
 <script src="/common/rendering-utils.js"></script>
-<meta name="assert" content="This should display a C shape with the center of the top endpoint at 200,100."/>
+<meta name="assert" content="This should display a rect whose center of rotation is at (20, 0) of its stroke-box."/>
 <style>
 #target {
   fill: green;
   stroke: black;
-  stroke-width: 25;
+  stroke-width: 10;
   transform-box: stroke-box;
-  transform-origin: 25px 0px;
+  transform-origin: 20px 0px;
   transform: rotate(90deg);
 }
 </style>
 <svg width="400" height="300">
-  <path id="target" d="M200,100v100h100v-100"/>
+  <rect id="target" width="100" height="50" x="100" y="100"/>
 </svg>
 <script>
   waitForAtLeastOneFrame().then(() => {
-    document.querySelector('#target').style.strokeWidth = '50px';
+    document.querySelector('#target').style.strokeWidth = '20px';
     takeScreenshot();
   });
 </script>

third_party/blink/web_tests/external/wpt/css/css-transforms/transform-box/stroke-box-mutation-002.html

@@ -1,27 +1,27 @@
 <!DOCTYPE html>
 <html class="reftest-wait">
 <title>transform-box: stroke-box, shape mutated</title>
-<link rel="match" href="reference/svgbox-ref.html">
+<link rel="match" href="reference/svgbox-rect-ref.html">
 <link rel="help" href="https://drafts.csswg.org/css-transforms-1/#transform-box">
 <script src="/common/reftest-wait.js"></script>
 <script src="/common/rendering-utils.js"></script>
-<meta name="assert" content="This should display a C shape with the center of the top endpoint at 200,100."/>
+<meta name="assert" content="This should display a rect whose center of rotation is at (20, 0) of its stroke-box."/>
 <style>
 #target {
   fill: green;
   stroke: black;
-  stroke-width: 50;
+  stroke-width: 20;
   transform-box: stroke-box;
-  transform-origin: 25px 0px;
+  transform-origin: 20px 0px;
   transform: rotate(90deg);
 }
 </style>
 <svg width="400" height="300">
-  <path id="target" d="M200,100v50h100v-50"/>
+  <rect id="target" width="100" height="100" x="100" y="100"/>
 </svg>
 <script>
   waitForAtLeastOneFrame().then(() => {
-    document.querySelector('#target').setAttribute('d', 'M200,100v100h100v-100');
+    document.querySelector('#target').setAttribute('height', '50');
     takeScreenshot();
   });
 </script>

third_party/blink/web_tests/external/wpt/css/css-transforms/transform-box/stroke-box-mutation-003.html

@@ -1,31 +1,31 @@
 <!DOCTYPE html>
 <html class="reftest-wait">
 <title>transform-box: stroke-box, on group (&lt;g>), stroke on child mutated</title>
-<link rel="match" href="reference/svgbox-ref.html">
+<link rel="match" href="reference/svgbox-rect-ref.html">
 <link rel="help" href="https://drafts.csswg.org/css-transforms-1/#transform-box">
 <script src="/common/reftest-wait.js"></script>
 <script src="/common/rendering-utils.js"></script>
-<meta name="assert" content="This should display a C shape with the center of the top endpoint at 200,100."/>
+<meta name="assert" content="This should display a rect whose center of rotation is at (20, 0) of its stroke-box."/>
 <style>
 #target {
   transform-box: stroke-box;
-  transform-origin: 25px 0px;
+  transform-origin: 20px 0px;
   transform: rotate(90deg);
 }
-#target > path {
+#target > rect {
   fill: green;
   stroke: black;
-  stroke-width: 25;
+  stroke-width: 10;
 }
 </style>
 <svg width="400" height="300">
   <g id="target">
-    <path d="M200,100v100h100v-100"/>
+    <rect width="100" height="50" x="100" y="100"/>
   </g>
 </svg>
 <script>
   waitForAtLeastOneFrame().then(() => {
-    document.querySelector('#target > path').style.strokeWidth = '50px';
+    document.querySelector('#target > rect').style.strokeWidth = '20px';
     takeScreenshot();
   });
 </script>

third_party/blink/web_tests/external/wpt/css/css-transforms/transform-box/stroke-box-mutation-004.html

@@ -1,32 +1,32 @@
 <!DOCTYPE html>
 <html class="reftest-wait">
 <title>transform-box: stroke-box, on group (&lt;g>), child shape mutated</title>
-<link rel="match" href="reference/svgbox-ref.html">
+<link rel="match" href="reference/svgbox-rect-ref.html">
 <link rel="help" href="https://drafts.csswg.org/css-transforms-1/#transform-box">
 <script src="/common/reftest-wait.js"></script>
 <script src="/common/rendering-utils.js"></script>
-<meta name="assert" content="This should display a C shape with the center of the top endpoint at 200,100."/>
+<meta name="assert" content="This should display a rect whose center of rotation is at (20, 0) of its stroke-box."/>
 <style>
 #target {
   transform-box: stroke-box;
-  transform-origin: 25px 0px;
+  transform-origin: 20px 0px;
   transform: rotate(90deg);
 }
-#target > path {
+#target > rect {
   fill: green;
   stroke: black;
-  stroke-width: 50;
+  stroke-width: 20;
 }
 </style>
 <svg width="400" height="300">
   <g id="target">
-    <path d="M200,100v50h100v-50"/>
+    <rect width="100" height="100" x="100" y="100"/>
   </g>
 </svg>
 <script>
   waitForAtLeastOneFrame().then(() => {
-    const path = document.querySelector('#target > path');
-    path.setAttribute('d', 'M200,100v100h100v-100');
+    const rect = document.querySelector('#target > rect');
+    rect.setAttribute('height', '50');
     takeScreenshot();
   });
 </script>