Update web-platform-tests to revision b'8a99353217938b6f1da31a9a108da3d501cee58b'

tests/wpt/metadata/FileAPI/url/url-in-tags-revoke.window.js.ini

@@ -7,7 +7,7 @@
     expected: FAIL
 
   [Opening a blob URL in a new window immediately before revoking it works.]
-    expected: FAIL
+    expected: TIMEOUT
 
   [Opening a blob URL in a noopener about:blank window immediately before revoking it works.]
     expected: TIMEOUT

tests/wpt/metadata/css/CSS2/floats/hit-test-floats-001.html.ini

@@ -0,0 +1,3 @@
+[hit-test-floats-001.html]
+  [hit-test-floats-001]
+    expected: FAIL

tests/wpt/metadata/css/CSS2/normal-flow/block-in-inline-hittest-float-002.html.ini

@@ -0,0 +1,3 @@
+[block-in-inline-hittest-float-002.html]
+  [block-in-inline-hittest-float-002]
+    expected: FAIL

tests/wpt/metadata/css/css-animations/parsing/animation-delay-end-computed.html.ini

@@ -40,3 +40,15 @@
 
   [Property animation-delay-start value 'exit 1%, cover 2%, contain 100%']
     expected: FAIL
+
+  [Property animation-delay-end value 'initial']
+    expected: FAIL
+
+  [Property animation-delay-end value '-500ms']
+    expected: FAIL
+
+  [Property animation-delay-end value 'calc(2 * 3s)']
+    expected: FAIL
+
+  [Property animation-delay-end value '20s, 10s']
+    expected: FAIL

tests/wpt/metadata/css/css-animations/parsing/animation-delay-end-valid.html.ini

@@ -37,3 +37,15 @@
 
   [e.style['animation-delay-start'\] = "enter 42%" should set the property value]
     expected: FAIL
+
+  [e.style['animation-delay-end'\] = "-5ms" should set the property value]
+    expected: FAIL
+
+  [e.style['animation-delay-end'\] = "0s" should set the property value]
+    expected: FAIL
+
+  [e.style['animation-delay-end'\] = "10s" should set the property value]
+    expected: FAIL
+
+  [e.style['animation-delay-end'\] = "20s, 10s" should set the property value]
+    expected: FAIL

tests/wpt/metadata/css/css-animations/parsing/animation-range-end-computed.html.ini

@@ -0,0 +1,36 @@
+[animation-range-end-computed.html]
+  [Property animation-range-end value 'initial']
+    expected: FAIL
+
+  [Property animation-range-end value 'auto']
+    expected: FAIL
+
+  [Property animation-range-end value 'cover 0%']
+    expected: FAIL
+
+  [Property animation-range-end value 'COVER 0%']
+    expected: FAIL
+
+  [Property animation-range-end value 'cover 100%']
+    expected: FAIL
+
+  [Property animation-range-end value 'cover 120%']
+    expected: FAIL
+
+  [Property animation-range-end value 'cover 42%']
+    expected: FAIL
+
+  [Property animation-range-end value 'cover -42%']
+    expected: FAIL
+
+  [Property animation-range-end value 'contain 42%']
+    expected: FAIL
+
+  [Property animation-range-end value 'exit 42%']
+    expected: FAIL
+
+  [Property animation-range-end value 'exit calc(41% + 1%)']
+    expected: FAIL
+
+  [Property animation-range-end value 'exit 1%, cover 2%, contain 100%']
+    expected: FAIL

tests/wpt/metadata/css/css-animations/parsing/animation-range-end-valid.html.ini

@@ -0,0 +1,30 @@
+[animation-range-end-valid.html]
+  [e.style['animation-range-end'\] = "auto" should set the property value]
+    expected: FAIL
+
+  [e.style['animation-range-end'\] = "cover 0%" should set the property value]
+    expected: FAIL
+
+  [e.style['animation-range-end'\] = "cover 100%" should set the property value]
+    expected: FAIL
+
+  [e.style['animation-range-end'\] = "cover 120%" should set the property value]
+    expected: FAIL
+
+  [e.style['animation-range-end'\] = "cover 42%" should set the property value]
+    expected: FAIL
+
+  [e.style['animation-range-end'\] = "cover -42%" should set the property value]
+    expected: FAIL
+
+  [e.style['animation-range-end'\] = "contain 42%" should set the property value]
+    expected: FAIL
+
+  [e.style['animation-range-end'\] = "exit 42%" should set the property value]
+    expected: FAIL
+
+  [e.style['animation-range-end'\] = "exit 1%, cover 2%, contain 100%" should set the property value]
+    expected: FAIL
+
+  [e.style['animation-range-end'\] = "enter 42%" should set the property value]
+    expected: FAIL

tests/wpt/metadata/css/css-animations/parsing/animation-range-shorthand.html.ini

@@ -0,0 +1,90 @@
+[animation-range-shorthand.html]
+  [e.style['animation-range'\] = "cover" should set the property value]
+    expected: FAIL
+
+  [e.style['animation-range'\] = "contain" should set the property value]
+    expected: FAIL
+
+  [e.style['animation-range'\] = "enter" should set the property value]
+    expected: FAIL
+
+  [e.style['animation-range'\] = "exit" should set the property value]
+    expected: FAIL
+
+  [e.style['animation-range'\] = "enter, exit" should set the property value]
+    expected: FAIL
+
+  [e.style['animation-range'\] = "enter 0% enter 100%" should set the property value]
+    expected: FAIL
+
+  [e.style['animation-range'\] = "exit 0% exit 100%" should set the property value]
+    expected: FAIL
+
+  [e.style['animation-range'\] = "cover 0% cover 100%" should set the property value]
+    expected: FAIL
+
+  [e.style['animation-range'\] = "contain 0% contain 100%" should set the property value]
+    expected: FAIL
+
+  [e.style['animation-range'\] = "cover 50%" should set the property value]
+    expected: FAIL
+
+  [e.style['animation-range'\] = "contain 50%" should set the property value]
+    expected: FAIL
+
+  [e.style['animation-range'\] = "enter 50%" should set the property value]
+    expected: FAIL
+
+  [e.style['animation-range'\] = "exit 50%" should set the property value]
+    expected: FAIL
+
+  [e.style['animation-range'\] = "enter 50% exit 50%" should set the property value]
+    expected: FAIL
+
+  [e.style['animation-range'\] = "cover 50% enter 50%, contain 50% exit 50%" should set the property value]
+    expected: FAIL
+
+  [e.style['animation-range'\] = "cover" should set animation-range-end]
+    expected: FAIL
+
+  [e.style['animation-range'\] = "cover" should set animation-range-start]
+    expected: FAIL
+
+  [e.style['animation-range'\] = "cover" should not set unrelated longhands]
+    expected: FAIL
+
+  [e.style['animation-range'\] = "contain" should set animation-range-end]
+    expected: FAIL
+
+  [e.style['animation-range'\] = "contain" should set animation-range-start]
+    expected: FAIL
+
+  [e.style['animation-range'\] = "contain" should not set unrelated longhands]
+    expected: FAIL
+
+  [e.style['animation-range'\] = "enter 10% exit 20%" should set animation-range-end]
+    expected: FAIL
+
+  [e.style['animation-range'\] = "enter 10% exit 20%" should set animation-range-start]
+    expected: FAIL
+
+  [e.style['animation-range'\] = "enter 10% exit 20%" should not set unrelated longhands]
+    expected: FAIL
+
+  [e.style['animation-range'\] = "enter, exit" should set animation-range-end]
+    expected: FAIL
+
+  [e.style['animation-range'\] = "enter, exit" should set animation-range-start]
+    expected: FAIL
+
+  [e.style['animation-range'\] = "enter, exit" should not set unrelated longhands]
+    expected: FAIL
+
+  [e.style['animation-range'\] = "enter 0%, exit" should set animation-range-end]
+    expected: FAIL
+
+  [e.style['animation-range'\] = "enter 0%, exit" should set animation-range-start]
+    expected: FAIL
+
+  [e.style['animation-range'\] = "enter 0%, exit" should not set unrelated longhands]
+    expected: FAIL

tests/wpt/metadata/css/css-animations/parsing/animation-range-start-computed.html.ini

@@ -0,0 +1,36 @@
+[animation-range-start-computed.html]
+  [Property animation-range-start value 'initial']
+    expected: FAIL
+
+  [Property animation-range-start value 'auto']
+    expected: FAIL
+
+  [Property animation-range-start value 'cover 0%']
+    expected: FAIL
+
+  [Property animation-range-start value 'COVER 0%']
+    expected: FAIL
+
+  [Property animation-range-start value 'cover 100%']
+    expected: FAIL
+
+  [Property animation-range-start value 'cover 120%']
+    expected: FAIL
+
+  [Property animation-range-start value 'cover 42%']
+    expected: FAIL
+
+  [Property animation-range-start value 'cover -42%']
+    expected: FAIL
+
+  [Property animation-range-start value 'contain 42%']
+    expected: FAIL
+
+  [Property animation-range-start value 'exit 42%']
+    expected: FAIL
+
+  [Property animation-range-start value 'exit calc(41% + 1%)']
+    expected: FAIL
+
+  [Property animation-range-start value 'exit 1%, cover 2%, contain 100%']
+    expected: FAIL

tests/wpt/metadata/css/css-animations/parsing/animation-range-start-valid.html.ini

@@ -0,0 +1,30 @@
+[animation-range-start-valid.html]
+  [e.style['animation-range-start'\] = "auto" should set the property value]
+    expected: FAIL
+
+  [e.style['animation-range-start'\] = "cover 0%" should set the property value]
+    expected: FAIL
+
+  [e.style['animation-range-start'\] = "cover 100%" should set the property value]
+    expected: FAIL
+
+  [e.style['animation-range-start'\] = "cover 120%" should set the property value]
+    expected: FAIL
+
+  [e.style['animation-range-start'\] = "cover 42%" should set the property value]
+    expected: FAIL
+
+  [e.style['animation-range-start'\] = "cover -42%" should set the property value]
+    expected: FAIL
+
+  [e.style['animation-range-start'\] = "contain 42%" should set the property value]
+    expected: FAIL
+
+  [e.style['animation-range-start'\] = "exit 42%" should set the property value]
+    expected: FAIL
+
+  [e.style['animation-range-start'\] = "exit 1%, cover 2%, contain 100%" should set the property value]
+    expected: FAIL
+
+  [e.style['animation-range-start'\] = "enter 42%" should set the property value]
+    expected: FAIL

tests/wpt/metadata/css/css-color/animation/opacity-animation-ending-correctly-001.html.ini

@@ -0,0 +1,2 @@
+[opacity-animation-ending-correctly-001.html]
+  expected: TIMEOUT

tests/wpt/metadata/css/css-flexbox/hittest-before-pseudo.html.ini

@@ -1,3 +0,0 @@
-[hittest-before-pseudo.html]
-  [Hit-testing text within a pseudo-element flex-item should return the flexbox as the hittest result.]
-    expected: FAIL

tests/wpt/metadata/css/css-fonts/font-shorthand-subproperties-reset.html.ini

@@ -0,0 +1,2 @@
+[font-shorthand-subproperties-reset.html]
+  expected: TIMEOUT

tests/wpt/metadata/css/css-fonts/variations/at-font-face-font-matching.html.ini

@@ -149,9 +149,6 @@
   [Matching font-style: 'normal' should prefer 'normal' over 'oblique 0deg']
     expected: FAIL
 
-  [Matching font-style: 'oblique 0deg' should prefer 'oblique 0deg' over 'oblique 5deg']
-    expected: FAIL
-
   [Matching font-style: 'oblique -20deg' should prefer 'oblique -20deg' over 'oblique -60deg -40deg']
     expected: FAIL
 
@@ -206,9 +203,6 @@
   [Matching font-style: 'oblique 10deg' should prefer 'oblique 5deg' over 'oblique 15deg 20deg']
     expected: FAIL
 
-  [Matching font-weight: '500' should prefer '500' over '450 460']
-    expected: FAIL
-
   [Matching font-weight: '399' should prefer '400' over '450 460']
     expected: FAIL
 
@@ -239,15 +233,9 @@
   [Matching font-style: 'oblique -21deg' should prefer 'italic' over 'oblique 0deg']
     expected: FAIL
 
-  [Matching font-style: 'oblique 20deg' should prefer 'oblique 0deg' over 'oblique -50deg -20deg']
-    expected: FAIL
-
   [Matching font-style: 'oblique 10deg' should prefer 'oblique 40deg 50deg' over 'italic']
     expected: FAIL
 
-  [Matching font-style: 'oblique -20deg' should prefer 'italic' over 'oblique 0deg']
-    expected: FAIL
-
   [Matching font-style: 'normal' should prefer 'oblique 20deg 30deg' over 'oblique -50deg -20deg']
     expected: FAIL
 
@@ -275,9 +263,6 @@
   [Matching font-weight: '400' should prefer '351 398' over '501 550']
     expected: FAIL
 
-  [Matching font-weight: '430' should prefer '450 460' over '500']
-    expected: FAIL
-
   [Matching font-weight: '430' should prefer '400 425' over '350 399']
     expected: FAIL
 
@@ -302,8 +287,26 @@
   [Matching font-style: 'oblique 21deg' should prefer 'italic' over 'oblique 0deg']
     expected: FAIL
 
-  [Matching font-style: 'oblique -10deg' should prefer 'oblique -50deg -40deg' over 'italic']
+  [Matching font-stretch: '110%' should prefer '105%' over '100%']
     expected: FAIL
 
-  [Matching font-style: 'oblique -20deg' should prefer 'oblique -60deg -40deg' over 'oblique -10deg']
+  [Matching font-stretch: '90%' should prefer '90% 100%' over '50% 80%']
+    expected: FAIL
+
+  [Matching font-style: 'italic' should prefer 'oblique 40deg 50deg' over 'oblique 5deg 10deg']
+    expected: FAIL
+
+  [Matching font-style: 'italic' should prefer 'oblique 0deg' over 'oblique -60deg -30deg']
+    expected: FAIL
+
+  [Matching font-style: 'oblique 20deg' should prefer 'oblique 30deg 60deg' over 'oblique 40deg 50deg']
+    expected: FAIL
+
+  [Matching font-style: 'oblique 20deg' should prefer 'oblique 40deg 50deg' over 'oblique 10deg']
+    expected: FAIL
+
+  [Matching font-style: 'oblique 10deg' should prefer 'oblique 10deg' over 'oblique 5deg']
+    expected: FAIL
+
+  [Matching font-style: 'oblique 10deg' should prefer 'oblique 15deg 20deg' over 'oblique 30deg 60deg']
     expected: FAIL

tests/wpt/metadata/css/css-transforms/transform-root-bg-002.html.ini

@@ -1,2 +0,0 @@
-[transform-root-bg-002.html]
-  expected: TIMEOUT

tests/wpt/metadata/css/css-transforms/transform-scale-hittest.html.ini

@@ -1,3 +1,6 @@
 [transform-scale-hittest.html]
   [Hit test intersecting scaled box]
     expected: FAIL
+
+  [Hit test within unscaled box]
+    expected: FAIL

tests/wpt/metadata/css/css-transitions/properties-value-001.html.ini

@@ -325,3 +325,153 @@
 
   [padding-bottom length(em) / values]
     expected: FAIL
+
+  [color color(rgba) / values]
+    expected: FAIL
+
+  [font-size length(pt) / values]
+    expected: FAIL
+
+  [font-size length(pc) / values]
+    expected: FAIL
+
+  [font-size length(px) / values]
+    expected: FAIL
+
+  [font-size length(em) / values]
+    expected: FAIL
+
+  [font-size length(ex) / values]
+    expected: FAIL
+
+  [font-size length(mm) / values]
+    expected: FAIL
+
+  [font-size length(cm) / values]
+    expected: FAIL
+
+  [font-size length(in) / values]
+    expected: FAIL
+
+  [font-size percentage(%) / values]
+    expected: FAIL
+
+  [font-weight font-weight(keyword) / values]
+    expected: FAIL
+
+  [font-weight font-weight(numeric) / values]
+    expected: FAIL
+
+  [line-height number(integer) / values]
+    expected: FAIL
+
+  [line-height number(decimal) / values]
+    expected: FAIL
+
+  [line-height length(pt) / values]
+    expected: FAIL
+
+  [line-height length(pc) / values]
+    expected: FAIL
+
+  [line-height length(px) / values]
+    expected: FAIL
+
+  [line-height length(em) / values]
+    expected: FAIL
+
+  [line-height length(ex) / values]
+    expected: FAIL
+
+  [line-height length(mm) / values]
+    expected: FAIL
+
+  [line-height length(cm) / values]
+    expected: FAIL
+
+  [line-height length(in) / values]
+    expected: FAIL
+
+  [line-height percentage(%) / values]
+    expected: FAIL
+
+  [letter-spacing length(pt) / values]
+    expected: FAIL
+
+  [letter-spacing length(pc) / values]
+    expected: FAIL
+
+  [letter-spacing length(px) / values]
+    expected: FAIL
+
+  [letter-spacing length(em) / values]
+    expected: FAIL
+
+  [letter-spacing length(ex) / values]
+    expected: FAIL
+
+  [letter-spacing length(mm) / values]
+    expected: FAIL
+
+  [letter-spacing length(cm) / values]
+    expected: FAIL
+
+  [letter-spacing length(in) / values]
+    expected: FAIL
+
+  [word-spacing length(pt) / values]
+    expected: FAIL
+
+  [word-spacing length(pc) / values]
+    expected: FAIL
+
+  [word-spacing length(px) / values]
+    expected: FAIL
+
+  [word-spacing length(em) / values]
+    expected: FAIL
+
+  [word-spacing length(ex) / values]
+    expected: FAIL
+
+  [word-spacing length(mm) / values]
+    expected: FAIL
+
+  [word-spacing length(cm) / values]
+    expected: FAIL
+
+  [word-spacing length(in) / values]
+    expected: FAIL
+
+  [word-spacing percentage(%) / values]
+    expected: FAIL
+
+  [text-indent length(pt) / values]
+    expected: FAIL
+
+  [text-indent length(pc) / values]
+    expected: FAIL
+
+  [text-indent length(px) / values]
+    expected: FAIL
+
+  [text-indent length(em) / values]
+    expected: FAIL
+
+  [text-indent length(ex) / values]
+    expected: FAIL
+
+  [text-indent length(mm) / values]
+    expected: FAIL
+
+  [text-indent length(cm) / values]
+    expected: FAIL
+
+  [text-indent length(in) / values]
+    expected: FAIL
+
+  [text-indent percentage(%) / values]
+    expected: FAIL
+
+  [text-shadow shadow(shadow) / values]
+    expected: FAIL

tests/wpt/metadata/css/css-transitions/properties-value-inherit-001.html.ini

@@ -56,129 +56,6 @@
   [background-position length(px) / events]
     expected: FAIL
 
-  [background-color color(rgba) / events]
-    expected: FAIL
-
-  [border-top-width length(pt) / events]
-    expected: FAIL
-
-  [border-top-width length(pc) / events]
-    expected: FAIL
-
-  [border-top-width length(px) / events]
-    expected: FAIL
-
-  [border-top-width length(em) / events]
-    expected: FAIL
-
-  [border-top-width length(ex) / events]
-    expected: FAIL
-
-  [border-top-width length(mm) / events]
-    expected: FAIL
-
-  [border-top-width length(cm) / events]
-    expected: FAIL
-
-  [border-top-width length(in) / events]
-    expected: FAIL
-
-  [border-right-width length(pt) / events]
-    expected: FAIL
-
-  [border-right-width length(pc) / events]
-    expected: FAIL
-
-  [border-right-width length(px) / events]
-    expected: FAIL
-
-  [border-right-width length(em) / events]
-    expected: FAIL
-
-  [border-right-width length(ex) / events]
-    expected: FAIL
-
-  [border-right-width length(mm) / events]
-    expected: FAIL
-
-  [border-right-width length(cm) / events]
-    expected: FAIL
-
-  [border-right-width length(in) / events]
-    expected: FAIL
-
-  [border-bottom-width length(pt) / events]
-    expected: FAIL
-
-  [border-bottom-width length(pc) / events]
-    expected: FAIL
-
-  [border-bottom-width length(px) / events]
-    expected: FAIL
-
-  [border-bottom-width length(em) / events]
-    expected: FAIL
-
-  [border-bottom-width length(ex) / events]
-    expected: FAIL
-
-  [border-bottom-width length(mm) / events]
-    expected: FAIL
-
-  [border-bottom-width length(cm) / events]
-    expected: FAIL
-
-  [border-bottom-width length(in) / events]
-    expected: FAIL
-
-  [border-left-width length(pt) / events]
-    expected: FAIL
-
-  [border-left-width length(pc) / events]
-    expected: FAIL
-
-  [border-left-width length(px) / events]
-    expected: FAIL
-
-  [border-left-width length(em) / events]
-    expected: FAIL
-
-  [border-left-width length(ex) / events]
-    expected: FAIL
-
-  [border-left-width length(mm) / events]
-    expected: FAIL
-
-  [border-left-width length(cm) / events]
-    expected: FAIL
-
-  [border-left-width length(in) / events]
-    expected: FAIL
-
-  [border-top-color color(rgba) / events]
-    expected: FAIL
-
-  [border-right-color color(rgba) / events]
-    expected: FAIL
-
-  [border-bottom-color color(rgba) / events]
-    expected: FAIL
-
-  [border-left-color color(rgba) / events]
-    expected: FAIL
-
-  [padding-bottom length(pt) / events]
-    expected: FAIL
-
-  [padding-bottom length(pc) / events]
-    expected: FAIL
-
-  [padding-bottom length(px) / events]
-    expected: FAIL
-
-  [padding-bottom length(em) / events]
-    expected: FAIL
-
   [padding-bottom length(ex) / events]
     expected: FAIL
 
@@ -329,156 +206,6 @@
   [margin-right length(mm) / events]
     expected: FAIL
 
-  [margin-right length(cm) / events]
-    expected: FAIL
-
-  [margin-right length(in) / events]
-    expected: FAIL
-
-  [margin-top length(pt) / events]
-    expected: FAIL
-
-  [margin-top length(pc) / events]
-    expected: FAIL
-
-  [margin-top length(px) / events]
-    expected: FAIL
-
-  [margin-top length(em) / events]
-    expected: FAIL
-
-  [margin-top length(ex) / events]
-    expected: FAIL
-
-  [margin-top length(mm) / events]
-    expected: FAIL
-
-  [margin-top length(cm) / events]
-    expected: FAIL
-
-  [margin-top length(in) / events]
-    expected: FAIL
-
-  [height length(pt) / events]
-    expected: FAIL
-
-  [height length(pc) / events]
-    expected: FAIL
-
-  [height length(px) / events]
-    expected: FAIL
-
-  [height length(em) / events]
-    expected: FAIL
-
-  [height length(ex) / events]
-    expected: FAIL
-
-  [height length(mm) / events]
-    expected: FAIL
-
-  [height length(cm) / events]
-    expected: FAIL
-
-  [height length(in) / events]
-    expected: FAIL
-
-  [height percentage(%) / events]
-    expected: FAIL
-
-  [width length(pt) / events]
-    expected: FAIL
-
-  [width length(pc) / events]
-    expected: FAIL
-
-  [width length(px) / events]
-    expected: FAIL
-
-  [width length(em) / events]
-    expected: FAIL
-
-  [width length(ex) / events]
-    expected: FAIL
-
-  [width length(mm) / events]
-    expected: FAIL
-
-  [width length(cm) / events]
-    expected: FAIL
-
-  [width length(in) / events]
-    expected: FAIL
-
-  [width percentage(%) / events]
-    expected: FAIL
-
-  [min-height length(pt) / events]
-    expected: FAIL
-
-  [min-height length(pc) / events]
-    expected: FAIL
-
-  [min-height length(px) / events]
-    expected: FAIL
-
-  [min-height length(em) / events]
-    expected: FAIL
-
-  [min-height length(ex) / events]
-    expected: FAIL
-
-  [min-height length(mm) / events]
-    expected: FAIL
-
-  [min-height length(cm) / events]
-    expected: FAIL
-
-  [min-height length(in) / events]
-    expected: FAIL
-
-  [min-height percentage(%) / events]
-    expected: FAIL
-
-  [min-width length(pt) / events]
-    expected: FAIL
-
-  [min-width length(pc) / events]
-    expected: FAIL
-
-  [min-width length(px) / events]
-    expected: FAIL
-
-  [min-width length(em) / events]
-    expected: FAIL
-
-  [min-width length(ex) / events]
-    expected: FAIL
-
-  [min-width length(mm) / events]
-    expected: FAIL
-
-  [min-width length(cm) / events]
-    expected: FAIL
-
-  [min-width length(in) / events]
-    expected: FAIL
-
-  [min-width percentage(%) / events]
-    expected: FAIL
-
-  [max-height length(pt) / events]
-    expected: FAIL
-
-  [max-height length(pc) / events]
-    expected: FAIL
-
-  [max-height length(px) / events]
-    expected: FAIL
-
-  [max-height length(em) / events]
-    expected: FAIL
-
   [color color(rgba) / events]
     expected: FAIL
 
@@ -628,153 +355,3 @@
 
   [text-shadow shadow(shadow) / events]
     expected: FAIL
-
-  [max-height length(ex) / events]
-    expected: FAIL
-
-  [max-height length(mm) / events]
-    expected: FAIL
-
-  [max-height length(cm) / events]
-    expected: FAIL
-
-  [max-height length(in) / events]
-    expected: FAIL
-
-  [max-height percentage(%) / events]
-    expected: FAIL
-
-  [max-width length(pt) / events]
-    expected: FAIL
-
-  [max-width length(pc) / events]
-    expected: FAIL
-
-  [max-width length(px) / events]
-    expected: FAIL
-
-  [max-width length(em) / events]
-    expected: FAIL
-
-  [max-width length(ex) / events]
-    expected: FAIL
-
-  [max-width length(mm) / events]
-    expected: FAIL
-
-  [max-width length(cm) / events]
-    expected: FAIL
-
-  [max-width length(in) / events]
-    expected: FAIL
-
-  [max-width percentage(%) / events]
-    expected: FAIL
-
-  [top length(pt) / events]
-    expected: FAIL
-
-  [top length(pc) / events]
-    expected: FAIL
-
-  [top length(px) / events]
-    expected: FAIL
-
-  [top length(em) / events]
-    expected: FAIL
-
-  [top length(ex) / events]
-    expected: FAIL
-
-  [top length(mm) / events]
-    expected: FAIL
-
-  [top length(cm) / events]
-    expected: FAIL
-
-  [top length(in) / events]
-    expected: FAIL
-
-  [top percentage(%) / events]
-    expected: FAIL
-
-  [right length(pt) / events]
-    expected: FAIL
-
-  [right length(pc) / events]
-    expected: FAIL
-
-  [right length(px) / events]
-    expected: FAIL
-
-  [right length(em) / events]
-    expected: FAIL
-
-  [right length(ex) / events]
-    expected: FAIL
-
-  [right length(mm) / events]
-    expected: FAIL
-
-  [right length(cm) / events]
-    expected: FAIL
-
-  [right length(in) / events]
-    expected: FAIL
-
-  [right percentage(%) / events]
-    expected: FAIL
-
-  [bottom length(pt) / events]
-    expected: FAIL
-
-  [bottom length(pc) / events]
-    expected: FAIL
-
-  [bottom length(px) / events]
-    expected: FAIL
-
-  [bottom length(em) / events]
-    expected: FAIL
-
-  [bottom length(ex) / events]
-    expected: FAIL
-
-  [bottom length(mm) / events]
-    expected: FAIL
-
-  [bottom length(cm) / events]
-    expected: FAIL
-
-  [bottom length(in) / events]
-    expected: FAIL
-
-  [bottom percentage(%) / events]
-    expected: FAIL
-
-  [left length(pt) / events]
-    expected: FAIL
-
-  [left length(pc) / events]
-    expected: FAIL
-
-  [left length(px) / events]
-    expected: FAIL
-
-  [left length(em) / events]
-    expected: FAIL
-
-  [left length(ex) / events]
-    expected: FAIL
-
-  [left length(mm) / events]
-    expected: FAIL
-
-  [left length(cm) / events]
-    expected: FAIL
-
-  [left length(in) / events]
-    expected: FAIL
-
-  [left percentage(%) / events]
-    expected: FAIL

tests/wpt/metadata/css/css-transitions/properties-value-inherit-002.html.ini

@@ -52,126 +52,3 @@
 
   [background-position length(px) / events]
     expected: FAIL
-
-  [background-color color(rgba) / values]
-    expected: FAIL
-
-  [border-top-width length(pt) / values]
-    expected: FAIL
-
-  [border-top-width length(pc) / values]
-    expected: FAIL
-
-  [border-top-width length(px) / values]
-    expected: FAIL
-
-  [border-top-width length(em) / values]
-    expected: FAIL
-
-  [border-top-width length(ex) / values]
-    expected: FAIL
-
-  [border-top-width length(mm) / values]
-    expected: FAIL
-
-  [border-top-width length(cm) / values]
-    expected: FAIL
-
-  [border-top-width length(in) / values]
-    expected: FAIL
-
-  [border-right-width length(pt) / values]
-    expected: FAIL
-
-  [border-right-width length(pc) / values]
-    expected: FAIL
-
-  [border-right-width length(px) / values]
-    expected: FAIL
-
-  [border-right-width length(em) / values]
-    expected: FAIL
-
-  [border-right-width length(ex) / values]
-    expected: FAIL
-
-  [border-right-width length(mm) / values]
-    expected: FAIL
-
-  [border-right-width length(cm) / values]
-    expected: FAIL
-
-  [border-right-width length(in) / values]
-    expected: FAIL
-
-  [border-bottom-width length(pt) / values]
-    expected: FAIL
-
-  [border-bottom-width length(pc) / values]
-    expected: FAIL
-
-  [border-bottom-width length(px) / values]
-    expected: FAIL
-
-  [border-bottom-width length(em) / values]
-    expected: FAIL
-
-  [border-bottom-width length(ex) / values]
-    expected: FAIL
-
-  [border-bottom-width length(mm) / values]
-    expected: FAIL
-
-  [border-bottom-width length(cm) / values]
-    expected: FAIL
-
-  [border-bottom-width length(in) / values]
-    expected: FAIL
-
-  [border-left-width length(pt) / values]
-    expected: FAIL
-
-  [border-left-width length(pc) / values]
-    expected: FAIL
-
-  [border-left-width length(px) / values]
-    expected: FAIL
-
-  [border-left-width length(em) / values]
-    expected: FAIL
-
-  [border-left-width length(ex) / values]
-    expected: FAIL
-
-  [border-left-width length(mm) / values]
-    expected: FAIL
-
-  [border-left-width length(cm) / values]
-    expected: FAIL
-
-  [border-left-width length(in) / values]
-    expected: FAIL
-
-  [border-top-color color(rgba) / values]
-    expected: FAIL
-
-  [border-right-color color(rgba) / values]
-    expected: FAIL
-
-  [border-bottom-color color(rgba) / values]
-    expected: FAIL
-
-  [border-left-color color(rgba) / values]
-    expected: FAIL
-
-  [padding-bottom length(pt) / values]
-    expected: FAIL
-
-  [padding-bottom length(pc) / values]
-    expected: FAIL
-
-  [padding-bottom length(px) / values]
-    expected: FAIL
-
-  [padding-bottom length(em) / values]
-    expected: FAIL

tests/wpt/metadata/css/css-values/ch-unit-018.html.ini

@@ -0,0 +1,2 @@
+[ch-unit-018.html]
+  expected: FAIL

tests/wpt/metadata/css/css-values/ic-unit-015.html.ini

@@ -0,0 +1,2 @@
+[ic-unit-015.html]
+  expected: FAIL

tests/wpt/metadata/css/cssom-view/elementFromPoint-float-in-relative.html.ini

@@ -1,3 +0,0 @@
-[elementFromPoint-float-in-relative.html]
-  [elementFromPoint-float-in-relative]
-    expected: FAIL

tests/wpt/metadata/css/cssom-view/elementFromPoint-list-001.html.ini

@@ -13,3 +13,12 @@
 
   [<li>Outside 3</li>]
     expected: FAIL
+
+  [<li>Inside 3</li>]
+    expected: FAIL
+
+  [<li>Image Inside 1</li>]
+    expected: FAIL
+
+  [<li>Image Inside 2</li>]
+    expected: FAIL

tests/wpt/metadata/css/cssom-view/elementFromPoint-visibility-hidden-resizer.html.ini

@@ -0,0 +1,3 @@
+[elementFromPoint-visibility-hidden-resizer.html]
+  [elementFromPoint on resizer area of an element with visibility:hidden]
+    expected: FAIL

tests/wpt/metadata/css/cssom-view/elementFromPosition.html.ini

@@ -17,3 +17,6 @@
 
   [test some point of the element: bottom right corner]
     expected: FAIL
+
+  [test some point of the element: top left corner]
+    expected: FAIL

tests/wpt/metadata/css/cssom-view/elementsFromPoint-invalid-cases.html.ini

@@ -0,0 +1,3 @@
+[elementsFromPoint-invalid-cases.html]
+  [The root element is the last element returned for otherwise empty queries within the viewport]
+    expected: FAIL

tests/wpt/metadata/fetch/content-length/parsing.window.js.ini

@@ -76,9 +76,3 @@
 
   [Input: "Content-Length: ". Expected: 42.]
     expected: FAIL
-
-  [Input: "Content-Length: 42,42". Expected: 42.]
-    expected: FAIL
-
-  [Input: "Content-Length: 42\\r\\nContent-Length: 42,42". Expected: 42.]
-    expected: FAIL

tests/wpt/metadata/fetch/metadata/generated/css-images.sub.tentative.html.ini

@@ -146,6 +146,3 @@
 
   [list-style-image sec-fetch-site - HTTPS downgrade-upgrade]
     expected: FAIL
-
-  [border-image sec-fetch-site - HTTPS downgrade (header not sent)]
-    expected: FAIL

tests/wpt/metadata/fetch/nosniff/parsing-nosniff.window.js.ini

@@ -7,6 +7,3 @@
 
   [X-Content-Type-Options%3A%20nosniff%0C]
     expected: FAIL
-
-  [X-Content-Type-Options%3A%20%2Cnosniff]
-    expected: FAIL

tests/wpt/metadata/html/browsers/browsing-the-web/navigating-across-documents/failure-check-sequence.https.html.ini

@@ -1,12 +1,13 @@
 [failure-check-sequence.https.html]
+  expected: TIMEOUT
   [CSP check precedes COEP check - CSP header first]
-    expected: FAIL
+    expected: NOTRUN
 
   [COEP check precedes X-Frame-Options check]
-    expected: FAIL
+    expected: NOTRUN
 
   [CSP check precedes COEP check - COEP header first]
-    expected: FAIL
+    expected: NOTRUN
 
   [CSP check precedes X-Frame-Options check]
-    expected: FAIL
+    expected: TIMEOUT

tests/wpt/metadata/html/browsers/browsing-the-web/navigating-across-documents/navigate-to-unparseable-url.html.ini

@@ -1,6 +1,7 @@
 [navigate-to-unparseable-url.html]
+  expected: TIMEOUT
   [location.href setter throws a SyntaxError DOMException for unparseable URLs]
-    expected: FAIL
+    expected: TIMEOUT
 
   [<a> tag navigate fails for unparseable URLs]
-    expected: FAIL
+    expected: NOTRUN

tests/wpt/metadata/html/browsers/browsing-the-web/navigating-across-documents/navigation-unload-same-origin.window.js.ini

@@ -1,3 +0,0 @@
-[navigation-unload-same-origin.window.html]
-  [Same-origin navigation started from unload handler must be ignored]
-    expected: FAIL

tests/wpt/metadata/html/browsers/browsing-the-web/navigating-across-documents/replace-before-load/a-click.html.ini

@@ -1,3 +0,0 @@
-[a-click.html]
-  [aElement.click() before the load event must NOT replace]
-    expected: FAIL

tests/wpt/metadata/html/browsers/history/the-history-interface/traverse_the_history_4.html.ini

@@ -0,0 +1,3 @@
+[traverse_the_history_4.html]
+  [Multiple history traversals, last would be aborted]
+    expected: FAIL

tests/wpt/metadata/html/browsers/history/the-history-interface/traverse_the_history_5.html.ini

@@ -0,0 +1,3 @@
+[traverse_the_history_5.html]
+  [Multiple history traversals, last would be aborted]
+    expected: FAIL

tests/wpt/metadata/html/browsers/the-window-object/open-close/creating_browsing_context_test_01.html.ini

@@ -1,3 +0,0 @@
-[creating_browsing_context_test_01.html]
-  [first argument: absolute url]
-    expected: FAIL

tests/wpt/metadata/html/canvas/element/manual/image-smoothing/imagesmoothing.html.ini

@@ -0,0 +1,6 @@
+[imagesmoothing.html]
+  [Test that imageSmoothingEnabled = false (nearest-neighbor interpolation) works with fillRect and createPattern().]
+    expected: FAIL
+
+  [Test that imageSmoothingEnabled = false (nearest-neighbor interpolation) works with stroke() and createPattern().]
+    expected: FAIL

tests/wpt/metadata/html/interaction/focus/the-autofocus-attribute/update-the-rendering.html.ini

@@ -1,7 +1,6 @@
 [update-the-rendering.html]
-  expected: TIMEOUT
   ["Flush autofocus candidates" should be happen after the first animation frame callbacks, and before a resize event in the next iteration of window event loop.]
     expected: TIMEOUT
 
   ["Flush autofocus candidates" should be happen before a scroll event and animation frame callbacks]
-    expected: TIMEOUT
+    expected: FAIL

tests/wpt/metadata/html/semantics/embedded-content/the-iframe-element/iframe_sandbox_popups_escaping-1.html.ini

@@ -1,4 +1,5 @@
 [iframe_sandbox_popups_escaping-1.html]
   type: testharness
+  expected: TIMEOUT
   [Check that popups from a sandboxed iframe escape the sandbox if\n       allow-popups-to-escape-sandbox is used]
-    expected: FAIL
+    expected: TIMEOUT

tests/wpt/metadata/html/semantics/embedded-content/the-iframe-element/iframe_sandbox_popups_nonescaping-1.html.ini

@@ -1,4 +1,5 @@
 [iframe_sandbox_popups_nonescaping-1.html]
   type: testharness
+  expected: TIMEOUT
   [Check that popups from a sandboxed iframe do not escape the sandbox]
-    expected: FAIL
+    expected: NOTRUN

tests/wpt/metadata/html/semantics/embedded-content/the-iframe-element/iframe_sandbox_popups_nonescaping-3.html.ini

@@ -1,4 +1,3 @@
 [iframe_sandbox_popups_nonescaping-3.html]
-  expected: TIMEOUT
   [Check that popups from a sandboxed iframe do not escape the sandbox]
-    expected: NOTRUN
+    expected: FAIL

tests/wpt/metadata/html/semantics/forms/form-submission-0/urlencoded2.window.js.ini

@@ -175,3 +175,6 @@
 
   [application/x-www-form-urlencoded: backslash in value (normal form)]
     expected: FAIL
+
+  [application/x-www-form-urlencoded: single quote in name (normal form)]
+    expected: FAIL

tests/wpt/metadata/html/semantics/forms/textfieldselection/select-event.html.ini

@@ -0,0 +1,3 @@
+[select-event.html]
+  [input type password: setRangeText() event queue]
+    expected: FAIL

tests/wpt/metadata/html/semantics/links/links-created-by-a-and-area-elements/htmlanchorelement_noopener.html.ini

@@ -1,6 +1,5 @@
 [htmlanchorelement_noopener.html]
   type: testharness
-  expected: TIMEOUT
   [Check that targeting of rel=noopener with a given name ignores an existing window with that name]
     expected: NOTRUN
 
@@ -14,4 +13,4 @@
     expected: FAIL
 
   [Check that rel=noopener with target=_self does a normal load]
-    expected: NOTRUN
+    expected: FAIL

tests/wpt/metadata/html/webappapis/scripting/events/compile-event-handler-settings-objects.html.ini

@@ -3,3 +3,6 @@
   expected: TIMEOUT
   [The incumbent settings object while executing the compiled callback via Web IDL's invoke must be that of the node document]
     expected: TIMEOUT
+
+  [The entry settings object while executing the compiled callback via Web IDL's invoke must be that of the node document]
+    expected: FAIL

tests/wpt/metadata/html/webappapis/scripting/processing-model-2/integration-with-the-javascript-job-queue/promise-job-entry-different-function-realm.html.ini

@@ -1,9 +1,10 @@
 [promise-job-entry-different-function-realm.html]
+  expected: TIMEOUT
   [Fulfillment handler on fulfilled promise]
     expected: FAIL
 
   [Rejection handler on pending-then-rejected promise]
-    expected: FAIL
+    expected: TIMEOUT
 
   [Thenable resolution]
     expected: FAIL
@@ -12,4 +13,4 @@
     expected: FAIL
 
   [Fulfillment handler on pending-then-fulfilled promise]
-    expected: FAIL
+    expected: TIMEOUT

tests/wpt/metadata/html/webappapis/scripting/processing-model-2/integration-with-the-javascript-job-queue/promise-job-entry.html.ini

@@ -1,10 +1,9 @@
 [promise-job-entry.html]
-  expected: TIMEOUT
   [Fulfillment handler on fulfilled promise]
     expected: FAIL
 
   [Rejection handler on pending-then-rejected promise]
-    expected: TIMEOUT
+    expected: FAIL
 
   [Sanity check: this all works as expected with no promises involved]
     expected: FAIL
@@ -16,4 +15,4 @@
     expected: FAIL
 
   [Fulfillment handler on pending-then-fulfilled promise]
-    expected: TIMEOUT
+    expected: FAIL

tests/wpt/metadata/html/webappapis/scripting/processing-model-2/unhandled-promise-rejections/promise-rejection-events.dedicatedworker.html.ini

@@ -1,6 +1,5 @@
 [promise-rejection-events.dedicatedworker.html]
   type: testharness
-  expected: TIMEOUT
   [microtask nesting: attaching a handler inside a combination of mutationObserverMicrotask + promise microtasks, all inside a postMessageTask]
     expected: FAIL
 
@@ -17,7 +16,7 @@
     expected: FAIL
 
   [delayed handling: delaying handling rejected promise created from createImageBitmap will cause both events to fire]
-    expected: TIMEOUT
+    expected: FAIL
 
   [unhandledrejection: from createImageBitmap which is UA triggered]
     expected: FAIL

tests/wpt/metadata/html/webappapis/scripting/processing-model-2/unhandled-promise-rejections/promise-rejection-events.html.ini

@@ -1,7 +1,6 @@
 [promise-rejection-events.html]
-  expected: TIMEOUT
   [delayed handling: delaying handling rejected promise created from createImageBitmap will cause both events to fire]
-    expected: TIMEOUT
+    expected: FAIL
 
   [unhandledrejection: from createImageBitmap which is UA triggered]
     expected: FAIL

tests/wpt/metadata/resource-timing/content-type-parsing.html.ini

@@ -10,16 +10,16 @@
     expected: FAIL
 
   [content-type 3 : text/plain;charset=gbk,text/html]
-    expected: TIMEOUT
+    expected: FAIL
 
   [content-type 4 : text/plain;charset=gbk,text/html;charset=windows-1254]
-    expected: NOTRUN
+    expected: FAIL
 
   [content-type 5 : text/plain;charset=gbk,text/plain]
-    expected: NOTRUN
+    expected: FAIL
 
   [content-type 6 : text/plain;charset=gbk,text/plain;charset=windows-1252]
-    expected: NOTRUN
+    expected: TIMEOUT
 
   [content-type 7 : text/html;charset=gbk,text/html;x=",text/plain]
     expected: NOTRUN

tests/wpt/metadata/resource-timing/interim-response-times.h2.html.ini

@@ -0,0 +1,15 @@
+[interim-response-times.h2.html]
+  [Fetch from same-origin with early hints, without Timing-Allow-Origin should expose interim response times]
+    expected: FAIL
+
+  [Fetch from cross-origin with early hints, with Timing-Allow-Origin should expose interim response times]
+    expected: FAIL
+
+  [Fetch from cross-origin with early hints, without Timing-Allow-Origin should not expose interim response times]
+    expected: FAIL
+
+  [Fetch from same-origin without early hints, without Timing-Allow-Origin should not expose interim response times]
+    expected: FAIL
+
+  [Fetch from cross-origin without early hints, with Timing-Allow-Origin should not expose interim response times]
+    expected: FAIL

tests/wpt/metadata/resource-timing/interim-response-times.html.ini

@@ -0,0 +1,15 @@
+[interim-response-times.html]
+  [Fetch from same-origin with early hints, without Timing-Allow-Origin should expose interim response times]
+    expected: FAIL
+
+  [Fetch from cross-origin with early hints, with Timing-Allow-Origin should expose interim response times]
+    expected: FAIL
+
+  [Fetch from cross-origin with early hints, without Timing-Allow-Origin should not expose interim response times]
+    expected: FAIL
+
+  [Fetch from same-origin without early hints, without Timing-Allow-Origin should not expose interim response times]
+    expected: FAIL
+
+  [Fetch from cross-origin without early hints, with Timing-Allow-Origin should not expose interim response times]
+    expected: FAIL

tests/wpt/metadata/webaudio/the-audio-api/the-audiocontext-interface/audiocontext-sinkid-setsinkid.https.html.ini

@@ -20,3 +20,6 @@
 
   [setSinkId() should fail with InvalidStateError when calling from adetached document]
     expected: NOTRUN
+
+  [pending setSinkId() should be rejected with InvalidStateError whenAudioContext is closed]
+    expected: NOTRUN

tests/wpt/metadata/webstorage/localstorage-about-blank-3P-iframe-opens-3P-window.partitioned.tentative.html.ini

@@ -0,0 +1,4 @@
+[localstorage-about-blank-3P-iframe-opens-3P-window.partitioned.tentative.html]
+  expected: TIMEOUT
+  [StorageKey: test 3P about:blank window opened from a 3P iframe]
+    expected: TIMEOUT

tests/wpt/metadata/workers/baseurl/alpha/sharedworker-in-worker.html.ini

@@ -1,3 +1,4 @@
 [sharedworker-in-worker.html]
+  expected: ERROR
   [Base URL in workers: new SharedWorker()]
     expected: FAIL

tests/wpt/mozilla/meta/css/stylesheet_media_queries.html.ini

@@ -0,0 +1,3 @@
+[stylesheet_media_queries.html]
+  [Media queries within stylesheets]
+    expected: FAIL

tests/wpt/mozilla/meta/mozilla/scrollBy.html.ini

@@ -1,3 +0,0 @@
-[scrollBy.html]
-  [Ensure that the window.scrollBy function affects scroll position as expected]
-    expected: FAIL

tests/wpt/web-platform-tests/IndexedDB/back-forward-cache-open-transaction.window.js

@@ -0,0 +1,36 @@
+// META: title=BFCache support test for page with open IndexedDB transaction
+// META: script=/common/dispatcher/dispatcher.js
+// META: script=/common/utils.js
+// META: script=/html/browsers/browsing-the-web/back-forward-cache/resources/rc-helper.js
+// META: script=/html/browsers/browsing-the-web/remote-context-helper/resources/remote-context-helper.js
+
+'use strict';
+
+promise_test(async t => {
+  const rcHelper = new RemoteContextHelper();
+
+  // Open a window with noopener so that BFCache will work.
+  const rc1 = await rcHelper.addWindow(
+      /*config=*/ null, /*options=*/ {features: 'noopener'});
+
+  await rc1.executeScript(() => {
+    // Create an IndexedDB database and the object store named `store` as the
+    // test scope for the transaction later on.
+    const db = indexedDB.open(/*name=*/ 'test_idb', /*version=*/ 1);
+    db.onupgradeneeded = () => {
+      db.result.createObjectStore('store');
+    };
+    addEventListener('pagehide', () => {
+      let transaction = db.result.transaction(['store'], 'readwrite');
+      let store = transaction.objectStore('store');
+      store.put("key", "value");
+
+      // Queue a request to close the connection, while keeping the transaction
+      // open, so that the BFCache eligibility will be determined solely by the
+      // pending transaction.
+      db.result.close();
+    });
+  });
+
+  await assertBFCache(rc1, /*shouldRestoreFromBFCache=*/ true);
+});

tests/wpt/web-platform-tests/WebCryptoAPI/encrypt_decrypt/aes_gcm_vectors.js

@@ -246,7 +246,7 @@ function getTestVectors() {
     var failing = [];
     keyLengths.forEach(function(keyLength) {
         // First, make some tests for bad tag lengths
-        [24, 48, 72, 95, 129, 256].forEach(function(badTagLength) {
+        [24, 48, 72, 95, 129].forEach(function(badTagLength) {
             failing.push({
                 name: "AES-GCM " + keyLength.toString() + "-bit key, illegal tag length " + badTagLength.toString() + "-bits",
                 keyBuffer: keyBytes[keyLength],

tests/wpt/web-platform-tests/WebCryptoAPI/util/helpers.js

@@ -160,6 +160,7 @@ function assert_goodCryptoKey(key, algorithm, extractable, usages, kind) {
         assert_in_array(usage, correctUsages, "Has " + usage + " usage");
     });
     assert_equals(key.usages.length, usageCount, "usages property is correct");
+    assert_equals(key[Symbol.toStringTag], 'CryptoKey', "has the expected Symbol.toStringTag");
 }
 
 

tests/wpt/web-platform-tests/cookies/resources/cookie-helper.sub.js

@@ -41,11 +41,16 @@ function navigateTo(origin, url) {
   return origin + "/cookies/resources/navigate.html?location=" + encodeURIComponent(url);
 }
 
+// Returns whether a cookie with name `name` with value `value` is in the cookie
+// string (presumably obtained via document.cookie).
+function cookieStringHasCookie(name, value, cookieString) {
+  return new RegExp(`(?:^|; )${name}=${value}(?:$|;)`).test(cookieString);
+}
+
 // Asserts that `document.cookie` contains or does not contain (according to
 // the value of |present|) a cookie named |name| with a value of |value|.
 function assert_dom_cookie(name, value, present) {
-  var re = new RegExp("(?:^|; )" + name + "=" + value + "(?:$|;)");
+  assert_equals(cookieStringHasCookie(name, value, document.cookie), present, "`" + name + "=" + value + "` in `document.cookie`");
-  assert_equals(re.test(document.cookie), present, "`" + name + "=" + value + "` in `document.cookie`");
 }
 
 function assert_cookie(origin, obj, name, value, present) {

tests/wpt/web-platform-tests/css/css-animations/parsing/animation-delay-end-computed.html

@@ -1,12 +1,12 @@
 <!DOCTYPE html>
-<link rel="help" href="https://drafts.csswg.org/scroll-animations-1/#propdef-animation-delay-start">
+<link rel="help" href="https://drafts.csswg.org/scroll-animations-1/#propdef-animation-delay-end">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <script src="/css/support/computed-testcommon.js"></script>
 <div id="target"></div>
 <script>
-test_computed_value("animation-delay-start", "initial", "0s");
+test_computed_value("animation-delay-end", "initial", "0s");
-test_computed_value("animation-delay-start", "-500ms", "-0.5s");
+test_computed_value("animation-delay-end", "-500ms", "-0.5s");
-test_computed_value("animation-delay-start", "calc(2 * 3s)", "6s");
+test_computed_value("animation-delay-end", "calc(2 * 3s)", "6s");
-test_computed_value("animation-delay-start", "20s, 10s");
+test_computed_value("animation-delay-end", "20s, 10s");
 </script>

tests/wpt/web-platform-tests/css/css-animations/parsing/animation-delay-end-invalid.html

@@ -1,29 +1,29 @@
 <!DOCTYPE html>
-<link rel="help" href="https://drafts.csswg.org/scroll-animations-1/#propdef-animation-delay-start">
+<link rel="help" href="https://drafts.csswg.org/scroll-animations-1/#propdef-animation-delay-end">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <script src="/css/support/parsing-testcommon.js"></script>
 <script>
-test_invalid_value("animation-delay-start", "infinite");
+test_invalid_value("animation-delay-end", "infinite");
-test_invalid_value("animation-delay-start", "0");
+test_invalid_value("animation-delay-end", "0");
-test_invalid_value("animation-delay-start", "1s 2s");
+test_invalid_value("animation-delay-end", "1s 2s");
-test_invalid_value("animation-delay-start", "1s / 2s");
+test_invalid_value("animation-delay-end", "1s / 2s");
-test_invalid_value("animation-delay-start", "100px");
+test_invalid_value("animation-delay-end", "100px");
-test_invalid_value("animation-delay-start", "100%");
+test_invalid_value("animation-delay-end", "100%");
 
-test_invalid_value("animation-delay-start", "peek 50%");
+test_invalid_value("animation-delay-end", "peek 50%");
-test_invalid_value("animation-delay-start", "50% contain");
+test_invalid_value("animation-delay-end", "50% contain");
-test_invalid_value("animation-delay-start", "50% cover");
+test_invalid_value("animation-delay-end", "50% cover");
-test_invalid_value("animation-delay-start", "50% entry");
+test_invalid_value("animation-delay-end", "50% entry");
-test_invalid_value("animation-delay-start", "50% enter");
+test_invalid_value("animation-delay-end", "50% enter");
-test_invalid_value("animation-delay-start", "50% exit");
+test_invalid_value("animation-delay-end", "50% exit");
-test_invalid_value("animation-delay-start", "contain contain");
+test_invalid_value("animation-delay-end", "contain contain");
-test_invalid_value("animation-delay-start", "auto");
+test_invalid_value("animation-delay-end", "auto");
-test_invalid_value("animation-delay-start", "none");
+test_invalid_value("animation-delay-end", "none");
-test_invalid_value("animation-delay-start", "cover 50% enter 50%");
+test_invalid_value("animation-delay-end", "cover 50% enter 50%");
-test_invalid_value("animation-delay-start", "cover 100px");
+test_invalid_value("animation-delay-end", "cover 100px");
-test_invalid_value("animation-delay-start", "cover");
+test_invalid_value("animation-delay-end", "cover");
-test_invalid_value("animation-delay-start", "contain");
+test_invalid_value("animation-delay-end", "contain");
-test_invalid_value("animation-delay-start", "enter");
+test_invalid_value("animation-delay-end", "enter");
-test_invalid_value("animation-delay-start", "exit");
+test_invalid_value("animation-delay-end", "exit");
 </script>

tests/wpt/web-platform-tests/css/css-animations/parsing/animation-delay-end-valid.html

@@ -1,26 +1,11 @@
 <!DOCTYPE html>
-<link rel="help" href="https://drafts.csswg.org/scroll-animations-1/#propdef-animation-delay-start">
+<link rel="help" href="https://drafts.csswg.org/scroll-animations-1/#propdef-animation-delay-end">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <script src="/css/support/parsing-testcommon.js"></script>
 <script>
-test_valid_value("animation-delay-start", "-5ms");
+test_valid_value("animation-delay-end", "-5ms");
-test_valid_value("animation-delay-start", "0s");
+test_valid_value("animation-delay-end", "0s");
-test_valid_value("animation-delay-start", "10s");
+test_valid_value("animation-delay-end", "10s");
-test_valid_value("animation-delay-start", "20s, 10s");
+test_valid_value("animation-delay-end", "20s, 10s");
-
-// https://drafts.csswg.org/scroll-animations-1/#view-timelines-ranges
-test_valid_value("animation-delay-start", "cover 0%");
-test_valid_value("animation-delay-start", "cover 100%");
-test_valid_value("animation-delay-start", "cover 120%");
-test_valid_value("animation-delay-start", "cover 42%");
-test_valid_value("animation-delay-start", "cover -42%");
-test_valid_value("animation-delay-start", "contain 42%");
-test_valid_value("animation-delay-start", "exit 42%");
-test_valid_value("animation-delay-start", "exit 1%, cover 2%, contain 100%");
-
-// There's an open issue in the spec about "enter" vs "entry".
-//
-// https://drafts.csswg.org/scroll-animations-1/#valdef-animation-timeline-range-entry
-test_valid_value("animation-delay-start", "enter 42%");
 </script>

tests/wpt/web-platform-tests/css/css-animations/parsing/animation-delay-shorthand.html

@@ -5,10 +5,7 @@
 <script src="/resources/testharnessreport.js"></script>
 <script src="/css/support/shorthand-testcommon.js"></script>
 <script src="/css/support/parsing-testcommon.js"></script>
-</head>
-<body>
 <script>
-
 test_valid_value("animation-delay", "1s");
 test_valid_value("animation-delay", "-1s");
 test_valid_value("animation-delay", "1s 2s");
@@ -17,27 +14,6 @@ test_valid_value("animation-delay", "1s 2s, 3s");
 test_valid_value("animation-delay", "1s, 2s 3s");
 test_valid_value("animation-delay", "1s, 2s, 3s");
 
-test_valid_value("animation-delay", "cover");
-test_valid_value("animation-delay", "contain");
-test_valid_value("animation-delay", "enter");
-test_valid_value("animation-delay", "exit");
-test_valid_value("animation-delay", "enter, exit");
-
-test_valid_value("animation-delay", "enter 0% enter 100%", "enter");
-test_valid_value("animation-delay", "exit 0% exit 100%", "exit");
-test_valid_value("animation-delay", "cover 0% cover 100%", "cover");
-test_valid_value("animation-delay", "contain 0% contain 100%", "contain");
-
-test_valid_value("animation-delay", "cover 50%");
-test_valid_value("animation-delay", "contain 50%");
-test_valid_value("animation-delay", "enter 50%");
-test_valid_value("animation-delay", "exit 50%");
-
-test_valid_value("animation-delay", "enter 50% 0s", "enter 50%");
-test_valid_value("animation-delay", "0s enter 50%");
-test_valid_value("animation-delay", "enter 50% exit 50%");
-test_valid_value("animation-delay", "cover 50% enter 50%, contain 50% exit 50%");
-
 test_invalid_value("animation-delay", "1s 2s 3s");
 test_invalid_value("animation-delay", "0s, 1s 2s 3s");
 test_invalid_value("animation-delay", "1s / 2s");
@@ -61,21 +37,6 @@ test_shorthand_value('animation-delay', '1s', {
   'animation-delay-end': '0s',
 });
 
-test_shorthand_value('animation-delay', 'cover', {
-  'animation-delay-start': 'cover 0%',
-  'animation-delay-end': 'cover 100%',
-});
-
-test_shorthand_value('animation-delay', 'contain', {
-  'animation-delay-start': 'contain 0%',
-  'animation-delay-end': 'contain 100%',
-});
-
-test_shorthand_value('animation-delay', 'enter 10% exit 20%', {
-  'animation-delay-start': 'enter 10%',
-  'animation-delay-end': 'exit 20%',
-});
-
 test_shorthand_value('animation-delay', '1s 2s, 3s 4s', {
   'animation-delay-start': '1s, 3s',
   'animation-delay-end': '2s, 4s',
@@ -85,19 +46,4 @@ test_shorthand_value('animation-delay', '1s 2s, 3s, 4s 5s', {
   'animation-delay-start': '1s, 3s, 4s',
   'animation-delay-end': '2s, 0s, 5s',
 });
-
-test_shorthand_value('animation-delay', 'enter, exit', {
-  'animation-delay-start': 'enter 0%, exit 0%',
-  'animation-delay-end': 'enter 100%, exit 100%',
-});
-
-test_shorthand_value('animation-delay', 'enter 0%, exit', {
-  'animation-delay-start': 'enter 0%, exit 0%',
-  'animation-delay-end': '0s, exit 100%',
-});
-
-test_shorthand_value('animation-delay', 'enter 0% 1s, 2s exit 50%', {
-  'animation-delay-start': 'enter 0%, 2s',
-  'animation-delay-end': '1s, exit 50%',
-});
 </script>

tests/wpt/web-platform-tests/css/css-animations/parsing/animation-delay-start-valid.html

@@ -8,19 +8,4 @@ test_valid_value("animation-delay-start", "-5ms");
 test_valid_value("animation-delay-start", "0s");
 test_valid_value("animation-delay-start", "10s");
 test_valid_value("animation-delay-start", "20s, 10s");
-
-// https://drafts.csswg.org/scroll-animations-1/#view-timelines-ranges
-test_valid_value("animation-delay-start", "cover 0%");
-test_valid_value("animation-delay-start", "cover 100%");
-test_valid_value("animation-delay-start", "cover 120%");
-test_valid_value("animation-delay-start", "cover 42%");
-test_valid_value("animation-delay-start", "cover -42%");
-test_valid_value("animation-delay-start", "contain 42%");
-test_valid_value("animation-delay-start", "exit 42%");
-test_valid_value("animation-delay-start", "exit 1%, cover 2%, contain 100%");
-
-// There's an open issue in the spec about "enter" vs "entry".
-//
-// https://drafts.csswg.org/scroll-animations-1/#valdef-animation-timeline-range-entry
-test_valid_value("animation-delay-start", "enter 42%");
 </script>

tests/wpt/web-platform-tests/css/css-animations/parsing/animation-range-end-computed.html

@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<link rel="help" href="https://drafts.csswg.org/scroll-animations-1/#propdef-animation-range">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/computed-testcommon.js"></script>
+<div id="target"></div>
+<script>
+test_computed_value("animation-range-end", "initial", "auto");
+test_computed_value("animation-range-end", "auto");
+test_computed_value("animation-range-end", "cover 0%");
+test_computed_value("animation-range-end", "COVER 0%", "cover 0%");
+test_computed_value("animation-range-end", "cover 100%");
+test_computed_value("animation-range-end", "cover 120%");
+test_computed_value("animation-range-end", "cover 42%");
+test_computed_value("animation-range-end", "cover -42%");
+test_computed_value("animation-range-end", "contain 42%");
+test_computed_value("animation-range-end", "exit 42%");
+test_computed_value("animation-range-end", "exit calc(41% + 1%)", "exit 42%");
+test_computed_value("animation-range-end", "exit 1%, cover 2%, contain 100%");
+</script>

tests/wpt/web-platform-tests/css/css-animations/parsing/animation-range-end-invalid.html

@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<link rel="help" href="https://drafts.csswg.org/scroll-animations-1/#propdef-animation-range">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/parsing-testcommon.js"></script>
+<script>
+test_invalid_value("animation-range-end", "infinite");
+test_invalid_value("animation-range-end", "0");
+test_invalid_value("animation-range-end", "1s 2s");
+test_invalid_value("animation-range-end", "1s / 2s");
+test_invalid_value("animation-range-end", "100px");
+test_invalid_value("animation-range-end", "100%");
+
+test_invalid_value("animation-range-end", "peek 50%");
+test_invalid_value("animation-range-end", "50% contain");
+test_invalid_value("animation-range-end", "50% cover");
+test_invalid_value("animation-range-end", "50% entry");
+test_invalid_value("animation-range-end", "50% enter");
+test_invalid_value("animation-range-end", "50% exit");
+test_invalid_value("animation-range-end", "contain contain");
+test_invalid_value("animation-range-end", "none");
+test_invalid_value("animation-range-end", "cover 50% enter 50%");
+test_invalid_value("animation-range-end", "cover 100px");
+test_invalid_value("animation-range-end", "cover");
+test_invalid_value("animation-range-end", "contain");
+test_invalid_value("animation-range-end", "enter");
+test_invalid_value("animation-range-end", "exit");
+</script>

tests/wpt/web-platform-tests/css/css-animations/parsing/animation-range-end-valid.html

@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<link rel="help" href="https://drafts.csswg.org/scroll-animations-1/#propdef-animation-range">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/parsing-testcommon.js"></script>
+<script>
+// https://drafts.csswg.org/scroll-animations-1/#view-timelines-ranges
+test_valid_value("animation-range-end", "auto");
+test_valid_value("animation-range-end", "cover 0%");
+test_valid_value("animation-range-end", "cover 100%");
+test_valid_value("animation-range-end", "cover 120%");
+test_valid_value("animation-range-end", "cover 42%");
+test_valid_value("animation-range-end", "cover -42%");
+test_valid_value("animation-range-end", "contain 42%");
+test_valid_value("animation-range-end", "exit 42%");
+test_valid_value("animation-range-end", "exit 1%, cover 2%, contain 100%");
+
+// There's an open issue in the spec about "enter" vs "entry".
+//
+// https://drafts.csswg.org/scroll-animations-1/#valdef-animation-timeline-range-entry
+test_valid_value("animation-range-end", "enter 42%");
+</script>

tests/wpt/web-platform-tests/css/css-animations/parsing/animation-range-shorthand.html

@@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<title>animation-range shorthand</title>
+<link rel="help" href="https://drafts.csswg.org/scroll-animations-1/#propdef-animation-range">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/shorthand-testcommon.js"></script>
+<script src="/css/support/parsing-testcommon.js"></script>
+<script>
+test_valid_value("animation-range", "cover");
+test_valid_value("animation-range", "contain");
+test_valid_value("animation-range", "enter");
+test_valid_value("animation-range", "exit");
+test_valid_value("animation-range", "enter, exit");
+
+test_valid_value("animation-range", "enter 0% enter 100%", "enter");
+test_valid_value("animation-range", "exit 0% exit 100%", "exit");
+test_valid_value("animation-range", "cover 0% cover 100%", "cover");
+test_valid_value("animation-range", "contain 0% contain 100%", "contain");
+
+test_valid_value("animation-range", "cover 50%");
+test_valid_value("animation-range", "contain 50%");
+test_valid_value("animation-range", "enter 50%");
+test_valid_value("animation-range", "exit 50%");
+
+test_valid_value("animation-range", "enter 50% exit 50%");
+test_valid_value("animation-range", "cover 50% enter 50%, contain 50% exit 50%");
+
+test_invalid_value("animation-range", "enter 50% 0s", "enter 50%");
+test_invalid_value("animation-range", "0s enter 50%");
+test_invalid_value("animation-range", "1s");
+test_invalid_value("animation-range", "-1s");
+test_invalid_value("animation-range", "1s 2s");
+test_invalid_value("animation-range", "1s, 2s");
+test_invalid_value("animation-range", "1s 2s, 3s");
+test_invalid_value("animation-range", "1s, 2s 3s");
+test_invalid_value("animation-range", "1s, 2s, 3s");
+test_invalid_value("animation-range", "1s 2s 3s");
+test_invalid_value("animation-range", "0s, 1s 2s 3s");
+test_invalid_value("animation-range", "1s / 2s");
+test_invalid_value("animation-range", "1s, 2px");
+test_invalid_value("animation-range", "#ff0000");
+test_invalid_value("animation-range", "red");
+test_invalid_value("animation-range", "thing");
+test_invalid_value("animation-range", "thing 0%");
+test_invalid_value("animation-range", "thing 42%");
+test_invalid_value("animation-range", "thing 100%");
+test_invalid_value("animation-range", "thing 100px");
+test_invalid_value("animation-range", "100% thing");
+
+test_shorthand_value('animation-range', 'cover', {
+  'animation-range-start': 'cover 0%',
+  'animation-range-end': 'cover 100%',
+});
+
+test_shorthand_value('animation-range', 'contain', {
+  'animation-range-start': 'contain 0%',
+  'animation-range-end': 'contain 100%',
+});
+
+test_shorthand_value('animation-range', 'enter 10% exit 20%', {
+  'animation-range-start': 'enter 10%',
+  'animation-range-end': 'exit 20%',
+});
+
+test_shorthand_value('animation-range', 'enter, exit', {
+  'animation-range-start': 'enter 0%, exit 0%',
+  'animation-range-end': 'enter 100%, exit 100%',
+});
+
+test_shorthand_value('animation-range', 'enter 0%, exit', {
+  'animation-range-start': 'enter 0%, exit 0%',
+  'animation-range-end': 'auto, exit 100%',
+});
+</script>

tests/wpt/web-platform-tests/css/css-animations/parsing/animation-range-start-computed.html

@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<link rel="help" href="https://drafts.csswg.org/scroll-animations-1/#propdef-animation-range">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/computed-testcommon.js"></script>
+<div id="target"></div>
+<script>
+test_computed_value("animation-range-start", "initial", "auto");
+test_computed_value("animation-range-start", "auto");
+test_computed_value("animation-range-start", "cover 0%");
+test_computed_value("animation-range-start", "COVER 0%", "cover 0%");
+test_computed_value("animation-range-start", "cover 100%");
+test_computed_value("animation-range-start", "cover 120%");
+test_computed_value("animation-range-start", "cover 42%");
+test_computed_value("animation-range-start", "cover -42%");
+test_computed_value("animation-range-start", "contain 42%");
+test_computed_value("animation-range-start", "exit 42%");
+test_computed_value("animation-range-start", "exit calc(41% + 1%)", "exit 42%");
+test_computed_value("animation-range-start", "exit 1%, cover 2%, contain 100%");
+</script>

tests/wpt/web-platform-tests/css/css-animations/parsing/animation-range-start-invalid.html

@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<link rel="help" href="https://drafts.csswg.org/scroll-animations-1/#propdef-animation-range">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/parsing-testcommon.js"></script>
+<script>
+test_invalid_value("animation-range-start", "peek 50%");
+test_invalid_value("animation-range-start", "50% contain");
+test_invalid_value("animation-range-start", "50% cover");
+test_invalid_value("animation-range-start", "50% entry");
+test_invalid_value("animation-range-start", "50% enter");
+test_invalid_value("animation-range-start", "50% exit");
+test_invalid_value("animation-range-start", "contain contain");
+test_invalid_value("animation-range-start", "none");
+test_invalid_value("animation-range-start", "cover 50% enter 50%");
+test_invalid_value("animation-range-start", "cover 100px");
+test_invalid_value("animation-range-start", "cover");
+test_invalid_value("animation-range-start", "contain");
+test_invalid_value("animation-range-start", "enter");
+test_invalid_value("animation-range-start", "exit");
+</script>

tests/wpt/web-platform-tests/css/css-animations/parsing/animation-range-start-valid.html

@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<link rel="help" href="https://drafts.csswg.org/scroll-animations-1/#propdef-animation-range">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/parsing-testcommon.js"></script>
+<script>
+// https://drafts.csswg.org/scroll-animations-1/#view-timelines-ranges
+test_valid_value("animation-range-start", "auto");
+test_valid_value("animation-range-start", "cover 0%");
+test_valid_value("animation-range-start", "cover 100%");
+test_valid_value("animation-range-start", "cover 120%");
+test_valid_value("animation-range-start", "cover 42%");
+test_valid_value("animation-range-start", "cover -42%");
+test_valid_value("animation-range-start", "contain 42%");
+test_valid_value("animation-range-start", "exit 42%");
+test_valid_value("animation-range-start", "exit 1%, cover 2%, contain 100%");
+
+// There's an open issue in the spec about "enter" vs "entry".
+//
+// https://drafts.csswg.org/scroll-animations-1/#valdef-animation-timeline-range-entry
+test_valid_value("animation-range-start", "enter 42%");
+</script>

tests/wpt/web-platform-tests/css/css-box/margin-trim/block-container-block-001.html

@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
 <head>
-<title>CSS margin-trim: block trim 001</title>
+<title>margin-trim: block-container-block-001</title>
 <link rel="author" title="Sammy Gill" href="mailto:sammy.gill@apple.com">
 <link rel="help" href="https://drafts.csswg.org/css-box-4/#margin-trim-block">
 <link rel="match" href="/css/reference/ref-filled-green-100px-square-only.html">
@@ -9,7 +9,7 @@
 <style>
 .container {
     background-color: green;
-    width: 100px;
+    width: min-content;
     margin-trim: block;
 }
 .outer {
@@ -20,6 +20,7 @@
 .child {
     margin-top: 50px;
     margin-bottom: 50px;
+    width: 100px;
     height: 50px;
 }
 </style>

tests/wpt/web-platform-tests/css/css-box/margin-trim/block-container-block-002.html

@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
 <head>
-<title>CSS margin-trim: block trim 002</title>
+<title>margin-trim: block-container-block-002</title>
 <link rel="author" title="Sammy Gill" href="mailto:sammy.gill@apple.com">
 <link rel="help" href="https://drafts.csswg.org/css-box-4/#margin-trim-block">
 <link rel="match" href="/css/reference/ref-filled-green-100px-square-only.html">
@@ -9,7 +9,7 @@
 <style>
 .container {
     background-color: green;
-    width: 100px;
+    width: min-content;
     margin-trim: block;
 }
 .first {

tests/wpt/web-platform-tests/css/css-box/margin-trim/block-container-block-end-001.html

@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
 <head>
-<title>CSS margin-trim: block end trim 001</title>
+<title>margin-trim: block-container-block-end-001</title>
 <link rel="author" title="Sammy Gill" href="mailto:sammy.gill@apple.com">
 <link rel="help" href="https://drafts.csswg.org/css-box-4/#margin-trim-block">
 <link rel="match" href="/css/reference/ref-filled-green-100px-square-only.html">
@@ -9,7 +9,7 @@
 <style>
 .container {
     background-color: green;
-    width: 100px;
+    width: min-content;
     margin-trim: block-end;
 }
 .outer {
@@ -19,6 +19,7 @@
 }
 .child {
     margin-bottom: 50px;
+    width: 100px;
     height: 50px;
 }
 </style>

tests/wpt/web-platform-tests/css/css-box/margin-trim/block-container-block-end-002.html

@@ -1,14 +1,14 @@
 <!DOCTYPE html>
 <html>
 <head>
-<title>CSS margin-trim: block end trim 002</title>
+<title>margin-trim: block-container-block-end-002</title>
 <link rel="author" title="Sammy Gill" href="mailto:sammy.gill@apple.com">
 <link rel="help" href="https://drafts.csswg.org/css-box-4/#margin-trim-block">
 <link rel="match" href="/css/reference/ref-filled-green-100px-square-only.html">
 <meta name="assert" content="block-end should trim block end margin for ONLY block-level first child">
 <style>
 .container {
-    width: 100px;
+    width: min-content;
     margin-trim: block-end;
     background-color: green;
 }
@@ -18,13 +18,13 @@
     background-color: green;
 }
 .first {
-    width: 100%;
+    width: 100px;
     margin-bottom: 25px;
     height: 25px;
 }
 .second {
     margin-bottom: 100px;
-    width: 100%;
+    width: 100px;
     height: 10px;
 }
 </style>

tests/wpt/web-platform-tests/css/css-box/margin-trim/block-container-block-start-001.html

@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
 <head>
-<title>CSS margin-trim: block start trim 001</title>
+<title>margin-trim: block-container-block-start-001</title>
 <link rel="author" title="Sammy Gill" href="mailto:sammy.gill@apple.com">
 <link rel="help" href="https://drafts.csswg.org/css-box-4/#margin-trim-block">
 <link rel="match" href="/css/reference/ref-filled-green-100px-square-only.html">
@@ -9,7 +9,7 @@
 <style>
 .container {
     background-color: green;
-    width: 100px;
+    width: min-content;
     margin-trim: block-start;
 }
 .outer {
@@ -18,6 +18,7 @@
     height: 50px;
 }
 .child {
+    width: 100px;
     margin-top: 50px;
     height: 50px;
 }

tests/wpt/web-platform-tests/css/css-box/margin-trim/block-container-block-start-002.html

@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
 <head>
-<title>CSS margin-trim: block start trim 002</title>
+<title>margin-trim: block-container-block-start-002</title>
 <link rel="author" title="Sammy Gill" href="mailto:sammy.gill@apple.com">
 <link rel="help" href="https://drafts.csswg.org/css-box-4/#margin-trim-block">
 <link rel="match" href="/css/reference/ref-filled-green-100px-square-only.html">
@@ -9,7 +9,7 @@
 <style>
 .container {
     background-color: green;
-    width: 100px;
+    width: min-content;
     margin-trim: block-start;
 }
 .outer {
@@ -19,12 +19,12 @@
 }
 .first {
     margin-top: 50px;
-    width: 100%;
+    width: 100px;
     height: 40px;
 }
 .second {
     margin-top: 10px;
-    width: 100%;
+    width: 100px;
     height: 40px;
 }
 </style>

tests/wpt/web-platform-tests/css/css-box/margin-trim/block-container-non-adjoining-item-ref.html

@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>margin-trim: block-container-non-adjoining-item</title>
+<link rel="author" title="Sammy Gill" href="mailto:sammy.gill@apple.com">
+<link rel="help" href="https://drafts.csswg.org/css-box-4/#margin-trim-block">
+<meta name="assert" content="non-adjoining first child should still have its margins trimmed and the container should keep its set margin">
+<style>
+.container {
+    background-color: green;
+    width: min-content;
+    margin-bottom: 100px;
+    padding-bottom: 50px;
+    background-clip: padding-box;
+}
+.child {
+    width: 100px;
+    height: 50px;
+}
+</style>
+</head>
+<body>
+<div class="container">
+    <div class="child"></div>
+</div>
+<div>This text should be 100px below the green square.</div>
+</body>
+</html>

tests/wpt/web-platform-tests/css/css-box/margin-trim/block-container-non-adjoining-item.html

@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>margin-trim: block-container-non-adjoining-item</title>
+<link rel="author" title="Sammy Gill" href="mailto:sammy.gill@apple.com">
+<link rel="help" href="https://drafts.csswg.org/css-box-4/#margin-trim-block">
+<link rel="match" href="block-container-non-adjoining-item-ref.html">
+<meta name="assert" content="non-adjoining first child should still have its margins trimmed and the container should keep its set margin">
+<style>
+.container {
+    background-color: green;
+    width: min-content;
+    margin-bottom: 100px;
+    padding-bottom: 50px;
+    background-clip: padding-box;
+    margin-trim: block;
+}
+.child {
+    margin-top: 50px;
+    margin-bottom: 200px;
+    width: 100px;
+    height: 50px;
+}
+</style>
+</head>
+<body>
+<div class="container">
+    <div class="child"></div>
+</div>
+<div>This text should be 100px below the green square.</div>
+</body>
+</html>

tests/wpt/web-platform-tests/css/css-box/margin-trim/block-container-replaced-block-end.html

@@ -1,14 +1,14 @@
 <!DOCTYPE html>
 <html>
 <head>
-<title>CSS margin-trim: block container replaced block-end trim</title>
+<title>margin-trim: block-container-replaced-block-end</title>
 <link rel="author" title="Sammy Gill" href="mailto:sammy.gill@apple.com">
 <link rel="help" href="https://drafts.csswg.org/css-box-4/#margin-trim-block">
 <link rel="match" href="/css/reference/ref-filled-green-100px-square-only.html">
 <meta name="assert" content="block level replaced element should have block-end trimmed">
 <style>
 .container {
-   width: 100px;
+   width: min-content;
    margin-trim: block-end;
 }
 .outer {

tests/wpt/web-platform-tests/css/css-box/margin-trim/block-container-replaced-block-start.html

@@ -1,14 +1,14 @@
 <!DOCTYPE html>
 <html>
 <head>
-<title>CSS margin-trim: block container replaced block-start trim</title>
+<title>margin-trim: block-container-replaced-block-start</title>
 <link rel="author" title="Sammy Gill" href="mailto:sammy.gill@apple.com">
 <link rel="help" href="https://drafts.csswg.org/css-box-4/#margin-trim-block">
 <link rel="match" href="/css/reference/ref-filled-green-100px-square-only.html">
 <meta name="assert" content="block level replaced element should have block-start trimmed">
 <style>
 .container {
-   width: 100px;
+   width: min-content;
    margin-trim: block-start;
 }
 .outer {

tests/wpt/web-platform-tests/css/css-box/margin-trim/block-container-replaced-block.html

@@ -1,14 +1,14 @@
 <!DOCTYPE html>
 <html>
 <head>
-<title>CSS margin-trim: block container replaced block trim</title>
+<title>margin-trim: block-container-replaced-block</title>
 <link rel="author" title="Sammy Gill" href="mailto:sammy.gill@apple.com">
 <link rel="help" href="https://drafts.csswg.org/css-box-4/#margin-trim-block">
 <link rel="match" href="/css/reference/ref-filled-green-100px-square-only.html">
 <meta name="assert" content="block level replaced element should have both block-start and block-end trimmed when block is specified">
 <style>
 .container {
-    width: 100px;
+    width: min-content;
     margin-trim: block;
 }
 .outer {

tests/wpt/web-platform-tests/css/css-box/margin-trim/flex-block-end-trimmed-only-ref.html

@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>margin-trim: flex-block-end-trimmed-only</title>
+<link rel="author" href="mailto:sammy.gill@apple.com">
+<link rel="help" href="https://drafts.csswg.org/css-box-4/#margin-trim-flex">
+<meta name="assert" content="block-end should trim only margin block end of flex items">
+<style>
+flexbox {
+    display: flex;
+    width: min-content;
+    border: 1px black solid;
+}
+item {
+    display: block;
+    background-color: green;
+    width: 50px;
+    height: 50px;
+    margin-inline: 10px;
+    margin-block-start: 10px;
+}
+</style>
+</head>
+<body>
+<flexbox>
+<item></item>
+<item></item>
+<item></item>
+</flexbox>
+</body>
+</html>

tests/wpt/web-platform-tests/css/css-box/margin-trim/flex-block-end-trimmed-only.html

@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>margin-trim: flex-block-end-trimmed-only</title>
+<link rel="author" href="mailto:sammy.gill@apple.com">
+<link rel="help" href="https://drafts.csswg.org/css-box-4/#margin-trim-flex">
+<link rel="match" href="flex-block-end-trimmed-only-ref.html">
+<meta name="assert" content="block-end should trim only margin block end of flex items">
+<style>
+flexbox {
+    display: flex;
+    width: min-content;
+    border: 1px black solid;
+    margin-trim: block-end;
+}
+item {
+    display: block;
+    background-color: green;
+    width: 50px;
+    height: 50px;
+    margin-inline: 10px;
+    margin-block: 10px;
+}
+</style>
+</head>
+<body>
+<flexbox>
+<item></item>
+<item></item>
+<item></item>
+</flexbox>
+</body>
+</html>

tests/wpt/web-platform-tests/css/css-box/margin-trim/flex-block-start-trimmed-only-ref.html

@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>margin-trim: flex-block-start-trimmed-only</title>
+<link rel="author" href="mailto:sammy.gill@apple.com">
+<link rel="help" href="https://drafts.csswg.org/css-box-4/#margin-trim-flex">
+<meta name="assert" content="block-start should trim only margin block start of flex items">
+<style>
+flexbox {
+    display: flex;
+    width: min-content;
+    border: 1px black solid;
+}
+item {
+    display: block;
+    background-color: green;
+    width: 50px;
+    height: 50px;
+    margin-inline: 10px;
+    margin-block-end: 10px;
+}
+</style>
+</head>
+<body>
+<flexbox>
+<item></item>
+<item></item>
+<item></item>
+</flexbox>
+</body>
+</html>

tests/wpt/web-platform-tests/css/css-box/margin-trim/flex-block-start-trimmed-only.html

@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>margin-trim: flex-block-start-trimmed-only</title>
+<link rel="author" href="mailto:sammy.gill@apple.com">
+<link rel="help" href="https://drafts.csswg.org/css-box-4/#margin-trim-flex">
+<link rel="match" href="flex-block-start-trimmed-only-ref.html">
+<meta name="assert" content="block-start should trim only margin block start of flex items">
+<style>
+flexbox {
+    display: flex;
+    width: min-content;
+    border: 1px black solid;
+    margin-trim: block-start;
+}
+item {
+    display: block;
+    background-color: green;
+    width: 50px;
+    height: 50px;
+    margin-inline: 10px;
+    margin-block: 10px;
+}
+</style>
+</head>
+<body>
+<flexbox>
+<item></item>
+<item></item>
+<item></item>
+</flexbox>
+</body>
+</html>

tests/wpt/web-platform-tests/css/css-box/margin-trim/flex-block-trimmed-only-ref.html

@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>margin-trim: flex-block-trimmed-only</title>
+<link rel="author" href="mailto:sammy.gill@apple.com">
+<link rel="help" href="https://drafts.csswg.org/css-box-4/#margin-trim-flex">
+<meta name="assert" content="block should trim only block margins of flex items">
+<style>
+flexbox {
+    display: flex;
+    width: min-content;
+    border: 1px black solid;
+}
+item {
+    display: block;
+    background-color: green;
+    width: 50px;
+    height: 50px;
+    margin-inline: 10px;
+}
+</style>
+</head>
+<body>
+<flexbox>
+<item></item>
+<item></item>
+<item></item>
+</flexbox>
+</body>
+</html>

tests/wpt/web-platform-tests/css/css-box/margin-trim/flex-block-trimmed-only.html

@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>margin-trim: flex-block-trimmed-only</title>
+<link rel="author" href="mailto:sammy.gill@apple.com">
+<link rel="help" href="https://drafts.csswg.org/css-box-4/#margin-trim-flex">
+<link rel="match" href="flex-block-trimmed-only-ref.html">
+<meta name="assert" content="block should trim only block margins of flex items">
+<style>
+flexbox {
+    display: flex;
+    width: min-content;
+    border: 1px black solid;
+    margin-trim: block;
+}
+item {
+    display: block;
+    background-color: green;
+    width: 50px;
+    height: 50px;
+    margin-inline: 10px;
+    margin-block: 10px;
+}
+</style>
+</head>
+<body>
+<flexbox>
+<item></item>
+<item></item>
+<item></item>
+</flexbox>
+</body>
+</html>

tests/wpt/web-platform-tests/css/css-box/margin-trim/flex-column-block-multiline.html

@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>margin-trim: flex-column-block-multiline</title>
+<link rel="author" href="mailto:sammy.gill@apple.com">
+<link rel="help" href="https://drafts.csswg.org/css-box-4/#margin-trim-flex">
+<link rel="match" href="/css/reference/ref-filled-green-100px-square-only.html">
+<meta name="assert" content="block-start should be trimmed for items at the start of the flex line and block-end should be trimmed for items at the end of the flex line">
+<style>
+flexbox {
+    display: flex;
+    width: min-content;
+    height: 100px;
+    flex-wrap: wrap;
+    flex-direction: column;
+    margin-trim: block;
+}
+item {
+    display: block;
+    background-color: green;
+    width: 50px;
+    height: 50px;
+}
+item:nth-child(odd) {
+    margin-block-start: 25px;
+}
+item:nth-child(even) {
+    margin-block-end: 25px;
+}
+</style>
+</head>
+<body>
+<p>Test passes if there is a filled green square.</p>
+<flexbox>
+<item></item>
+<item></item>
+<item></item>
+<item></item>
+</flexbox>
+</body>
+</html>

tests/wpt/web-platform-tests/css/css-box/margin-trim/flex-column-grow.html

@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>margin-trim: flex-column-grow</title>
+<link rel="author" href="mailto:sammy.gill@apple.com">
+<link rel="help" href="https://drafts.csswg.org/css-box-4/#margin-trim-flex">
+<link rel="match" href="/css/reference/ref-filled-green-100px-square-only.html">
+<meta name="assert" content="items should grow to take up the space made available by trimming margins">
+<style>
+flexbox {
+    display: flex;
+    width: min-content;
+    height: 100px;
+    flex-direction: column;
+    margin-trim: block;
+}
+item {
+    display: block;
+    width: 100px;
+    height: 50px;
+    margin-block: 25px;
+    flex: 1 0 auto;
+    background-color: green;
+}
+</style>
+</head>
+<body>
+<p>Test passes if there is a filled green square.</p>
+<flexbox>
+<item></item>
+</flexbox>
+</body>
+</html>

tests/wpt/web-platform-tests/css/css-box/margin-trim/flex-column-inline-multiline-ref.html

@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>margin-trim: flex-column-inline-multiline</title>
+<link rel="author" href="mailto:sammy.gill@apple.com">
+<link rel="help" href="https://drafts.csswg.org/css-box-4/#margin-trim-flex">
+<meta name="assert" content="inline-start should be trimmed for all items on the first flex line and inline-end should be trimmed for all items on the last flex line">
+<style>
+flexbox {
+    display: flex;
+    width: min-content;
+    height: 100px;
+    flex-direction: column;
+    flex-wrap: wrap;
+    gap: 0px 30px;
+}
+item {
+    display: block;
+    background-color: green;
+    width: 50px;
+    height: 50px;
+}
+</style>
+</head>
+<body>
+<flexbox>
+<item></item>
+<item></item>
+<item></item>
+<item></item>
+</flexbox>
+</body>
+</html>

tests/wpt/web-platform-tests/css/css-box/margin-trim/flex-column-inline-multiline.html

@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>margin-trim: flex-column-inline-multiline</title>
+<link rel="author" href="mailto:sammy.gill@apple.com">
+<link rel="help" href="https://drafts.csswg.org/css-box-4/#margin-trim-flex">
+<link rel="match" href="flex-column-inline-multiline-ref.html">
+<meta name="assert" content="inline-start should be trimmed for all items on the first flex line and inline-end should be trimmed for all items on the last flex line">
+<style>
+flexbox {
+    display: flex;
+    width: min-content;
+    height: 100px;
+    flex-direction: column;
+    flex-wrap: wrap;
+    margin-trim: inline;
+}
+item {
+    display: block;
+    background-color: green;
+    width: 50px;
+    height: 50px;
+    margin-inline-start: 10px;
+    margin-inline-end: 20px;
+}
+</style>
+</head>
+<body>
+<flexbox>
+<item></item>
+<item></item>
+<item></item>
+<item></item>
+</flexbox>
+</body>
+</html>

tests/wpt/web-platform-tests/css/css-box/margin-trim/flex-column-orthogonal-item.html

@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>margin-trim: flex-column-orthogonal-item</title>
+<link rel="author" href="mailto:sammy.gill@apple.com">
+<link rel="help" href="https://drafts.csswg.org/css-box-4/#margin-trim-flex">
+<link rel="match" href="/css/reference/ref-filled-green-100px-square-only.html">
+<meta name="assert" content="orthogonal items have correct margins trimmed according to the flexbox's writing mode">
+<style>
+flexbox {
+    display: flex;
+    flex-direction: column;
+    margin-trim: block;
+}
+item {
+    display: block;
+    background-color: green;
+    width: 100px;
+    height: 50px;
+}
+.orthogonal {
+    writing-mode: vertical-rl;
+}
+item:first-child {
+    margin-inline-start: 10px;
+}
+item:last-child {
+    margin-block-end: 10px;
+}
+</style>
+</head>
+<body>
+<p>Test passes if there is a filled green square.</p>
+<flexbox>
+<item class="orthogonal"></item>
+<item></item>
+</flexbox>
+</body>
+</html>

tests/wpt/web-platform-tests/css/css-box/margin-trim/flex-column-shrink.html

@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>margin-trim: flex-column-shrink</title>
+<link rel="author" href="mailto:sammy.gill@apple.com">
+<link rel="help" href="https://drafts.csswg.org/css-box-4/#margin-trim-flex">
+<link rel="match" href="/css/reference/ref-filled-green-100px-square-only.html">
+<meta name="assert" content="content should fill all available space when flex item is larger than the container and the margins are trimmed">
+<style>
+flexbox {
+    display: flex;
+    flex-direction: column;
+    width: min-content;
+    height: 100px;
+    margin-trim: block;
+}
+item {
+    display: block;
+    background-color: green;
+    margin-block: 25px;
+    flex: 0 1 auto;
+    width: 100px;
+    height: 150px;
+}
+</style>
+</head>
+<body>
+<p>Test passes if there is a filled green square.</p>
+<flexbox>
+<item></item>
+</flexbox>
+</body>
+</html>

tests/wpt/web-platform-tests/css/css-box/margin-trim/flex-inline-end-trimmed-only-ref.html

@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>margin-trim: flex-inline-end-trimmed-only</title>
+<link rel="author" href="mailto:sammy.gill@apple.com">
+<link rel="help" href="https://drafts.csswg.org/css-box-4/#margin-trim-flex">
+<meta name="assert" content="inline-end should trim only inline-end margins of flex items">
+<style>
+flexbox {
+    display: flex;
+    width: min-content;
+    border: 1px black solid;
+    gap: 20px;
+}
+item {
+    display: block;
+    background-color: green;
+    width: 50px;
+    height: 50px;
+    margin-block: 10px;
+}
+item:first-child {
+    margin-inline-start: 10px;
+}
+</style>
+</head>
+<body>
+<flexbox>
+<item></item>
+<item></item>
+<item></item>
+</flexbox>
+</body>
+</html>

tests/wpt/web-platform-tests/css/css-box/margin-trim/flex-inline-end-trimmed-only.html

@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>margin-trim: flex-inline-end-trimmed-only</title>
+<link rel="author" href="mailto:sammy.gill@apple.com">
+<link rel="help" href="https://drafts.csswg.org/css-box-4/#margin-trim-flex">
+<link rel="match" href="flex-inline-end-trimmed-only-ref.html">
+<meta name="assert" content="inline-end should trim only inline-end margins of flex items">
+<style>
+flexbox {
+    display: flex;
+    width: min-content;
+    border: 1px black solid;
+    margin-trim: inline-end;
+}
+item {
+    display: block;
+    background-color: green;
+    width: 50px;
+    height: 50px;
+    margin-inline: 10px;
+    margin-block: 10px;
+}
+</style>
+</head>
+<body>
+<flexbox>
+<item></item>
+<item></item>
+<item></item>
+</flexbox>
+</body>
+</html>

tests/wpt/web-platform-tests/css/css-box/margin-trim/flex-inline-start-trimmed-only-ref.html

@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>margin-trim: flex-inline-start-trimmed-only</title>
+<link rel="author" href="mailto:sammy.gill@apple.com">
+<link rel="help" href="https://drafts.csswg.org/css-box-4/#margin-trim-flex">
+<meta name="assert" content="inline-start should trim only inline-start margin of flex items">
+<style>
+flexbox {
+    display: flex;
+    width: min-content;
+    border: 1px black solid;
+    gap: 20px;
+}
+item {
+    display: block;
+    background-color: green;
+    width: 50px;
+    height: 50px;
+    margin-block: 10px;
+}
+item:last-child {
+    margin-inline-end: 10px;
+}
+</style>
+</head>
+<body>
+<flexbox>
+<item></item>
+<item></item>
+<item></item>
+</flexbox>
+</body>
+</html>