diff --git a/tests/wpt/metadata-layout-2020/css/CSS2/floats/hit-test-floats-001.html.ini b/tests/wpt/metadata-layout-2020/css/CSS2/floats/hit-test-floats-001.html.ini
deleted file mode 100644
index 0842d0b5727..00000000000
--- a/tests/wpt/metadata-layout-2020/css/CSS2/floats/hit-test-floats-001.html.ini
+++ /dev/null
@@ -1,3 +0,0 @@
-[hit-test-floats-001.html]
-  [hit-test-floats-001]
-    expected: FAIL
diff --git a/tests/wpt/metadata-layout-2020/css/CSS2/floats/hit-test-floats-003.html.ini b/tests/wpt/metadata-layout-2020/css/CSS2/floats/hit-test-floats-003.html.ini
index f29da48a2a0..665ec4646cb 100644
--- a/tests/wpt/metadata-layout-2020/css/CSS2/floats/hit-test-floats-003.html.ini
+++ b/tests/wpt/metadata-layout-2020/css/CSS2/floats/hit-test-floats-003.html.ini
@@ -1,4 +1,3 @@
 [hit-test-floats-003.html]
   [Miss float below something else]
     expected: FAIL
-
diff --git a/tests/wpt/metadata-layout-2020/css/CSS2/normal-flow/block-in-inline-hittest-float-002.html.ini b/tests/wpt/metadata-layout-2020/css/CSS2/normal-flow/block-in-inline-hittest-float-002.html.ini
deleted file mode 100644
index 3e5096beef3..00000000000
--- a/tests/wpt/metadata-layout-2020/css/CSS2/normal-flow/block-in-inline-hittest-float-002.html.ini
+++ /dev/null
@@ -1,3 +0,0 @@
-[block-in-inline-hittest-float-002.html]
-  [block-in-inline-hittest-float-002]
-    expected: FAIL
diff --git a/tests/wpt/metadata-layout-2020/css/css-flexbox/hittest-anonymous-box.html.ini b/tests/wpt/metadata-layout-2020/css/css-flexbox/hittest-anonymous-box.html.ini
deleted file mode 100644
index b8f8d45a31f..00000000000
--- a/tests/wpt/metadata-layout-2020/css/css-flexbox/hittest-anonymous-box.html.ini
+++ /dev/null
@@ -1,3 +0,0 @@
-[hittest-anonymous-box.html]
-  [Hit-testing within an anonymous flex-item should return the flexbox as the hittest result.]
-    expected: FAIL
diff --git a/tests/wpt/metadata-layout-2020/css/css-flexbox/hittest-before-pseudo.html.ini b/tests/wpt/metadata-layout-2020/css/css-flexbox/hittest-before-pseudo.html.ini
deleted file mode 100644
index 5b685485f3c..00000000000
--- a/tests/wpt/metadata-layout-2020/css/css-flexbox/hittest-before-pseudo.html.ini
+++ /dev/null
@@ -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
diff --git a/tests/wpt/metadata-layout-2020/css/css-fonts/variations/at-font-face-font-matching.html.ini b/tests/wpt/metadata-layout-2020/css/css-fonts/variations/at-font-face-font-matching.html.ini
index 90596af9f12..f4692ab42ec 100644
--- a/tests/wpt/metadata-layout-2020/css/css-fonts/variations/at-font-face-font-matching.html.ini
+++ b/tests/wpt/metadata-layout-2020/css/css-fonts/variations/at-font-face-font-matching.html.ini
@@ -68,9 +68,6 @@
   [Matching font-weight: '501' should prefer '502 510' over '503 520']
     expected: FAIL
 
-  [Matching font-weight: '501' should prefer '503 520' over '500']
-    expected: FAIL
-
   [Matching font-weight: '501' should prefer '500' over '450 460']
     expected: FAIL
 
@@ -86,9 +83,6 @@
   [Matching font-weight: '399' should prefer '340 360' over '200 300']
     expected: FAIL
 
-  [Matching font-weight: '399' should prefer '200 300' over '400']
-    expected: FAIL
-
   [Matching font-weight: '399' should prefer '400' over '450 460']
     expected: FAIL
 
@@ -158,9 +152,6 @@
   [Matching font-style: 'italic' should prefer 'oblique 5deg 10deg' over 'oblique 5deg']
     expected: FAIL
 
-  [Matching font-style: 'italic' should prefer 'oblique 5deg' over 'normal']
-    expected: FAIL
-
   [Matching font-style: 'italic' should prefer 'normal' over 'oblique 0deg']
     expected: FAIL
 
@@ -254,9 +245,6 @@
   [Matching font-style: 'oblique -10deg' should prefer 'oblique -5deg' over 'oblique -1deg 0deg']
     expected: FAIL
 
-  [Matching font-style: 'oblique -10deg' should prefer 'oblique -1deg 0deg' over 'oblique -20deg -15deg']
-    expected: FAIL
-
   [Matching font-style: 'oblique -10deg' should prefer 'oblique -20deg -15deg' over 'oblique -60deg -30deg']
     expected: FAIL
 
@@ -322,3 +310,6 @@
 
   [Matching font-style: 'oblique -21deg' should prefer 'oblique -21deg' over 'oblique -60deg -40deg']
     expected: FAIL
+
+  [Matching font-style: 'normal' should prefer 'oblique -50deg -20deg' over 'oblique -40deg -30deg']
+    expected: FAIL
diff --git a/tests/wpt/metadata-layout-2020/css/css-transforms/transform-scale-hittest.html.ini b/tests/wpt/metadata-layout-2020/css/css-transforms/transform-scale-hittest.html.ini
index 4a1e8110f6f..4a1232b3c22 100644
--- a/tests/wpt/metadata-layout-2020/css/css-transforms/transform-scale-hittest.html.ini
+++ b/tests/wpt/metadata-layout-2020/css/css-transforms/transform-scale-hittest.html.ini
@@ -2,3 +2,5 @@
   [Hit test intersecting scaled box]
     expected: FAIL
 
+  [Hit test within unscaled box]
+    expected: FAIL
diff --git a/tests/wpt/metadata-layout-2020/css/css-transitions/properties-value-001.html.ini b/tests/wpt/metadata-layout-2020/css/css-transitions/properties-value-001.html.ini
index c4daffd168f..0cfbba429c9 100644
--- a/tests/wpt/metadata-layout-2020/css/css-transitions/properties-value-001.html.ini
+++ b/tests/wpt/metadata-layout-2020/css/css-transitions/properties-value-001.html.ini
@@ -52,3 +52,453 @@
 
   [background-position length(px) / events]
     expected: FAIL
+
+  [padding-bottom length(ex) / values]
+    expected: FAIL
+
+  [padding-bottom length(mm) / values]
+    expected: FAIL
+
+  [padding-bottom length(cm) / values]
+    expected: FAIL
+
+  [padding-bottom length(in) / values]
+    expected: FAIL
+
+  [padding-left length(pt) / values]
+    expected: FAIL
+
+  [padding-left length(pc) / values]
+    expected: FAIL
+
+  [padding-left length(px) / values]
+    expected: FAIL
+
+  [padding-left length(em) / values]
+    expected: FAIL
+
+  [padding-left length(ex) / values]
+    expected: FAIL
+
+  [padding-left length(mm) / values]
+    expected: FAIL
+
+  [padding-left length(cm) / values]
+    expected: FAIL
+
+  [padding-left length(in) / values]
+    expected: FAIL
+
+  [padding-right length(pt) / values]
+    expected: FAIL
+
+  [padding-right length(pc) / values]
+    expected: FAIL
+
+  [padding-right length(px) / values]
+    expected: FAIL
+
+  [padding-right length(em) / values]
+    expected: FAIL
+
+  [padding-right length(ex) / values]
+    expected: FAIL
+
+  [padding-right length(mm) / values]
+    expected: FAIL
+
+  [padding-right length(cm) / values]
+    expected: FAIL
+
+  [padding-right length(in) / values]
+    expected: FAIL
+
+  [padding-top length(pt) / values]
+    expected: FAIL
+
+  [padding-top length(pc) / values]
+    expected: FAIL
+
+  [padding-top length(px) / values]
+    expected: FAIL
+
+  [padding-top length(em) / values]
+    expected: FAIL
+
+  [padding-top length(ex) / values]
+    expected: FAIL
+
+  [padding-top length(mm) / values]
+    expected: FAIL
+
+  [padding-top length(cm) / values]
+    expected: FAIL
+
+  [padding-top length(in) / values]
+    expected: FAIL
+
+  [margin-bottom length(pt) / values]
+    expected: FAIL
+
+  [margin-bottom length(pc) / values]
+    expected: FAIL
+
+  [margin-bottom length(px) / values]
+    expected: FAIL
+
+  [margin-bottom length(em) / values]
+    expected: FAIL
+
+  [margin-bottom length(ex) / values]
+    expected: FAIL
+
+  [margin-bottom length(mm) / values]
+    expected: FAIL
+
+  [margin-bottom length(cm) / values]
+    expected: FAIL
+
+  [margin-bottom length(in) / values]
+    expected: FAIL
+
+  [margin-left length(pt) / values]
+    expected: FAIL
+
+  [margin-left length(pc) / values]
+    expected: FAIL
+
+  [margin-left length(px) / values]
+    expected: FAIL
+
+  [margin-left length(em) / values]
+    expected: FAIL
+
+  [margin-left length(ex) / values]
+    expected: FAIL
+
+  [margin-left length(mm) / values]
+    expected: FAIL
+
+  [margin-left length(cm) / values]
+    expected: FAIL
+
+  [margin-left length(in) / values]
+    expected: FAIL
+
+  [margin-right length(pt) / values]
+    expected: FAIL
+
+  [margin-right length(pc) / values]
+    expected: FAIL
+
+  [margin-right length(px) / values]
+    expected: FAIL
+
+  [margin-right length(em) / values]
+    expected: FAIL
+
+  [margin-right length(ex) / values]
+    expected: FAIL
+
+  [margin-right length(mm) / values]
+    expected: FAIL
+
+  [margin-right length(cm) / values]
+    expected: FAIL
+
+  [margin-right length(in) / values]
+    expected: FAIL
+
+  [margin-top length(pt) / values]
+    expected: FAIL
+
+  [margin-top length(pc) / values]
+    expected: FAIL
+
+  [margin-top length(px) / values]
+    expected: FAIL
+
+  [margin-top length(em) / values]
+    expected: FAIL
+
+  [margin-top length(ex) / values]
+    expected: FAIL
+
+  [margin-top length(mm) / values]
+    expected: FAIL
+
+  [margin-top length(cm) / values]
+    expected: FAIL
+
+  [margin-top length(in) / values]
+    expected: FAIL
+
+  [height length(pt) / values]
+    expected: FAIL
+
+  [height length(pc) / values]
+    expected: FAIL
+
+  [height length(px) / values]
+    expected: FAIL
+
+  [height length(em) / values]
+    expected: FAIL
+
+  [height length(ex) / values]
+    expected: FAIL
+
+  [height length(mm) / values]
+    expected: FAIL
+
+  [height length(cm) / values]
+    expected: FAIL
+
+  [height length(in) / values]
+    expected: FAIL
+
+  [height percentage(%) / values]
+    expected: FAIL
+
+  [width length(pt) / values]
+    expected: FAIL
+
+  [width length(pc) / values]
+    expected: FAIL
+
+  [width length(px) / values]
+    expected: FAIL
+
+  [width length(em) / values]
+    expected: FAIL
+
+  [width length(ex) / values]
+    expected: FAIL
+
+  [width length(mm) / values]
+    expected: FAIL
+
+  [width length(cm) / values]
+    expected: FAIL
+
+  [width length(in) / values]
+    expected: FAIL
+
+  [width percentage(%) / values]
+    expected: FAIL
+
+  [min-height length(pt) / values]
+    expected: FAIL
+
+  [min-height length(pc) / values]
+    expected: FAIL
+
+  [min-height length(px) / values]
+    expected: FAIL
+
+  [min-height length(em) / values]
+    expected: FAIL
+
+  [min-height length(ex) / values]
+    expected: FAIL
+
+  [min-height length(mm) / values]
+    expected: FAIL
+
+  [min-height length(cm) / values]
+    expected: FAIL
+
+  [min-height length(in) / values]
+    expected: FAIL
+
+  [min-height percentage(%) / values]
+    expected: FAIL
+
+  [min-width length(pt) / values]
+    expected: FAIL
+
+  [min-width length(pc) / values]
+    expected: FAIL
+
+  [min-width length(px) / values]
+    expected: FAIL
+
+  [min-width length(em) / values]
+    expected: FAIL
+
+  [min-width length(ex) / values]
+    expected: FAIL
+
+  [min-width length(mm) / values]
+    expected: FAIL
+
+  [min-width length(cm) / values]
+    expected: FAIL
+
+  [min-width length(in) / values]
+    expected: FAIL
+
+  [min-width percentage(%) / values]
+    expected: FAIL
+
+  [max-height length(pt) / values]
+    expected: FAIL
+
+  [max-height length(pc) / values]
+    expected: FAIL
+
+  [max-height length(px) / values]
+    expected: FAIL
+
+  [max-height 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
diff --git a/tests/wpt/metadata-layout-2020/css/css-transitions/properties-value-inherit-001.html.ini b/tests/wpt/metadata-layout-2020/css/css-transitions/properties-value-inherit-001.html.ini
index f4caeba01db..0b610353317 100644
--- a/tests/wpt/metadata-layout-2020/css/css-transitions/properties-value-inherit-001.html.ini
+++ b/tests/wpt/metadata-layout-2020/css/css-transitions/properties-value-inherit-001.html.ini
@@ -329,306 +329,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
-
-  [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
-
   [color color(rgba) / events]
     expected: FAIL
 
diff --git a/tests/wpt/metadata-layout-2020/css/css-transitions/properties-value-inherit-002.html.ini b/tests/wpt/metadata-layout-2020/css/css-transitions/properties-value-inherit-002.html.ini
index e919ec48eb3..408f924bb7c 100644
--- a/tests/wpt/metadata-layout-2020/css/css-transitions/properties-value-inherit-002.html.ini
+++ b/tests/wpt/metadata-layout-2020/css/css-transitions/properties-value-inherit-002.html.ini
@@ -53,156 +53,6 @@
   [background-position length(px) / events]
     expected: FAIL
 
-  [padding-bottom length(ex) / values]
-    expected: FAIL
-
-  [padding-bottom length(mm) / values]
-    expected: FAIL
-
-  [padding-bottom length(cm) / values]
-    expected: FAIL
-
-  [padding-bottom length(in) / values]
-    expected: FAIL
-
-  [padding-left length(pt) / values]
-    expected: FAIL
-
-  [padding-left length(pc) / values]
-    expected: FAIL
-
-  [padding-left length(px) / values]
-    expected: FAIL
-
-  [padding-left length(em) / values]
-    expected: FAIL
-
-  [padding-left length(ex) / values]
-    expected: FAIL
-
-  [padding-left length(mm) / values]
-    expected: FAIL
-
-  [padding-left length(cm) / values]
-    expected: FAIL
-
-  [padding-left length(in) / values]
-    expected: FAIL
-
-  [padding-right length(pt) / values]
-    expected: FAIL
-
-  [padding-right length(pc) / values]
-    expected: FAIL
-
-  [padding-right length(px) / values]
-    expected: FAIL
-
-  [padding-right length(em) / values]
-    expected: FAIL
-
-  [padding-right length(ex) / values]
-    expected: FAIL
-
-  [padding-right length(mm) / values]
-    expected: FAIL
-
-  [padding-right length(cm) / values]
-    expected: FAIL
-
-  [padding-right length(in) / values]
-    expected: FAIL
-
-  [padding-top length(pt) / values]
-    expected: FAIL
-
-  [padding-top length(pc) / values]
-    expected: FAIL
-
-  [padding-top length(px) / values]
-    expected: FAIL
-
-  [padding-top length(em) / values]
-    expected: FAIL
-
-  [padding-top length(ex) / values]
-    expected: FAIL
-
-  [padding-top length(mm) / values]
-    expected: FAIL
-
-  [padding-top length(cm) / values]
-    expected: FAIL
-
-  [padding-top length(in) / values]
-    expected: FAIL
-
-  [margin-bottom length(pt) / values]
-    expected: FAIL
-
-  [margin-bottom length(pc) / values]
-    expected: FAIL
-
-  [margin-bottom length(px) / values]
-    expected: FAIL
-
-  [margin-bottom length(em) / values]
-    expected: FAIL
-
-  [margin-bottom length(ex) / values]
-    expected: FAIL
-
-  [margin-bottom length(mm) / values]
-    expected: FAIL
-
-  [margin-bottom length(cm) / values]
-    expected: FAIL
-
-  [margin-bottom length(in) / values]
-    expected: FAIL
-
-  [margin-left length(pt) / values]
-    expected: FAIL
-
-  [margin-left length(pc) / values]
-    expected: FAIL
-
-  [margin-left length(px) / values]
-    expected: FAIL
-
-  [margin-left length(em) / values]
-    expected: FAIL
-
-  [margin-left length(ex) / values]
-    expected: FAIL
-
-  [margin-left length(mm) / values]
-    expected: FAIL
-
-  [margin-left length(cm) / values]
-    expected: FAIL
-
-  [margin-left length(in) / values]
-    expected: FAIL
-
-  [margin-right length(pt) / values]
-    expected: FAIL
-
-  [margin-right length(pc) / values]
-    expected: FAIL
-
-  [margin-right length(px) / values]
-    expected: FAIL
-
-  [margin-right length(em) / values]
-    expected: FAIL
-
-  [margin-right length(ex) / values]
-    expected: FAIL
-
-  [margin-right length(mm) / values]
-    expected: FAIL
-
   [color color(rgba) / values]
     expected: FAIL
 
@@ -352,3 +202,126 @@
 
   [text-shadow shadow(shadow) / values]
     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
diff --git a/tests/wpt/metadata-layout-2020/css/css-values/viewport-units-after-font-load.html.ini b/tests/wpt/metadata-layout-2020/css/css-values/viewport-units-after-font-load.html.ini
deleted file mode 100644
index 89ec2bd4ef6..00000000000
--- a/tests/wpt/metadata-layout-2020/css/css-values/viewport-units-after-font-load.html.ini
+++ /dev/null
@@ -1,3 +0,0 @@
-[viewport-units-after-font-load.html]
-  [Viewport units are correctly updated after resize even if a font load has happened before]
-    expected: FAIL
diff --git a/tests/wpt/metadata-layout-2020/css/cssom-view/elementFromPoint-float-in-table.html.ini b/tests/wpt/metadata-layout-2020/css/cssom-view/elementFromPoint-float-in-table.html.ini
deleted file mode 100644
index db065588308..00000000000
--- a/tests/wpt/metadata-layout-2020/css/cssom-view/elementFromPoint-float-in-table.html.ini
+++ /dev/null
@@ -1,3 +0,0 @@
-[elementFromPoint-float-in-table.html]
-  [float-in-div]
-    expected: FAIL
diff --git a/tests/wpt/metadata-layout-2020/css/cssom-view/elementFromPoint-subpixel.html.ini b/tests/wpt/metadata-layout-2020/css/cssom-view/elementFromPoint-subpixel.html.ini
deleted file mode 100644
index 8f6f663ba61..00000000000
--- a/tests/wpt/metadata-layout-2020/css/cssom-view/elementFromPoint-subpixel.html.ini
+++ /dev/null
@@ -1,3 +0,0 @@
-[elementFromPoint-subpixel.html]
-  [Hit test top left corner of box]
-    expected: FAIL
diff --git a/tests/wpt/metadata-layout-2020/css/cssom-view/elementFromPoint-visibility-hidden-resizer.html.ini b/tests/wpt/metadata-layout-2020/css/cssom-view/elementFromPoint-visibility-hidden-resizer.html.ini
deleted file mode 100644
index a6bca7ac372..00000000000
--- a/tests/wpt/metadata-layout-2020/css/cssom-view/elementFromPoint-visibility-hidden-resizer.html.ini
+++ /dev/null
@@ -1,3 +0,0 @@
-[elementFromPoint-visibility-hidden-resizer.html]
-  [elementFromPoint on resizer area of an element with visibility:hidden]
-    expected: FAIL
diff --git a/tests/wpt/metadata-layout-2020/css/cssom-view/elementsFromPoint-invalid-cases.html.ini b/tests/wpt/metadata-layout-2020/css/cssom-view/elementsFromPoint-invalid-cases.html.ini
deleted file mode 100644
index a3496a40d07..00000000000
--- a/tests/wpt/metadata-layout-2020/css/cssom-view/elementsFromPoint-invalid-cases.html.ini
+++ /dev/null
@@ -1,3 +0,0 @@
-[elementsFromPoint-invalid-cases.html]
-  [The root element is the last element returned for otherwise empty queries within the viewport]
-    expected: FAIL
diff --git a/tests/wpt/metadata-layout-2020/fetch/content-length/parsing.window.js.ini b/tests/wpt/metadata-layout-2020/fetch/content-length/parsing.window.js.ini
index 959ec1fd02b..f2aaac6638d 100644
--- a/tests/wpt/metadata-layout-2020/fetch/content-length/parsing.window.js.ini
+++ b/tests/wpt/metadata-layout-2020/fetch/content-length/parsing.window.js.ini
@@ -79,3 +79,6 @@
 
   [Input: "Content-Length: 42\\r\\nContent-Length: 42,42". Expected: 42.]
     expected: FAIL
+
+  [Input: "Content-Length: 42,42". Expected: 42.]
+    expected: FAIL
diff --git a/tests/wpt/metadata-layout-2020/fetch/content-type/response.window.js.ini b/tests/wpt/metadata-layout-2020/fetch/content-type/response.window.js.ini
index a0bee01802c..8edde75f4d0 100644
--- a/tests/wpt/metadata-layout-2020/fetch/content-type/response.window.js.ini
+++ b/tests/wpt/metadata-layout-2020/fetch/content-type/response.window.js.ini
@@ -308,9 +308,3 @@
 
   [Response: combined response Content-Type: text/html;" \\" text/plain ";charset=GBK]
     expected: NOTRUN
-
-  [<iframe>: separate response Content-Type: text/plain */*]
-    expected: FAIL
-
-  [<iframe>: separate response Content-Type: text/html */*]
-    expected: FAIL
diff --git a/tests/wpt/metadata-layout-2020/fetch/content-type/script.window.js.ini b/tests/wpt/metadata-layout-2020/fetch/content-type/script.window.js.ini
index d77a92f76a2..86a519a44b8 100644
--- a/tests/wpt/metadata-layout-2020/fetch/content-type/script.window.js.ini
+++ b/tests/wpt/metadata-layout-2020/fetch/content-type/script.window.js.ini
@@ -52,3 +52,9 @@
 
   [combined text/javascript ]
     expected: FAIL
+
+  [separate text/javascript x/x]
+    expected: FAIL
+
+  [separate text/javascript ]
+    expected: FAIL
diff --git a/tests/wpt/metadata-layout-2020/fetch/nosniff/parsing-nosniff.window.js.ini b/tests/wpt/metadata-layout-2020/fetch/nosniff/parsing-nosniff.window.js.ini
index 736ff6130a5..9d4eb6f8399 100644
--- a/tests/wpt/metadata-layout-2020/fetch/nosniff/parsing-nosniff.window.js.ini
+++ b/tests/wpt/metadata-layout-2020/fetch/nosniff/parsing-nosniff.window.js.ini
@@ -7,3 +7,6 @@
 
   [X-Content-Type-Options%3A%20nosniff%0C]
     expected: FAIL
+
+  [X-Content-Type-Options%3A%20%22nosniFF%22]
+    expected: FAIL
diff --git a/tests/wpt/metadata-layout-2020/html/browsers/browsing-the-web/navigating-across-documents/005.html.ini b/tests/wpt/metadata-layout-2020/html/browsers/browsing-the-web/navigating-across-documents/005.html.ini
index f7ee5361549..33efcdbcf48 100644
--- a/tests/wpt/metadata-layout-2020/html/browsers/browsing-the-web/navigating-across-documents/005.html.ini
+++ b/tests/wpt/metadata-layout-2020/html/browsers/browsing-the-web/navigating-across-documents/005.html.ini
@@ -1,4 +1,3 @@
 [005.html]
-  expected: TIMEOUT
   [Link with onclick navigation and href navigation ]
     expected: FAIL
diff --git a/tests/wpt/metadata-layout-2020/html/browsers/browsing-the-web/navigating-across-documents/initial-empty-document/iframe-src-aboutblank-navigate-immediately.html.ini b/tests/wpt/metadata-layout-2020/html/browsers/browsing-the-web/navigating-across-documents/initial-empty-document/iframe-src-aboutblank-navigate-immediately.html.ini
index 5f9a07f92f0..dc1144214ef 100644
--- a/tests/wpt/metadata-layout-2020/html/browsers/browsing-the-web/navigating-across-documents/initial-empty-document/iframe-src-aboutblank-navigate-immediately.html.ini
+++ b/tests/wpt/metadata-layout-2020/html/browsers/browsing-the-web/navigating-across-documents/initial-empty-document/iframe-src-aboutblank-navigate-immediately.html.ini
@@ -4,3 +4,6 @@
 
   [Navigating to a different document with form submission]
     expected: FAIL
+
+  [Navigating to a different document with link click]
+    expected: FAIL
diff --git a/tests/wpt/metadata-layout-2020/html/browsers/browsing-the-web/navigating-across-documents/initial-empty-document/load-pageshow-events-iframe-contentWindow.html.ini b/tests/wpt/metadata-layout-2020/html/browsers/browsing-the-web/navigating-across-documents/initial-empty-document/load-pageshow-events-iframe-contentWindow.html.ini
index 8298274f967..2d022202ee0 100644
--- a/tests/wpt/metadata-layout-2020/html/browsers/browsing-the-web/navigating-across-documents/initial-empty-document/load-pageshow-events-iframe-contentWindow.html.ini
+++ b/tests/wpt/metadata-layout-2020/html/browsers/browsing-the-web/navigating-across-documents/initial-empty-document/load-pageshow-events-iframe-contentWindow.html.ini
@@ -7,3 +7,6 @@
 
   [load & pageshow events do not fire on contentWindow of <iframe> element created with src='about:blank?foo']
     expected: FAIL
+
+  [load & pageshow events do not fire on contentWindow of <iframe> element created with src='about:blank']
+    expected: FAIL
diff --git a/tests/wpt/metadata-layout-2020/html/browsers/browsing-the-web/navigating-across-documents/navigation-unload-cross-origin.sub.window.js.ini b/tests/wpt/metadata-layout-2020/html/browsers/browsing-the-web/navigating-across-documents/navigation-unload-cross-origin.sub.window.js.ini
deleted file mode 100644
index 4ecd6d9f753..00000000000
--- a/tests/wpt/metadata-layout-2020/html/browsers/browsing-the-web/navigating-across-documents/navigation-unload-cross-origin.sub.window.js.ini
+++ /dev/null
@@ -1,3 +0,0 @@
-[navigation-unload-cross-origin.sub.window.html]
-  [Cross-origin navigation started from unload handler must be ignored]
-    expected: FAIL
diff --git a/tests/wpt/metadata-layout-2020/html/browsers/browsing-the-web/navigating-across-documents/navigation-unload-same-origin.window.js.ini b/tests/wpt/metadata-layout-2020/html/browsers/browsing-the-web/navigating-across-documents/navigation-unload-same-origin.window.js.ini
new file mode 100644
index 00000000000..7dc346632a4
--- /dev/null
+++ b/tests/wpt/metadata-layout-2020/html/browsers/browsing-the-web/navigating-across-documents/navigation-unload-same-origin.window.js.ini
@@ -0,0 +1,3 @@
+[navigation-unload-same-origin.window.html]
+  [Same-origin navigation started from unload handler must be ignored]
+    expected: FAIL
diff --git a/tests/wpt/metadata-layout-2020/html/browsers/browsing-the-web/navigating-across-documents/replace-before-load/form-requestsubmit.html.ini b/tests/wpt/metadata-layout-2020/html/browsers/browsing-the-web/navigating-across-documents/replace-before-load/form-requestsubmit.html.ini
index 012403eab43..9c79e11e5d1 100644
--- a/tests/wpt/metadata-layout-2020/html/browsers/browsing-the-web/navigating-across-documents/replace-before-load/form-requestsubmit.html.ini
+++ b/tests/wpt/metadata-layout-2020/html/browsers/browsing-the-web/navigating-across-documents/replace-before-load/form-requestsubmit.html.ini
@@ -1,3 +1,4 @@
 [form-requestsubmit.html]
+  expected: TIMEOUT
   [Replace before load, triggered by formElement.requestSubmit()]
-    expected: FAIL
+    expected: TIMEOUT
diff --git a/tests/wpt/metadata-layout-2020/html/browsers/browsing-the-web/navigating-across-documents/replace-before-load/form-submit.html.ini b/tests/wpt/metadata-layout-2020/html/browsers/browsing-the-web/navigating-across-documents/replace-before-load/form-submit.html.ini
index f18f914e4a4..16371ab858d 100644
--- a/tests/wpt/metadata-layout-2020/html/browsers/browsing-the-web/navigating-across-documents/replace-before-load/form-submit.html.ini
+++ b/tests/wpt/metadata-layout-2020/html/browsers/browsing-the-web/navigating-across-documents/replace-before-load/form-submit.html.ini
@@ -1,3 +1,4 @@
 [form-submit.html]
+  expected: TIMEOUT
   [Replace before load, triggered by formElement.submit()]
-    expected: FAIL
+    expected: TIMEOUT
diff --git a/tests/wpt/metadata-layout-2020/html/browsers/history/the-history-interface/traverse_the_history_4.html.ini b/tests/wpt/metadata-layout-2020/html/browsers/history/the-history-interface/traverse_the_history_2.html.ini
similarity index 71%
rename from tests/wpt/metadata-layout-2020/html/browsers/history/the-history-interface/traverse_the_history_4.html.ini
rename to tests/wpt/metadata-layout-2020/html/browsers/history/the-history-interface/traverse_the_history_2.html.ini
index d6188c03424..5d17a8e9419 100644
--- a/tests/wpt/metadata-layout-2020/html/browsers/history/the-history-interface/traverse_the_history_4.html.ini
+++ b/tests/wpt/metadata-layout-2020/html/browsers/history/the-history-interface/traverse_the_history_2.html.ini
@@ -1,3 +1,3 @@
-[traverse_the_history_4.html]
+[traverse_the_history_2.html]
   [Multiple history traversals, last would be aborted]
     expected: FAIL
diff --git a/tests/wpt/metadata-layout-2020/html/interaction/focus/the-autofocus-attribute/update-the-rendering.html.ini b/tests/wpt/metadata-layout-2020/html/interaction/focus/the-autofocus-attribute/update-the-rendering.html.ini
new file mode 100644
index 00000000000..d30d032e7b5
--- /dev/null
+++ b/tests/wpt/metadata-layout-2020/html/interaction/focus/the-autofocus-attribute/update-the-rendering.html.ini
@@ -0,0 +1,4 @@
+[update-the-rendering.html]
+  expected: TIMEOUT
+  ["Flush autofocus candidates" should be happen before a scroll event and animation frame callbacks]
+    expected: TIMEOUT
diff --git a/tests/wpt/metadata-layout-2020/html/semantics/embedded-content/the-iframe-element/iframe_sandbox_popups_escaping-1.html.ini b/tests/wpt/metadata-layout-2020/html/semantics/embedded-content/the-iframe-element/iframe_sandbox_popups_escaping-1.html.ini
index 7d28d586f51..24903b5f66f 100644
--- a/tests/wpt/metadata-layout-2020/html/semantics/embedded-content/the-iframe-element/iframe_sandbox_popups_escaping-1.html.ini
+++ b/tests/wpt/metadata-layout-2020/html/semantics/embedded-content/the-iframe-element/iframe_sandbox_popups_escaping-1.html.ini
@@ -1,3 +1,4 @@
 [iframe_sandbox_popups_escaping-1.html]
+  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
diff --git a/tests/wpt/metadata-layout-2020/html/semantics/embedded-content/the-iframe-element/iframe_sandbox_popups_nonescaping-1.html.ini b/tests/wpt/metadata-layout-2020/html/semantics/embedded-content/the-iframe-element/iframe_sandbox_popups_nonescaping-1.html.ini
index bbc1f35d8d9..8822f4daba6 100644
--- a/tests/wpt/metadata-layout-2020/html/semantics/embedded-content/the-iframe-element/iframe_sandbox_popups_nonescaping-1.html.ini
+++ b/tests/wpt/metadata-layout-2020/html/semantics/embedded-content/the-iframe-element/iframe_sandbox_popups_nonescaping-1.html.ini
@@ -1,3 +1,4 @@
 [iframe_sandbox_popups_nonescaping-1.html]
+  expected: CRASH
   [Check that popups from a sandboxed iframe do not escape the sandbox]
     expected: FAIL
diff --git a/tests/wpt/metadata-layout-2020/html/semantics/embedded-content/the-iframe-element/iframe_sandbox_popups_nonescaping-3.html.ini b/tests/wpt/metadata-layout-2020/html/semantics/embedded-content/the-iframe-element/iframe_sandbox_popups_nonescaping-3.html.ini
index 7a36937927c..d5fd800f09d 100644
--- a/tests/wpt/metadata-layout-2020/html/semantics/embedded-content/the-iframe-element/iframe_sandbox_popups_nonescaping-3.html.ini
+++ b/tests/wpt/metadata-layout-2020/html/semantics/embedded-content/the-iframe-element/iframe_sandbox_popups_nonescaping-3.html.ini
@@ -1,4 +1,4 @@
 [iframe_sandbox_popups_nonescaping-3.html]
+  expected: TIMEOUT
   [Check that popups from a sandboxed iframe do not escape the sandbox]
-    expected: FAIL
-
+    expected: NOTRUN
diff --git a/tests/wpt/metadata-layout-2020/html/semantics/embedded-content/the-img-element/non-active-document.html.ini b/tests/wpt/metadata-layout-2020/html/semantics/embedded-content/the-img-element/non-active-document.html.ini
index 47b45e65a1c..3cdeb8ebcbc 100644
--- a/tests/wpt/metadata-layout-2020/html/semantics/embedded-content/the-img-element/non-active-document.html.ini
+++ b/tests/wpt/metadata-layout-2020/html/semantics/embedded-content/the-img-element/non-active-document.html.ini
@@ -1,9 +1,3 @@
 [non-active-document.html]
   [DOMParser]
     expected: FAIL
-
-  [createHTMLDocument]
-    expected: FAIL
-
-  [<template>]
-    expected: FAIL
diff --git a/tests/wpt/metadata-layout-2020/html/semantics/forms/form-submission-0/text-plain.window.js.ini b/tests/wpt/metadata-layout-2020/html/semantics/forms/form-submission-0/text-plain.window.js.ini
index 0a2a5ec1b05..01a164569ff 100644
--- a/tests/wpt/metadata-layout-2020/html/semantics/forms/form-submission-0/text-plain.window.js.ini
+++ b/tests/wpt/metadata-layout-2020/html/semantics/forms/form-submission-0/text-plain.window.js.ini
@@ -2,9 +2,6 @@
   [text/plain: Basic test (normal form)]
     expected: FAIL
 
-  [text/plain: Basic test (formdata event)]
-    expected: FAIL
-
   [text/plain: Basic File test (normal form)]
     expected: FAIL
 
diff --git a/tests/wpt/metadata-layout-2020/html/semantics/forms/historical.html.ini b/tests/wpt/metadata-layout-2020/html/semantics/forms/historical.html.ini
new file mode 100644
index 00000000000..5d8289307cc
--- /dev/null
+++ b/tests/wpt/metadata-layout-2020/html/semantics/forms/historical.html.ini
@@ -0,0 +1,3 @@
+[historical.html]
+  [<input name=isindex> should not be supported]
+    expected: FAIL
diff --git a/tests/wpt/metadata-layout-2020/html/semantics/links/links-created-by-a-and-area-elements/htmlanchorelement_noopener.html.ini b/tests/wpt/metadata-layout-2020/html/semantics/links/links-created-by-a-and-area-elements/htmlanchorelement_noopener.html.ini
index a88d2c8f411..e0d30013daf 100644
--- a/tests/wpt/metadata-layout-2020/html/semantics/links/links-created-by-a-and-area-elements/htmlanchorelement_noopener.html.ini
+++ b/tests/wpt/metadata-layout-2020/html/semantics/links/links-created-by-a-and-area-elements/htmlanchorelement_noopener.html.ini
@@ -7,7 +7,7 @@
     expected: FAIL
 
   [Check that rel=noopener with target=_parent does a normal load]
-    expected: NOTRUN
+    expected: FAIL
 
   [Check that rel=noopener with target=_self does a normal load]
     expected: NOTRUN
diff --git a/tests/wpt/metadata-layout-2020/html/syntax/parsing/DOMContentLoaded-defer.html.ini b/tests/wpt/metadata-layout-2020/html/syntax/parsing/DOMContentLoaded-defer.html.ini
deleted file mode 100644
index b8bdf33cb65..00000000000
--- a/tests/wpt/metadata-layout-2020/html/syntax/parsing/DOMContentLoaded-defer.html.ini
+++ /dev/null
@@ -1,3 +0,0 @@
-[DOMContentLoaded-defer.html]
-  [The end: DOMContentLoaded and defer scripts]
-    expected: FAIL
diff --git a/tests/wpt/metadata-layout-2020/webaudio/the-audio-api/the-audiocontext-interface/audiocontext-not-fully-active.html.ini b/tests/wpt/metadata-layout-2020/webaudio/the-audio-api/the-audiocontext-interface/audiocontext-not-fully-active.html.ini
index eed03df37f3..b7537329068 100644
--- a/tests/wpt/metadata-layout-2020/webaudio/the-audio-api/the-audiocontext-interface/audiocontext-not-fully-active.html.ini
+++ b/tests/wpt/metadata-layout-2020/webaudio/the-audio-api/the-audiocontext-interface/audiocontext-not-fully-active.html.ini
@@ -1,4 +1,5 @@
 [audiocontext-not-fully-active.html]
+  expected: TIMEOUT
   [frame in navigated remote-site frame]
     expected: FAIL
 
diff --git a/tests/wpt/metadata-layout-2020/webaudio/the-audio-api/the-audiocontext-interface/audiocontextoptions.html.ini b/tests/wpt/metadata-layout-2020/webaudio/the-audio-api/the-audiocontext-interface/audiocontextoptions.html.ini
index 1fdde19ecc9..37dd5b66269 100644
--- a/tests/wpt/metadata-layout-2020/webaudio/the-audio-api/the-audiocontext-interface/audiocontextoptions.html.ini
+++ b/tests/wpt/metadata-layout-2020/webaudio/the-audio-api/the-audiocontext-interface/audiocontextoptions.html.ini
@@ -1,5 +1,5 @@
 [audiocontextoptions.html]
-  expected: CRASH
+  expected: TIMEOUT
   [X context = new AudioContext({sampleRate: 1}) did not throw an exception.]
     expected: FAIL
 
@@ -11,4 +11,3 @@
 
   [< [test-audiocontextoptions-sampleRate\] 2 out of 4 assertions were failed.]
     expected: FAIL
-
diff --git a/tests/wpt/metadata-layout-2020/webmessaging/without-ports/017.html.ini b/tests/wpt/metadata-layout-2020/webmessaging/without-ports/017.html.ini
new file mode 100644
index 00000000000..c7946fc91b4
--- /dev/null
+++ b/tests/wpt/metadata-layout-2020/webmessaging/without-ports/017.html.ini
@@ -0,0 +1,4 @@
+[017.html]
+  expected: TIMEOUT
+  [origin of the script that invoked the method, about:blank]
+    expected: TIMEOUT
diff --git a/tests/wpt/metadata-layout-2020/workers/constructors/Worker/Worker-constructor.html.ini b/tests/wpt/metadata-layout-2020/workers/constructors/Worker/Worker-constructor.html.ini
deleted file mode 100644
index 80f9a4f15b8..00000000000
--- a/tests/wpt/metadata-layout-2020/workers/constructors/Worker/Worker-constructor.html.ini
+++ /dev/null
@@ -1,2 +0,0 @@
-[Worker-constructor.html]
-  expected: ERROR
diff --git a/tests/wpt/metadata/MANIFEST.json b/tests/wpt/metadata/MANIFEST.json
index df0e052a45d..18568c385e2 100644
--- a/tests/wpt/metadata/MANIFEST.json
+++ b/tests/wpt/metadata/MANIFEST.json
@@ -975,6 +975,13 @@
         {}
        ]
       ],
+      "tall-padding-crash.html": [
+       "2b588586bfb8c5c06d300313c4fcc8f003c891a4",
+       [
+        null,
+        {}
+       ]
+      ],
       "zero-height-repeated-footer-crash.html": [
        "4feca8344b75f5702e398a2d2b00ce9d94a8bd9b",
        [
@@ -2408,6 +2415,20 @@
         {}
        ]
       ],
+      "spanner-in-inline-after-very-tall-content-001.html": [
+       "6f3cb5c553e9e5d9f197d7367ac21c1b8484739f",
+       [
+        null,
+        {}
+       ]
+      ],
+      "spanner-in-inline-after-very-tall-content-002.html": [
+       "0a68ec828866759df9ab237440ec90522a94c601",
+       [
+        null,
+        {}
+       ]
+      ],
       "spanner-in-overflowed-container-before-float.html": [
        "c15d8aa0faf159d25f87dc76df745e18318ccc61",
        [
@@ -3507,6 +3528,22 @@
       ]
      ]
     },
+    "css-view-transitions": {
+     "get-computed-style-crash.html": [
+      "38cd5af7f83d60976f9712e446a55d11fe07160e",
+      [
+       null,
+       {}
+      ]
+     ],
+     "uncontained-transition-crash.html": [
+      "98632508aedc849999c760625f45ad2b54a829d0",
+      [
+       null,
+       {}
+      ]
+     ]
+    },
     "css-writing-modes": {
      "bidi-inline-fragment-crash.html": [
       "5d3796566b9c68abdc0defb016c1675d1ea8c9d0",
@@ -3878,6 +3915,13 @@
        {}
       ]
      ],
+     "delete-content-in-no-data-object.html": [
+      "749dba303be6dc688f3b73457825d66897dd55c9",
+      [
+       null,
+       {}
+      ]
+     ],
      "delete-in-dd-editing-host-after-selectall-with-focus.html": [
       "585cd17bb82d8b763168cb14b52fe7d18ec457aa",
       [
@@ -4018,6 +4062,13 @@
        {}
       ]
      ],
+     "inserthorizontalrule-with-selecting-text-in-document-element.html": [
+      "c46b0359e86d4b3d4f0c317260d0ad63d24ec98d",
+      [
+       null,
+       {}
+      ]
+     ],
      "inserthtml-after-temporarily-removing-document-element.html": [
       "7245fe3ddcc44d2c2a1485131ced5bde5cc927e5",
       [
@@ -271242,6 +271293,1388 @@
       ]
      ]
     },
+    "css-view-transitions": {
+     "3d-transform-incoming.html": [
+      "1c3a20debbcb42dbedd8fc1e5c428d055a0bf5f3",
+      [
+       null,
+       [
+        [
+         "/css/css-view-transitions/3d-transform-incoming-ref.html",
+         "=="
+        ]
+       ],
+       {
+        "fuzzy": [
+         [
+          [
+           "/css/css-view-transitions/3d-transform-incoming.html",
+           "/css/css-view-transitions/3d-transform-incoming-ref.html",
+           "=="
+          ],
+          [
+           [
+            0,
+            80
+           ],
+           [
+            0,
+            500
+           ]
+          ]
+         ]
+        ]
+       }
+      ]
+     ],
+     "3d-transform-outgoing.html": [
+      "2a2319830afdd5c50c20de8d514b5a729d54014e",
+      [
+       null,
+       [
+        [
+         "/css/css-view-transitions/3d-transform-outgoing-ref.html",
+         "=="
+        ]
+       ],
+       {
+        "fuzzy": [
+         [
+          [
+           "/css/css-view-transitions/3d-transform-outgoing.html",
+           "/css/css-view-transitions/3d-transform-outgoing-ref.html",
+           "=="
+          ],
+          [
+           [
+            0,
+            255
+           ],
+           [
+            0,
+            1200
+           ]
+          ]
+         ]
+        ]
+       }
+      ]
+     ],
+     "content-smaller-than-box-size.html": [
+      "f87a18cc4c34df1f236ca6697cc3962b34615c09",
+      [
+       null,
+       [
+        [
+         "/css/css-view-transitions/content-smaller-than-box-size-ref.html",
+         "=="
+        ]
+       ],
+       {}
+      ]
+     ],
+     "content-visibility-auto-shared-element.html": [
+      "b1282058da04b226e24e40532f7c6dccd8c68720",
+      [
+       null,
+       [
+        [
+         "/css/css-view-transitions/content-visibility-auto-shared-element-ref.html",
+         "=="
+        ]
+       ],
+       {}
+      ]
+     ],
+     "content-with-clip-max-texture-size.html": [
+      "dd71e7cb1969c09d519284b7d6ec310811224d00",
+      [
+       null,
+       [
+        [
+         "/css/css-view-transitions/content-with-clip-max-texture-size-ref.html",
+         "=="
+        ]
+       ],
+       {
+        "fuzzy": [
+         [
+          null,
+          [
+           [
+            10,
+            10
+           ],
+           [
+            200,
+            200
+           ]
+          ]
+         ]
+        ]
+       }
+      ]
+     ],
+     "content-with-clip-root.html": [
+      "c014a8c3e2e82a88ca955ff2b2009422a16e3528",
+      [
+       null,
+       [
+        [
+         "/css/css-view-transitions/content-with-clip-root-ref.html",
+         "=="
+        ]
+       ],
+       {}
+      ]
+     ],
+     "content-with-clip.html": [
+      "d84b614256b643554ac2b37e349ef9774851792a",
+      [
+       null,
+       [
+        [
+         "/css/css-view-transitions/content-with-clip-ref.html",
+         "=="
+        ]
+       ],
+       {}
+      ]
+     ],
+     "content-with-inline-child.html": [
+      "e195f5ff86188b5bc437fced9cc0fc4bb250254c",
+      [
+       null,
+       [
+        [
+         "/css/css-view-transitions/content-with-inline-child-ref.html",
+         "=="
+        ]
+       ],
+       {}
+      ]
+     ],
+     "content-with-transform-new-image.html": [
+      "31cd1882b6f133296b39ff3f0c6359adce1acde9",
+      [
+       null,
+       [
+        [
+         "/css/css-view-transitions/content-with-transform-ref.html",
+         "=="
+        ]
+       ],
+       {
+        "fuzzy": [
+         [
+          [
+           "/css/css-view-transitions/content-with-transform-new-image.html",
+           "/css/css-view-transitions/content-with-transform-ref.html",
+           "=="
+          ],
+          [
+           [
+            0,
+            1
+           ],
+           [
+            0,
+            500
+           ]
+          ]
+         ]
+        ]
+       }
+      ]
+     ],
+     "content-with-transform-old-image.html": [
+      "445e1b80b2767bfc43d7e0d339184ed93d5f0359",
+      [
+       null,
+       [
+        [
+         "/css/css-view-transitions/content-with-transform-ref.html",
+         "=="
+        ]
+       ],
+       {
+        "fuzzy": [
+         [
+          [
+           "/css/css-view-transitions/content-with-transform-old-image.html",
+           "/css/css-view-transitions/content-with-transform-ref.html",
+           "=="
+          ],
+          [
+           [
+            0,
+            1
+           ],
+           [
+            0,
+            400
+           ]
+          ]
+         ]
+        ],
+        "timeout": "long"
+       }
+      ]
+     ],
+     "css-tags-paint-order-with-entry.html": [
+      "28a0d6b01a70050f994ebe07ede3572c74930e7c",
+      [
+       null,
+       [
+        [
+         "/css/css-view-transitions/css-tags-paint-order-with-entry-ref.html",
+         "=="
+        ]
+       ],
+       {
+        "fuzzy": [
+         [
+          [
+           "/css/css-view-transitions/css-tags-paint-order-with-entry.html",
+           "/css/css-view-transitions/css-tags-paint-order-with-entry-ref.html",
+           "=="
+          ],
+          [
+           [
+            0,
+            120
+           ],
+           [
+            0,
+            300
+           ]
+          ]
+         ]
+        ]
+       }
+      ]
+     ],
+     "css-tags-paint-order.html": [
+      "49c932337aa20a9ea202dd996d7afd2f7867b3d7",
+      [
+       null,
+       [
+        [
+         "/css/css-view-transitions/css-tags-paint-order-ref.html",
+         "=="
+        ]
+       ],
+       {}
+      ]
+     ],
+     "css-tags-shared-element.html": [
+      "b750a6b05a4da57018e6fd64404b8cf2f16e8032",
+      [
+       null,
+       [
+        [
+         "/css/css-view-transitions/css-tags-shared-element-ref.html",
+         "=="
+        ]
+       ],
+       {}
+      ]
+     ],
+     "element-with-overflow.html": [
+      "188e00d309677b26d4a05a8f6395fdcf2ee8952d",
+      [
+       null,
+       [
+        [
+         "/css/css-view-transitions/element-with-overflow-ref.html",
+         "=="
+        ]
+       ],
+       {}
+      ]
+     ],
+     "far-away-capture.html": [
+      "75e3bdf7515e9b28e6debb030969c1a522688b3e",
+      [
+       null,
+       [
+        [
+         "/css/css-view-transitions/far-away-capture-ref.html",
+         "=="
+        ]
+       ],
+       {
+        "fuzzy": [
+         [
+          [
+           "/css/css-view-transitions/far-away-capture.html",
+           "/css/css-view-transitions/far-away-capture-ref.html",
+           "=="
+          ],
+          [
+           [
+            0,
+            1
+           ],
+           [
+            0,
+            5
+           ]
+          ]
+         ]
+        ]
+       }
+      ]
+     ],
+     "hit-test-unpainted-element.html": [
+      "792ddc1a5d97da6c0d6177bb513d918d06e33423",
+      [
+       null,
+       [
+        [
+         "/css/css-view-transitions/hit-test-unpainted-element-ref.html",
+         "=="
+        ]
+       ],
+       {}
+      ]
+     ],
+     "hit-test-unrelated-element.html": [
+      "3620e5ea5514b8681b68da8a0a41952e507561c2",
+      [
+       null,
+       [
+        [
+         "/css/css-view-transitions/hit-test-unrelated-element-ref.html",
+         "=="
+        ]
+       ],
+       {}
+      ]
+     ],
+     "iframe-transition.sub.html": [
+      "9c64f9768ee5524a77c8db30b20480bf6c523c84",
+      [
+       null,
+       [
+        [
+         "/css/css-view-transitions/iframe-transition-ref.html",
+         "=="
+        ]
+       ],
+       {
+        "fuzzy": [
+         [
+          [
+           "/css/css-view-transitions/iframe-transition.sub.html",
+           "/css/css-view-transitions/iframe-transition-ref.html",
+           "=="
+          ],
+          [
+           [
+            0,
+            200
+           ],
+           [
+            0,
+            200
+           ]
+          ]
+         ]
+        ],
+        "timeout": "long"
+       }
+      ]
+     ],
+     "japanese-tag.html": [
+      "d9ad8c5797463fc4a81cde5460c665fc16806def",
+      [
+       null,
+       [
+        [
+         "/css/css-view-transitions/japanese-tag-ref.html",
+         "=="
+        ]
+       ],
+       {}
+      ]
+     ],
+     "new-and-old-sizes-match.html": [
+      "9eeb8364ab054e8d3ec30bf78e63b234940f8d4c",
+      [
+       null,
+       [
+        [
+         "/css/css-view-transitions/new-and-old-sizes-match-ref.html",
+         "=="
+        ]
+       ],
+       {
+        "fuzzy": [
+         [
+          [
+           "/css/css-view-transitions/new-and-old-sizes-match.html",
+           "/css/css-view-transitions/new-and-old-sizes-match-ref.html",
+           "=="
+          ],
+          [
+           [
+            0,
+            1
+           ],
+           [
+            0,
+            300
+           ]
+          ]
+         ]
+        ]
+       }
+      ]
+     ],
+     "new-content-captures-clip-path.html": [
+      "0e78e0f0ef07fbea655d371b145d2917b247bbaf",
+      [
+       null,
+       [
+        [
+         "/css/css-view-transitions/new-content-captures-clip-path-ref.html",
+         "=="
+        ]
+       ],
+       {
+        "fuzzy": [
+         [
+          [
+           "/css/css-view-transitions/new-content-captures-clip-path.html",
+           "/css/css-view-transitions/new-content-captures-clip-path-ref.html",
+           "=="
+          ],
+          [
+           [
+            0,
+            1
+           ],
+           [
+            0,
+            500
+           ]
+          ]
+         ]
+        ]
+       }
+      ]
+     ],
+     "new-content-captures-different-size.html": [
+      "1cd57f99400c05d51e053fbe8b628b71df2fd3a4",
+      [
+       null,
+       [
+        [
+         "/css/css-view-transitions/new-content-captures-different-size-ref.html",
+         "=="
+        ]
+       ],
+       {
+        "fuzzy": [
+         [
+          [
+           "/css/css-view-transitions/new-content-captures-different-size.html",
+           "/css/css-view-transitions/new-content-captures-different-size-ref.html",
+           "=="
+          ],
+          [
+           [
+            0,
+            40
+           ],
+           [
+            0,
+            30000
+           ]
+          ]
+         ]
+        ],
+        "timeout": "long"
+       }
+      ]
+     ],
+     "new-content-captures-opacity.html": [
+      "15ac0b6b99f4ed44964163c59c9ad07b14be7533",
+      [
+       null,
+       [
+        [
+         "/css/css-view-transitions/new-content-captures-opacity-ref.html",
+         "=="
+        ]
+       ],
+       {}
+      ]
+     ],
+     "new-content-captures-root.html": [
+      "d2944ef2a911f7980475708a7e2ff32d45bc1ad0",
+      [
+       null,
+       [
+        [
+         "/css/css-view-transitions/new-content-captures-root-ref.html",
+         "=="
+        ]
+       ],
+       {}
+      ]
+     ],
+     "new-content-container-writing-modes.html": [
+      "51847e57acc2a72efb9b9d661885c7b20b377c0a",
+      [
+       null,
+       [
+        [
+         "/css/css-view-transitions/new-content-container-writing-modes-ref.html",
+         "=="
+        ]
+       ],
+       {}
+      ]
+     ],
+     "new-content-element-writing-modes.html": [
+      "4c2268ffc0de78dbd82a253443789ff3b50b5d52",
+      [
+       null,
+       [
+        [
+         "/css/css-view-transitions/new-content-element-writing-modes-ref.html",
+         "=="
+        ]
+       ],
+       {}
+      ]
+     ],
+     "new-content-has-scrollbars.html": [
+      "6f4066a23037b471b5b02f20145925270f5b2ab0",
+      [
+       null,
+       [
+        [
+         "/css/css-view-transitions/new-content-has-scrollbars-ref.html",
+         "=="
+        ]
+       ],
+       {
+        "fuzzy": [
+         [
+          [
+           "/css/css-view-transitions/new-content-has-scrollbars.html",
+           "/css/css-view-transitions/new-content-has-scrollbars-ref.html",
+           "=="
+          ],
+          [
+           [
+            0,
+            40
+           ],
+           [
+            0,
+            30000
+           ]
+          ]
+         ]
+        ],
+        "timeout": "long"
+       }
+      ]
+     ],
+     "new-content-intrinsic-aspect-ratio.html": [
+      "88eeddcc80b163d273d9194df5931b0be3f1377d",
+      [
+       null,
+       [
+        [
+         "/css/css-view-transitions/intrinsic-aspect-ratio-ref.html",
+         "=="
+        ]
+       ],
+       {}
+      ]
+     ],
+     "new-content-is-empty-div.html": [
+      "576c96181bacdea0ee4f0207c065eb7a4cf3d8d5",
+      [
+       null,
+       [
+        [
+         "/css/css-view-transitions/new-content-is-empty-div-ref.html",
+         "=="
+        ]
+       ],
+       {}
+      ]
+     ],
+     "new-content-object-fit-fill.html": [
+      "47c7f77cd0f31232c60041abd57e5db3e9237c02",
+      [
+       null,
+       [
+        [
+         "/css/css-view-transitions/content-object-fit-fill-ref.html",
+         "=="
+        ]
+       ],
+       {
+        "fuzzy": [
+         [
+          [
+           "/css/css-view-transitions/new-content-object-fit-fill.html",
+           "/css/css-view-transitions/content-object-fit-fill-ref.html",
+           "=="
+          ],
+          [
+           [
+            0,
+            60
+           ],
+           [
+            0,
+            20
+           ]
+          ]
+         ]
+        ]
+       }
+      ]
+     ],
+     "new-content-object-fit-none.html": [
+      "be477691013fd76c0959848372c4d4a03ac07149",
+      [
+       null,
+       [
+        [
+         "/css/css-view-transitions/content-object-fit-none-ref.html",
+         "=="
+        ]
+       ],
+       {}
+      ]
+     ],
+     "new-content-object-view-box-clip-path-reference.html": [
+      "6e28a130c86c386623d029dfe366afb636960177",
+      [
+       null,
+       [
+        [
+         "/css/css-view-transitions/new-content-object-view-box-clip-path-reference-ref.html",
+         "=="
+        ]
+       ],
+       {}
+      ]
+     ],
+     "new-content-object-view-box-clip-path.html": [
+      "0a56ae220dd37c1c0a5ad988b9a35245efd698a5",
+      [
+       null,
+       [
+        [
+         "/css/css-view-transitions/new-content-object-view-box-clip-path-ref.html",
+         "=="
+        ]
+       ],
+       {}
+      ]
+     ],
+     "new-content-object-view-box-overflow-clipped.html": [
+      "7f10f4105d1f46a8ce2ff2a427001d268beefba5",
+      [
+       null,
+       [
+        [
+         "/css/css-view-transitions/new-content-object-view-box-overflow-clipped-ref.html",
+         "=="
+        ]
+       ],
+       {}
+      ]
+     ],
+     "new-content-object-view-box-overflow.html": [
+      "8031c5b7afdad87e6c33d179db192c1866c03757",
+      [
+       null,
+       [
+        [
+         "/css/css-view-transitions/new-content-object-view-box-overflow-ref.html",
+         "=="
+        ]
+       ],
+       {}
+      ]
+     ],
+     "new-content-scaling.html": [
+      "480479ba1f2d6433168bab5df66884beac54b2ec",
+      [
+       null,
+       [
+        [
+         "/css/css-view-transitions/new-content-scaling-ref.html",
+         "=="
+        ]
+       ],
+       {
+        "fuzzy": [
+         [
+          [
+           "/css/css-view-transitions/new-content-scaling.html",
+           "/css/css-view-transitions/new-content-scaling-ref.html",
+           "=="
+          ],
+          [
+           [
+            0,
+            16
+           ],
+           [
+            0,
+            400
+           ]
+          ]
+         ]
+        ]
+       }
+      ]
+     ],
+     "new-content-with-overflow-zoomed.html": [
+      "a7a212318ecb13237d7eec620e3196f05593b96c",
+      [
+       null,
+       [
+        [
+         "/css/css-view-transitions/content-with-overflow-zoomed-ref.html",
+         "=="
+        ]
+       ],
+       {}
+      ]
+     ],
+     "new-content-with-overflow.html": [
+      "093267f62c2f2bececd569b81f16f0bab6ec0bf5",
+      [
+       null,
+       [
+        [
+         "/css/css-view-transitions/content-with-overflow-ref.html",
+         "=="
+        ]
+       ],
+       {}
+      ]
+     ],
+     "new-element-on-start.html": [
+      "52a7fc920eadfb1563f177bf469c39c859317d35",
+      [
+       null,
+       [
+        [
+         "/css/css-view-transitions/new-element-on-start-ref.html",
+         "=="
+        ]
+       ],
+       {}
+      ]
+     ],
+     "new-root-vertical-writing-mode.html": [
+      "393d05220cf72265149c8c76bfc892859fa76442",
+      [
+       null,
+       [
+        [
+         "/css/css-view-transitions/new-root-vertical-writing-mode-ref.html",
+         "=="
+        ]
+       ],
+       {}
+      ]
+     ],
+     "no-root-capture.html": [
+      "01033ce00afdb6ab9fb9fca2502bca3fd91d8d32",
+      [
+       null,
+       [
+        [
+         "/css/css-view-transitions/no-root-capture-ref.html",
+         "=="
+        ]
+       ],
+       {}
+      ]
+     ],
+     "nothing-captured.html": [
+      "acb818e5f87b35fc0ad0c6c1cf3392f55b34ad9e",
+      [
+       null,
+       [
+        [
+         "/css/css-view-transitions/nothing-captured-ref.html",
+         "=="
+        ]
+       ],
+       {}
+      ]
+     ],
+     "object-view-box-new-image.html": [
+      "415f18d053164d91ac18b3f97f3edacda0659e2b",
+      [
+       null,
+       [
+        [
+         "/css/css-view-transitions/object-view-box-ref.html",
+         "=="
+        ]
+       ],
+       {}
+      ]
+     ],
+     "object-view-box-old-image.html": [
+      "2423ff3fd5fdf53b803e359eff610d7844c65ff1",
+      [
+       null,
+       [
+        [
+         "/css/css-view-transitions/object-view-box-ref.html",
+         "=="
+        ]
+       ],
+       {
+        "fuzzy": [
+         [
+          [
+           "/css/css-view-transitions/object-view-box-old-image.html",
+           "/css/css-view-transitions/object-view-box-ref.html",
+           "=="
+          ],
+          [
+           [
+            0,
+            1
+           ],
+           [
+            0,
+            300
+           ]
+          ]
+         ]
+        ],
+        "timeout": "long"
+       }
+      ]
+     ],
+     "old-content-captures-clip-path.html": [
+      "3fa29ebb4bced69fa779bc8ea782d04e84517ac7",
+      [
+       null,
+       [
+        [
+         "/css/css-view-transitions/old-content-captures-clip-path-ref.html",
+         "=="
+        ]
+       ],
+       {}
+      ]
+     ],
+     "old-content-captures-different-size.html": [
+      "be401fdef749196d4f2211bcb99e2b9b45247778",
+      [
+       null,
+       [
+        [
+         "/css/css-view-transitions/old-content-captures-different-size-ref.html",
+         "=="
+        ]
+       ],
+       {
+        "fuzzy": [
+         [
+          [
+           "/css/css-view-transitions/old-content-captures-different-size.html",
+           "/css/css-view-transitions/old-content-captures-different-size-ref.html",
+           "=="
+          ],
+          [
+           [
+            0,
+            40
+           ],
+           [
+            0,
+            30000
+           ]
+          ]
+         ]
+        ],
+        "timeout": "long"
+       }
+      ]
+     ],
+     "old-content-captures-opacity.html": [
+      "8aaf4de053afda6f924d1f618e8710df5a817c14",
+      [
+       null,
+       [
+        [
+         "/css/css-view-transitions/old-content-captures-opacity-ref.html",
+         "=="
+        ]
+       ],
+       {
+        "fuzzy": [
+         [
+          [
+           "/css/css-view-transitions/old-content-captures-opacity.html",
+           "/css/css-view-transitions/old-content-captures-opacity-ref.html",
+           "=="
+          ],
+          [
+           [
+            0,
+            1
+           ],
+           [
+            0,
+            50000
+           ]
+          ]
+         ]
+        ]
+       }
+      ]
+     ],
+     "old-content-captures-root.html": [
+      "9129258fcaf7d998b95da57344024189bbf5e146",
+      [
+       null,
+       [
+        [
+         "/css/css-view-transitions/old-content-captures-root-ref.html",
+         "=="
+        ]
+       ],
+       {
+        "fuzzy": [
+         [
+          [
+           "/css/css-view-transitions/old-content-captures-root.html",
+           "/css/css-view-transitions/old-content-captures-root-ref.html",
+           "=="
+          ],
+          [
+           [
+            0,
+            1
+           ],
+           [
+            0,
+            500
+           ]
+          ]
+         ]
+        ]
+       }
+      ]
+     ],
+     "old-content-container-writing-modes.html": [
+      "6f20465ff58e44c5e909b6d10ac4c8a421935b3d",
+      [
+       null,
+       [
+        [
+         "/css/css-view-transitions/old-content-container-writing-modes-ref.html",
+         "=="
+        ]
+       ],
+       {}
+      ]
+     ],
+     "old-content-element-writing-modes.html": [
+      "f22dcb7a54644d7860bd4d330b4ff9ce614ab67a",
+      [
+       null,
+       [
+        [
+         "/css/css-view-transitions/old-content-element-writing-modes-ref.html",
+         "=="
+        ]
+       ],
+       {}
+      ]
+     ],
+     "old-content-has-scrollbars.html": [
+      "477fff7451d810fc3563f788a547ea2ba1e78ac4",
+      [
+       null,
+       [
+        [
+         "/css/css-view-transitions/old-content-has-scrollbars-ref.html",
+         "=="
+        ]
+       ],
+       {
+        "fuzzy": [
+         [
+          [
+           "/css/css-view-transitions/old-content-has-scrollbars.html",
+           "/css/css-view-transitions/old-content-has-scrollbars-ref.html",
+           "=="
+          ],
+          [
+           [
+            0,
+            40
+           ],
+           [
+            0,
+            30000
+           ]
+          ]
+         ]
+        ],
+        "timeout": "long"
+       }
+      ]
+     ],
+     "old-content-intrinsic-aspect-ratio.html": [
+      "55436b8071213dabbdf0345a410605b341ff12fa",
+      [
+       null,
+       [
+        [
+         "/css/css-view-transitions/intrinsic-aspect-ratio-ref.html",
+         "=="
+        ]
+       ],
+       {}
+      ]
+     ],
+     "old-content-is-empty-div.html": [
+      "ced52af8fc5896609748407c84668aede14ad8b1",
+      [
+       null,
+       [
+        [
+         "/css/css-view-transitions/old-content-is-empty-div-ref.html",
+         "=="
+        ]
+       ],
+       {}
+      ]
+     ],
+     "old-content-object-fit-fill.html": [
+      "587c05c0cb189e03d6966f7f7ed0080a282434f5",
+      [
+       null,
+       [
+        [
+         "/css/css-view-transitions/content-object-fit-fill-ref.html",
+         "=="
+        ]
+       ],
+       {
+        "fuzzy": [
+         [
+          [
+           "/css/css-view-transitions/old-content-object-fit-fill.html",
+           "/css/css-view-transitions/content-object-fit-fill-ref.html",
+           "=="
+          ],
+          [
+           [
+            0,
+            60
+           ],
+           [
+            0,
+            20
+           ]
+          ]
+         ]
+        ]
+       }
+      ]
+     ],
+     "old-content-object-fit-none.html": [
+      "71f3f5474876e533c297f08b454fe8a9635f4a42",
+      [
+       null,
+       [
+        [
+         "/css/css-view-transitions/content-object-fit-none-ref.html",
+         "=="
+        ]
+       ],
+       {}
+      ]
+     ],
+     "old-content-object-view-box-clip-path-reference.html": [
+      "375b0128cc5385a60577825f2d807e0d950d9639",
+      [
+       null,
+       [
+        [
+         "/css/css-view-transitions/old-content-object-view-box-clip-path-reference-ref.html",
+         "=="
+        ]
+       ],
+       {
+        "fuzzy": [
+         [
+          [
+           "/css/css-view-transitions/old-content-object-view-box-clip-path-reference.html",
+           "/css/css-view-transitions/old-content-object-view-box-clip-path-reference-ref.html",
+           "=="
+          ],
+          [
+           [
+            0,
+            1
+           ],
+           [
+            0,
+            100
+           ]
+          ]
+         ]
+        ]
+       }
+      ]
+     ],
+     "old-content-object-view-box-clip-path.html": [
+      "a4292558c7f932e08406f5cd670ade030f3fcf34",
+      [
+       null,
+       [
+        [
+         "/css/css-view-transitions/old-content-object-view-box-clip-path-ref.html",
+         "=="
+        ]
+       ],
+       {
+        "fuzzy": [
+         [
+          [
+           "/css/css-view-transitions/old-content-object-view-box-clip-path.html",
+           "/css/css-view-transitions/old-content-object-view-box-clip-path-ref.html",
+           "=="
+          ],
+          [
+           [
+            0,
+            1
+           ],
+           [
+            0,
+            30
+           ]
+          ]
+         ]
+        ]
+       }
+      ]
+     ],
+     "old-content-object-view-box-overflow.html": [
+      "8a83a7ea75418187a8736035c1c564284344a37e",
+      [
+       null,
+       [
+        [
+         "/css/css-view-transitions/old-content-object-view-box-overflow-ref.html",
+         "=="
+        ]
+       ],
+       {}
+      ]
+     ],
+     "old-content-with-overflow-zoomed.html": [
+      "6e6196e6539211632b9ff0629df74d3d59aecbff",
+      [
+       null,
+       [
+        [
+         "/css/css-view-transitions/content-with-overflow-zoomed-ref.html",
+         "=="
+        ]
+       ],
+       {}
+      ]
+     ],
+     "old-content-with-overflow.html": [
+      "3d8afc16e5208a0c472aa46eaffea750504c8ce9",
+      [
+       null,
+       [
+        [
+         "/css/css-view-transitions/content-with-overflow-ref.html",
+         "=="
+        ]
+       ],
+       {}
+      ]
+     ],
+     "old-root-vertical-writing-mode.html": [
+      "4fd610b7addd154413a60cd807c0cbbce3bbc18c",
+      [
+       null,
+       [
+        [
+         "/css/css-view-transitions/new-root-vertical-writing-mode-ref.html",
+         "=="
+        ]
+       ],
+       {}
+      ]
+     ],
+     "root-captured-as-different-tag.html": [
+      "36f60cfb520325bf993387c40e3ccf15778b43ac",
+      [
+       null,
+       [
+        [
+         "/css/css-view-transitions/old-content-captures-root-ref.html",
+         "=="
+        ]
+       ],
+       {
+        "fuzzy": [
+         [
+          [
+           "/css/css-view-transitions/root-captured-as-different-tag.html",
+           "/css/css-view-transitions/old-content-captures-root-ref.html",
+           "=="
+          ],
+          [
+           [
+            0,
+            1
+           ],
+           [
+            0,
+            500
+           ]
+          ]
+         ]
+        ]
+       }
+      ]
+     ],
+     "root-scrollbar-with-fixed-background.html": [
+      "52f35e7ed629646be62ee19149e6ef8b7eff914a",
+      [
+       null,
+       [
+        [
+         "/css/css-view-transitions/root-scrollbar-with-fixed-background-ref.html",
+         "=="
+        ]
+       ],
+       {}
+      ]
+     ],
+     "root-style-change-during-animation.html": [
+      "6a1786836a8e96ee350fa37ca3678fc5e16f965a",
+      [
+       null,
+       [
+        [
+         "/css/css-view-transitions/root-style-change-during-animation-ref.html",
+         "=="
+        ]
+       ],
+       {}
+      ]
+     ],
+     "root-to-shared-animation-end.html": [
+      "f24c300aef4cb97eed96b329e26ea810ef2553b9",
+      [
+       null,
+       [
+        [
+         "/css/css-view-transitions/root-to-shared-animation-end-ref.html",
+         "=="
+        ]
+       ],
+       {}
+      ]
+     ],
+     "root-to-shared-animation-incoming.html": [
+      "c2def74e24873b4af870a0120d5c6c88f2835f9f",
+      [
+       null,
+       [
+        [
+         "/css/css-view-transitions/root-to-shared-animation-incoming-ref.html",
+         "=="
+        ]
+       ],
+       {}
+      ]
+     ],
+     "root-to-shared-animation-start.html": [
+      "211985e7740f5b39c82e28ab95c37abce7e11419",
+      [
+       null,
+       [
+        [
+         "/css/css-view-transitions/root-to-shared-animation-start-ref.html",
+         "=="
+        ]
+       ],
+       {}
+      ]
+     ],
+     "set-universal-specificity.html": [
+      "95c0cfe04902bee1c538a8bb197ca02ac3f261c6",
+      [
+       null,
+       [
+        [
+         "/css/css-view-transitions/set-universal-specificity-ref.html",
+         "=="
+        ]
+       ],
+       {}
+      ]
+     ],
+     "web-animations-api.html": [
+      "0c7e485723a1b679fa912726d1a221c56b00774d",
+      [
+       null,
+       [
+        [
+         "/css/css-view-transitions/web-animations-api-ref.html",
+         "=="
+        ]
+       ],
+       {
+        "fuzzy": [
+         [
+          [
+           "/css/css-view-transitions/web-animations-api.html",
+           "/css/css-view-transitions/web-animations-api-ref.html",
+           "=="
+          ],
+          [
+           [
+            0,
+            2
+           ],
+           [
+            0,
+            500
+           ]
+          ]
+         ]
+        ]
+       }
+      ]
+     ]
+    },
     "css-will-change": {
      "will-change-abspos-cb-001.html": [
       "d59e443310fa84f94533c7b18ce67d6c82cf1fc7",
@@ -288704,6 +290137,19 @@
        {}
       ]
      ],
+     "mq-calc-008.html": [
+      "e9a6413b5b6da34aabc073ea8870d8358c2f92cd",
+      [
+       null,
+       [
+        [
+         "/css/reference/ref-filled-green-100px-square.xht",
+         "=="
+        ]
+       ],
+       {}
+      ]
+     ],
      "mq-case-insensitive-001.html": [
       "c851662343dcfcff5a0d39d37d849f9e0ff8c667",
       [
@@ -312046,7 +313492,7 @@
     }
    },
    ".gitignore": [
-    "d5b2da49defe7c32871d8e17605caa820d994e19",
+    "4f85ad3c52367e52f4b9d6c3a2bc24a49361da5b",
     []
    ],
    ".mailmap": [
@@ -387236,6 +388682,262 @@
       []
      ]
     },
+    "css-view-transitions": {
+     "3d-transform-incoming-ref.html": [
+      "a789b706efd155a9c66b0907413cab721bb7570a",
+      []
+     ],
+     "3d-transform-outgoing-ref.html": [
+      "0554cd3f4d9a69f06eb0c1e70687f41132d15567",
+      []
+     ],
+     "content-object-fit-fill-ref.html": [
+      "c8ba2ae154bb4bcc56fae3ae6c7a0434fb57ea7c",
+      []
+     ],
+     "content-object-fit-none-ref.html": [
+      "61ef73f28cbb0d23bde9e3235ce5ac9c963ad3cf",
+      []
+     ],
+     "content-smaller-than-box-size-ref.html": [
+      "836f6cf3abb70650a5742458516d505f639968e8",
+      []
+     ],
+     "content-visibility-auto-shared-element-ref.html": [
+      "f157e9e2f1e30de9cf6c8f0b4db41147ef37b289",
+      []
+     ],
+     "content-with-clip-max-texture-size-ref.html": [
+      "3c66ddbfe701de29b900234c3e9b8ae579c96816",
+      []
+     ],
+     "content-with-clip-ref.html": [
+      "b265afabc5e7c18b54ecb7f70030b2a1473db95a",
+      []
+     ],
+     "content-with-clip-root-ref.html": [
+      "1da6940c902a6164320feca65f9da2e502d54976",
+      []
+     ],
+     "content-with-inline-child-ref.html": [
+      "a805aac64bf02466602340c1fa1a1857310b07ab",
+      []
+     ],
+     "content-with-overflow-ref.html": [
+      "62282bd326a694ff480dc904bbbd5affee6fb4c3",
+      []
+     ],
+     "content-with-overflow-zoomed-ref.html": [
+      "a55fa30937a37131afdf842880eb72a4ea6d157f",
+      []
+     ],
+     "content-with-transform-ref.html": [
+      "629c8f0cc901a57b9df00742c3703e5ab056aafa",
+      []
+     ],
+     "css-tags-paint-order-ref.html": [
+      "98f26c06df4b5950c238e6dab9a0f7445d8d13a3",
+      []
+     ],
+     "css-tags-paint-order-with-entry-ref.html": [
+      "6a50ecbebf7e56e403ca71726e81f2e6e81023a8",
+      []
+     ],
+     "css-tags-shared-element-ref.html": [
+      "659d1d52786ff8ce473cfdb2a162b9fb612b0544",
+      []
+     ],
+     "element-with-overflow-ref.html": [
+      "523c8616a6666ddfab4dcf3b02dced31523a92b5",
+      []
+     ],
+     "far-away-capture-ref.html": [
+      "f5a034328fd7accc148bdbd44f811519b46c2619",
+      []
+     ],
+     "hit-test-unpainted-element-ref.html": [
+      "fb73bb91fbc87ec79fa7d9ffee6567eef8f64dfe",
+      []
+     ],
+     "hit-test-unrelated-element-ref.html": [
+      "9d236466d6145e4337147b8393e3fe937a41a2a0",
+      []
+     ],
+     "iframe-transition-ref.html": [
+      "da1821e1d8323335b829e2e18df9362b3a790c97",
+      []
+     ],
+     "intrinsic-aspect-ratio-ref.html": [
+      "b2f63928e4010a78f2b7a77484122f876b3c2795",
+      []
+     ],
+     "japanese-tag-ref.html": [
+      "8b351feaed48ab06a5708fc0a9086b0cb6567197",
+      []
+     ],
+     "new-and-old-sizes-match-ref.html": [
+      "5a645bc788c756c86b45d443d7ff9c2c049fcbc5",
+      []
+     ],
+     "new-content-captures-clip-path-ref.html": [
+      "0275e1a2546b98821a3520aafc37cb61e6764388",
+      []
+     ],
+     "new-content-captures-different-size-ref.html": [
+      "88d7f9963f8f4dc52f4893e0e299b0e5da707ab8",
+      []
+     ],
+     "new-content-captures-opacity-ref.html": [
+      "4fdd41c2d63421872f0a2a85f07c4020baead257",
+      []
+     ],
+     "new-content-captures-root-ref.html": [
+      "5b5842b630221e39ce019ecb2171f593cfe03331",
+      []
+     ],
+     "new-content-container-writing-modes-ref.html": [
+      "e889195b8ccabc627287ea17ca481a3f0113bf94",
+      []
+     ],
+     "new-content-element-writing-modes-ref.html": [
+      "58bcdc44cc0d5c5d24551fa69d6b07addea49a03",
+      []
+     ],
+     "new-content-has-scrollbars-ref.html": [
+      "e7e2f71b430f44ccaa87c4d5a409cb3ec11099fd",
+      []
+     ],
+     "new-content-is-empty-div-ref.html": [
+      "ab70b830a5f58703e2a5f1ada41bb744ca0831d5",
+      []
+     ],
+     "new-content-object-view-box-clip-path-ref.html": [
+      "208284cc712fb81c3f97a6e16a541e9218faea9b",
+      []
+     ],
+     "new-content-object-view-box-clip-path-reference-ref.html": [
+      "394a80f3443cd342f995200c71755581058e9d51",
+      []
+     ],
+     "new-content-object-view-box-overflow-clipped-ref.html": [
+      "2b55f1537d8cca54e259cf19d0313fb9bf945f29",
+      []
+     ],
+     "new-content-object-view-box-overflow-ref.html": [
+      "2b55f1537d8cca54e259cf19d0313fb9bf945f29",
+      []
+     ],
+     "new-content-scaling-ref.html": [
+      "bcd195fc264de6f194f4f8a48597155a6dc4ac33",
+      []
+     ],
+     "new-element-on-start-ref.html": [
+      "b721b4d54eccf1c7c6fcab9e450d48a75f07bc29",
+      []
+     ],
+     "new-root-vertical-writing-mode-ref.html": [
+      "6a0f1c4f25ae28b6c2f2950aadca9584cf1a41c5",
+      []
+     ],
+     "no-root-capture-ref.html": [
+      "7d735626e06429bf34fb9a37571c2d576a08254a",
+      []
+     ],
+     "nothing-captured-ref.html": [
+      "7d735626e06429bf34fb9a37571c2d576a08254a",
+      []
+     ],
+     "object-view-box-ref.html": [
+      "1451e0d203bf5bcdf02558090064c019e2f81abe",
+      []
+     ],
+     "old-content-captures-clip-path-ref.html": [
+      "168f4d84090920f9d44334289dfad2528cf39cbe",
+      []
+     ],
+     "old-content-captures-different-size-ref.html": [
+      "9433681c753ac0c2611e20b3718a08be340b2e9b",
+      []
+     ],
+     "old-content-captures-opacity-ref.html": [
+      "10964ce9f1fa93e941ab38bea788d63818f5631d",
+      []
+     ],
+     "old-content-captures-root-ref.html": [
+      "1222d6440b304da2669974369395d3ffb9156f4a",
+      []
+     ],
+     "old-content-container-writing-modes-ref.html": [
+      "e0a18aa6ed1b079ad107e6e789f30e67af0a15ce",
+      []
+     ],
+     "old-content-element-writing-modes-ref.html": [
+      "8b351feaed48ab06a5708fc0a9086b0cb6567197",
+      []
+     ],
+     "old-content-has-scrollbars-ref.html": [
+      "ea7a0f7c149dbf8ec1abbbcf72afdd8a8f7c6103",
+      []
+     ],
+     "old-content-is-empty-div-ref.html": [
+      "b658d565354bd241727df8a31b76872e819d8556",
+      []
+     ],
+     "old-content-object-view-box-clip-path-ref.html": [
+      "208284cc712fb81c3f97a6e16a541e9218faea9b",
+      []
+     ],
+     "old-content-object-view-box-clip-path-reference-ref.html": [
+      "394a80f3443cd342f995200c71755581058e9d51",
+      []
+     ],
+     "old-content-object-view-box-overflow-ref.html": [
+      "2b55f1537d8cca54e259cf19d0313fb9bf945f29",
+      []
+     ],
+     "old-root-vertical-writing-mode-ref.html": [
+      "227db8a1327efd1207fee24b2a45a603d09fe6a6",
+      []
+     ],
+     "root-captured-as-different-tag-ref.html": [
+      "1222d6440b304da2669974369395d3ffb9156f4a",
+      []
+     ],
+     "root-scrollbar-with-fixed-background-ref.html": [
+      "d7014c4100963eb91771d6be2f2715523033941b",
+      []
+     ],
+     "root-style-change-during-animation-ref.html": [
+      "964b3b8d7e433836b32c70eae4b55aa93fb00fdd",
+      []
+     ],
+     "root-to-shared-animation-end-ref.html": [
+      "24b50fa65e1b181881df71ae498ec931ad682103",
+      []
+     ],
+     "root-to-shared-animation-incoming-ref.html": [
+      "3075d2480ca426f78ff6528a350144c27d66a319",
+      []
+     ],
+     "root-to-shared-animation-start-ref.html": [
+      "d04ab3f76773f51c8991a4ffa14f79168efe53ff",
+      []
+     ],
+     "set-universal-specificity-ref.html": [
+      "e6afd805fbb0167fc9ab7de4417d00ec70c55397",
+      []
+     ],
+     "support": {
+      "frame-helper.html": [
+       "d5bc43e7b820541b9f6e7c8cd5629fe0b08e7592",
+       []
+      ]
+     },
+     "web-animations-api-ref.html": [
+      "b97396c491f515885b0cfd1e778ea88cc9c8ea10",
+      []
+     ]
+    },
     "css-will-change": {
      "META.yml": [
       "8d265f24986c7af2b08a26741bbfa56f321bfbb3",
@@ -409740,7 +411442,7 @@
         []
        ],
        "popover-utils.js": [
-        "8f66dc0844975dec6fccf31e2fe35383dfdcd227",
+        "efc318b3c9fd34a7f473df52f2a548bfe5844a1f",
         []
        ]
       }
@@ -413463,7 +415165,7 @@
        []
       ],
       "test-helper.js": [
-       "e89b639ca042b28c09cfb852705df6d9eecfa600",
+       "d34869b01348ef873fff39ebbe69aad8c42e99b5",
        []
       ],
       "tricky-specifiers.json": [
@@ -415498,7 +417200,7 @@
     ]
    },
    "lint.ignore": [
-    "2835329039da6ddae56236c062ceba5a8d5d04ae",
+    "c3ab694b9fa6d0ea941abcf80b61cd6e7fc84f15",
     []
    ],
    "loading": {
@@ -426163,7 +427865,7 @@
      []
     ],
     "helpers.js": [
-     "ca0808ce1d8d7bf86fc1a5126370a28bdd28bc2e",
+     "de9fba2d1c48fbb6cdbfcba9e7a9aaf99f68e04a",
      []
     ],
     "resources": {
@@ -437264,260 +438966,6 @@
         []
        ]
       }
-     },
-     "submissions": {
-      "Microsoft": {
-       "CompositionEvent.html": [
-        "0f8242b07d5aec992e14cea6b046ddbaa1c521f2",
-        []
-       ],
-       "DOMAttrModified.attrChange.html": [
-        "12c45fc848e6c86483cee19babc0b9351aac298f",
-        []
-       ],
-       "DOMAttrModified.attrName.html": [
-        "ca1ad97d24dbad89c54dbfb12cc0ff8f54d25b18",
-        []
-       ],
-       "DOMAttrModified.html": [
-        "c229abe96e3294a720bc04f82456f6c6b60b720c",
-        []
-       ],
-       "DOMAttrModified.newValue.html": [
-        "77b8a41e1a35499cdc4a37ff05b57fad054f7e9a",
-        []
-       ],
-       "DOMAttrModified.prevValue.html": [
-        "31fbec77644391fdcae9d6e6c96e7c144d1b448d",
-        []
-       ],
-       "DOMAttrModified.relatedNode.html": [
-        "5c30dabe22fd110f4540d8a7e6e97e2e0a3425bc",
-        []
-       ],
-       "DOMCharacterDataModified.html": [
-        "31d4fbf08f31f3b776ae970fc33f1285cd9f1ffe",
-        []
-       ],
-       "DOMNodeInserted.html": [
-        "0e0d26d1aaece67a685021b07e97edbc6db3e81c",
-        []
-       ],
-       "DOMNodeRemoved.html": [
-        "34d7112027c32bdac32b37aface0c89c659d50be",
-        []
-       ],
-       "DOMSubtreeModified.html": [
-        "1819f563dacd442ed07eb9ef2d69e4732533b36f",
-        []
-       ],
-       "Event.defaultPrevented.html": [
-        "8acd3cb979f4286affde5556b6d74c7a278b80d5",
-        []
-       ],
-       "Event.eventPhase.html": [
-        "4bd3b51b46c3527ce4a961a90dea53582e22fddd",
-        []
-       ],
-       "Event.stopPropagation.html": [
-        "019143e366c87215ca38ba21613e41280532f835",
-        []
-       ],
-       "KeyboardEvent.key.html": [
-        "ea1adb0751f129637391d007c9cfeb6460ec8d5d",
-        []
-       ],
-       "KeyboardEvent.location.html": [
-        "63fe460f3d3f986a5cd70e42eda9a6e090e77dc7",
-        []
-       ],
-       "KeyboardEvent.modifiers.html": [
-        "ee490b47ec6745351e295dd0a28a89f86eb615df",
-        []
-       ],
-       "MouseEvent.button.html": [
-        "605565a7814e00eea908d47d0eab7df683c53228",
-        []
-       ],
-       "MouseEvent.image.map.area.html": [
-        "17b7dd5ccee436e6241d773728611b2e9efa3b72",
-        []
-       ],
-       "MouseEvent.preventDefault.html": [
-        "e6cb57806db7cd4233d7a0a832d0e17d1238ac27",
-        []
-       ],
-       "MutationEvent.hasFeature.html": [
-        "f550a5366df2099f510d7b9f3281d9169c7bc721",
-        []
-       ],
-       "MutationEvent.initMutationEvent.html": [
-        "3b2bceabf45ea60d1f84977ea63fd0a44adc998e",
-        []
-       ],
-       "MutationEvent.relatedNode.html": [
-        "6b92079ef618ca62850c9795621d99cde51bc049",
-        []
-       ],
-       "ProcessingInstruction.DOMCharacterDataModified.fail.html": [
-        "9b0843c115ee1b5f93450982dd9065b0b8abb4af",
-        []
-       ],
-       "ProcessingInstruction.DOMCharacterDataModified.xml": [
-        "34ad59064ffb9147e211df34c056ebf927e89432",
-        []
-       ],
-       "TextEvent.hasFeature.html": [
-        "853cc7c43572f0e79389ce69da30c809b59b7daa",
-        []
-       ],
-       "TextEvent.initTextEvent.html": [
-        "52eae11aa9cffc077528e3354e353c20263ebd7d",
-        []
-       ],
-       "TextEvent.inputMode.IME.html": [
-        "af5c73624267ca9372077e5063e967a88068fd8d",
-        []
-       ],
-       "TextEvent.inputMode.drop.html": [
-        "14ffc19765bb9e4cc5772a32ac4f665152d8d86d",
-        []
-       ],
-       "TextEvent.inputMode.keyboard.html": [
-        "472dd96ddb8548c7c82c3d5f83c2772a7e6bfad5",
-        []
-       ],
-       "TextEvent.inputMode.paste.html": [
-        "a93259cd60892be6aa34e1f2d32725fd2f01a2a9",
-        []
-       ],
-       "TextEvent.inputMode.script.html": [
-        "c1327ebae57ada70477c7a721eb38df0cf8f597f",
-        []
-       ],
-       "UIEvent.load.stylesheet.html": [
-        "a948a2f71a4905e181698710e598d806b7e0a4c9",
-        []
-       ],
-       "WheelEvent.Capture.Bubble.html": [
-        "4dfe246136af7e0d12db94c9ce122becfca4a958",
-        []
-       ],
-       "WheelEvent.ctrlKey.zoom.html": [
-        "52b17ced96cd8e122f8ac5fee412b1da8ebbba02",
-        []
-       ],
-       "WheelEvent.deltaMode.html": [
-        "11761f4083d286097321309fd195bfa55ebff5e5",
-        []
-       ],
-       "WheelEvent.hasFeature.html": [
-        "8bd224fa98eefd6f29dfd6b101f0f53f93acff61",
-        []
-       ],
-       "WheelEvent.initWheelEvent.html": [
-        "cd8c192e41b21b68ee750e456b2db0fa289706b9",
-        []
-       ],
-       "WheelEvent.preventDefault.scroll.html": [
-        "6cb55a071f3f79f12d67c254dcc8c1f6cba14727",
-        []
-       ],
-       "abort.img.html": [
-        "c0fb1eaf97d8fbebe691218aa5e57d895ca4c5dd",
-        []
-       ],
-       "abort.testresult.html": [
-        "e0f6243b8acf5de965ab53fefa1c56f9293abb12",
-        []
-       ],
-       "blur.html": [
-        "cef282bfe5963fafe75f9dc8dda98d31f308d9b2",
-        []
-       ],
-       "compositionstart.data.html": [
-        "177c37e8d768bccaa8a09b7458d32719a3c0c04b",
-        []
-       ],
-       "compositionstart.keydown.html": [
-        "7316d1a8a30e6be7af4fabdedc24008a22875fea",
-        []
-       ],
-       "compositionstart.preventDefault.html": [
-        "74fc52b57990c63808b160cac154a88c79217612",
-        []
-       ],
-       "converted": {
-        "support": {
-         "ProcessingInstruction.DOMCharacterDataModified.xml": [
-          "4c95ae29dff774960c2d7d69ccfb7c2ecc3056cf",
-          []
-         ]
-        }
-       },
-       "dispatchEvent.click.checkbox.html": [
-        "757bb126460ba499a1dfdcd98f32bcd480c8f956",
-        []
-       ],
-       "error.image.html": [
-        "a629652d4f7c541600df9c7041960e920e71fe8f",
-        []
-       ],
-       "focusin.html": [
-        "a6eb1b663801bab4f522994a44fb60a399dfb2a0",
-        []
-       ],
-       "focusin.relatedTarget.html": [
-        "a36d254666dc00385c1ab8653dce93fbfe5e97c8",
-        []
-       ],
-       "focusout.relatedTarget.html": [
-        "bc02267ed7a13ae223605b67bd72a49e50ec09e6",
-        []
-       ],
-       "hasFeature.Events.html": [
-        "e0c9ba18d82f2a952f6ee813c4e8fb6a4f02f2da",
-        []
-       ],
-       "hasFeature.feature.string.html": [
-        "e96c39c8556e3fae603a9f25e9370fda6fad2eac",
-        []
-       ],
-       "load.image.html": [
-        "19414eaf022747f9fce17130a66c80adb15be7e1",
-        []
-       ],
-       "mouseenter.ctrlKey.html": [
-        "dac16046cf90a2fd02e7292a94a7554579f2ebb5",
-        []
-       ],
-       "mouseenter.relatedTarget.html": [
-        "f2d449dae85778c06d3d83f636a188cf2299a283",
-        []
-       ],
-       "mouseleave.relatedTarget.html": [
-        "37ca7197507aac95d1950e56a575bee5da314acd",
-        []
-       ],
-       "support": {
-        "16kb.js": [
-         "fb3c0d64b15ea7d764fa87e1eb0c1aef56ef8e75",
-         []
-        ],
-        "InvalidBitMap.png": [
-         "0a15a8e10d8dcce5fc3cf33ee9079d63b25e47f4",
-         []
-        ],
-        "iepreview.png": [
-         "63959a05626aa3225f963570ec4a54631efca19e",
-         []
-        ],
-        "style01.css": [
-         "961757bf3da5cb22fb389a02d2d8b9713772e637",
-         []
-        ]
-       }
-      }
      }
     },
     "mouse": {
@@ -466507,7 +467955,7 @@
      ]
     ],
     "user-activation.html": [
-     "375488dede6e5649d2deeb5937275e130f600c4c",
+     "64f217533d7e058307a4e3876d6f4eacad736099",
      [
       null,
       {
@@ -504838,6 +506286,107 @@
       ]
      ]
     },
+    "css-view-transitions": {
+     "duplicate_tag_rejects.html": [
+      "c7aef2aa1a45183a8ddfa5d0ca19647f3d81d838",
+      [
+       null,
+       {}
+      ]
+     ],
+     "event-pseudo-name.html": [
+      "b6af305c26386956edfa1c063e068fd985d21172",
+      [
+       null,
+       {}
+      ]
+     ],
+     "hit-test-unpainted-element-from-point.html": [
+      "390a3669e15aa2f9b098011a93ca5bef2af2f059",
+      [
+       null,
+       {}
+      ]
+     ],
+     "input-blocked-when-rendering-suppressed.html": [
+      "a571b2342fbc3aaf22240bb8a5a09ece0aca914d",
+      [
+       null,
+       {
+        "testdriver": true
+       }
+      ]
+     ],
+     "mix-blend-mode-only-on-transition.html": [
+      "a9b9cb7afd3a5f918efb98126663544c689b4cff",
+      [
+       null,
+       {}
+      ]
+     ],
+     "no-crash-set-exception.html": [
+      "035d050e4487b1443f518b425a0b6a301d83b093",
+      [
+       null,
+       {}
+      ]
+     ],
+     "no-css-animation-while-render-blocked.html": [
+      "6ed9863a00247af737a7074557d7a80e5be5a59b",
+      [
+       null,
+       {
+        "timeout": "long"
+       }
+      ]
+     ],
+     "no-raf-while-render-blocked.html": [
+      "ff2d0589f1a61db92e9a4d58f680b435ae1f396d",
+      [
+       null,
+       {
+        "timeout": "long"
+       }
+      ]
+     ],
+     "parsing": {
+      "view-transition-name-computed.html": [
+       "4a13ed5d2e9590b118b087d97ea30478217c9599",
+       [
+        null,
+        {}
+       ]
+      ],
+      "view-transition-name-valid.html": [
+       "2fd384449f5656bfdefd673b8a62c8444a669e16",
+       [
+        null,
+        {}
+       ]
+      ]
+     },
+     "pseudo-get-computed-style.html": [
+      "e837d52a5709eb71e80a1dfc5c0a35f6a17a14c4",
+      [
+       null,
+       {}
+      ]
+     ],
+     "ready_resolves_after_dom_before_raf.html": [
+      "9c0a68e292e57e008a2415ea6615bcbe143b2f3b",
+      [
+       null,
+       {}
+      ]
+     ],
+     "style-inheritance.html": [
+      "f896f23be515484cf0ed1db9921274e9957b3dbf",
+      [
+       null,
+       {}
+      ]
+     ]
+    },
     "css-will-change": {
      "inheritance.html": [
       "6b4ed2aa544f6f9dd4b7e77b71f1850390a5159a",
@@ -575848,7 +577397,7 @@
         ]
        ],
        "document-lastModified-01.html": [
-        "b36871831ae3c86dd58bbcbda3dfc6cb5057d50c",
+        "4d9d870f6a65b7344b7d3c7d4402a0ef3d6c0b15",
         [
          null,
          {
@@ -588653,6 +590202,15 @@
         {}
        ]
       ],
+      "popover-focus-2.tentative.html": [
+       "e0effbd866c4f512b87599931d539e460b56b9c9",
+       [
+        null,
+        {
+         "testdriver": true
+        }
+       ]
+      ],
       "popover-focus.tentative.html": [
        "10c91bcebba7b48d250f613d0b0687da02cf65a2",
        [
@@ -588681,7 +590239,7 @@
        ]
       ],
       "popover-light-dismiss.tentative.html": [
-       "2581ca6fdeea0fabaf58eb861c3af3a7af359987",
+       "2a101483cb8c8e1896244fd4f04c43be5380a4a0",
        [
         null,
         {
@@ -616218,7 +617776,7 @@
      ]
     ],
     "permissions-cg.https.html": [
-     "9a3d025346a64360de238e52da7903c4617e4a58",
+     "d8f63eba5eca3e80b1861259377cf99c8a03d2fa",
      [
       null,
       {
@@ -635026,7 +636584,7 @@
       ]
      ],
      "animation-timeline-named-scroll-progress-timeline.tentative.html": [
-      "7e356b3df959fccc5edd0db4b16617e244ed8297",
+      "c46e4ada8dacb9f1c7aea671c4095c4f83c11977",
       [
        null,
        {}
@@ -644486,7 +646044,7 @@
      ]
     ],
     "requestStorageAccess-insecure.sub.window.js": [
-     "a1aa754c1929093bcaf44177611f7168d04f941c",
+     "f845f0647ca001e7a5fe304816a055e2d70c28df",
      [
       "storage-access-api/requestStorageAccess-insecure.sub.window.html",
       {
@@ -644596,7 +646154,7 @@
      ]
     ],
     "requestStorageAccess.sub.https.window.js": [
-     "fbb3ed6650ccfc645ee19af0daf42c0eb7a55a06",
+     "b5e980e35bdbf6105b7766dcbee0ce30aa7315e5",
      [
       "storage-access-api/requestStorageAccess.sub.https.window.html",
       {
@@ -652962,19 +654520,6 @@
         {}
        ]
       ]
-     },
-     "submissions": {
-      "Microsoft": {
-       "converted": {
-        "EventListener.dispatch.new.event.html": [
-         "e0ab7e0d3e417cd4595d7590d9d12d6d25bbc366",
-         [
-          null,
-          {}
-         ]
-        ]
-       }
-      }
      }
     },
     "mouse": {
@@ -686399,7 +687944,7 @@
      ]
     ],
     "xrSession_viewer_referenceSpace.https.html": [
-     "0098d4d918daf26342c8672c7e6699e2824581e3",
+     "1768c9684978a2606c9c313ede8d6835125a2327",
      [
       null,
       {}
@@ -713267,6 +714812,29 @@
       ]
      ]
     },
+    "css-view-transitions": {
+     "shared-transition-author-style.manual.html": [
+      "2e0dc49d781e0ad4bdccb9762b41b8da536f4300",
+      [
+       null,
+       {}
+      ]
+     ],
+     "shared-transition-half.manual.html": [
+      "d78df70cb88de8b90c347778e9b31c542c6aac77",
+      [
+       null,
+       {}
+      ]
+     ],
+     "shared-transition-shapes.manual.html": [
+      "6b22a53fb425873a33836a8c58e32d6d3f236e06",
+      [
+       null,
+       {}
+      ]
+     ]
+    },
     "css-writing-modes": {
      "block-plaintext-005.html": [
       "3bd4d17add27f046aeeffddf41f0c39be0fb5cbb",
diff --git a/tests/wpt/metadata/css/CSS2/floats/hit-test-floats-001.html.ini b/tests/wpt/metadata/css/CSS2/floats/hit-test-floats-001.html.ini
deleted file mode 100644
index 0842d0b5727..00000000000
--- a/tests/wpt/metadata/css/CSS2/floats/hit-test-floats-001.html.ini
+++ /dev/null
@@ -1,3 +0,0 @@
-[hit-test-floats-001.html]
-  [hit-test-floats-001]
-    expected: FAIL
diff --git a/tests/wpt/metadata/css/CSS2/floats/hit-test-floats-003.html.ini b/tests/wpt/metadata/css/CSS2/floats/hit-test-floats-003.html.ini
new file mode 100644
index 00000000000..665ec4646cb
--- /dev/null
+++ b/tests/wpt/metadata/css/CSS2/floats/hit-test-floats-003.html.ini
@@ -0,0 +1,3 @@
+[hit-test-floats-003.html]
+  [Miss float below something else]
+    expected: FAIL
diff --git a/tests/wpt/metadata/css/CSS2/normal-flow/block-in-inline-hittest-float-002.html.ini b/tests/wpt/metadata/css/CSS2/normal-flow/block-in-inline-hittest-float-002.html.ini
deleted file mode 100644
index 3e5096beef3..00000000000
--- a/tests/wpt/metadata/css/CSS2/normal-flow/block-in-inline-hittest-float-002.html.ini
+++ /dev/null
@@ -1,3 +0,0 @@
-[block-in-inline-hittest-float-002.html]
-  [block-in-inline-hittest-float-002]
-    expected: FAIL
diff --git a/tests/wpt/metadata/css/css-flexbox/hittest-anonymous-box.html.ini b/tests/wpt/metadata/css/css-flexbox/hittest-anonymous-box.html.ini
deleted file mode 100644
index b8f8d45a31f..00000000000
--- a/tests/wpt/metadata/css/css-flexbox/hittest-anonymous-box.html.ini
+++ /dev/null
@@ -1,3 +0,0 @@
-[hittest-anonymous-box.html]
-  [Hit-testing within an anonymous flex-item should return the flexbox as the hittest result.]
-    expected: FAIL
diff --git a/tests/wpt/metadata/css/css-flexbox/hittest-before-pseudo.html.ini b/tests/wpt/metadata/css/css-flexbox/hittest-before-pseudo.html.ini
deleted file mode 100644
index 5b685485f3c..00000000000
--- a/tests/wpt/metadata/css/css-flexbox/hittest-before-pseudo.html.ini
+++ /dev/null
@@ -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
diff --git a/tests/wpt/metadata/css/css-fonts/variations/at-font-face-font-matching.html.ini b/tests/wpt/metadata/css/css-fonts/variations/at-font-face-font-matching.html.ini
index 02b6bd36523..9126e19fe1f 100644
--- a/tests/wpt/metadata/css/css-fonts/variations/at-font-face-font-matching.html.ini
+++ b/tests/wpt/metadata/css/css-fonts/variations/at-font-face-font-matching.html.ini
@@ -26,9 +26,6 @@
   [Matching font-weight: '500' should prefer '501 550' over '502 560']
     expected: FAIL
 
-  [Matching font-weight: '399' should prefer '200 300' over '400']
-    expected: FAIL
-
   [Matching font-weight: '399' should prefer '400' over '450 460']
     expected: FAIL
 
@@ -197,9 +194,6 @@
   [Matching font-style: 'italic' should prefer 'oblique 30deg 60deg' over 'oblique 40deg 50deg']
     expected: FAIL
 
-  [Matching font-style: 'italic' should prefer 'oblique 5deg' over 'normal']
-    expected: FAIL
-
   [Matching font-style: 'oblique 20deg' should prefer 'oblique 20deg' over 'oblique 30deg 60deg']
     expected: FAIL
 
@@ -224,9 +218,6 @@
   [Matching font-weight: '399' should prefer '450 460' over '500 501']
     expected: FAIL
 
-  [Matching font-weight: '501' should prefer '503 520' over '500']
-    expected: FAIL
-
   [Matching font-weight: '501' should prefer '502 510' over '503 520']
     expected: FAIL
 
@@ -263,9 +254,6 @@
   [Matching font-style: 'italic' should prefer 'oblique 0deg' over 'oblique -60deg -30deg']
     expected: FAIL
 
-  [Matching font-style: 'oblique -10deg' should prefer 'oblique -1deg 0deg' over 'oblique -20deg -15deg']
-    expected: FAIL
-
   [Matching font-weight: '430' should prefer '350 399' over '340 398']
     expected: FAIL
 
@@ -331,3 +319,6 @@
 
   [Matching font-style: 'oblique -21deg' should prefer 'oblique -21deg' over 'oblique -60deg -40deg']
     expected: FAIL
+
+  [Matching font-style: 'normal' should prefer 'oblique -50deg -20deg' over 'oblique -40deg -30deg']
+    expected: FAIL
diff --git a/tests/wpt/metadata/css/css-transforms/transform-scale-hittest.html.ini b/tests/wpt/metadata/css/css-transforms/transform-scale-hittest.html.ini
index 4a1e8110f6f..4a1232b3c22 100644
--- a/tests/wpt/metadata/css/css-transforms/transform-scale-hittest.html.ini
+++ b/tests/wpt/metadata/css/css-transforms/transform-scale-hittest.html.ini
@@ -2,3 +2,5 @@
   [Hit test intersecting scaled box]
     expected: FAIL
 
+  [Hit test within unscaled box]
+    expected: FAIL
diff --git a/tests/wpt/metadata/css/css-transitions/properties-value-001.html.ini b/tests/wpt/metadata/css/css-transitions/properties-value-001.html.ini
index c4daffd168f..0cfbba429c9 100644
--- a/tests/wpt/metadata/css/css-transitions/properties-value-001.html.ini
+++ b/tests/wpt/metadata/css/css-transitions/properties-value-001.html.ini
@@ -52,3 +52,453 @@
 
   [background-position length(px) / events]
     expected: FAIL
+
+  [padding-bottom length(ex) / values]
+    expected: FAIL
+
+  [padding-bottom length(mm) / values]
+    expected: FAIL
+
+  [padding-bottom length(cm) / values]
+    expected: FAIL
+
+  [padding-bottom length(in) / values]
+    expected: FAIL
+
+  [padding-left length(pt) / values]
+    expected: FAIL
+
+  [padding-left length(pc) / values]
+    expected: FAIL
+
+  [padding-left length(px) / values]
+    expected: FAIL
+
+  [padding-left length(em) / values]
+    expected: FAIL
+
+  [padding-left length(ex) / values]
+    expected: FAIL
+
+  [padding-left length(mm) / values]
+    expected: FAIL
+
+  [padding-left length(cm) / values]
+    expected: FAIL
+
+  [padding-left length(in) / values]
+    expected: FAIL
+
+  [padding-right length(pt) / values]
+    expected: FAIL
+
+  [padding-right length(pc) / values]
+    expected: FAIL
+
+  [padding-right length(px) / values]
+    expected: FAIL
+
+  [padding-right length(em) / values]
+    expected: FAIL
+
+  [padding-right length(ex) / values]
+    expected: FAIL
+
+  [padding-right length(mm) / values]
+    expected: FAIL
+
+  [padding-right length(cm) / values]
+    expected: FAIL
+
+  [padding-right length(in) / values]
+    expected: FAIL
+
+  [padding-top length(pt) / values]
+    expected: FAIL
+
+  [padding-top length(pc) / values]
+    expected: FAIL
+
+  [padding-top length(px) / values]
+    expected: FAIL
+
+  [padding-top length(em) / values]
+    expected: FAIL
+
+  [padding-top length(ex) / values]
+    expected: FAIL
+
+  [padding-top length(mm) / values]
+    expected: FAIL
+
+  [padding-top length(cm) / values]
+    expected: FAIL
+
+  [padding-top length(in) / values]
+    expected: FAIL
+
+  [margin-bottom length(pt) / values]
+    expected: FAIL
+
+  [margin-bottom length(pc) / values]
+    expected: FAIL
+
+  [margin-bottom length(px) / values]
+    expected: FAIL
+
+  [margin-bottom length(em) / values]
+    expected: FAIL
+
+  [margin-bottom length(ex) / values]
+    expected: FAIL
+
+  [margin-bottom length(mm) / values]
+    expected: FAIL
+
+  [margin-bottom length(cm) / values]
+    expected: FAIL
+
+  [margin-bottom length(in) / values]
+    expected: FAIL
+
+  [margin-left length(pt) / values]
+    expected: FAIL
+
+  [margin-left length(pc) / values]
+    expected: FAIL
+
+  [margin-left length(px) / values]
+    expected: FAIL
+
+  [margin-left length(em) / values]
+    expected: FAIL
+
+  [margin-left length(ex) / values]
+    expected: FAIL
+
+  [margin-left length(mm) / values]
+    expected: FAIL
+
+  [margin-left length(cm) / values]
+    expected: FAIL
+
+  [margin-left length(in) / values]
+    expected: FAIL
+
+  [margin-right length(pt) / values]
+    expected: FAIL
+
+  [margin-right length(pc) / values]
+    expected: FAIL
+
+  [margin-right length(px) / values]
+    expected: FAIL
+
+  [margin-right length(em) / values]
+    expected: FAIL
+
+  [margin-right length(ex) / values]
+    expected: FAIL
+
+  [margin-right length(mm) / values]
+    expected: FAIL
+
+  [margin-right length(cm) / values]
+    expected: FAIL
+
+  [margin-right length(in) / values]
+    expected: FAIL
+
+  [margin-top length(pt) / values]
+    expected: FAIL
+
+  [margin-top length(pc) / values]
+    expected: FAIL
+
+  [margin-top length(px) / values]
+    expected: FAIL
+
+  [margin-top length(em) / values]
+    expected: FAIL
+
+  [margin-top length(ex) / values]
+    expected: FAIL
+
+  [margin-top length(mm) / values]
+    expected: FAIL
+
+  [margin-top length(cm) / values]
+    expected: FAIL
+
+  [margin-top length(in) / values]
+    expected: FAIL
+
+  [height length(pt) / values]
+    expected: FAIL
+
+  [height length(pc) / values]
+    expected: FAIL
+
+  [height length(px) / values]
+    expected: FAIL
+
+  [height length(em) / values]
+    expected: FAIL
+
+  [height length(ex) / values]
+    expected: FAIL
+
+  [height length(mm) / values]
+    expected: FAIL
+
+  [height length(cm) / values]
+    expected: FAIL
+
+  [height length(in) / values]
+    expected: FAIL
+
+  [height percentage(%) / values]
+    expected: FAIL
+
+  [width length(pt) / values]
+    expected: FAIL
+
+  [width length(pc) / values]
+    expected: FAIL
+
+  [width length(px) / values]
+    expected: FAIL
+
+  [width length(em) / values]
+    expected: FAIL
+
+  [width length(ex) / values]
+    expected: FAIL
+
+  [width length(mm) / values]
+    expected: FAIL
+
+  [width length(cm) / values]
+    expected: FAIL
+
+  [width length(in) / values]
+    expected: FAIL
+
+  [width percentage(%) / values]
+    expected: FAIL
+
+  [min-height length(pt) / values]
+    expected: FAIL
+
+  [min-height length(pc) / values]
+    expected: FAIL
+
+  [min-height length(px) / values]
+    expected: FAIL
+
+  [min-height length(em) / values]
+    expected: FAIL
+
+  [min-height length(ex) / values]
+    expected: FAIL
+
+  [min-height length(mm) / values]
+    expected: FAIL
+
+  [min-height length(cm) / values]
+    expected: FAIL
+
+  [min-height length(in) / values]
+    expected: FAIL
+
+  [min-height percentage(%) / values]
+    expected: FAIL
+
+  [min-width length(pt) / values]
+    expected: FAIL
+
+  [min-width length(pc) / values]
+    expected: FAIL
+
+  [min-width length(px) / values]
+    expected: FAIL
+
+  [min-width length(em) / values]
+    expected: FAIL
+
+  [min-width length(ex) / values]
+    expected: FAIL
+
+  [min-width length(mm) / values]
+    expected: FAIL
+
+  [min-width length(cm) / values]
+    expected: FAIL
+
+  [min-width length(in) / values]
+    expected: FAIL
+
+  [min-width percentage(%) / values]
+    expected: FAIL
+
+  [max-height length(pt) / values]
+    expected: FAIL
+
+  [max-height length(pc) / values]
+    expected: FAIL
+
+  [max-height length(px) / values]
+    expected: FAIL
+
+  [max-height 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
diff --git a/tests/wpt/metadata/css/css-transitions/properties-value-inherit-001.html.ini b/tests/wpt/metadata/css/css-transitions/properties-value-inherit-001.html.ini
index f4caeba01db..0b610353317 100644
--- a/tests/wpt/metadata/css/css-transitions/properties-value-inherit-001.html.ini
+++ b/tests/wpt/metadata/css/css-transitions/properties-value-inherit-001.html.ini
@@ -329,306 +329,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
-
-  [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
-
   [color color(rgba) / events]
     expected: FAIL
 
diff --git a/tests/wpt/metadata/css/css-transitions/properties-value-inherit-002.html.ini b/tests/wpt/metadata/css/css-transitions/properties-value-inherit-002.html.ini
index e919ec48eb3..408f924bb7c 100644
--- a/tests/wpt/metadata/css/css-transitions/properties-value-inherit-002.html.ini
+++ b/tests/wpt/metadata/css/css-transitions/properties-value-inherit-002.html.ini
@@ -53,156 +53,6 @@
   [background-position length(px) / events]
     expected: FAIL
 
-  [padding-bottom length(ex) / values]
-    expected: FAIL
-
-  [padding-bottom length(mm) / values]
-    expected: FAIL
-
-  [padding-bottom length(cm) / values]
-    expected: FAIL
-
-  [padding-bottom length(in) / values]
-    expected: FAIL
-
-  [padding-left length(pt) / values]
-    expected: FAIL
-
-  [padding-left length(pc) / values]
-    expected: FAIL
-
-  [padding-left length(px) / values]
-    expected: FAIL
-
-  [padding-left length(em) / values]
-    expected: FAIL
-
-  [padding-left length(ex) / values]
-    expected: FAIL
-
-  [padding-left length(mm) / values]
-    expected: FAIL
-
-  [padding-left length(cm) / values]
-    expected: FAIL
-
-  [padding-left length(in) / values]
-    expected: FAIL
-
-  [padding-right length(pt) / values]
-    expected: FAIL
-
-  [padding-right length(pc) / values]
-    expected: FAIL
-
-  [padding-right length(px) / values]
-    expected: FAIL
-
-  [padding-right length(em) / values]
-    expected: FAIL
-
-  [padding-right length(ex) / values]
-    expected: FAIL
-
-  [padding-right length(mm) / values]
-    expected: FAIL
-
-  [padding-right length(cm) / values]
-    expected: FAIL
-
-  [padding-right length(in) / values]
-    expected: FAIL
-
-  [padding-top length(pt) / values]
-    expected: FAIL
-
-  [padding-top length(pc) / values]
-    expected: FAIL
-
-  [padding-top length(px) / values]
-    expected: FAIL
-
-  [padding-top length(em) / values]
-    expected: FAIL
-
-  [padding-top length(ex) / values]
-    expected: FAIL
-
-  [padding-top length(mm) / values]
-    expected: FAIL
-
-  [padding-top length(cm) / values]
-    expected: FAIL
-
-  [padding-top length(in) / values]
-    expected: FAIL
-
-  [margin-bottom length(pt) / values]
-    expected: FAIL
-
-  [margin-bottom length(pc) / values]
-    expected: FAIL
-
-  [margin-bottom length(px) / values]
-    expected: FAIL
-
-  [margin-bottom length(em) / values]
-    expected: FAIL
-
-  [margin-bottom length(ex) / values]
-    expected: FAIL
-
-  [margin-bottom length(mm) / values]
-    expected: FAIL
-
-  [margin-bottom length(cm) / values]
-    expected: FAIL
-
-  [margin-bottom length(in) / values]
-    expected: FAIL
-
-  [margin-left length(pt) / values]
-    expected: FAIL
-
-  [margin-left length(pc) / values]
-    expected: FAIL
-
-  [margin-left length(px) / values]
-    expected: FAIL
-
-  [margin-left length(em) / values]
-    expected: FAIL
-
-  [margin-left length(ex) / values]
-    expected: FAIL
-
-  [margin-left length(mm) / values]
-    expected: FAIL
-
-  [margin-left length(cm) / values]
-    expected: FAIL
-
-  [margin-left length(in) / values]
-    expected: FAIL
-
-  [margin-right length(pt) / values]
-    expected: FAIL
-
-  [margin-right length(pc) / values]
-    expected: FAIL
-
-  [margin-right length(px) / values]
-    expected: FAIL
-
-  [margin-right length(em) / values]
-    expected: FAIL
-
-  [margin-right length(ex) / values]
-    expected: FAIL
-
-  [margin-right length(mm) / values]
-    expected: FAIL
-
   [color color(rgba) / values]
     expected: FAIL
 
@@ -352,3 +202,126 @@
 
   [text-shadow shadow(shadow) / values]
     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
diff --git a/tests/wpt/metadata/css/css-values/viewport-units-after-font-load.html.ini b/tests/wpt/metadata/css/css-values/viewport-units-after-font-load.html.ini
deleted file mode 100644
index 89ec2bd4ef6..00000000000
--- a/tests/wpt/metadata/css/css-values/viewport-units-after-font-load.html.ini
+++ /dev/null
@@ -1,3 +0,0 @@
-[viewport-units-after-font-load.html]
-  [Viewport units are correctly updated after resize even if a font load has happened before]
-    expected: FAIL
diff --git a/tests/wpt/metadata/css/cssom-view/elementFromPoint-float-in-table.html.ini b/tests/wpt/metadata/css/cssom-view/elementFromPoint-float-in-table.html.ini
deleted file mode 100644
index db065588308..00000000000
--- a/tests/wpt/metadata/css/cssom-view/elementFromPoint-float-in-table.html.ini
+++ /dev/null
@@ -1,3 +0,0 @@
-[elementFromPoint-float-in-table.html]
-  [float-in-div]
-    expected: FAIL
diff --git a/tests/wpt/metadata/css/cssom-view/elementFromPoint-subpixel.html.ini b/tests/wpt/metadata/css/cssom-view/elementFromPoint-subpixel.html.ini
deleted file mode 100644
index 8f6f663ba61..00000000000
--- a/tests/wpt/metadata/css/cssom-view/elementFromPoint-subpixel.html.ini
+++ /dev/null
@@ -1,3 +0,0 @@
-[elementFromPoint-subpixel.html]
-  [Hit test top left corner of box]
-    expected: FAIL
diff --git a/tests/wpt/metadata/css/cssom-view/elementFromPoint-visibility-hidden-resizer.html.ini b/tests/wpt/metadata/css/cssom-view/elementFromPoint-visibility-hidden-resizer.html.ini
deleted file mode 100644
index a6bca7ac372..00000000000
--- a/tests/wpt/metadata/css/cssom-view/elementFromPoint-visibility-hidden-resizer.html.ini
+++ /dev/null
@@ -1,3 +0,0 @@
-[elementFromPoint-visibility-hidden-resizer.html]
-  [elementFromPoint on resizer area of an element with visibility:hidden]
-    expected: FAIL
diff --git a/tests/wpt/metadata/css/cssom-view/elementFromPosition.html.ini b/tests/wpt/metadata/css/cssom-view/elementFromPosition.html.ini
index 9f2a3229231..898f39c4330 100644
--- a/tests/wpt/metadata/css/cssom-view/elementFromPosition.html.ini
+++ b/tests/wpt/metadata/css/cssom-view/elementFromPosition.html.ini
@@ -20,6 +20,3 @@
 
   [test the top of layer]
     expected: FAIL
-
-  [test some point of the element: top left corner]
-    expected: FAIL
diff --git a/tests/wpt/metadata/css/cssom-view/elementsFromPoint-invalid-cases.html.ini b/tests/wpt/metadata/css/cssom-view/elementsFromPoint-invalid-cases.html.ini
deleted file mode 100644
index a3496a40d07..00000000000
--- a/tests/wpt/metadata/css/cssom-view/elementsFromPoint-invalid-cases.html.ini
+++ /dev/null
@@ -1,3 +0,0 @@
-[elementsFromPoint-invalid-cases.html]
-  [The root element is the last element returned for otherwise empty queries within the viewport]
-    expected: FAIL
diff --git a/tests/wpt/metadata/fetch/content-length/parsing.window.js.ini b/tests/wpt/metadata/fetch/content-length/parsing.window.js.ini
index 959ec1fd02b..f2aaac6638d 100644
--- a/tests/wpt/metadata/fetch/content-length/parsing.window.js.ini
+++ b/tests/wpt/metadata/fetch/content-length/parsing.window.js.ini
@@ -79,3 +79,6 @@
 
   [Input: "Content-Length: 42\\r\\nContent-Length: 42,42". Expected: 42.]
     expected: FAIL
+
+  [Input: "Content-Length: 42,42". Expected: 42.]
+    expected: FAIL
diff --git a/tests/wpt/metadata/fetch/content-type/response.window.js.ini b/tests/wpt/metadata/fetch/content-type/response.window.js.ini
index 0b18fbefb5a..f5ba8274138 100644
--- a/tests/wpt/metadata/fetch/content-type/response.window.js.ini
+++ b/tests/wpt/metadata/fetch/content-type/response.window.js.ini
@@ -308,9 +308,3 @@
 
   [fetch(): separate response Content-Type: text/plain ]
     expected: NOTRUN
-
-  [<iframe>: separate response Content-Type: text/plain */*]
-    expected: FAIL
-
-  [<iframe>: separate response Content-Type: text/html */*]
-    expected: FAIL
diff --git a/tests/wpt/metadata/fetch/content-type/script.window.js.ini b/tests/wpt/metadata/fetch/content-type/script.window.js.ini
index d77a92f76a2..86a519a44b8 100644
--- a/tests/wpt/metadata/fetch/content-type/script.window.js.ini
+++ b/tests/wpt/metadata/fetch/content-type/script.window.js.ini
@@ -52,3 +52,9 @@
 
   [combined text/javascript ]
     expected: FAIL
+
+  [separate text/javascript x/x]
+    expected: FAIL
+
+  [separate text/javascript ]
+    expected: FAIL
diff --git a/tests/wpt/metadata/fetch/nosniff/parsing-nosniff.window.js.ini b/tests/wpt/metadata/fetch/nosniff/parsing-nosniff.window.js.ini
index 736ff6130a5..9d4eb6f8399 100644
--- a/tests/wpt/metadata/fetch/nosniff/parsing-nosniff.window.js.ini
+++ b/tests/wpt/metadata/fetch/nosniff/parsing-nosniff.window.js.ini
@@ -7,3 +7,6 @@
 
   [X-Content-Type-Options%3A%20nosniff%0C]
     expected: FAIL
+
+  [X-Content-Type-Options%3A%20%22nosniFF%22]
+    expected: FAIL
diff --git a/tests/wpt/metadata/html/browsers/browsing-the-web/navigating-across-documents/005.html.ini b/tests/wpt/metadata/html/browsers/browsing-the-web/navigating-across-documents/005.html.ini
index f7ee5361549..33efcdbcf48 100644
--- a/tests/wpt/metadata/html/browsers/browsing-the-web/navigating-across-documents/005.html.ini
+++ b/tests/wpt/metadata/html/browsers/browsing-the-web/navigating-across-documents/005.html.ini
@@ -1,4 +1,3 @@
 [005.html]
-  expected: TIMEOUT
   [Link with onclick navigation and href navigation ]
     expected: FAIL
diff --git a/tests/wpt/metadata/html/browsers/browsing-the-web/navigating-across-documents/initial-empty-document/iframe-src-aboutblank-navigate-immediately.html.ini b/tests/wpt/metadata/html/browsers/browsing-the-web/navigating-across-documents/initial-empty-document/iframe-src-aboutblank-navigate-immediately.html.ini
index 5f9a07f92f0..dc1144214ef 100644
--- a/tests/wpt/metadata/html/browsers/browsing-the-web/navigating-across-documents/initial-empty-document/iframe-src-aboutblank-navigate-immediately.html.ini
+++ b/tests/wpt/metadata/html/browsers/browsing-the-web/navigating-across-documents/initial-empty-document/iframe-src-aboutblank-navigate-immediately.html.ini
@@ -4,3 +4,6 @@
 
   [Navigating to a different document with form submission]
     expected: FAIL
+
+  [Navigating to a different document with link click]
+    expected: FAIL
diff --git a/tests/wpt/metadata/html/browsers/browsing-the-web/navigating-across-documents/initial-empty-document/load-pageshow-events-iframe-contentWindow.html.ini b/tests/wpt/metadata/html/browsers/browsing-the-web/navigating-across-documents/initial-empty-document/load-pageshow-events-iframe-contentWindow.html.ini
index 8298274f967..2d022202ee0 100644
--- a/tests/wpt/metadata/html/browsers/browsing-the-web/navigating-across-documents/initial-empty-document/load-pageshow-events-iframe-contentWindow.html.ini
+++ b/tests/wpt/metadata/html/browsers/browsing-the-web/navigating-across-documents/initial-empty-document/load-pageshow-events-iframe-contentWindow.html.ini
@@ -7,3 +7,6 @@
 
   [load & pageshow events do not fire on contentWindow of <iframe> element created with src='about:blank?foo']
     expected: FAIL
+
+  [load & pageshow events do not fire on contentWindow of <iframe> element created with src='about:blank']
+    expected: FAIL
diff --git a/tests/wpt/metadata/html/browsers/browsing-the-web/navigating-across-documents/navigation-unload-cross-origin.sub.window.js.ini b/tests/wpt/metadata/html/browsers/browsing-the-web/navigating-across-documents/navigation-unload-cross-origin.sub.window.js.ini
deleted file mode 100644
index 4ecd6d9f753..00000000000
--- a/tests/wpt/metadata/html/browsers/browsing-the-web/navigating-across-documents/navigation-unload-cross-origin.sub.window.js.ini
+++ /dev/null
@@ -1,3 +0,0 @@
-[navigation-unload-cross-origin.sub.window.html]
-  [Cross-origin navigation started from unload handler must be ignored]
-    expected: FAIL
diff --git a/tests/wpt/metadata/html/browsers/browsing-the-web/navigating-across-documents/navigation-unload-same-origin.window.js.ini b/tests/wpt/metadata/html/browsers/browsing-the-web/navigating-across-documents/navigation-unload-same-origin.window.js.ini
new file mode 100644
index 00000000000..7dc346632a4
--- /dev/null
+++ b/tests/wpt/metadata/html/browsers/browsing-the-web/navigating-across-documents/navigation-unload-same-origin.window.js.ini
@@ -0,0 +1,3 @@
+[navigation-unload-same-origin.window.html]
+  [Same-origin navigation started from unload handler must be ignored]
+    expected: FAIL
diff --git a/tests/wpt/metadata/html/browsers/browsing-the-web/navigating-across-documents/replace-before-load/form-requestsubmit.html.ini b/tests/wpt/metadata/html/browsers/browsing-the-web/navigating-across-documents/replace-before-load/form-requestsubmit.html.ini
index 012403eab43..9c79e11e5d1 100644
--- a/tests/wpt/metadata/html/browsers/browsing-the-web/navigating-across-documents/replace-before-load/form-requestsubmit.html.ini
+++ b/tests/wpt/metadata/html/browsers/browsing-the-web/navigating-across-documents/replace-before-load/form-requestsubmit.html.ini
@@ -1,3 +1,4 @@
 [form-requestsubmit.html]
+  expected: TIMEOUT
   [Replace before load, triggered by formElement.requestSubmit()]
-    expected: FAIL
+    expected: TIMEOUT
diff --git a/tests/wpt/metadata/html/browsers/browsing-the-web/navigating-across-documents/replace-before-load/form-submit.html.ini b/tests/wpt/metadata/html/browsers/browsing-the-web/navigating-across-documents/replace-before-load/form-submit.html.ini
index f18f914e4a4..16371ab858d 100644
--- a/tests/wpt/metadata/html/browsers/browsing-the-web/navigating-across-documents/replace-before-load/form-submit.html.ini
+++ b/tests/wpt/metadata/html/browsers/browsing-the-web/navigating-across-documents/replace-before-load/form-submit.html.ini
@@ -1,3 +1,4 @@
 [form-submit.html]
+  expected: TIMEOUT
   [Replace before load, triggered by formElement.submit()]
-    expected: FAIL
+    expected: TIMEOUT
diff --git a/tests/wpt/metadata/html/browsers/history/the-history-interface/traverse_the_history_4.html.ini b/tests/wpt/metadata/html/browsers/history/the-history-interface/traverse_the_history_2.html.ini
similarity index 71%
rename from tests/wpt/metadata/html/browsers/history/the-history-interface/traverse_the_history_4.html.ini
rename to tests/wpt/metadata/html/browsers/history/the-history-interface/traverse_the_history_2.html.ini
index d6188c03424..5d17a8e9419 100644
--- a/tests/wpt/metadata/html/browsers/history/the-history-interface/traverse_the_history_4.html.ini
+++ b/tests/wpt/metadata/html/browsers/history/the-history-interface/traverse_the_history_2.html.ini
@@ -1,3 +1,3 @@
-[traverse_the_history_4.html]
+[traverse_the_history_2.html]
   [Multiple history traversals, last would be aborted]
     expected: FAIL
diff --git a/tests/wpt/metadata/html/interaction/focus/the-autofocus-attribute/update-the-rendering.html.ini b/tests/wpt/metadata/html/interaction/focus/the-autofocus-attribute/update-the-rendering.html.ini
index 031d706d27b..9b27c5c1957 100644
--- a/tests/wpt/metadata/html/interaction/focus/the-autofocus-attribute/update-the-rendering.html.ini
+++ b/tests/wpt/metadata/html/interaction/focus/the-autofocus-attribute/update-the-rendering.html.ini
@@ -1,7 +1,7 @@
 [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: FAIL
-
+    expected: TIMEOUT
diff --git a/tests/wpt/metadata/html/semantics/embedded-content/the-iframe-element/iframe_sandbox_popups_escaping-1.html.ini b/tests/wpt/metadata/html/semantics/embedded-content/the-iframe-element/iframe_sandbox_popups_escaping-1.html.ini
index 25d9964f057..2d3fbf0f308 100644
--- a/tests/wpt/metadata/html/semantics/embedded-content/the-iframe-element/iframe_sandbox_popups_escaping-1.html.ini
+++ b/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
diff --git a/tests/wpt/metadata/html/semantics/embedded-content/the-iframe-element/iframe_sandbox_popups_nonescaping-1.html.ini b/tests/wpt/metadata/html/semantics/embedded-content/the-iframe-element/iframe_sandbox_popups_nonescaping-1.html.ini
index 6f7461b9472..53b0601e68c 100644
--- a/tests/wpt/metadata/html/semantics/embedded-content/the-iframe-element/iframe_sandbox_popups_nonescaping-1.html.ini
+++ b/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: CRASH
   [Check that popups from a sandboxed iframe do not escape the sandbox]
     expected: FAIL
diff --git a/tests/wpt/metadata/html/semantics/embedded-content/the-iframe-element/iframe_sandbox_popups_nonescaping-3.html.ini b/tests/wpt/metadata/html/semantics/embedded-content/the-iframe-element/iframe_sandbox_popups_nonescaping-3.html.ini
index 7a36937927c..d5fd800f09d 100644
--- a/tests/wpt/metadata/html/semantics/embedded-content/the-iframe-element/iframe_sandbox_popups_nonescaping-3.html.ini
+++ b/tests/wpt/metadata/html/semantics/embedded-content/the-iframe-element/iframe_sandbox_popups_nonescaping-3.html.ini
@@ -1,4 +1,4 @@
 [iframe_sandbox_popups_nonescaping-3.html]
+  expected: TIMEOUT
   [Check that popups from a sandboxed iframe do not escape the sandbox]
-    expected: FAIL
-
+    expected: NOTRUN
diff --git a/tests/wpt/metadata/html/semantics/embedded-content/the-img-element/non-active-document.html.ini b/tests/wpt/metadata/html/semantics/embedded-content/the-img-element/non-active-document.html.ini
index 47b45e65a1c..3cdeb8ebcbc 100644
--- a/tests/wpt/metadata/html/semantics/embedded-content/the-img-element/non-active-document.html.ini
+++ b/tests/wpt/metadata/html/semantics/embedded-content/the-img-element/non-active-document.html.ini
@@ -1,9 +1,3 @@
 [non-active-document.html]
   [DOMParser]
     expected: FAIL
-
-  [createHTMLDocument]
-    expected: FAIL
-
-  [<template>]
-    expected: FAIL
diff --git a/tests/wpt/metadata/html/semantics/forms/form-submission-0/text-plain.window.js.ini b/tests/wpt/metadata/html/semantics/forms/form-submission-0/text-plain.window.js.ini
index 0a2a5ec1b05..01a164569ff 100644
--- a/tests/wpt/metadata/html/semantics/forms/form-submission-0/text-plain.window.js.ini
+++ b/tests/wpt/metadata/html/semantics/forms/form-submission-0/text-plain.window.js.ini
@@ -2,9 +2,6 @@
   [text/plain: Basic test (normal form)]
     expected: FAIL
 
-  [text/plain: Basic test (formdata event)]
-    expected: FAIL
-
   [text/plain: Basic File test (normal form)]
     expected: FAIL
 
diff --git a/tests/wpt/metadata/html/semantics/forms/historical.html.ini b/tests/wpt/metadata/html/semantics/forms/historical.html.ini
new file mode 100644
index 00000000000..5d8289307cc
--- /dev/null
+++ b/tests/wpt/metadata/html/semantics/forms/historical.html.ini
@@ -0,0 +1,3 @@
+[historical.html]
+  [<input name=isindex> should not be supported]
+    expected: FAIL
diff --git a/tests/wpt/metadata/html/semantics/links/links-created-by-a-and-area-elements/htmlanchorelement_noopener.html.ini b/tests/wpt/metadata/html/semantics/links/links-created-by-a-and-area-elements/htmlanchorelement_noopener.html.ini
index d1c8dee6d6d..73807cb3cc1 100644
--- a/tests/wpt/metadata/html/semantics/links/links-created-by-a-and-area-elements/htmlanchorelement_noopener.html.ini
+++ b/tests/wpt/metadata/html/semantics/links/links-created-by-a-and-area-elements/htmlanchorelement_noopener.html.ini
@@ -11,7 +11,7 @@
     expected: FAIL
 
   [Check that rel=noopener with target=_parent does a normal load]
-    expected: NOTRUN
+    expected: FAIL
 
   [Check that rel=noopener with target=_self does a normal load]
     expected: NOTRUN
diff --git a/tests/wpt/metadata/html/syntax/parsing/DOMContentLoaded-defer.html.ini b/tests/wpt/metadata/html/syntax/parsing/DOMContentLoaded-defer.html.ini
deleted file mode 100644
index b8bdf33cb65..00000000000
--- a/tests/wpt/metadata/html/syntax/parsing/DOMContentLoaded-defer.html.ini
+++ /dev/null
@@ -1,3 +0,0 @@
-[DOMContentLoaded-defer.html]
-  [The end: DOMContentLoaded and defer scripts]
-    expected: FAIL
diff --git a/tests/wpt/metadata/webaudio/the-audio-api/the-audiocontext-interface/audiocontext-not-fully-active.html.ini b/tests/wpt/metadata/webaudio/the-audio-api/the-audiocontext-interface/audiocontext-not-fully-active.html.ini
index eed03df37f3..b7537329068 100644
--- a/tests/wpt/metadata/webaudio/the-audio-api/the-audiocontext-interface/audiocontext-not-fully-active.html.ini
+++ b/tests/wpt/metadata/webaudio/the-audio-api/the-audiocontext-interface/audiocontext-not-fully-active.html.ini
@@ -1,4 +1,5 @@
 [audiocontext-not-fully-active.html]
+  expected: TIMEOUT
   [frame in navigated remote-site frame]
     expected: FAIL
 
diff --git a/tests/wpt/metadata/webaudio/the-audio-api/the-audiocontext-interface/audiocontextoptions.html.ini b/tests/wpt/metadata/webaudio/the-audio-api/the-audiocontext-interface/audiocontextoptions.html.ini
index 1fdde19ecc9..37dd5b66269 100644
--- a/tests/wpt/metadata/webaudio/the-audio-api/the-audiocontext-interface/audiocontextoptions.html.ini
+++ b/tests/wpt/metadata/webaudio/the-audio-api/the-audiocontext-interface/audiocontextoptions.html.ini
@@ -1,5 +1,5 @@
 [audiocontextoptions.html]
-  expected: CRASH
+  expected: TIMEOUT
   [X context = new AudioContext({sampleRate: 1}) did not throw an exception.]
     expected: FAIL
 
@@ -11,4 +11,3 @@
 
   [< [test-audiocontextoptions-sampleRate\] 2 out of 4 assertions were failed.]
     expected: FAIL
-
diff --git a/tests/wpt/metadata/webmessaging/without-ports/017.html.ini b/tests/wpt/metadata/webmessaging/without-ports/017.html.ini
new file mode 100644
index 00000000000..c7946fc91b4
--- /dev/null
+++ b/tests/wpt/metadata/webmessaging/without-ports/017.html.ini
@@ -0,0 +1,4 @@
+[017.html]
+  expected: TIMEOUT
+  [origin of the script that invoked the method, about:blank]
+    expected: TIMEOUT
diff --git a/tests/wpt/metadata/workers/constructors/Worker/Worker-constructor.html.ini b/tests/wpt/metadata/workers/constructors/Worker/Worker-constructor.html.ini
deleted file mode 100644
index 80f9a4f15b8..00000000000
--- a/tests/wpt/metadata/workers/constructors/Worker/Worker-constructor.html.ini
+++ /dev/null
@@ -1,2 +0,0 @@
-[Worker-constructor.html]
-  expected: ERROR
diff --git a/tests/wpt/mozilla/meta/mozilla/scrollBy.html.ini b/tests/wpt/mozilla/meta/mozilla/scrollBy.html.ini
deleted file mode 100644
index f78f699f620..00000000000
--- a/tests/wpt/mozilla/meta/mozilla/scrollBy.html.ini
+++ /dev/null
@@ -1,3 +0,0 @@
-[scrollBy.html]
-  [Ensure that the window.scrollBy function affects scroll position as expected]
-    expected: FAIL
diff --git a/tests/wpt/mozilla/meta/mozilla/task_queue_throttling.any.js.ini b/tests/wpt/mozilla/meta/mozilla/task_queue_throttling.any.js.ini
deleted file mode 100644
index 49887a606ef..00000000000
--- a/tests/wpt/mozilla/meta/mozilla/task_queue_throttling.any.js.ini
+++ /dev/null
@@ -1,5 +0,0 @@
-[task_queue_throttling.any.worker.html]
-
-[task_queue_throttling.any.html]
-  [Throttling the performance timeline task queue.]
-    expected: FAIL
diff --git a/tests/wpt/web-platform-tests/.gitignore b/tests/wpt/web-platform-tests/.gitignore
index d5b2da49def..4f85ad3c523 100644
--- a/tests/wpt/web-platform-tests/.gitignore
+++ b/tests/wpt/web-platform-tests/.gitignore
@@ -49,4 +49,4 @@ scratch
 /webaudio/idl/*
 
 # w3c-test.org PR-branch mirroring
-/submissions/
+submissions/
diff --git a/tests/wpt/web-platform-tests/close-watcher/user-activation.html b/tests/wpt/web-platform-tests/close-watcher/user-activation.html
index 375488dede6..64f217533d7 100644
--- a/tests/wpt/web-platform-tests/close-watcher/user-activation.html
+++ b/tests/wpt/web-platform-tests/close-watcher/user-activation.html
@@ -53,7 +53,7 @@ promise_test(async t => {
   createRecordingCloseWatcher(t, events, "watcher2");
 
   await sendCloseSignal();
-  assert_array_equals(events, ["watcher2 close", "watcher1 close"]);
+  assert_array_equals(events, ["watcher2 close", "watcher1 close", "freeWatcher close"]);
 }, "Multiple CloseWatchers created without user activation close together (with no cancel)");
 
 promise_test(async t => {
diff --git a/tests/wpt/web-platform-tests/css/css-break/table/tall-padding-crash.html b/tests/wpt/web-platform-tests/css/css-break/table/tall-padding-crash.html
new file mode 100644
index 00000000000..2b588586bfb
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-break/table/tall-padding-crash.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
+<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1357123">
+<div style="columns:3; column-fill:auto; height:40px;">
+  <div style="height:30px;"></div>
+  <div style="display:table; padding-top:20px; padding-bottom:100px;">
+    <div></div>
+  </div>
+</div>
diff --git a/tests/wpt/web-platform-tests/css/css-multicol/crashtests/spanner-in-inline-after-very-tall-content-001.html b/tests/wpt/web-platform-tests/css/css-multicol/crashtests/spanner-in-inline-after-very-tall-content-001.html
new file mode 100644
index 00000000000..6f3cb5c553e
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-multicol/crashtests/spanner-in-inline-after-very-tall-content-001.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
+<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1327882">
+<div style="columns:3; orphans:1; widows:2; line-height:20px;">
+  <span>
+    <div style="height:1234567890px;"></div>
+    <br>
+    <div style="display:inline-block; width:100px; height:6000000px;"></div>
+    <div style="column-span:all;"></div>
+  </span>
+  <div id="tallthing" style="height:10000000px;"></div>
+</div>
diff --git a/tests/wpt/web-platform-tests/css/css-multicol/crashtests/spanner-in-inline-after-very-tall-content-002.html b/tests/wpt/web-platform-tests/css/css-multicol/crashtests/spanner-in-inline-after-very-tall-content-002.html
new file mode 100644
index 00000000000..0a68ec82886
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-multicol/crashtests/spanner-in-inline-after-very-tall-content-002.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
+<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1327882">
+<div style="columns:15;">
+  <span>
+    <div style="height:214748364px;"></div>
+  </span>
+  <br>
+  <div style="display:inline-block; width:100px; height:2147487px;"></div>
+  <span>
+    <div style="column-span:all;"></div>
+  </span>
+  <div style="columns:1; column-fill:auto; height:2147483px;"></div>
+</div>
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/3d-transform-incoming-ref.html b/tests/wpt/web-platform-tests/css/css-view-transitions/3d-transform-incoming-ref.html
new file mode 100644
index 00000000000..a789b706efd
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/3d-transform-incoming-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<title>Shared transitions: 3d transform ref</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<style>
+div { box-sizing: border-box; will-change: transform }
+.wrap_perspective {
+  perspective: 100px;
+  width: max-content;
+  transform: translate(200px);
+}
+.rotatex {
+  transform-style: preserve-3d;
+  transform: rotateX(20deg);
+  background: blue;
+}
+.shared {
+  contain: layout;
+  width: 100px;
+  height: 100px;
+}
+body { background: pink }
+
+</style>
+
+<div class="wrap_perspective"><div class="rotatex shared"></div></div>
+
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/3d-transform-incoming.html b/tests/wpt/web-platform-tests/css/css-view-transitions/3d-transform-incoming.html
new file mode 100644
index 00000000000..1c3a20debbc
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/3d-transform-incoming.html
@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html class=reftest-wait>
+<title>Shared transitions: 3d transform</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<link rel="match" href="3d-transform-incoming-ref.html">
+<meta name=fuzzy content="3d-transform-incoming-ref.html:0-80;0-500">
+<script src="/common/reftest-wait.js"></script>
+<style>
+div { box-sizing: border-box; will-change: transform }
+.rotate3d {
+  transform: translate(20px, 100px) rotate3d(1, 1, 1, 45deg);
+  background: blue;
+}
+
+.wrap_perspective {
+  perspective: 100px;
+  width: max-content;
+  transform: translate(200px);
+}
+.rotatex {
+  transform-style: preserve-3d;
+  transform: rotateX(20deg);
+  background: green;
+}
+.shared {
+  view-transition-name: shared;
+  contain: layout;
+  width: 100px;
+  height: 100px;
+}
+#hidden {
+  view-transition-name: hidden;
+  width: 10px;
+  height: 10px;
+  background: red;
+  contain: layout;
+}
+
+::view-transition-group(hidden) { animation-duration: 300s; }
+::view-transition-image-pair(hidden) { visibility: hidden; }
+::view-transition-group(root) { visibility: hidden; }
+::view-transition { background: pink; }
+::view-transition-group(*) { animation-delay: 300s; }
+::view-transition-new(*) { animation: unset; opacity: 1; }
+::view-transition-old(*) { animation: unset; opacity: 0; }
+</style>
+
+<div id=wrapper class=wrap_perspective><div id=target class="shared rotatex"></div></div>
+<div id=hidden></div>
+
+<script>
+function runTest() {
+  document.startViewTransition(() => {
+    wrapper.classList.toggle("wrap_perspective");
+    target.classList.toggle("rotatex");
+    target.classList.toggle("rotate3d");
+    requestAnimationFrame(() => requestAnimationFrame(takeScreenshot));
+  });
+}
+
+onload = requestAnimationFrame(() => requestAnimationFrame(runTest));
+</script>
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/3d-transform-outgoing-ref.html b/tests/wpt/web-platform-tests/css/css-view-transitions/3d-transform-outgoing-ref.html
new file mode 100644
index 00000000000..0554cd3f4d9
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/3d-transform-outgoing-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<title>Shared transitions: 3d transform ref</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<style>
+div { box-sizing: border-box; will-change: transform }
+.rotate3d {
+  transform: translate(20px, 100px) rotate3d(1, 1, 1, 45deg);
+  background: green;
+}
+.shared {
+  contain: layout;
+  width: 100px;
+  height: 100px;
+}
+body { background: pink }
+
+</style>
+
+<div class="rotate3d shared"></div>
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/3d-transform-outgoing.html b/tests/wpt/web-platform-tests/css/css-view-transitions/3d-transform-outgoing.html
new file mode 100644
index 00000000000..2a2319830af
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/3d-transform-outgoing.html
@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+<html class=reftest-wait>
+<title>Shared transitions: 3d transform</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<link rel="match" href="3d-transform-outgoing-ref.html">
+<meta name=fuzzy content="3d-transform-outgoing-ref.html:0-255;0-1200">
+<script src="/common/reftest-wait.js"></script>
+
+<style>
+div { box-sizing: border-box; will-change: transform }
+.rotate3d {
+  transform: translate(20px, 100px) rotate3d(1, 1, 1, 45deg);
+  background: blue;
+}
+
+.wrap_perspective {
+  perspective: 100px;
+  width: max-content;
+  transform: translate(200px);
+}
+.rotatex {
+  transform-style: preserve-3d;
+  transform: rotateX(20deg);
+  background: green;
+}
+.shared {
+  view-transition-name: shared;
+  contain: layout;
+  width: 100px;
+  height: 100px;
+}
+#hidden {
+  view-transition-name: hidden;
+  width: 10px;
+  height: 10px;
+  background: red;
+  contain: layout;
+}
+
+::view-transition-group(hidden) { animation-duration: 300s; }
+::view-transition-image-pair(hidden) { visibility: hidden; }
+::view-transition-group(root) { visibility: hidden; }
+::view-transition { background: pink; }
+::view-transition-group(*) { animation-duration: 0s; }
+::view-transition-new(*) { animation: unset; opacity: 0; }
+::view-transition-old(*) { animation: unset; opacity: 1; }
+</style>
+
+<div id=wrapper class=wrap_perspective><div id=target class="shared rotatex"></div></div>
+<div id=hidden></div>
+
+<script>
+function runTest() {
+  document.startViewTransition(() => {
+    wrapper.classList.toggle("wrap_perspective");
+    target.classList.toggle("rotatex");
+    target.classList.toggle("rotate3d");
+    requestAnimationFrame(() => requestAnimationFrame(takeScreenshot));
+  });
+}
+
+onload = requestAnimationFrame(() => requestAnimationFrame(runTest));
+</script>
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/content-object-fit-fill-ref.html b/tests/wpt/web-platform-tests/css/css-view-transitions/content-object-fit-fill-ref.html
new file mode 100644
index 00000000000..c8ba2ae154b
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/content-object-fit-fill-ref.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<title>Shared transitions: display content in a pseudo with object-fit: none (ref)</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<style>
+#container {
+  width: 50px;
+  height: 50px;
+  position: absolute;
+  top: 10px;
+  left: 10px;
+  overflow: hidden;
+}
+#content {
+  background: lightblue;
+  width: 100px;
+  height: 100px;
+  transform-origin: top left;
+  transform: scale(0.5);
+}
+#inner {
+  width: 10px;
+  height: 10px;
+  background: green;
+  top: 5px;
+  left: 10px;
+}
+
+html { background: lightpink; }
+</style>
+
+<div id=container><div id=content><div id=inner></div></div></div>
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/content-object-fit-none-ref.html b/tests/wpt/web-platform-tests/css/css-view-transitions/content-object-fit-none-ref.html
new file mode 100644
index 00000000000..61ef73f28cb
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/content-object-fit-none-ref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<title>Shared transitions: display content in a pseudo with object-fit: none (ref)</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<style>
+#container {
+  width: 50px;
+  height: 50px;
+  position: absolute;
+  top: 10px;
+  left: 10px;
+}
+#content {
+  background: lightblue;
+  width: 100px;
+  height: 100px;
+}
+
+html { background: lightpink; }
+</style>
+
+<div id=container><div id=content>This is text</div></div>
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/content-smaller-than-box-size-ref.html b/tests/wpt/web-platform-tests/css/css-view-transitions/content-smaller-than-box-size-ref.html
new file mode 100644
index 00000000000..836f6cf3abb
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/content-smaller-than-box-size-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<title>Shared transitions: element with content less than box size (ref)</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:khushalsagar@chromium.org">
+
+<style>
+#target {
+  width: 100px;
+  height: 100px;
+}
+#inner {
+  width: 10px;
+  height: 10px;
+  background: blue;
+  position: relative;
+  top: 10px;
+  left: 10px;
+}
+</style>
+
+<div id=target>
+  <div id=inner></div>
+</div>
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/content-smaller-than-box-size.html b/tests/wpt/web-platform-tests/css/css-view-transitions/content-smaller-than-box-size.html
new file mode 100644
index 00000000000..f87a18cc4c3
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/content-smaller-than-box-size.html
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html class=reftest-wait>
+<title>Shared transitions: element with content less than box size</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:khushalsagar@chromium.org">
+<link rel="match" href="content-smaller-than-box-size-ref.html">
+
+<script src="/common/reftest-wait.js"></script>
+<style>
+div { contain: paint; }
+#target {
+  width: 100px;
+  height: 100px;
+  view-transition-name: target;
+}
+#inner {
+  width: 10px;
+  height: 10px;
+  background: blue;
+  position: relative;
+  top: 10px;
+  left: 10px;
+}
+
+.hidden {
+  background: pink;
+  width: 10px;
+  height: 10px;
+  view-transition-name: hidden;
+}
+
+html::view-transition-group(hidden) { animation-duration: 300s; }
+html::view-transition-image-pair(hidden) { animation: unset; opacity: 0; }
+
+html::view-transition-new(target) { animation: unset; opacity: 0; }
+html::view-transition-old(target) { animation: unset; opacity: 1; }
+
+</style>
+
+<div id=target>
+  <div id=inner></div>
+</div>
+<div id=hidden class=hidden></div>
+
+<script>
+async function runTest() {
+  document.startViewTransition(() => {
+    requestAnimationFrame(takeScreenshot);
+  });
+}
+onload = () => requestAnimationFrame(runTest);
+</script>
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/content-visibility-auto-shared-element-ref.html b/tests/wpt/web-platform-tests/css/css-view-transitions/content-visibility-auto-shared-element-ref.html
new file mode 100644
index 00000000000..f157e9e2f1e
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/content-visibility-auto-shared-element-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<title>Shared transitions: offscreen content</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<style>
+body { background: pink }
+.flex {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: flex-start;
+}
+.box {
+  width: 100px;
+  height: 500px;
+  contain: paint;
+  background: green;
+  border: 1px solid black;
+  box-sizing: border-box;
+}
+</style>
+
+<div class=flex>
+ <div class=box>ancestor c-v</div>
+ <div class=box>self c-v</div>
+ <div class=box>descendant c-v</div>
+</div>
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/content-visibility-auto-shared-element.html b/tests/wpt/web-platform-tests/css/css-view-transitions/content-visibility-auto-shared-element.html
new file mode 100644
index 00000000000..b1282058da0
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/content-visibility-auto-shared-element.html
@@ -0,0 +1,78 @@
+<!DOCTYPE html>
+<html class=reftest-wait>
+<title>Shared transitions: offscreen content with content-visibility auto</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<link rel="match" href="content-visibility-auto-shared-element-ref.html">
+<script src="/common/reftest-wait.js"></script>
+<style>
+body {
+  overflow: hidden;
+}
+.flex {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: flex-start;
+}
+.box {
+  width: 100px;
+  height: 500px;
+  contain: paint;
+}
+.shared {
+  background: green;
+  border: 1px solid black;
+  box-sizing: border-box;
+}
+.spacer {
+  height: 3000px;
+}
+#hidden {
+  width: 10px;
+  height: 10px;
+  background: red;
+  contain: paint;
+  view-transition-name: hidden;
+}
+.locked {
+  content-visibility: auto;
+  contain-intrinsic-size: 500px;
+}
+
+html::view-transition-group(hidden) { animation-duration: 300s; }
+html::view-transition-image-pair(hidden) { visibility: hidden; }
+
+html::view-transition-group(*) { animation-duration: 0s; }
+html::view-transition-new(*) { animation: unset; opacity: 0; }
+html::view-transition-old(*) { animation: unset; opacity: 1; }
+html::view-transition-group(root) { display: none; }
+html::view-transition { background: pink }
+
+</style>
+
+<div class=flex>
+ <div id=dst1 class=box></div>
+ <div id=dst2 class=box></div>
+ <div id=dst3 class=box></div>
+</div>
+<div id=hidden></div>
+<div class=spacer></div>
+<div id=content>
+ <div class=locked><div id=src1 class="box shared" style="view-transition-name: one">ancestor c-v</div></div>
+ <div id=src2 class="box shared locked" style="view-transition-name: two">self c-v</div>
+ <div id=src3 class="box shared" style="view-transition-name: three"><div class=locked>descendant c-v</div></div>
+</div>
+
+<script>
+async function runTest() {
+  document.startViewTransition(() => {
+    content.remove();
+    dst1.style = "view-transition-name: one";
+    dst2.style = "view-transition-name: two";
+    dst3.style = "view-transition-name: three";
+    requestAnimationFrame(() => requestAnimationFrame(takeScreenshot));
+  });
+}
+onload = () => requestAnimationFrame(() => requestAnimationFrame(runTest));
+</script>
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/content-with-clip-max-texture-size-ref.html b/tests/wpt/web-platform-tests/css/css-view-transitions/content-with-clip-max-texture-size-ref.html
new file mode 100644
index 00000000000..3c66ddbfe70
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/content-with-clip-max-texture-size-ref.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<title>Shared transitions: element with clip max texture size (ref)</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:khushalsagar@chromium.org">
+<style>
+.target {
+  contain: paint;
+  width: 100px;
+  height: 8000px;
+}
+
+.green {
+  width: 100%;
+  height: 7900px;
+  background: green
+}
+
+.blue {
+  width: 100%;
+  height: 100px;
+  background: blue;
+}
+
+.hidden {
+  contain: paint;
+  width: 10px;
+  height: 10px;
+  background: grey;
+  visibility: hidden;
+}
+</style>
+<body>
+<div id="target1" class="target">
+  <div class="green"></div>
+  <div id="scrollblue" class="blue"></div>
+</div>
+<div id=hidden class=hidden></div>
+</body>
+<script>
+  scrollblue.scrollIntoView();
+</script>
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/content-with-clip-max-texture-size.html b/tests/wpt/web-platform-tests/css/css-view-transitions/content-with-clip-max-texture-size.html
new file mode 100644
index 00000000000..dd71e7cb196
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/content-with-clip-max-texture-size.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html class=reftest-wait>
+<title>Shared transitions: element with clip max texture size</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:khushalsagar@chromium.org">
+<link rel="match" href="content-with-clip-max-texture-size-ref.html">
+<meta name=fuzzy content="maxDifference=10;totalPixels=200">
+
+<script src="/common/reftest-wait.js"></script>
+<style>
+.target {
+  contain: paint;
+  width: 100px;
+  height: 8000px;
+}
+
+.green {
+  width: 100%;
+  height: 7900px;
+  background: green
+}
+
+.blue {
+  width: 100%;
+  height: 100px;
+  background: blue;
+}
+
+.hidden {
+  contain: paint;
+  width: 10px;
+  height: 10px;
+  background: grey;
+  view-transition-name: hidden;
+}
+#target1 { view-transition-name: target1; }
+
+html::view-transition-group(hidden) { animation-duration: 300s; }
+html::view-transition-image-pair(hidden) { animation: unset; opacity: 0; }
+
+html::view-transition-old(*), html::view-transition-new(*) {
+  object-fit: none;
+}
+
+html::view-transition-old(target1) { animation: unset; opacity: 0; }
+html::view-transition-new(target1) { animation: unset; opacity: 1; }
+
+</style>
+
+<div id="target1" class="target">
+  <div class="green"></div>
+  <div id="scrollblue" class="blue"></div>
+</div>
+<div id=hidden class=hidden></div>
+
+<script>
+async function runTest() {
+  scrollblue.scrollIntoView();
+
+  document.startViewTransition(() => {
+    requestAnimationFrame(() => requestAnimationFrame(() =>
+      requestAnimationFrame(() => requestAnimationFrame(takeScreenshot))
+    ));
+  });
+}
+onload = () => requestAnimationFrame(() => requestAnimationFrame(runTest));
+</script>
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/content-with-clip-ref.html b/tests/wpt/web-platform-tests/css/css-view-transitions/content-with-clip-ref.html
new file mode 100644
index 00000000000..b265afabc5e
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/content-with-clip-ref.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<title>Shared transitions: element with clip (ref)</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<style>
+.target {
+  contain: paint;
+  width: 100px;
+  height: 100vh;
+  display: inline-block;
+}
+
+.embedded {
+  width: 100%;
+  height: 50%;
+}
+
+body {
+  height: 150vh;
+}
+</style>
+<div id="target1" class="target">
+  <div class="embedded" style="background: green;"></div>
+  <div class="embedded" style="background: blue"></div>
+</div>
+<div id="target2" class="target">
+  <div class="embedded" style="background: green;"></div>
+  <div class="embedded" style="background: blue"></div>
+</div>
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/content-with-clip-root-ref.html b/tests/wpt/web-platform-tests/css/css-view-transitions/content-with-clip-root-ref.html
new file mode 100644
index 00000000000..1da6940c902
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/content-with-clip-root-ref.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<title>Shared transitions: element with clip (ref)</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<style>
+.container {
+  width: 100vw;
+  height: 100vh;
+  position: fixed;
+  top: -50vh;
+  left: 0px;
+  overflow: auto;
+}
+.target {
+  contain: paint;
+  width: 100px;
+  height: 100vh;
+  display: inline-block;
+}
+
+.embedded {
+  width: 100%;
+  height: 50%;
+}
+
+body {
+  margin: 0px;
+  height: 150vh;
+}
+</style>
+<div id="container">
+<div id="target1" class="target">
+  <div class="embedded" style="background: green;"></div>
+</div>
+</div>
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/content-with-clip-root.html b/tests/wpt/web-platform-tests/css/css-view-transitions/content-with-clip-root.html
new file mode 100644
index 00000000000..c014a8c3e2e
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/content-with-clip-root.html
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<html class=reftest-wait>
+<title>Shared transitions: root element with clip</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:khushalsagar@chromium.org">
+<link rel="match" href="content-with-clip-root-ref.html">
+
+<script src="/common/reftest-wait.js"></script>
+<style>
+.target {
+  contain: paint;
+  width: 100px;
+  height: 100vh;
+  position: relative;
+  top: 50vh;
+  display: inline-block;
+}
+
+.embedded {
+  width: 100%;
+  height: 50%;
+}
+
+.hidden {
+  contain: paint;
+  width: 10px;
+  height: 10px;
+  background: grey;
+  view-transition-name: hidden;
+}
+
+body {
+  margin: 0px;
+}
+
+html::view-transition-group(hidden) { animation-duration: 300s; }
+html::view-transition-image-pair(hidden) { animation: unset; opacity: 0; }
+
+html::view-transition-group(target2) {
+  opacity: 0;
+}
+
+html::view-transition-group(root) {
+  top: -50vh;
+  bottom: 50vh;
+}
+
+html::view-transition-old(root) { animation: unset; opacity: 0; height: 100%; }
+html::view-transition-new(root) { animation: unset; opacity: 1; height: 100%; }
+
+</style>
+
+<div id="target1" class="target">
+  <div class="embedded" style="background: green;"></div>
+  <div class="embedded" style="background: blue"></div>
+</div>
+<div id="target2" class="target">
+  <div class="embedded" style="background: green;"></div>
+  <div class="embedded" style="background: blue"></div>
+</div>
+<div id=hidden class=hidden></div>
+
+<script>
+async function runTest() {
+  document.startViewTransition(() => {
+    // Add a shared element to ensure its bounds don't expand the root snapshot
+    // size.
+    target2.style = "view-transition-name: target2";
+
+    requestAnimationFrame(() => requestAnimationFrame(() =>
+      requestAnimationFrame(() => requestAnimationFrame(takeScreenshot))
+    ));
+  });
+}
+onload = () => requestAnimationFrame(() => requestAnimationFrame(runTest));
+</script>
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/content-with-clip.html b/tests/wpt/web-platform-tests/css/css-view-transitions/content-with-clip.html
new file mode 100644
index 00000000000..d84b614256b
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/content-with-clip.html
@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html class=reftest-wait>
+<title>Shared transitions: element with clip</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:khushalsagar@chromium.org">
+<link rel="match" href="content-with-clip-ref.html">
+
+<script src="/common/reftest-wait.js"></script>
+<style>
+.target {
+  contain: paint;
+  width: 100px;
+  height: 100vh;
+  position: relative;
+  top: 50vh;
+  display: inline-block;
+}
+
+.embedded {
+  width: 100%;
+  height: 50%;
+}
+
+.hidden {
+  contain: paint;
+  width: 10px;
+  height: 10px;
+  background: grey;
+  view-transition-name: hidden;
+}
+
+/* Makes sure the viewport height is consistent for scrollbars to align */
+body {
+  height: 150vh;
+}
+
+html::view-transition-group(hidden) { animation-duration: 300s; }
+html::view-transition-image-pair(hidden) { animation: unset; opacity: 0; }
+
+html::view-transition-group(target1), html::view-transition-group(target2) {
+  position: absolute;
+  top: -50vh;
+}
+html::view-transition-old(target1) { animation: unset; opacity: 1; }
+html::view-transition-new(target2) { animation: unset; opacity: 1; }
+
+</style>
+
+<div id="target1" class="target" style="view-transition-name: target1">
+  <div class="embedded" style="background: green;"></div>
+  <div class="embedded" style="background: blue"></div>
+</div>
+<div id="target2" class="target">
+  <div class="embedded" style="background: green;"></div>
+  <div class="embedded" style="background: blue"></div>
+</div>
+<div id=hidden class=hidden></div>
+
+<script>
+async function runTest() {
+  document.startViewTransition(() => {
+    target1.style = "";
+    target2.style = "view-transition-name: target2";
+    requestAnimationFrame(() => requestAnimationFrame(() =>
+      requestAnimationFrame(() => requestAnimationFrame(takeScreenshot))
+    ));
+  });
+}
+onload = () => requestAnimationFrame(() => requestAnimationFrame(runTest));
+</script>
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/content-with-inline-child-ref.html b/tests/wpt/web-platform-tests/css/css-view-transitions/content-with-inline-child-ref.html
new file mode 100644
index 00000000000..a805aac64bf
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/content-with-inline-child-ref.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<title>Shared transitions: element with inline child (ref)</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="stylesheet" href="/fonts/ahem.css">
+<link rel="author" href="mailto:bokan@chromium.org">
+<style>
+#target {
+  width: 100px;
+  height: 100px;
+  overflow-clip-margin: 500px;
+  contain: paint;
+  view-transition-name: target;
+  background-color: grey;
+}
+
+#child {
+  position: relative;
+  left: 100px;
+  top: 100px;
+  color: lightgreen;
+  background-color: darkgreen;
+}
+
+#innerchild {
+  position: relative;
+  left: 100px;
+}
+</style>
+
+<div id="target" style="font: 25px/1 Ahem">
+  <span id="child">INLINE<br><span id="innerchild">BOX</span></span>
+</div>
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/content-with-inline-child.html b/tests/wpt/web-platform-tests/css/css-view-transitions/content-with-inline-child.html
new file mode 100644
index 00000000000..e195f5ff861
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/content-with-inline-child.html
@@ -0,0 +1,69 @@
+<!DOCTYPE html>
+<html class=reftest-wait>
+<title>Shared transitions: element with inline child</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="stylesheet" href="/fonts/ahem.css">
+<link rel="author" href="mailto:bokan@chromium.org">
+<link rel="match" href="content-with-inline-child-ref.html">
+<meta name="flags" content="ahem">
+
+<script src="/common/reftest-wait.js"></script>
+<style>
+
+#target {
+  width: 100px;
+  height: 100px;
+  overflow-clip-margin: 500px;
+  contain: paint;
+  view-transition-name: target;
+  background-color: grey;
+}
+
+#child {
+  position: relative;
+  left: 100px;
+  top: 100px;
+  color: lightgreen;
+  background-color: darkgreen;
+}
+
+#innerchild {
+  position: relative;
+  left: 100px;
+}
+
+html::view-transition-new(root) {
+  opacity: 0;
+}
+html::view-transition-old(root) {
+  opacity: 0;
+}
+
+html::view-transition-old(target) {
+  animation-duration: 3s;
+  animation-timing-function: steps(1, end);
+  opacity: 1;
+}
+html::view-transition-new(target) { animation: unset; opacity: 0; }
+
+</style>
+
+<div id="target" style="font: 25px/1 Ahem">
+  <span id="child">INLINE<br><span id="innerchild">BOX</span></span>
+</div>
+
+<script>
+async function runTest() {
+  document.startViewTransition(() => {
+    // Remove the target to ensure the ref is compared against the snapshot.
+    document.getElementById("target").remove();
+
+    requestAnimationFrame(
+      () => requestAnimationFrame(
+      () => requestAnimationFrame(
+      () => requestAnimationFrame(takeScreenshot))));
+  });
+}
+onload = () => requestAnimationFrame(() => requestAnimationFrame(runTest));
+</script>
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/content-with-overflow-ref.html b/tests/wpt/web-platform-tests/css/css-view-transitions/content-with-overflow-ref.html
new file mode 100644
index 00000000000..62282bd326a
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/content-with-overflow-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<title>Shared transitions: shared element with overflow (ref)</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:khushalsagar@chromium.org">
+<style>
+.target {
+  width: 100px;
+  height: 100px;
+  contain: paint;
+  background: blue;
+  overflow-clip-margin: 50px;
+  view-transition-name: target;
+}
+.child {
+  width: 200px;
+  height: 200px;
+  position: relative;
+  top: 50px;
+  left: 50px;
+  background: green;
+}
+body { background: lightpink; }
+</style>
+
+<div class=target>
+  <div class=child>
+  </div>
+</div>
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/content-with-overflow-zoomed-ref.html b/tests/wpt/web-platform-tests/css/css-view-transitions/content-with-overflow-zoomed-ref.html
new file mode 100644
index 00000000000..a55fa30937a
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/content-with-overflow-zoomed-ref.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<title>Shared transitions: shared element with overflow (ref)</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:khushalsagar@chromium.org">
+<style>
+.target {
+  width: 80px;
+  height: 80px;
+  contain: paint;
+  background: blue;
+  overflow-clip-margin: 50px;
+  view-transition-name: target;
+  zoom: 1.5;
+  border: 2px solid black;
+}
+.child {
+  width: 200px;
+  height: 200px;
+  position: relative;
+  top: 50px;
+  left: 50px;
+  background: green;
+  zoom: 1.2;
+}
+body { background: lightpink; }
+</style>
+
+<div class=ancestor>
+  <div class=target>
+    <div class=child>
+    </div>
+  </div>
+</div>
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/content-with-transform-new-image.html b/tests/wpt/web-platform-tests/css/css-view-transitions/content-with-transform-new-image.html
new file mode 100644
index 00000000000..31cd1882b6f
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/content-with-transform-new-image.html
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html class=reftest-wait>
+<title>Shared transitions: object-view-box</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:khushalsagar@chromium.org">
+<link rel="match" href="content-with-transform-ref.html">
+<meta name="fuzzy" content="content-with-transform-ref.html:0-1;0-500">
+
+<script src="/common/reftest-wait.js"></script>
+<style>
+.target {
+  contain: paint;
+  width: 100px;
+  height: 100px;
+  transform: scale(2.0, 3.0);
+  view-transition-name: target;
+}
+
+.embedded {
+  width: 100px;
+  height: 50px;
+}
+
+.hidden {
+  contain: paint;
+  width: 10px;
+  height: 10px;
+  background: grey;
+  view-transition-name: hidden;
+}
+
+html::view-transition-group(hidden) { animation-duration: 300s; }
+html::view-transition-image-pair(hidden) { animation: unset; opacity: 0; }
+
+html::view-transition-new(target) {
+  animation: unset;
+  opacity: 1;
+}
+html::view-transition-old(target) { animation: unset; opacity: 0; }
+
+</style>
+
+<div id="target" class="target">
+  <div class="embedded" style="background: green;">Shared</div>
+  <div class="embedded" style="background: blue">Element</div>
+</div>
+<div id=hidden class=hidden></div>
+
+<script>
+async function runTest() {
+  let t = document.startViewTransition(() => {
+    requestAnimationFrame(() =>  requestAnimationFrame(takeScreenshot));
+  });
+}
+onload = () => requestAnimationFrame(runTest);
+</script>
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/content-with-transform-old-image.html b/tests/wpt/web-platform-tests/css/css-view-transitions/content-with-transform-old-image.html
new file mode 100644
index 00000000000..445e1b80b27
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/content-with-transform-old-image.html
@@ -0,0 +1,58 @@
+<!DOCTYPE html>
+<meta name="timeout" content="long">
+<html class=reftest-wait>
+<title>Shared transitions: object-view-box</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:khushalsagar@chromium.org">
+<link rel="match" href="content-with-transform-ref.html">
+<meta name="fuzzy" content="content-with-transform-ref.html:0-1;0-400">
+
+<script src="/common/reftest-wait.js"></script>
+<style>
+.target {
+  contain: paint;
+  width: 100px;
+  height: 100px;
+  transform: scale(2.0, 3.0);
+  view-transition-name: target;
+}
+
+.embedded {
+  width: 100px;
+  height: 50px;
+}
+
+.hidden {
+  contain: paint;
+  width: 10px;
+  height: 10px;
+  background: grey;
+  view-transition-name: hidden;
+}
+
+html::view-transition-group(hidden) { animation-duration: 300s; }
+html::view-transition-image-pair(hidden) { animation: unset; opacity: 0; }
+
+html::view-transition-old(target) {
+  animation: unset;
+  opacity: 1;
+}
+html::view-transition-new(target) { animation: unset; opacity: 0; }
+
+</style>
+
+<div id="target" class="target">
+  <div class="embedded" style="background: green;">Shared</div>
+  <div class="embedded" style="background: blue">Element</div>
+</div>
+<div id=hidden class=hidden></div>
+
+<script>
+async function runTest() {
+  document.startViewTransition(() => {
+    requestAnimationFrame(() =>  requestAnimationFrame(takeScreenshot));
+  });
+}
+onload = () => requestAnimationFrame(runTest);
+</script>
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/content-with-transform-ref.html b/tests/wpt/web-platform-tests/css/css-view-transitions/content-with-transform-ref.html
new file mode 100644
index 00000000000..629c8f0cc90
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/content-with-transform-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<title>Shared transitions: object-view-box (ref)</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<style>
+.target {
+  contain: paint;
+  width: 100px;
+  height: 100px;
+  transform: scale(2.0, 3.0);
+}
+
+.embedded {
+  width: 100px;
+  height: 50px;
+}
+
+</style>
+<div id="target" class="target">
+  <div class="embedded" style="background: green;">Shared</div>
+  <div class="embedded" style="background: blue">Element</div>
+</div>
+</div>
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/css-tags-paint-order-ref.html b/tests/wpt/web-platform-tests/css/css-view-transitions/css-tags-paint-order-ref.html
new file mode 100644
index 00000000000..98f26c06df4
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/css-tags-paint-order-ref.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<title>Shared transitions: css tags generate pseudo elements in paint order (ref)</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+
+<style>
+div {
+  contain: layout;
+  position: absolute;
+  top: 50px;
+  width: 100px;
+  height: 100px;
+}
+#one {
+  background: green;
+  left: 50px;
+  z-index: 1;
+}
+#two {
+  background: yellow;
+  left: 125px;
+  z-index: -1;
+}
+#three {
+  background: blue;
+  left: 200px;
+  z-index: 0;
+}
+body { background: lightpink; }
+</style>
+
+<div id=one></div>
+<div id=two></div>
+<div id=three></div>
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/css-tags-paint-order-with-entry-ref.html b/tests/wpt/web-platform-tests/css/css-view-transitions/css-tags-paint-order-with-entry-ref.html
new file mode 100644
index 00000000000..6a50ecbebf7
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/css-tags-paint-order-with-entry-ref.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<title>Shared transitions: css tags generate pseudo elements in paint order (ref)</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+
+<style>
+div {
+  contain: paint;
+  position: absolute;
+  top: 50px;
+  width: 100px;
+  height: 100px;
+}
+#one {
+  background: green;
+  left: 50px;
+  z-index: 1;
+}
+#two {
+  background: yellow;
+  left: 125px;
+  z-index: -1;
+}
+#three {
+  background: blue;
+  left: 200px;
+  z-index: 0;
+}
+#four {
+  background: lightgreen;
+  left: 275px;
+  z-index: 0;
+}
+body { background: lightpink; }
+</style>
+
+<div id=one></div>
+<div id=two></div>
+<div id=three></div>
+<div id=four></div>
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/css-tags-paint-order-with-entry.html b/tests/wpt/web-platform-tests/css/css-view-transitions/css-tags-paint-order-with-entry.html
new file mode 100644
index 00000000000..28a0d6b01a7
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/css-tags-paint-order-with-entry.html
@@ -0,0 +1,109 @@
+<!DOCTYPE html>
+<html class=reftest-wait>
+<title>Shared transitions: css tags generate pseudo elements in paint order</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<link rel="match" href="css-tags-paint-order-with-entry-ref.html">
+<meta name="fuzzy" content="css-tags-paint-order-with-entry-ref.html:0-120;0-300">
+
+<script src="/common/reftest-wait.js"></script>
+<style>
+div { contain: paint; }
+#one {
+  background: green;
+  width: 100px;
+  height: 100px;
+  position: relative;
+  z-index: 1;
+  view-transition-name: one;
+}
+#two {
+  background: yellow;
+  width: 100px;
+  height: 100px;
+  view-transition-name: two;
+}
+#three {
+  background: blue;
+  width: 100px;
+  height: 100px;
+  view-transition-name: three;
+}
+#four {
+  position: absolute;
+  background: lightgreen;
+  width: 100px;
+  height: 100px;
+  top: 50px;
+  left: 275px;
+  view-transition-name: four;
+}
+
+.hidden {
+  background: pink;
+  width: 10px;
+  height: 10px;
+  view-transition-name: hidden;
+}
+
+html::view-transition-group(hidden) { animation-duration: 300s; }
+html::view-transition-image-pair(hidden) { animation: unset; opacity: 0; }
+
+html::view-transition-group(one) {
+  animation: unset;
+  transform: unset;
+  position: absolute;
+  top: 50px;
+  left: 50px;
+}
+html::view-transition-group(two) {
+  animation: unset;
+  transform: unset;
+  position: absolute;
+  top: 50px;
+  left: 125px;
+}
+html::view-transition-group(three) {
+  animation: unset;
+  transform: unset;
+  position: absolute;
+  top: 50px;
+  left: 200px;
+}
+html::view-transition-new(four) {
+  animation: unset;
+  opacity: 1;
+}
+
+html::view-transition-new(one),
+html::view-transition-new(two),
+html::view-transition-new(three) { animation: unset; opacity: 0; }
+
+html::view-transition-old(one),
+html::view-transition-old(two),
+html::view-transition-old(three) { animation: unset; opacity: 1; }
+
+html::view-transition-group(root) { animation: unset; opacity: 0; }
+html::view-transition { background: lightpink; }
+
+</style>
+
+<div id=one></div>
+<div id=two></div>
+<div id=three></div>
+
+<div id=hidden class=hidden></div>
+
+<script>
+async function runTest() {
+  document.startViewTransition(() => {
+    const f = document.createElement("div");
+    f.id = "four";
+    document.body.appendChild(f);
+
+    requestAnimationFrame(() => requestAnimationFrame(takeScreenshot));
+  });
+}
+onload = () => requestAnimationFrame(() => requestAnimationFrame(runTest));
+</script>
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/css-tags-paint-order.html b/tests/wpt/web-platform-tests/css/css-view-transitions/css-tags-paint-order.html
new file mode 100644
index 00000000000..49c932337aa
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/css-tags-paint-order.html
@@ -0,0 +1,91 @@
+<!DOCTYPE html>
+<html class=reftest-wait>
+<title>Shared transitions: css tags generate pseudo elements in paint order</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<link rel="match" href="css-tags-paint-order-ref.html">
+
+<script src="/common/reftest-wait.js"></script>
+<style>
+div { contain: layout; }
+#one {
+  background: green;
+  width: 100px;
+  height: 100px;
+  position: relative;
+  z-index: 1;
+  view-transition-name: one;
+}
+#two {
+  background: yellow;
+  width: 100px;
+  height: 100px;
+  view-transition-name: two;
+}
+#three {
+  background: blue;
+  width: 100px;
+  height: 100px;
+  view-transition-name: three;
+}
+
+.hidden {
+  background: pink;
+  width: 10px;
+  height: 10px;
+  view-transition-name: hidden;
+}
+
+html::view-transition-group(hidden) { animation-duration: 300s; }
+html::view-transition-image-pair(hidden) { animation: unset; opacity: 0; }
+
+html::view-transition-group(one) {
+  animation: unset;
+  transform: unset;
+  position: absolute;
+  top: 50px;
+  left: 50px;
+}
+html::view-transition-group(two) {
+  animation: unset;
+  transform: unset;
+  position: absolute;
+  top: 50px;
+  left: 125px;
+}
+html::view-transition-group(three) {
+  animation: unset;
+  transform: unset;
+  position: absolute;
+  top: 50px;
+  left: 200px;
+}
+
+html::view-transition-new(one),
+html::view-transition-new(two),
+html::view-transition-new(three) { animation: unset; opacity: 0; }
+
+html::view-transition-old(one),
+html::view-transition-old(two),
+html::view-transition-old(three) { animation: unset; opacity: 1; }
+
+html::view-transition-group(root) { animation: unset; opacity: 0; }
+html::view-transition { background: lightpink; }
+
+</style>
+
+<div id=one></div>
+<div id=two></div>
+<div id=three></div>
+
+<div id=hidden class=hidden></div>
+
+<script>
+async function runTest() {
+  document.startViewTransition(() => {
+    requestAnimationFrame(() => requestAnimationFrame(takeScreenshot));
+  });
+}
+onload = () => requestAnimationFrame(() => requestAnimationFrame(runTest));
+</script>
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/css-tags-shared-element-ref.html b/tests/wpt/web-platform-tests/css/css-view-transitions/css-tags-shared-element-ref.html
new file mode 100644
index 00000000000..659d1d52786
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/css-tags-shared-element-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<title>Shared transitions: use css tags for shared elements (ref)</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+
+<style>
+div { contain: paint; }
+#left {
+  background: blue;
+  width: 100px;
+  height: 100px;
+  position: absolute;
+  top: 50px;
+  left: 50px;
+}
+#right {
+  width: 50px;
+  height: 50px;
+  background: green;
+  position: absolute;
+  top: 50px;
+  left: 250px;
+}
+body { background: lightpink; }
+</style>
+
+<div id=left></div>
+<div id=right></div>
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/css-tags-shared-element.html b/tests/wpt/web-platform-tests/css/css-view-transitions/css-tags-shared-element.html
new file mode 100644
index 00000000000..b750a6b05a4
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/css-tags-shared-element.html
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<html class=reftest-wait>
+<title>Shared transitions: use css tags for shared elements</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<link rel="match" href="css-tags-shared-element-ref.html">
+
+<script src="/common/reftest-wait.js"></script>
+<style>
+div { contain: paint; }
+#left {
+  background: green;
+  width: 100px;
+  height: 100px;
+  position: absolute;
+  top: 50px;
+  left: 50px;
+}
+#right {
+  width: 50px;
+  height: 50px;
+  background: blue;
+  position: absolute;
+  top: 50px;
+  left: 250px;
+}
+.left-tag {
+  view-transition-name: left-element;
+}
+.right-tag {
+  view-transition-name: right-element;
+}
+
+.hidden {
+  background: pink;
+  width: 10px;
+  height: 10px;
+  view-transition-name: hidden;
+}
+
+html::view-transition-group(hidden) { animation-duration: 300s; }
+html::view-transition-image-pair(hidden) { animation: unset; opacity: 0; }
+
+html::view-transition-group(left-element),
+html::view-transition-group(right-element) { animation-duration: 0s; }
+
+html::view-transition-new(left-element),
+html::view-transition-new(right-element) { animation: unset; opacity: 0; }
+
+html::view-transition-old(left-element),
+html::view-transition-old(right-element) { animation: unset; opacity: 1; }
+
+html::view-transition-group(root) { animation: unset; opacity: 0; }
+html::view-transition { background: lightpink; }
+
+</style>
+
+<div id=left class="left-tag"></div>
+<div id=right class="right-tag"></div>
+
+<div id=hidden class=hidden></div>
+
+<script>
+async function runTest() {
+  document.startViewTransition(() => {
+    left.classList.remove("left-tag");
+    left.classList.add("right-tag");
+
+    right.classList.remove("right-tag");
+    right.classList.add("left-tag");
+
+    requestAnimationFrame(() => requestAnimationFrame(takeScreenshot))
+  });
+}
+onload = () => requestAnimationFrame(() => requestAnimationFrame(runTest));
+</script>
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/duplicate_tag_rejects.html b/tests/wpt/web-platform-tests/css/css-view-transitions/duplicate_tag_rejects.html
new file mode 100644
index 00000000000..c7aef2aa1a4
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/duplicate_tag_rejects.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html class=reftest-wait>
+<title>Shared transitions: root tag is reserved</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+
+<style>
+div {
+  width: 100px;
+  height: 100px;
+  background: blue;
+  contain: paint;
+}
+</style>
+
+<div id=first></div>
+<div id=second></div>
+
+<script>
+promise_test(async t => {
+  return new Promise((resolve, reject) => {
+    first.style = "view-transition-name: target";
+    second.style = "view-transition-name: target";
+    let transition = document.startViewTransition();
+    transition.ready.then(() => {}, () => {});
+    transition.domUpdated.then(() => {}, () => {});
+    transition.finished.then(reject, resolve);
+  });
+}, "Two different elements with the same tag rejects capture");
+
+promise_test(async t => {
+  return new Promise((resolve, reject) => {
+    first.style = "view-transition-name: target";
+    let transition = document.startViewTransition(() => {
+      first.style = "view-transition-name: target";
+      second.style = "view-transition-name: target";
+    });
+    transition.ready.then(() => {}, () => {});
+    transition.domUpdated.then(() => {}, () => {});
+    transition.finished.then(reject, resolve);
+  });
+}, "Two different elements with the same tag rejects start");
+</script>
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/element-with-overflow-ref.html b/tests/wpt/web-platform-tests/css/css-view-transitions/element-with-overflow-ref.html
new file mode 100644
index 00000000000..523c8616a66
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/element-with-overflow-ref.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html>
+<title>View transitions: element with overflow ref</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:khushalsagar@chromium.org">
+<style>
+  .old_target {
+    position: fixed;
+    top: 0px;
+    left: 0px;
+    width: 100px;
+    height: 100px;
+    background: lightblue;
+    transform: translate(8px, 8px);
+  }
+
+  .new_target {
+    position: fixed;
+    top: 200px;
+    left: 0;
+    width: 100px;
+    height: 100px;
+    background: lightgreen;
+    transform: translate(8px, 8px);
+  }
+
+  .inner {
+    width: 100px;
+    height: 100px;
+    position: relative;
+    top: 50px;
+    left: 50px;
+    border: 5px solid black;
+  }
+</style>
+<div class="old_target">
+  <div class="inner"></div>
+</div>
+<div class="new_target">
+  <div class="inner" style="border:5px solid blue"></div>
+</div>
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/element-with-overflow.html b/tests/wpt/web-platform-tests/css/css-view-transitions/element-with-overflow.html
new file mode 100644
index 00000000000..188e00d3096
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/element-with-overflow.html
@@ -0,0 +1,70 @@
+<!DOCTYPE html>
+<html class=reftest-wait>
+<title>View transitions: element with overflow</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:khushalsagar@chromium.org">
+<link rel="match" href="element-with-overflow-ref.html">
+
+<script src="/common/reftest-wait.js"></script>
+<style>
+  .hidden {
+    width: 10px;
+    height: 10px;
+    view-transition-name: hidden;
+    background: green;
+    contain: layout;
+  }
+
+  .target {
+    width: 100px;
+    height: 100px;
+    background: lightblue;
+    contain: layout;
+    view-transition-name: target;
+  }
+  .inner {
+    width: 100px;
+    height: 100px;
+    position: relative;
+    top: 50px;
+    left: 50px;
+    border: 5px solid black;
+  }
+
+  html::view-transition-group(hidden) { animation-duration: 300s; }
+  html::view-transition-image-pair(hidden) { animation: unset; opacity: 0; }
+
+  html::view-transition-new(*), html::view-transition-old(*) {
+    opacity: 1;
+    animation: unset;
+  }
+
+  html::view-transition-old(target) {
+    top: 0px;
+    left: 0px;
+  }
+
+  html::view-transition-new(target) {
+    top: 200px;
+    left: 0px;
+  }
+</style>
+
+<div class="target">
+  <div class="inner"></div>
+</div>
+<div class="hidden"></div>
+
+<script>
+async function runTest() {
+  document.startViewTransition(() => {
+    document.getElementsByClassName("target")[0].style.background="lightgreen";
+    document.getElementsByClassName("inner")[0].style.border="5px solid blue";
+    requestAnimationFrame(() => requestAnimationFrame(() =>
+      requestAnimationFrame(() => requestAnimationFrame(takeScreenshot))
+    ));
+  });
+}
+onload = () => requestAnimationFrame(() => requestAnimationFrame(runTest));
+</script>
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/event-pseudo-name.html b/tests/wpt/web-platform-tests/css/css-view-transitions/event-pseudo-name.html
new file mode 100644
index 00000000000..b6af305c263
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/event-pseudo-name.html
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<title>Shared transitions: event pseudo name</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<link rel="match" href="web-animations-api-ref.html">
+
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+
+<style>
+:root { view-transition-name: none; }
+#first {
+  background: blue;
+  width: 100px;
+  height: 100px;
+  contain:  paint;
+  view-transition-name: shared;
+}
+
+html::view-transition-group(*),
+html::view-transition-image-pair(*),
+html::view-transition-new(*),
+html::view-transition-old(*) {
+  animation-duration: 600s;
+}
+
+@keyframes fade-in {
+  from { opacity: 0; }
+}
+html::view-transition-image-pair(*) {
+  animation: fade-in 600s both;
+}
+
+</style>
+<div id=first></div>
+<script>
+async_test(t => {
+  let names = [];
+  document.documentElement.addEventListener("animationstart", (e) => {
+    names.push(e.pseudoElement);
+    if (names.length == 4) {
+      t.step(() => assert_true(names.includes("::view-transition-group(shared)")));
+      t.step(() => assert_true(names.includes("::view-transition-image-pair(shared)")));
+      t.step(() => assert_true(names.includes("::view-transition-new(shared)")));
+      t.step(() => assert_true(names.includes("::view-transition-old(shared)")));
+      t.done();
+    }
+  });
+  document.startViewTransition();
+}, "verifies pseudo name includes a tag");
+
+</script>
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/far-away-capture-ref.html b/tests/wpt/web-platform-tests/css/css-view-transitions/far-away-capture-ref.html
new file mode 100644
index 00000000000..f5a034328fd
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/far-away-capture-ref.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+<title>Shared transitions: offscreen content</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<style>
+body { background: pink }
+.flex {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: flex-start;
+}
+.box {
+  width: 100px;
+  height: 500px;
+  contain: paint;
+  background: green;
+  border: 1px solid black;
+  box-sizing: border-box;
+}
+</style>
+
+<div class=flex>
+ <div class=box>500</div>
+ <div class=box>2000</div>
+ <div class=box>3500</div>
+ <div class=box>5000</div>
+ <div class=box>6500</div>
+</div>
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/far-away-capture.html b/tests/wpt/web-platform-tests/css/css-view-transitions/far-away-capture.html
new file mode 100644
index 00000000000..75e3bdf7515
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/far-away-capture.html
@@ -0,0 +1,82 @@
+<!DOCTYPE html>
+<html class=reftest-wait>
+<title>Shared transitions: offscreen content</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<link rel="match" href="far-away-capture-ref.html">
+<meta name="fuzzy" content="far-away-capture-ref.html:0-1;0-5">
+<script src="/common/reftest-wait.js"></script>
+<style>
+.flex {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: flex-start;
+}
+.box {
+  width: 100px;
+  height: 500px;
+  contain: paint;
+}
+.shared {
+  background: green;
+  border: 1px solid black;
+  box-sizing: border-box;
+}
+.spacer {
+  height: 1000px;
+}
+#hidden {
+  width: 10px;
+  height: 10px;
+  background: red;
+  contain: paint;
+  view-transition-name: hidden;
+}
+
+html::view-transition-group(hidden) { animation-duration: 300s; }
+html::view-transition-image-pair(hidden) { visibility: hidden; }
+
+html::view-transition-group(*) { animation-duration: 0s; }
+html::view-transition-new(*) { animation: unset; opacity: 0; }
+html::view-transition-old(*) { animation: unset; opacity: 1; }
+html::view-transition-group(root) { display: none; }
+html::view-transition { background: pink }
+
+</style>
+
+<div class=flex>
+ <div id=dst1 class=box></div>
+ <div id=dst2 class=box></div>
+ <div id=dst3 class=box></div>
+ <div id=dst4 class=box></div>
+ <div id=dst5 class=box></div>
+</div>
+<div id=hidden></div>
+<div id=content>
+ <div id=src1 class="box shared" style="view-transition-name: one">500</div>
+ <div class=spacer></div>
+ <div id=src2 class="box shared" style="view-transition-name: two">2000</div>
+ <div class=spacer></div>
+ <div id=src3 class="box shared" style="view-transition-name: three">3500</div>
+ <div class=spacer></div>
+ <div id=src4 class="box shared" style="view-transition-name: four">5000</div>
+ <div class=spacer></div>
+ <div id=src5 class="box shared" style="view-transition-name: five">6500</div>
+</div>
+
+<script>
+async function runTest() {
+  document.startViewTransition(() => {
+    content.remove();
+    dst1.style = "view-transition-name: one";
+    dst2.style = "view-transition-name: two";
+    dst3.style = "view-transition-name: three";
+    dst4.style = "view-transition-name: four";
+    dst5.style = "view-transition-name: five";
+    requestAnimationFrame(() => requestAnimationFrame(takeScreenshot));
+  });
+}
+onload = () => requestAnimationFrame(() => requestAnimationFrame(runTest));
+</script>
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/get-computed-style-crash.html b/tests/wpt/web-platform-tests/css/css-view-transitions/get-computed-style-crash.html
new file mode 100644
index 00000000000..38cd5af7f83
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/get-computed-style-crash.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<title>getComputedStyle without transition should not crash</title>
+<link rel="help" href="https://drafts.csswg.org/css-view-transitions-1">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+
+<body onload="start();">
+
+<script>
+async function start() {
+ var el = document.createElement(undefined);
+ document.body.appendChild(el);
+
+ var style = self.getComputedStyle(el, ':view-transition');
+ style.getPropertyValue("--child");
+}
+</script>
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/hit-test-unpainted-element-from-point.html b/tests/wpt/web-platform-tests/css/css-view-transitions/hit-test-unpainted-element-from-point.html
new file mode 100644
index 00000000000..390a3669e15
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/hit-test-unpainted-element-from-point.html
@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<title>Shared transitions: hit test shared element at the real dom location</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<link rel="match" href="hit-test-unpainted-element-ref.html">
+
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+
+<style>
+html { view-transition-name: none }
+#target {
+  width: 100px;
+  height: 100px;
+  contain: paint;
+  view-transition-name: shared;
+  position: relative;
+  z-index: 1;
+}
+.before {
+  background: yellow;
+  left: 200px;
+}
+.after {
+  background: green;
+}
+.after:hover {
+  background: red;
+}
+#unrelated {
+  width: 50px;
+  height: 50px;
+  position: relative;
+  top: -50px;
+  background: blue;
+}
+
+html::view-transition-group(shared) {
+  animation-delay: 300s;
+}
+html::view-transition-old(shared) {
+  animation: unset;
+  opacity: 1;
+}
+html::view-transition-new(shared) {
+  display: none;
+}
+</style>
+
+<div id=target class=before></div>
+<div id=unrelated></div>
+
+<script>
+async_test(t => {
+  document.startViewTransition(() => {
+    target.classList.toggle("before");
+    target.classList.toggle("after");
+    requestAnimationFrame(async () => {
+      // Check the old location of the element, we should get body.
+      t.step(() => assert_equals(document.elementFromPoint(20, 20), document.body));
+      // Check the new location of the pseudo element, we should get documentElement,
+      // which is the originating element for the pseudo element.
+      t.step(() => assert_equals(document.elementFromPoint(220, 20), document.documentElement));
+      // Check the spot that used to be covered by the element but now has
+      // unrelated element, which is what we expect to get.
+      t.step(() => assert_equals(document.elementFromPoint(20, 70), unrelated));
+      t.done();
+    });
+  });
+}, "hit test should not hit unpainted element, but does hit pseudo and unrelated elements");
+
+</script>
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/hit-test-unpainted-element-ref.html b/tests/wpt/web-platform-tests/css/css-view-transitions/hit-test-unpainted-element-ref.html
new file mode 100644
index 00000000000..fb73bb91fbc
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/hit-test-unpainted-element-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<title>Shared transitions: hit test shared element at the real dom location (ref)</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+
+<style>
+div {
+  width: 100px;
+  height: 100px;
+  contain: paint;
+  position: relative;
+  background: green;
+  left: 200px;
+}
+</style>
+
+<div></div>
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/hit-test-unpainted-element.html b/tests/wpt/web-platform-tests/css/css-view-transitions/hit-test-unpainted-element.html
new file mode 100644
index 00000000000..792ddc1a5d9
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/hit-test-unpainted-element.html
@@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<html class=reftest-wait>
+<title>Shared transitions: hit test shared element at the real dom location</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<link rel="match" href="hit-test-unpainted-element-ref.html">
+
+<script src="/resources/testdriver.js"></script>
+<script src="/resources/testdriver-actions.js"></script>
+<script src="/resources/testdriver-vendor.js"></script>
+<script src="/common/reftest-wait.js"></script>
+
+<style>
+html { view-transition-name: none }
+div {
+  width: 100px;
+  height: 100px;
+  contain: paint;
+  view-transition-name: shared;
+}
+.before {
+  position: relative;
+  background: yellow;
+  left: 200px;
+}
+.after {
+  background: green;
+}
+.after:hover {
+  background: red;
+}
+
+html::view-transition-group(shared) {
+  animation-delay: 300s;
+}
+html::view-transition-old(shared) {
+  animation: unset;
+  opacity: 0;
+}
+html::view-transition-new(shared) {
+  animation: unset;
+  opacity: 1;
+}
+</style>
+
+<div id=target class=before></div>
+
+<script>
+function mouseMoveToTarget(x, y) {
+  return new test_driver.Actions().pointerMove(x, y).send();
+}
+
+async function runTest() {
+  document.startViewTransition(() => {
+    target.classList.toggle("before");
+    target.classList.toggle("after");
+    // Ensure that we exit the capture phase before doing the rest of the test,
+    // since we want the animating phase to do hit-testing.
+    requestAnimationFrame(async () => {
+      await mouseMoveToTarget(10, 10);
+      requestAnimationFrame(takeScreenshot);
+    });
+  });
+}
+
+onload = () => requestAnimationFrame(() => requestAnimationFrame(runTest));
+</script>
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/hit-test-unrelated-element-ref.html b/tests/wpt/web-platform-tests/css/css-view-transitions/hit-test-unrelated-element-ref.html
new file mode 100644
index 00000000000..9d236466d61
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/hit-test-unrelated-element-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<title>Shared transitions: hit test shared element at the real dom location (ref)</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+
+<style>
+#target {
+  width: 100px;
+  height: 100px;
+  contain: paint;
+  background: blue;
+  position: relative;
+  left: 200px;
+}
+#unrelated {
+  width: 100px;
+  height: 100px;
+  background: green;
+  position: relative;
+  top: 200px;
+  left: 200px;
+}
+
+</style>
+
+<div id=target></div>
+<div id=unrelated></div>
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/hit-test-unrelated-element.html b/tests/wpt/web-platform-tests/css/css-view-transitions/hit-test-unrelated-element.html
new file mode 100644
index 00000000000..3620e5ea551
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/hit-test-unrelated-element.html
@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html class=reftest-wait>
+<title>Shared transitions: hit test shared element at the real dom location</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<link rel="match" href="hit-test-unrelated-element-ref.html">
+
+<script src="/resources/testdriver.js"></script>
+<script src="/resources/testdriver-actions.js"></script>
+<script src="/resources/testdriver-vendor.js"></script>
+<script src="/common/reftest-wait.js"></script>
+
+<style>
+html { view-transition-name: none }
+#target {
+  width: 100px;
+  height: 100px;
+  contain: paint;
+  background: blue;
+  view-transition-name: shared;
+}
+#target.before {
+  position: relative;
+  left: 200px;
+}
+
+#unrelated {
+  width: 100px;
+  height: 100px;
+  background: red;
+  position: relative;
+  top: 200px;
+  left: 200px;
+}
+#unrelated:hover {
+  background: green;
+}
+
+html::view-transition-group(shared) {
+  animation-delay: 300s;
+}
+html::view-transition-old(shared) {
+  animation: unset;
+  opacity: 0;
+}
+html::view-transition-new(shared) {
+  animation: unset;
+  opacity: 1;
+}
+</style>
+
+<div id=target class=before></div>
+<div id=unrelated></div>
+
+<script>
+function mouseMoveToTarget(x, y) {
+  return new test_driver.Actions().pointerMove(x, y).send();
+}
+
+async function runTest() {
+  document.startViewTransition(() => {
+    target.classList.toggle("before");
+    requestAnimationFrame(async () => {
+      await mouseMoveToTarget(210, 310);
+      requestAnimationFrame(takeScreenshot);
+    });
+  });
+}
+
+onload = () => requestAnimationFrame(() => requestAnimationFrame(runTest));
+</script>
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/iframe-transition-ref.html b/tests/wpt/web-platform-tests/css/css-view-transitions/iframe-transition-ref.html
new file mode 100644
index 00000000000..da1821e1d83
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/iframe-transition-ref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<title>Shared transitions: iframe</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<style>
+iframe { width: 500px; height: 500px }
+</style>
+
+<iframe srcdoc="
+<style>
+div {
+  width: 100px;
+  height: 100px;
+  background: green;
+}
+html { height: 50%; }
+</style>
+
+<div></div>
+"></iframe>
+
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/iframe-transition.sub.html b/tests/wpt/web-platform-tests/css/css-view-transitions/iframe-transition.sub.html
new file mode 100644
index 00000000000..9c64f9768ee
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/iframe-transition.sub.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class=reftest-wait>
+<title>Shared transitions: iframe</title>
+<meta name="timeout" content="long">
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<link rel="match" href="iframe-transition-ref.html">
+<meta name="assert" content="Ensure that iframe root capture is sized and displayed correctly">
+<meta name=fuzzy content="iframe-transition-ref.html:0-200;0-200">
+<script src="/common/reftest-wait.js"></script>
+<style>
+iframe { width: 500px; height: 500px }
+</style>
+
+<script>
+addEventListener("message", takeScreenshot);
+</script>
+
+<iframe id=frame src="http://{{domains[www]}}:{{ports[http][0]}}/css/css-view-transitions/support/frame-helper.html"></iframe>
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/input-blocked-when-rendering-suppressed.html b/tests/wpt/web-platform-tests/css/css-view-transitions/input-blocked-when-rendering-suppressed.html
new file mode 100644
index 00000000000..a571b2342fb
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/input-blocked-when-rendering-suppressed.html
@@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<html class=reftest-wait>
+<title>Shared transitions: ensure input is discarded when rendering is suppressed</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:khushalsagar@chromium.org">
+
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/resources/testdriver.js"></script>
+<script src="/resources/testdriver-actions.js"></script>
+<script src="/resources/testdriver-vendor.js"></script>
+
+<style>
+div {
+  width: 100px;
+  height: 100px;
+  background: blue;
+  contain: paint;
+}
+</style>
+
+<div id=first></div>
+
+<script>
+async function runTest(resolve, reject) {
+  window.addEventListener('mousedown', (event) => {
+      let point = event.clientX + "," + event.clientY;
+      if (event.clientX == 20 && event.clientY == 20)
+        resolve();
+      else
+        reject(point);
+    });
+
+    let transition = document.startViewTransition(() => {
+      return new Promise(async (inner_resolve) => {
+        new test_driver.Actions()
+                 .setContext(window)
+                 .addPointer("finger1", "touch")
+                 .pointerMove(10, 10, {origin: "viewport", sourceName: "finger1"})
+                 .pointerDown({sourceName: "finger1"})
+                 .pointerUp({sourceName: "finger1"})
+                 .send();
+
+        // Use a timeout to ensure the input has been queued up. await
+        // times out because the event is discarded.
+        step_timeout(inner_resolve, 1000);
+      });
+    });
+    await transition.finished;
+
+    await new test_driver.Actions()
+             .setContext(window)
+             .addPointer("finger1", "touch")
+             .pointerMove(20, 20, {origin: "viewport", sourceName: "finger1"})
+             .pointerDown({sourceName: "finger1"})
+             .pointerUp({sourceName: "finger1"})
+             .send();
+}
+
+promise_test(async t => {
+  return new Promise(async (resolve, reject) => {
+    // Dispatch an event before starting the test to finish init logic in
+    // synthetic input dispatch.
+    await new test_driver.Actions()
+                 .setContext(window)
+                 .addPointer("finger1", "touch")
+                 .pointerMove(0, 0, {origin: "viewport", sourceName: "finger1"})
+                 .pointerDown({sourceName: "finger1"})
+                 .pointerUp({sourceName: "finger1"})
+                 .send();
+    runTest(resolve, reject);
+  });
+}, "Input when rendering suppressed is ignored");
+</script>
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/intrinsic-aspect-ratio-ref.html b/tests/wpt/web-platform-tests/css/css-view-transitions/intrinsic-aspect-ratio-ref.html
new file mode 100644
index 00000000000..b2f63928e40
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/intrinsic-aspect-ratio-ref.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+<title>Shared transitions: different width container should keep aspect ratio (by default)</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<style>
+.spacer {
+  /* 10px - border from above and below */
+  height: 6px;
+}
+.smallbox {
+  width: 50px;
+  height: 50px;
+  background: blue;
+}
+.bigbox {
+  width: 200px;
+  height: 200px;
+  background: blue;
+}
+
+body { background: lightpink; }
+</style>
+
+<div style="width: 50px; height: 100px; border: 2px solid black">
+  <div style="height: 50px; background: blue"></div>
+</div>
+<div class=spacer></div>
+<div style="width: 200px; height: 100px; border: 2px solid black">
+  <div style="height: 200px; background: blue"></div>
+</div>
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/japanese-tag-ref.html b/tests/wpt/web-platform-tests/css/css-view-transitions/japanese-tag-ref.html
new file mode 100644
index 00000000000..8b351feaed4
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/japanese-tag-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<title>Shared transitions: shared element writing-modes (ref)</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+
+<style>
+.tb { writing-mode: horizontal-tb; }
+.lr { writing-mode: vertical-lr; }
+.rl { writing-mode: vertical-rl; }
+.shared {
+  margin: 2px;
+  width: 100px;
+  height: 50px;
+  background: green;
+  contain: paint;
+  border: 1px solid black;
+}
+html { background: lightpink; }
+</style>
+
+<div id=one class="tb shared">T</div>
+<div id=two class="lr shared">T</div>
+<div id=three class="rl shared">T</div>
+
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/japanese-tag.html b/tests/wpt/web-platform-tests/css/css-view-transitions/japanese-tag.html
new file mode 100644
index 00000000000..d9ad8c57974
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/japanese-tag.html
@@ -0,0 +1,93 @@
+<!DOCTYPE html>
+<html class=reftest-wait>
+<title>Shared transitions: shared element writing-modes</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<link rel="match" href="japanese-tag-ref.html">
+<script src="/common/reftest-wait.js"></script>
+<style>
+#hidden {
+  width: 100px;
+  height: 100px;
+  background: red;
+  position: absolute;
+  top: 0;
+  left: 0;
+  contain: paint;
+  view-transition-name: 隠れた;
+}
+.tb { writing-mode: horizontal-tb; }
+.lr { writing-mode: vertical-lr; }
+.rl { writing-mode: vertical-rl; }
+.shared {
+  margin: 2px;
+  width: 100px;
+  height: 50px;
+  background: green;
+  contain: paint;
+  border: 1px solid black;
+}
+#target1, #target2, #target3 {
+  background: red;
+  position: absolute;
+  top: 50px;
+  left: 50px;
+  width: 100px;
+  height: 500px;
+  contain: paint;
+}
+#one { view-transition-name: 第一; }
+#two { view-transition-name: 第二; }
+#three { view-transition-name: 第三; }
+
+html::view-transition-group(隠れた) { animation-duration: 300s; }
+html::view-transition-image-pair(隠れた) { animation: unset; opacity: 0; }
+
+html::view-transition-group(第一),
+html::view-transition-group(第二),
+html::view-transition-group(第三) {
+  animation-delay: 300s;
+  animation-fill-mode: both;
+}
+
+html::view-transition-new(第一),
+html::view-transition-new(第二),
+html::view-transition-new(第三) { animation: unset; opacity: 0; }
+
+html::view-transition-old(第一),
+html::view-transition-old(第二),
+html::view-transition-old(第三) { animation: unset; opacity: 1; }
+
+/* hide the root so we show transition background to ensure we're in a transition */
+html::view-transition-group(root) { animation: unset; opacity: 0; }
+html::view-transition { background: lightpink; }
+
+</style>
+
+<div id=hidden>Should not be visible</div>
+<div id=target1>Should not be visible</div>
+<div id=target2>Should not be visible</div>
+<div id=target3>Should not be visible</div>
+<div id=one class="shared tb">T</div>
+<div id=two class="shared lr">T</div>
+<div id=three class="shared rl">T</div>
+
+<script>
+async function runTest() {
+  document.startViewTransition(() => {
+    one.remove();
+    two.remove();
+    three.remove();
+    hidden.style.left = "200px";
+    target1.style.viewTransitionName = "第一";
+    target2.style.viewTransitionName = "第二";
+    target3.style.viewTransitionName = "第三";
+    requestAnimationFrame(() => requestAnimationFrame(takeScreenshot));
+  });
+}
+onload = () => requestAnimationFrame(() => requestAnimationFrame(runTest));
+</script>
+
+
+
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/mix-blend-mode-only-on-transition.html b/tests/wpt/web-platform-tests/css/css-view-transitions/mix-blend-mode-only-on-transition.html
new file mode 100644
index 00000000000..a9b9cb7afd3
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/mix-blend-mode-only-on-transition.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html class=reftest-wait>
+<title>SET: Blend modes are set up only in paired transitions</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+
+<style>
+div {
+  width: 100px;
+  height: 100px;
+  background: blue;
+  contain: paint;
+}
+.tagone { view-transition-name: one }
+.tagtwo { view-transition-name: two }
+.tagthree { view-transition-name: three }
+</style>
+
+<div id=first class=tagone></div>
+<div id=second></div>
+<div id=third class=tagthree></div>
+
+<script>
+async_test(t => {
+  let transition = document.startViewTransition(() => {
+    first.classList.toggle("tagone");
+    second.classList.toggle("tagtwo");
+    requestAnimationFrame(() => {
+      requestAnimationFrame(() => {
+        t.step(() => assert_equals(getComputedStyle(document.documentElement, "::view-transition-image-pair(one)").isolation, "auto"));
+        t.step(() => assert_equals(getComputedStyle(document.documentElement, "::view-transition-old(one)").mixBlendMode, "normal"));
+        t.step(() => assert_equals(getComputedStyle(document.documentElement, "::view-transition-image-pair(two)").isolation, "auto"));
+        t.step(() => assert_equals(getComputedStyle(document.documentElement, "::view-transition-new(two)").mixBlendMode, "normal"));
+        t.step(() => assert_equals(getComputedStyle(document.documentElement, "::view-transition-image-pair(three)").isolation, "isolate"));
+        t.step(() => assert_equals(getComputedStyle(document.documentElement, "::view-transition-old(three)").mixBlendMode, "plus-lighter"));
+        t.step(() => assert_equals(getComputedStyle(document.documentElement, "::view-transition-new(three)").mixBlendMode, "plus-lighter"));
+        t.done();
+      });
+    });
+  });
+}, "Blend modes are set up on paired transitions");
+</script>
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/new-and-old-sizes-match-ref.html b/tests/wpt/web-platform-tests/css/css-view-transitions/new-and-old-sizes-match-ref.html
new file mode 100644
index 00000000000..5a645bc788c
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/new-and-old-sizes-match-ref.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html class=reftest-wait>
+<title>Shared transitions: capture elements with different size capture</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<script src="/common/reftest-wait.js"></script>
+<style>
+.box {
+  width: 100px;
+  height: 100px;
+  contain: paint;
+  position: absolute;
+  overflow-clip-margin: 50px;
+}
+#target {
+  top: 20px;
+  left: 20px;
+  view-transition-name: target;
+}
+.inner_overflow {
+  width: 50px;
+  height: 150px;
+  margin-left: -10px;
+  margin-top: -20px;
+  background: lightgreen;
+  clip-path: inset(1px 1px 1px 1px);
+}
+
+/* We're verifying what we capture, so just display the new contents for 5 minutes.  */
+html::view-transition-group(*) { animation-duration: 300s; }
+html::view-transition-new(*) { animation: unset; opacity: 0; }
+html::view-transition-old(*) { animation: unset; opacity: 1; }
+/* hide the root so we show transition background to ensure we're in a transition */
+html::view-transition-group(root) { animation: unset; opacity: 0; }
+html::view-transition { background: lightpink; }
+</style>
+<div id=target class=box><div class=inner_overflow>X</div></div>
+<script>
+async function runTest() {
+  document.startViewTransition(() => {
+    requestAnimationFrame(() => requestAnimationFrame(takeScreenshot));
+  });
+}
+onload = () => requestAnimationFrame(() => requestAnimationFrame(runTest));
+</script>
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/new-and-old-sizes-match.html b/tests/wpt/web-platform-tests/css/css-view-transitions/new-and-old-sizes-match.html
new file mode 100644
index 00000000000..9eeb8364ab0
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/new-and-old-sizes-match.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html class=reftest-wait>
+<title>Shared transitions: capture elements with different size capture</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<link rel="match" href="new-and-old-sizes-match-ref.html">
+<meta name="fuzzy" content="new-and-old-sizes-match-ref.html:0-1;0-300">
+<script src="/common/reftest-wait.js"></script>
+<style>
+.box {
+  width: 100px;
+  height: 100px;
+  contain: paint;
+  position: absolute;
+  overflow-clip-margin: 50px;
+}
+#target {
+  top: 20px;
+  left: 20px;
+  view-transition-name: target;
+}
+.inner_overflow {
+  width: 50px;
+  height: 150px;
+  margin-left: -10px;
+  margin-top: -20px;
+  background: lightgreen;
+  clip-path: inset(1px 1px 1px 1px);
+}
+
+/* We're verifying what we capture, so just display the new contents for 5 minutes.  */
+html::view-transition-group(*) { animation-duration: 300s; }
+html::view-transition-new(*) { animation: unset; opacity: 1; }
+html::view-transition-old(*) { animation: unset; opacity: 0; }
+/* hide the root so we show transition background to ensure we're in a transition */
+html::view-transition-group(root) { animation: unset; opacity: 0; }
+html::view-transition { background: lightpink; }
+</style>
+<div id=target class=box><div class=inner_overflow>X</div></div>
+<script>
+async function runTest() {
+  let t = document.startViewTransition(() => {
+    requestAnimationFrame(() => requestAnimationFrame(takeScreenshot));
+  });
+}
+onload = () => requestAnimationFrame(() => requestAnimationFrame(runTest));
+</script>
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-captures-clip-path-ref.html b/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-captures-clip-path-ref.html
new file mode 100644
index 00000000000..0275e1a2546
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-captures-clip-path-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<title>Shared transitions: capture opacity elements (ref)</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<style>
+.box {
+  color: red;
+  background: lightgreen;
+  width: 100px;
+  height: 100px;
+  contain: paint;
+  position: absolute;
+  font-size: 30pt;
+}
+#e1 {
+  clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
+  top: 20px;
+  left: 20px;
+}
+body { background: lightpink; }
+</style>
+<div id=e1 class=box></div>
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-captures-clip-path.html b/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-captures-clip-path.html
new file mode 100644
index 00000000000..0e78e0f0ef0
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-captures-clip-path.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html class=reftest-wait>
+<title>Shared transitions: capture clip-path elements</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<link rel="match" href="new-content-captures-clip-path-ref.html">
+<meta name="fuzzy" content="new-content-captures-clip-path-ref.html:0-1;0-500">
+<script src="/common/reftest-wait.js"></script>
+<style>
+.box {
+  color: red;
+  background: lightblue;
+  width: 100px;
+  height: 100px;
+  contain: paint;
+  position: absolute;
+  font-size: 30pt;
+}
+#e1 {
+  clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
+  top: 20px;
+  left: 20px;
+  view-transition-name: e1;
+}
+
+div.dst { background: lightgreen; }
+/* We're verifying what we capture, so just display the new contents for 5 minutes.  */
+html::view-transition-group(*) { animation-duration: 300s; }
+html::view-transition-image-pair(*) { isolation: isolate; }
+html::view-transition-new(*) { animation: unset; opacity: 1; }
+html::view-transition-old(*) { animation: unset; opacity: 0; }
+/* hide the root so we show transition background to ensure we're in a transition */
+html::view-transition-group(root) { animation: unset; opacity: 0; }
+html::view-transition { background: lightpink; }
+</style>
+<div id=e1 class=box></div>
+<script>
+async function runTest() {
+  let t = document.startViewTransition(() => {
+    e1.classList.add("dst");
+    requestAnimationFrame(() => requestAnimationFrame(takeScreenshot));
+  });
+}
+onload = () => requestAnimationFrame(() => requestAnimationFrame(runTest));
+</script>
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-captures-different-size-ref.html b/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-captures-different-size-ref.html
new file mode 100644
index 00000000000..88d7f9963f8
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-captures-different-size-ref.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<title>Shared transitions: capture elements with different size capture (ref)</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<style>
+.box {
+  color: red;
+  background: lightgreen;
+  width: 100px;
+  height: 100px;
+  contain: paint;
+  position: absolute;
+  font-size: 30pt;
+}
+#e1 {
+  clip-path: circle(30%);
+  top: 20px;
+  left: 20px;
+}
+#e2 {
+  clip-path: ellipse(70% 30%);
+  top: 160px;
+  left: 20px;
+}
+#e3 {
+  filter: blur(5px);
+  top: 300px;
+  left: 20px;
+}
+
+body { background: lightpink; }
+</style>
+<div id=e1 class=box>one</div>
+<div id=e2 class=box>two</div>
+<div id=e3 class=box>three</div>
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-captures-different-size.html b/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-captures-different-size.html
new file mode 100644
index 00000000000..1cd57f99400
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-captures-different-size.html
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<meta name="timeout" content="long">
+<html class=reftest-wait>
+<title>Shared transitions: capture elements with different size capture</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<link rel="match" href="new-content-captures-different-size-ref.html">
+<meta name=fuzzy content="new-content-captures-different-size-ref.html:0-40;0-30000">
+<script src="/common/reftest-wait.js"></script>
+<style>
+.box {
+  color: red;
+  background: lightblue;
+  width: 100px;
+  height: 100px;
+  contain: paint;
+  position: absolute;
+  font-size: 30pt;
+}
+#e1 {
+  clip-path: circle(30%);
+  top: 20px;
+  left: 20px;
+  view-transition-name: e1;
+}
+#e2 {
+  clip-path: ellipse(70% 30%);
+  top: 160px;
+  left: 20px;
+  view-transition-name: e2;
+}
+#e3 {
+  filter: blur(5px);
+  top: 300px;
+  left: 20px;
+  view-transition-name: e3;
+}
+
+div.dst { background: lightgreen; }
+/* We're verifying what we capture, so just display the new contents for 5 minutes.  */
+html::view-transition-group(*) { animation-duration: 300s; }
+html::view-transition-new(*) { animation: unset; opacity: 1; }
+html::view-transition-old(*) { animation: unset; opacity: 0; }
+/* hide the root so we show transition background to ensure we're in a transition */
+html::view-transition-group(root) { animation: unset; opacity: 0; }
+html::view-transition { background: lightpink; }
+</style>
+<div id=e1 class=box>one</div>
+<div id=e2 class=box>two</div>
+<div id=e3 class=box>three</div>
+<script>
+async function runTest() {
+  let t = document.startViewTransition(() => {
+    e1.classList.add("dst");
+    e2.classList.add("dst");
+    e3.classList.add("dst");
+    requestAnimationFrame(() => requestAnimationFrame(takeScreenshot));
+  });
+}
+onload = () => requestAnimationFrame(() => requestAnimationFrame(runTest));
+</script>
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-captures-opacity-ref.html b/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-captures-opacity-ref.html
new file mode 100644
index 00000000000..4fdd41c2d63
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-captures-opacity-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<title>Shared transitions: capture opacity elements (ref)</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<style>
+.box {
+  color: red;
+  background: lightgreen;
+  width: 100px;
+  height: 100px;
+  contain: paint;
+  position: absolute;
+  font-size: 30pt;
+  will-change: opacity;
+}
+#e1 { opacity: 0.75; top: 20px; left: 20px; }
+#e2 { opacity: 0.5; top: 160px; left: 20px; }
+#e3 { opacity: 0.25; top: 300px; left: 20px; }
+body { background: lightpink; }
+</style>
+<div id=e1 class=box></div>
+<div id=e2 class=box></div>
+<div id=e3 class=box></div>
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-captures-opacity.html b/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-captures-opacity.html
new file mode 100644
index 00000000000..15ac0b6b99f
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-captures-opacity.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html class=reftest-wait>
+<title>Shared transitions: capture opacity elements</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<link rel="match" href="new-content-captures-opacity-ref.html">
+<script src="/common/reftest-wait.js"></script>
+<style>
+.box {
+  color: red;
+  background: lightblue;
+  width: 100px;
+  height: 100px;
+  contain: paint;
+  position: absolute;
+  font-size: 30pt;
+  will-change: opacity;
+}
+#e1 { opacity: 0.75; top: 20px; left: 20px; view-transition-name: e1; }
+#e2 { opacity: 0.5; top: 160px; left: 20px; view-transition-name: e2; }
+#e3 { opacity: 0.25; top: 300px; left: 20px; view-transition-name: e3; }
+div.dst { background: lightgreen; }
+/* We're verifying what we capture, so just display the new contents for 5 minutes.  */
+html::view-transition-group(*) { animation-duration: 300s; }
+html::view-transition-new(*) { animation: unset; opacity: 1; }
+html::view-transition-old(*) { animation: unset; opacity: 0; }
+/* hide the root so we show transition background to ensure we're in a transition */
+html::view-transition-group(root) { animation: unset; opacity: 0; }
+html::view-transition { background: lightpink; }
+</style>
+<div id=e1 class=box></div>
+<div id=e2 class=box></div>
+<div id=e3 class=box></div>
+<script>
+async function runTest() {
+  let t = document.startViewTransition(() => {
+    e1.classList.add("dst");
+    e2.classList.add("dst");
+    e3.classList.add("dst");
+    requestAnimationFrame(() => requestAnimationFrame(takeScreenshot));
+  });
+}
+onload = () => requestAnimationFrame(() => requestAnimationFrame(runTest));
+</script>
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-captures-root-ref.html b/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-captures-root-ref.html
new file mode 100644
index 00000000000..5b5842b6302
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-captures-root-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<title>Shared transitions: capture opacity elements (ref)</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<style>
+.box {
+  background: lightgreen;
+  width: 100px;
+  height: 100px;
+  contain: paint;
+  position: absolute;
+  will-change: transform;
+}
+#e1 {
+  top: 10px;
+  left: 30px;
+}
+</style>
+<div id=e1 class=box></div>
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-captures-root.html b/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-captures-root.html
new file mode 100644
index 00000000000..d2944ef2a91
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-captures-root.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html class=reftest-wait>
+<title>Shared transitions: capture root elements</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<link rel="match" href="new-content-captures-root-ref.html">
+<script src="/common/reftest-wait.js"></script>
+<style>
+.box {
+  background: lightblue;
+  width: 100px;
+  height: 100px;
+  contain: paint;
+  position: absolute;
+  will-change: transform;
+}
+#e1 {
+  top: 10px;
+  left: 30px;
+}
+#shared {
+  contain: paint;
+  width: 100px;
+  height: 100px;
+  background: red;
+  view-transition-name: shared;
+}
+
+div.dst { background: lightgreen; }
+/* We're verifying what we capture, so just display the old contents for 5 minutes.  */
+html::view-transition { background: pink; }
+html::view-transition-group(shared) { animation-duration: 300s; }
+html::view-transition-image-pair(shared) { visibility: hidden }
+html::view-transition-old(root) { animation-duration: 0s; opacity: 0 }
+html::view-transition-new(root) { animation-duration: 0s; opacity: 1 }
+</style>
+<body style="background: red">
+<div id=e1 class=box></div>
+<div id=shared></div>
+<script>
+async function runTest() {
+  let t = document.startViewTransition(() => {
+    e1.classList.add("dst");
+    document.body.style = "";
+    requestAnimationFrame(() => requestAnimationFrame(takeScreenshot));
+  });
+}
+onload = () => requestAnimationFrame(() => requestAnimationFrame(runTest));
+</script>
+
+</body>
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-container-writing-modes-ref.html b/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-container-writing-modes-ref.html
new file mode 100644
index 00000000000..e889195b8cc
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-container-writing-modes-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<title>Shared transitions: container of shared element writing-modes (ref)</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+
+<style>
+.tb { writing-mode: horizontal-tb; }
+.lr { writing-mode: vertical-lr; }
+.rl { writing-mode: vertical-rl; }
+.shared {
+  margin: 2px;
+  width: 100px;
+  height: 50px;
+  background: green;
+  contain: paint;
+  border: 1px solid black;
+}
+html { background: lightpink; }
+</style>
+
+<div class=tb><div id=one class=shared>T</div></div>
+<div class=lr><div id=two class=shared>T</div></div>
+<div class=rl><div id=three class=shared>T</div></div>
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-container-writing-modes.html b/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-container-writing-modes.html
new file mode 100644
index 00000000000..51847e57acc
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-container-writing-modes.html
@@ -0,0 +1,87 @@
+<!DOCTYPE html>
+<html class=reftest-wait>
+<title>Shared transitions: container of shared element writing-modes</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<link rel="match" href="new-content-container-writing-modes-ref.html">
+<script src="/common/reftest-wait.js"></script>
+<style>
+#hidden {
+  width: 100px;
+  height: 100px;
+  background: red;
+  position: absolute;
+  top: 0;
+  left: 0;
+  contain: paint;
+  view-transition-name: hidden;
+}
+.tb { writing-mode: horizontal-tb; }
+.lr { writing-mode: vertical-lr; }
+.rl { writing-mode: vertical-rl; }
+.shared {
+  margin: 2px;
+  width: 100px;
+  height: 50px;
+  background: green;
+  contain: paint;
+  border: 1px solid black;
+}
+.source {
+  background: red;
+  position: absolute;
+  top: 50px;
+  left: 50px;
+  width: 100px;
+  height: 500px;
+  contain: paint;
+}
+html::view-transition-group(hidden) { animation-duration: 300s; }
+html::view-transition-image-pair(hidden) { animation: unset; opacity: 0; }
+
+html::view-transition-group(s1),
+html::view-transition-group(s2),
+html::view-transition-group(s3) { animation-duration: 0s; }
+
+html::view-transition-new(s1),
+html::view-transition-new(s2),
+html::view-transition-new(s3) { animation: unset; opacity: 1; }
+
+html::view-transition-old(s1),
+html::view-transition-old(s2),
+html::view-transition-old(s3) { animation: unset; opacity: 0; }
+
+/* hide the root so we show transition background to ensure we're in a transition */
+html::view-transition-group(root) { animation: unset; opacity: 0; }
+html::view-transition { background: lightpink; }
+
+</style>
+
+<div id=hidden>Should not be visible</div>
+<div id=s1 class=source>Should not be visible</div>
+<div id=s2 class=source>Should not be visible</div>
+<div id=s3 class=source>Should not be visible</div>
+<div class=tb><div id=one class=shared>T</div></div>
+<div class=lr><div id=two class=shared>T</div></div>
+<div class=rl><div id=three class=shared>T</div></div>
+
+<script>
+async function runTest() {
+  s1.style = "view-transition-name: s1";
+  s2.style = "view-transition-name: s2";
+  s3.style = "view-transition-name: s3";
+  document.startViewTransition(() => {
+    s1.remove();
+    s2.remove();
+    s3.remove();
+    hidden.style.left = "200px";
+    one.style = "view-transition-name: s1";
+    two.style = "view-transition-name: s2";
+    three.style = "view-transition-name: s3";
+    requestAnimationFrame(() => requestAnimationFrame(takeScreenshot));
+  });
+}
+onload = () => requestAnimationFrame(() => requestAnimationFrame(runTest));
+</script>
+
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-element-writing-modes-ref.html b/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-element-writing-modes-ref.html
new file mode 100644
index 00000000000..58bcdc44cc0
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-element-writing-modes-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<title>Shared transitions: shared element writing-modes (ref)</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+
+<style>
+.tb { writing-mode: horizontal-tb; }
+.lr { writing-mode: vertical-lr; }
+.rl { writing-mode: vertical-rl; }
+.shared {
+  margin: 2px;
+  width: 100px;
+  height: 50px;
+  background: green;
+  contain: paint;
+  border: 1px solid black;
+}
+html { background: lightpink; }
+</style>
+
+<div id=one class="tb shared">T</div>
+<div id=two class="lr shared">T</div>
+<div id=three class="rl shared">T</div>
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-element-writing-modes.html b/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-element-writing-modes.html
new file mode 100644
index 00000000000..4c2268ffc0d
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-element-writing-modes.html
@@ -0,0 +1,89 @@
+<!DOCTYPE html>
+<html class=reftest-wait>
+<title>Shared transitions: shared element writing-modes</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<link rel="match" href="new-content-element-writing-modes-ref.html">
+<script src="/common/reftest-wait.js"></script>
+<style>
+#hidden {
+  width: 100px;
+  height: 100px;
+  background: red;
+  position: absolute;
+  top: 0;
+  left: 0;
+  contain: paint;
+  view-transition-name: hidden;
+}
+.tb { writing-mode: horizontal-tb; }
+.lr { writing-mode: vertical-lr; }
+.rl { writing-mode: vertical-rl; }
+.shared {
+  margin: 2px;
+  width: 100px;
+  height: 50px;
+  background: green;
+  contain: paint;
+  border: 1px solid black;
+}
+#target {
+  background: red;
+  position: absolute;
+  top: 50px;
+  left: 50px;
+  width: 100px;
+  height: 500px;
+  contain: paint;
+}
+
+html::view-transition-group(hidden) { animation-duration: 300s; }
+html::view-transition-image-pair(hidden) { animation: unset; opacity: 0; }
+
+html::view-transition-group(s1),
+html::view-transition-group(s2),
+html::view-transition-group(s3) { animation-duration: 0s; }
+
+html::view-transition-new(s1),
+html::view-transition-new(s2),
+html::view-transition-new(s3) { animation: unset; opacity: 1; }
+
+html::view-transition-old(s1),
+html::view-transition-old(s2),
+html::view-transition-old(s3) { animation: unset; opacity: 0; }
+
+/* hide the root so we show transition background to ensure we're in a transition */
+html::view-transition-group(root) { animation: unset; opacity: 0; }
+html::view-transition { background: lightpink; }
+
+</style>
+
+<div id=hidden>Should not be visible</div>
+<div id=s1 class=source>Should not be visible</div>
+<div id=s2 class=source>Should not be visible</div>
+<div id=s3 class=source>Should not be visible</div>
+<div id=one class="tb shared">T</div>
+<div id=two class="lr shared">T</div>
+<div id=three class="rl shared">T</div>
+
+<script>
+async function runTest() {
+  s1.style = "view-transition-name: s1";
+  s2.style = "view-transition-name: s2";
+  s3.style = "view-transition-name: s3";
+  document.startViewTransition(() => {
+    s1.remove();
+    s2.remove();
+    s3.remove();
+    hidden.style.left = "200px";
+    one.style = "view-transition-name: s1";
+    two.style = "view-transition-name: s2";
+    three.style = "view-transition-name: s3";
+    requestAnimationFrame(() => requestAnimationFrame(takeScreenshot));
+  });
+}
+onload = () => requestAnimationFrame(() => requestAnimationFrame(runTest));
+</script>
+
+
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-has-scrollbars-ref.html b/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-has-scrollbars-ref.html
new file mode 100644
index 00000000000..e7e2f71b430
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-has-scrollbars-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<title>Shared transitions: incoming viewport has scrollbars (ref)</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/7859">
+<link rel="author" href="mailto:bokan@chromium.org">
+<style>
+  html, body {
+    width: 100%;
+    height: 100%;
+    background-color: lightpink;
+  }
+  body {
+    margin: 50px;
+  }
+  div {
+    background-image:
+      linear-gradient(45deg, #000 25%, transparent 25%),
+      linear-gradient(45deg, transparent 75%, #000 75%),
+      linear-gradient(45deg, transparent 75%, #000 75%),
+      linear-gradient(45deg, #000 25%, lightgreen 25%);
+    background-size: 200px 200px;
+    background-position: 0 0, 0 0, -100px -100px, 100px 100px;
+    width: 200%;
+    height: 200%;
+  }
+</style>
+<div></div>
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-has-scrollbars.html b/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-has-scrollbars.html
new file mode 100644
index 00000000000..6f4066a2303
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-has-scrollbars.html
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<meta name="timeout" content="long">
+<html class=reftest-wait>
+<title>Shared transitions: incoming viewport has scrollbars</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/7859">
+<link rel="author" href="mailto:bokan@chromium.org">
+<link rel="match" href="new-content-has-scrollbars-ref.html">
+<meta name=fuzzy content="new-content-has-scrollbars-ref.html:0-40;0-30000">
+<script src="/common/reftest-wait.js"></script>
+<style>
+  html, body {
+    width: 100%;
+    height: 100%;
+    background-color: lightpink;
+  }
+  html {
+    overflow: hidden;
+  }
+  body {
+    /* Margin to make sure background color is correctly drawn into the snapshot. */
+    margin: 50px;
+  }
+  div {
+    /* Draw a checkerboard pattern to make sure the snapshot is captured at the
+     * full size, rather than scaled. */
+    background-image:
+      linear-gradient(45deg, #000 25%, transparent 25%),
+      linear-gradient(45deg, transparent 75%, #000 75%),
+      linear-gradient(45deg, transparent 75%, #000 75%),
+      linear-gradient(45deg, #000 25%, lightgreen 25%);
+    background-size: 200px 200px;
+    background-position: 0 0, 0 0, -100px -100px, 100px 100px;
+    width: 200%;
+    height: 200%;
+  }
+
+  /* We're verifying what we capture, so just display the old contents for 5 minutes.  */
+  html::view-transition-new(root) { animation: unset; opacity: 0; }
+  html::view-transition-old(root) {
+    animation-duration: 300s;
+    animation-timing-function: steps(1, end);
+    opacity: 1;
+  }
+</style>
+
+<div></div>
+<script>
+// Ensure a root snapshot captured in the absence of scrollbars is displayed at
+// full size when rendered in the incoming viewport which is inset by
+// scrollbars. The content must not be scaled-to-fit.
+async function runTest() {
+  document.startViewTransition(() => {
+    document.documentElement.style.overflow = "unset";
+    requestAnimationFrame(() => requestAnimationFrame(takeScreenshot));
+  });
+}
+onload = () => requestAnimationFrame(() => requestAnimationFrame(runTest));
+</script>
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-intrinsic-aspect-ratio.html b/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-intrinsic-aspect-ratio.html
new file mode 100644
index 00000000000..88eeddcc80b
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-intrinsic-aspect-ratio.html
@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html class=reftest-wait>
+<title>Shared transitions: different width container should keep aspect ratio (by default)</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<link rel="match" href="intrinsic-aspect-ratio-ref.html">
+<script src="/common/reftest-wait.js"></script>
+<style>
+.spacer {
+  height: 10px;
+}
+.box {
+  width: 100px;
+  height: 100px;
+  contain: paint;
+  background: blue;
+}
+#target1 {
+  view-transition-name: target1;
+}
+#target2 {
+  view-transition-name: target2;
+}
+#hidden {
+  view-transition-name: hidden;
+  width: 10px;
+  height: 10px;
+  visibility: hidden;
+  contain: paint;
+}
+
+/* We're verifying what we capture, so just display the new contents for 5 minutes.  */
+html::view-transition-group(*) { animation-duration: 300s; }
+html::view-transition-new(*) { animation: unset; opacity: 1; }
+html::view-transition-old(*) { animation: unset; opacity: 0; }
+
+html::view-transition-group(target1) {
+  animation: unset;
+  width: 50px;
+  border: 2px solid black;
+}
+html::view-transition-group(target2) {
+  animation: unset;
+  width: 200px;
+  border: 2px solid black;
+}
+
+/* hide the root so we show transition background to ensure we're in a transition */
+html::view-transition-group(root) { animation: unset; opacity: 0; }
+html::view-transition { background: lightpink; }
+</style>
+
+<div id=target1 class=box></div>
+<div class=spacer></div>
+<div id=target2 class=box></div>
+<div id=hidden></div>
+<script>
+async function runTest() {
+  document.startViewTransition(() => {
+    requestAnimationFrame(() => requestAnimationFrame(takeScreenshot));
+  });
+}
+onload = () => requestAnimationFrame(() => requestAnimationFrame(runTest));
+</script>
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-is-empty-div-ref.html b/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-is-empty-div-ref.html
new file mode 100644
index 00000000000..ab70b830a5f
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-is-empty-div-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<title>Shared transitions: new content captures an empty div (ref)</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<style>
+div {
+  width: 100px;
+  height: 100px;
+  contain: paint;
+  position: absolute;
+  top: 50px;
+  left: 200px;
+  background: green;
+}
+body { background: lightpink; }
+</style>
+<div></div>
+
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-is-empty-div.html b/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-is-empty-div.html
new file mode 100644
index 00000000000..576c96181ba
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-is-empty-div.html
@@ -0,0 +1,58 @@
+<!DOCTYPE html>
+<html class=reftest-wait>
+<title>Shared transitions: old content captures an empty div</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<link rel="match" href="new-content-is-empty-div-ref.html">
+
+<script src="/common/reftest-wait.js"></script>
+<style>
+div {
+  contain: paint;
+  width: 100px;
+  height: 100px;
+  position: absolute;
+  top: 50px;
+}
+#source {
+  left: 50px;
+  background: green;
+}
+#target {
+  left: 200px;
+}
+#hidden {
+  background: red;
+}
+
+html::view-transition-group(hidden) { animation-duration: 300s; }
+html::view-transition-image-pair(hidden) { animation: unset; opacity: 0; }
+
+/* The effect of the following should be position at the incoming element
+   but contents of the new element.
+*/
+html::view-transition-group(shared) { animation-duration: 0s; }
+html::view-transition-new(shared) { animation: unset; opacity: 1; }
+html::view-transition-old(shared) { animation: unset; opacity: 1; }
+
+html::view-transition-group(root) { animation: unset; opacity: 0; }
+html::view-transition { background: lightpink; }
+
+</style>
+
+<div id=source></div>
+<div id=target></div>
+<div id=hidden></div>
+
+<script>
+async function runTest() {
+  source.style = "view-transition-name: shared";
+  document.startViewTransition(() => {
+    source.style = "";
+    target.style = "view-transition-name: shared";
+
+    requestAnimationFrame(() => requestAnimationFrame(takeScreenshot))
+  });
+}
+onload = () => requestAnimationFrame(() => requestAnimationFrame(runTest));
+</script>
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-object-fit-fill.html b/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-object-fit-fill.html
new file mode 100644
index 00000000000..47c7f77cd0f
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-object-fit-fill.html
@@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<html class=reftest-wait>
+<title>Shared transitions: display content in a pseudo with object-fit: fill</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<link rel="match" href="content-object-fit-fill-ref.html">
+<meta name="fuzzy" content="content-object-fit-fill-ref.html:0-60;0-20">
+<script src="/common/reftest-wait.js"></script>
+<style>
+#target {
+  width: 100px;
+  height: 100px;
+  contain: paint;
+  position: absolute;
+  top: 20px;
+  left: 20px;
+  view-transition-name: target;
+  background: lightblue;
+}
+#inner {
+  width: 10px;
+  height: 10px;
+  background: green;
+  top: 5px;
+  left: 10px;
+}
+#hidden {
+  background: pink;
+  width: 10px;
+  height: 10px;
+  view-transition-name: hidden;
+}
+
+html::view-transition-group(target) {
+  animation: unset;
+  transform: unset;
+  position: absolute;
+  top: 10px;
+  left: 10px;
+  width: 50px;
+  height: 50px;
+}
+
+html::view-transition-new(target) {
+  animation: unset;
+  opacity: 1;
+  object-fit: fill;
+}
+html::view-transition-old(target) {
+  animation: unset;
+  opacity: 0;
+}
+
+html::view-transition-group(hidden) {
+  animation-duration: 500s;
+  visibility: hidden;
+}
+
+html::view-transition-group(root) { animation: unset; opacity: 0; }
+html::view-transition { background: lightpink; }
+</style>
+
+<div id=target><div id=inner></div></div>
+<div id=hidden></div>
+
+<script>
+async function runTest() {
+  document.startViewTransition(() => {
+    requestAnimationFrame(() => requestAnimationFrame(takeScreenshot));
+  });
+}
+onload = () => requestAnimationFrame(() => requestAnimationFrame(runTest));
+</script>
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-object-fit-none.html b/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-object-fit-none.html
new file mode 100644
index 00000000000..be477691013
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-object-fit-none.html
@@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<html class=reftest-wait>
+<title>Shared transitions: display content in a pseudo with object-fit: none</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<link rel="match" href="content-object-fit-none-ref.html">
+<script src="/common/reftest-wait.js"></script>
+<style>
+#target {
+  width: 100px;
+  height: 100px;
+  contain: paint;
+  position: absolute;
+  top: 20px;
+  left: 20px;
+  view-transition-name: target;
+  background: lightblue;
+}
+#hidden {
+  background: pink;
+  width: 10px;
+  height: 10px;
+  view-transition-name: hidden;
+}
+
+html::view-transition-group(target) {
+  animation: unset;
+  transform: unset;
+  position: absolute;
+  top: 10px;
+  left: 10px;
+  width: 50px;
+  height: 50px;
+}
+
+html::view-transition-new(target) {
+  animation: unset;
+  opacity: 1;
+  object-fit: none;
+  object-position: 0% 0%;
+}
+html::view-transition-old(target) {
+  animation: unset;
+  opacity: 0;
+}
+
+html::view-transition-group(hidden) {
+  animation-duration: 500s;
+  visibility: hidden;
+}
+
+html::view-transition-group(root) { animation: unset; opacity: 0; }
+html::view-transition { background: lightpink; }
+</style>
+
+<div id=target>This is text</div>
+<div id=hidden></div>
+
+<script>
+async function runTest() {
+  document.startViewTransition(() => {
+    requestAnimationFrame(() => requestAnimationFrame(takeScreenshot));
+  });
+}
+onload = () => requestAnimationFrame(() => requestAnimationFrame(runTest));
+</script>
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-object-view-box-clip-path-ref.html b/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-object-view-box-clip-path-ref.html
new file mode 100644
index 00000000000..208284cc712
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-object-view-box-clip-path-ref.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<title>Shared transitions: object-view-box with larger overflow (ref)</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<style>
+.target {
+  color: red;
+  width: 100px;
+  height: 100px;
+  contain: paint;
+  position: relative;
+  top: 50px;
+  left: 50px;
+}
+.child {
+  width: 123px;
+  height: 150px;
+  background: lightblue;
+  position: relative;
+  top: -10px;
+  left: -20px;
+}
+.grandchild {
+  width: 25px;
+  height: 25px;
+  position: relative;
+  top: 20px;
+  left: 40px;
+  background: green;
+}
+#one { clip-path: inset(10px 12px 20px 28px); }
+#two { clip-path: inset(10px -12px 20px -28px); }
+body { background: lightpink; }
+</style>
+
+<div id=one class=target>
+  <div class=child>
+    <div class=grandchild></div>
+  </div>
+</div>
+<div style="height: 20px;"></div>
+<div id=two class=target>
+  <div class=child>
+    <div class=grandchild></div>
+  </div>
+</div>
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-object-view-box-clip-path-reference-ref.html b/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-object-view-box-clip-path-reference-ref.html
new file mode 100644
index 00000000000..394a80f3443
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-object-view-box-clip-path-reference-ref.html
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<title>Shared transitions: object-view-box with larger overflow (ref)</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<style>
+.target {
+  color: red;
+  width: 100px;
+  height: 100px;
+  contain: paint;
+  position: relative;
+  top: 50px;
+  left: 50px;
+}
+.child {
+  width: 123px;
+  height: 150px;
+  background: lightblue;
+  position: relative;
+  top: -10px;
+  left: -20px;
+}
+.grandchild {
+  width: 25px;
+  height: 25px;
+  position: relative;
+  top: 20px;
+  left: 40px;
+  background: green;
+}
+#one { clip-path: url(#clip1); }
+#two { clip-path: url(#clip2); }
+body { background: lightpink; }
+</style>
+
+<div id=one class=target>
+  <div class=child>
+    <div class=grandchild></div>
+  </div>
+</div>
+<div style="height: 20px;"></div>
+<div id=two class=target>
+  <div class=child>
+    <div class=grandchild></div>
+  </div>
+</div>
+
+<svg>
+  <defs>
+    <clipPath id="clip1">
+      <rect x="10" y="20" width="70" height="50" />
+    </clipPath>
+    <clipPath id="clip2">
+      <rect x="-10" y="20" width="130" height="50" />
+    </clipPath>
+  </defs>
+</svg>
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-object-view-box-clip-path-reference.html b/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-object-view-box-clip-path-reference.html
new file mode 100644
index 00000000000..6e28a130c86
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-object-view-box-clip-path-reference.html
@@ -0,0 +1,91 @@
+<!DOCTYPE html>
+<html class=reftest-wait>
+<title>Shared transitions: object-view-box with larger clip-path</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<link rel="match" href="new-content-object-view-box-clip-path-reference-ref.html">
+<script src="/common/reftest-wait.js"></script>
+<style>
+.target {
+  color: red;
+  width: 100px;
+  height: 100px;
+  contain: paint;
+  overflow-clip-margin: 1000px;
+  position: relative;
+  top: 50px;
+  left: 50px;
+}
+.child {
+  width: 123px;
+  height: 150px;
+  background: lightblue;
+  position: relative;
+  top: -10px;
+  left: -20px;
+}
+.grandchild {
+  width: 25px;
+  height: 25px;
+  position: relative;
+  top: 20px;
+  left: 40px;
+  background: green;
+}
+#one {
+  view-transition-name: target-one;
+  clip-path: url(#clip1);
+}
+#two {
+  view-transition-name: target-two;
+  clip-path: url(#clip2);
+}
+
+html::view-transition-group(target-one),
+html::view-transition-group(target-two) { animation-duration: 300s; }
+html::view-transition-old(target-one),
+html::view-transition-old(target-two) { animation: unset; opacity: 0; height: 100%; }
+html::view-transition-new(target-one),
+html::view-transition-new(target-two) {
+  animation: unset;
+  opacity: 1;
+  /* clip overflow, and verify inner contents only */
+  overflow: hidden;
+  height: 100%;
+}
+
+html::view-transition-group(root) { animation: unset; opacity: 0; }
+html::view-transition { background: lightpink; }
+</style>
+
+<div id=one class=target>
+  <div class=child>
+    <div class=grandchild></div>
+  </div>
+</div>
+<div style="height: 20px;"></div>
+<div id=two class=target>
+  <div class=child>
+    <div class=grandchild></div>
+  </div>
+</div>
+
+<svg>
+  <defs>
+    <clipPath id="clip1">
+      <rect x="10" y="20" width="70" height="50" />
+    </clipPath>
+    <clipPath id="clip2">
+      <rect x="-10" y="20" width="130" height="50" />
+    </clipPath>
+  </defs>
+</svg>
+
+<script>
+async function runTest() {
+  document.startViewTransition(() =>
+    requestAnimationFrame(() => requestAnimationFrame(takeScreenshot)));
+}
+onload = () => requestAnimationFrame(() => requestAnimationFrame(runTest));
+</script>
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-object-view-box-clip-path.html b/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-object-view-box-clip-path.html
new file mode 100644
index 00000000000..0a56ae220dd
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-object-view-box-clip-path.html
@@ -0,0 +1,80 @@
+<!DOCTYPE html>
+<html class=reftest-wait>
+<title>Shared transitions: object-view-box with larger clip-path</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<link rel="match" href="new-content-object-view-box-clip-path-ref.html">
+<script src="/common/reftest-wait.js"></script>
+<style>
+.target {
+  color: red;
+  width: 100px;
+  height: 100px;
+  contain: paint;
+  overflow-clip-margin: 1000px;
+  position: relative;
+  top: 50px;
+  left: 50px;
+}
+.child {
+  width: 123px;
+  height: 150px;
+  background: lightblue;
+  position: relative;
+  top: -10px;
+  left: -20px;
+}
+.grandchild {
+  width: 25px;
+  height: 25px;
+  position: relative;
+  top: 20px;
+  left: 40px;
+  background: green;
+}
+#one {
+  view-transition-name: target-one;
+  clip-path: inset(10px 12px 20px 28px);
+}
+#two {
+  view-transition-name: target-two;
+  clip-path: inset(10px -12px 20px -28px);
+}
+
+html::view-transition-group(target-one),
+html::view-transition-group(target-two) { animation-duration: 300s; }
+html::view-transition-old(target-one),
+html::view-transition-old(target-two) { animation: unset; opacity: 0; height: 100%; }
+html::view-transition-new(target-one),
+html::view-transition-new(target-two) {
+  animation: unset;
+  opacity: 1;
+  /* clip overflow, and verify inner contents only */
+  overflow: hidden;
+  height: 100%;
+}
+
+html::view-transition-group(root) { animation: unset; opacity: 0; }
+html::view-transition { background: lightpink; }
+</style>
+
+<div id=one class=target>
+  <div class=child>
+    <div class=grandchild></div>
+  </div>
+</div>
+<div style="height: 20px;"></div>
+<div id=two class=target>
+  <div class=child>
+    <div class=grandchild></div>
+  </div>
+</div>
+
+<script>
+async function runTest() {
+  document.startViewTransition(() =>
+    requestAnimationFrame(() => requestAnimationFrame(takeScreenshot)));
+}
+onload = () => requestAnimationFrame(() => requestAnimationFrame(runTest));
+</script>
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-object-view-box-overflow-clipped-ref.html b/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-object-view-box-overflow-clipped-ref.html
new file mode 100644
index 00000000000..2b55f1537d8
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-object-view-box-overflow-clipped-ref.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<title>Shared transitions: object-view-box with larger overflow (ref)</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<style>
+.target {
+  color: red;
+  width: 100px;
+  height: 100px;
+  contain: paint;
+  position: relative;
+  top: 50px;
+  left: 50px;
+}
+.child {
+  width: 123px;
+  height: 150px;
+  background: lightblue;
+  position: relative;
+  top: -10px;
+  left: -20px;
+}
+.grandchild {
+  width: 25px;
+  height: 25px;
+  position: relative;
+  top: 20px;
+  left: 40px;
+  background: green;
+}
+body { background: lightpink; }
+</style>
+
+<div class=target>
+  <div class=child>
+    <div class=grandchild></div>
+  </div>
+</div>
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-object-view-box-overflow-clipped.html b/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-object-view-box-overflow-clipped.html
new file mode 100644
index 00000000000..7f10f4105d1
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-object-view-box-overflow-clipped.html
@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html class=reftest-wait>
+<title>Shared transitions: object-view-box with larger overflow</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<link rel="match" href="new-content-object-view-box-overflow-clipped-ref.html">
+<script src="/common/reftest-wait.js"></script>
+<style>
+.target {
+  color: red;
+  width: 100px;
+  height: 100px;
+  contain: paint;
+  overflow-clip-margin: 10px;
+  position: relative;
+  top: 50px;
+  left: 50px;
+  view-transition-name: target;
+}
+.child {
+  width: 123px;
+  height: 150px;
+  background: lightblue;
+  position: relative;
+  top: -10px;
+  left: -20px;
+}
+.grandchild {
+  width: 25px;
+  height: 25px;
+  position: relative;
+  top: 20px;
+  left: 40px;
+  background: green;
+}
+
+html::view-transition-group(target) { animation-duration: 300s; }
+html::view-transition-new(target) {
+  animation: unset;
+  opacity: 1;
+
+  /* clip overflow, and verify inner contents only */
+  overflow: hidden;
+  height: 100%;
+}
+html::view-transition-old(target) { animation: unset; opacity: 0; height: 100%; }
+
+html::view-transition-group(root) { animation: unset; opacity: 0; }
+html::view-transition { background: lightpink; }
+</style>
+
+<div class=target>
+  <div class=child>
+    <div class=grandchild></div>
+  </div>
+</div>
+
+<script>
+async function runTest() {
+  document.startViewTransition(() =>
+    requestAnimationFrame(() => requestAnimationFrame(takeScreenshot)));
+}
+onload = () => requestAnimationFrame(() => requestAnimationFrame(runTest));
+</script>
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-object-view-box-overflow-ref.html b/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-object-view-box-overflow-ref.html
new file mode 100644
index 00000000000..2b55f1537d8
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-object-view-box-overflow-ref.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<title>Shared transitions: object-view-box with larger overflow (ref)</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<style>
+.target {
+  color: red;
+  width: 100px;
+  height: 100px;
+  contain: paint;
+  position: relative;
+  top: 50px;
+  left: 50px;
+}
+.child {
+  width: 123px;
+  height: 150px;
+  background: lightblue;
+  position: relative;
+  top: -10px;
+  left: -20px;
+}
+.grandchild {
+  width: 25px;
+  height: 25px;
+  position: relative;
+  top: 20px;
+  left: 40px;
+  background: green;
+}
+body { background: lightpink; }
+</style>
+
+<div class=target>
+  <div class=child>
+    <div class=grandchild></div>
+  </div>
+</div>
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-object-view-box-overflow.html b/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-object-view-box-overflow.html
new file mode 100644
index 00000000000..8031c5b7afd
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-object-view-box-overflow.html
@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html class=reftest-wait>
+<title>Shared transitions: object-view-box with larger overflow</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<link rel="match" href="new-content-object-view-box-overflow-ref.html">
+<script src="/common/reftest-wait.js"></script>
+<style>
+.target {
+  color: red;
+  width: 100px;
+  height: 100px;
+  contain: paint;
+  overflow-clip-margin: 1000px;
+  position: relative;
+  top: 50px;
+  left: 50px;
+  view-transition-name: target;
+}
+.child {
+  width: 123px;
+  height: 150px;
+  background: lightblue;
+  position: relative;
+  top: -10px;
+  left: -20px;
+}
+.grandchild {
+  width: 25px;
+  height: 25px;
+  position: relative;
+  top: 20px;
+  left: 40px;
+  background: green;
+}
+
+html::view-transition-group(target) { animation-duration: 300s; }
+html::view-transition-new(target) {
+  animation: unset;
+  opacity: 1;
+
+  /* clip overflow, and verify inner contents only */
+  overflow: hidden;
+  height: 100%;
+}
+html::view-transition-old(target) { animation: unset; opacity: 0; height: 100%; }
+
+html::view-transition-group(root) { animation: unset; opacity: 0; }
+html::view-transition { background: lightpink; }
+</style>
+
+<div class=target>
+  <div class=child>
+    <div class=grandchild></div>
+  </div>
+</div>
+
+<script>
+async function runTest() {
+  document.startViewTransition(() =>
+    requestAnimationFrame(() => requestAnimationFrame(takeScreenshot)));
+}
+onload = () => requestAnimationFrame(() => requestAnimationFrame(runTest));
+</script>
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-scaling-ref.html b/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-scaling-ref.html
new file mode 100644
index 00000000000..bcd195fc264
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-scaling-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<title>Shared transitions: display content in a pseudo with proper scaling (ref)</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<style>
+.inner {
+  position: absolute;
+  inset: 4px;
+  background: green;
+}
+.dst {
+  position: relative;
+  width: 100px;
+  height: 100px;
+  border: 1px solid blue;
+  box-sizing: border-box;
+}
+body { background: lightpink; }
+</style>
+
+<div class=dst><div class=inner></div></div>
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-scaling.html b/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-scaling.html
new file mode 100644
index 00000000000..480479ba1f2
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-scaling.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html class=reftest-wait>
+<title>Shared transitions: display content in a pseudo with proper scaling</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<link rel="match" href="new-content-scaling-ref.html">
+<meta name="fuzzy" content="new-content-scaling-ref.html:maxDifference=0-16;totalPixels=0-400">
+<script src="/common/reftest-wait.js"></script>
+<style>
+.shared {
+  view-transition-name: shared;
+  contain: paint;
+}
+.src {
+  position: relative;
+  width: 100px;
+  height: 100px;
+}
+.inner {
+  position: absolute;
+  inset: 20px;
+  background: green;
+}
+.dst {
+  position: relative;
+  width: 500px;
+  height: 500px;
+  border: 5px solid blue;
+  box-sizing: border-box;
+}
+
+html::view-transition-group(shared) {
+  animation-delay: 500s;
+}
+
+html::view-transition-new(shared) {
+  animation: unset;
+  opacity: 1;
+}
+html::view-transition-old(shared) {
+  animation: unset;
+  opacity: 0;
+}
+
+html::view-transition-group(root) { animation: unset; opacity: 0; }
+html::view-transition { background: lightpink; }
+</style>
+
+<div id=target class="shared src"><div class=inner></div></div>
+
+<script>
+async function runTest() {
+  let t = document.startViewTransition(() => {
+    target.classList.remove("src");
+    target.classList.add("dst");
+    requestAnimationFrame(() => requestAnimationFrame(takeScreenshot));
+  });
+}
+onload = () => requestAnimationFrame(() => requestAnimationFrame(runTest));
+</script>
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-with-overflow-zoomed.html b/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-with-overflow-zoomed.html
new file mode 100644
index 00000000000..a7a212318ec
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-with-overflow-zoomed.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html class=reftest-wait>
+<title>Shared transitions: shared element with overflow</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:khushalsagar@chromium.org">
+<link rel="match" href="content-with-overflow-zoomed-ref.html">
+<script src="/common/reftest-wait.js"></script>
+<style>
+.target {
+  width: 80px;
+  height: 80px;
+  contain: paint;
+  background: blue;
+  overflow-clip-margin: 50px;
+  view-transition-name: target;
+  zoom: 1.5;
+}
+.child {
+  width: 200px;
+  height: 200px;
+  position: relative;
+  top: 50px;
+  left: 50px;
+  background: green;
+  zoom: 1.2;
+}
+
+html::view-transition-group(target) { animation-duration: 300s; }
+html::view-transition-old(target) { animation: unset; opacity: 0; }
+html::view-transition-new(target) {
+  animation: unset;
+  opacity: 1;
+  border: 3px solid black;
+}
+
+html::view-transition-group(root) { animation: unset; opacity: 0; }
+html::view-transition { background: lightpink; }
+</style>
+
+<div class=ancestor>
+  <div class=target>
+    <div class=child>
+    </div>
+  </div>
+</div>
+
+<script>
+async function runTest() {
+  document.startViewTransition(() =>
+    requestAnimationFrame(() => requestAnimationFrame(takeScreenshot)));
+}
+onload = () => requestAnimationFrame(() => requestAnimationFrame(runTest));
+</script>
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-with-overflow.html b/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-with-overflow.html
new file mode 100644
index 00000000000..093267f62c2
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/new-content-with-overflow.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html class=reftest-wait>
+<title>Shared transitions: shared element with overflow</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:khushalsagar@chromium.org">
+<link rel="match" href="content-with-overflow-ref.html">
+<script src="/common/reftest-wait.js"></script>
+<style>
+.target {
+  width: 100px;
+  height: 100px;
+  contain: paint;
+  background: blue;
+  overflow-clip-margin: 50px;
+  view-transition-name: target;
+}
+.child {
+  width: 200px;
+  height: 200px;
+  position: relative;
+  top: 50px;
+  left: 50px;
+  background: green;
+}
+
+html::view-transition-group(target) { animation-duration: 300s; }
+html::view-transition-old(target) { animation: unset; opacity: 0; }
+html::view-transition-new(target) {
+  animation: unset;
+  opacity: 1;
+}
+
+html::view-transition-group(root) { animation: unset; opacity: 0; }
+html::view-transition { background: lightpink; }
+</style>
+
+<div class=target>
+  <div class=child>
+  </div>
+</div>
+
+<script>
+async function runTest() {
+  document.startViewTransition(() =>
+    requestAnimationFrame(() => requestAnimationFrame(takeScreenshot)));
+}
+onload = () => requestAnimationFrame(() => requestAnimationFrame(runTest));
+</script>
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/new-element-on-start-ref.html b/tests/wpt/web-platform-tests/css/css-view-transitions/new-element-on-start-ref.html
new file mode 100644
index 00000000000..b721b4d54ec
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/new-element-on-start-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<title>Shared transitions: one element captured for two tags (ref)</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<style>
+div {
+  width: 100px;
+  height: 100px;
+  contain: paint;
+  position: absolute;
+  top: 50px;
+  background: black;
+  left: 200px;
+  filter: invert(1);
+}
+body { background: lightpink; }
+</style>
+<div></div>
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/new-element-on-start.html b/tests/wpt/web-platform-tests/css/css-view-transitions/new-element-on-start.html
new file mode 100644
index 00000000000..52a7fc920ea
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/new-element-on-start.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html class=reftest-wait>
+<title>Shared transitions: new element tag specified for start phase</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<link rel="match" href="new-element-on-start-ref.html">
+
+<script src="/common/reftest-wait.js"></script>
+<style>
+div {
+  width: 100px;
+  height: 100px;
+  contain: paint;
+  position: absolute;
+  top: 50px;
+}
+
+.before {
+  background: lightblue;
+  left: 50px;
+}
+.after {
+  background: black;
+  left: 200px;
+}
+.hidden {
+  background: red;
+  left: 350px;
+}
+
+html::view-transition-group(hidden) { animation-duration: 300s; }
+html::view-transition-image-pair(hidden) { opacity: 0; }
+
+html::view-transition-group(before) { animation-duration: 0s; }
+html::view-transition-image-pair(before) { filter: invert(1); }
+html::view-transition-new(before) { animation-duration: 0s; }
+html::view-transition-old(*) { animation-duration: 0s; }
+
+html::view-transition-group(after) { animation-duration: 0s; }
+html::view-transition-image-pair(after) { filter: invert(1); }
+html::view-transition-new(after) { animation-duration: 0s; }
+html::view-transition-old(after) { animation-duration: 0s; }
+
+html::view-transition-group(root) { animation: unset; opacity: 0; }
+html::view-transition { background: lightpink; }
+
+</style>
+
+<div id=before class=before></div>
+<div id=after class=after></div>
+
+<div id=hidden class=hidden></div>
+
+<script>
+async function runTest() {
+  hidden.style.viewTransitionName = "hidden";
+  before.style.viewTransitionName = "before";
+  document.startViewTransition(() => {
+    before.remove();
+    hidden.style.viewTransitionName = "";
+    after.style.viewTransitionName = "after";
+
+    requestAnimationFrame(() => requestAnimationFrame(takeScreenshot))
+  });
+}
+onload = () => requestAnimationFrame(() => requestAnimationFrame(runTest));
+</script>
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/new-root-vertical-writing-mode-ref.html b/tests/wpt/web-platform-tests/css/css-view-transitions/new-root-vertical-writing-mode-ref.html
new file mode 100644
index 00000000000..6a0f1c4f25a
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/new-root-vertical-writing-mode-ref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<title>Shared transitions: container of shared element writing-modes (ref)</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+
+<style>
+html { writing-mode: vertical-lr; }
+.shared {
+  margin: 2px;
+  width: 90px;
+  height: 50px;
+  background: green;
+  contain: paint;
+}
+#two {
+  background: lightblue;
+}
+</style>
+
+<div id=one class=shared>T</div>
+<div id=two class=shared></div>
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/new-root-vertical-writing-mode.html b/tests/wpt/web-platform-tests/css/css-view-transitions/new-root-vertical-writing-mode.html
new file mode 100644
index 00000000000..393d05220cf
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/new-root-vertical-writing-mode.html
@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html class=reftest-wait>
+<title>Shared transitions: container of shared element writing-modes</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<link rel="match" href="new-root-vertical-writing-mode-ref.html">
+<script src="/common/reftest-wait.js"></script>
+<style>
+html { writing-mode: vertical-lr; }
+#hidden {
+  width: 100px;
+  height: 100px;
+  background: red;
+  position: absolute;
+  top: 0;
+  left: 0;
+  contain: paint;
+  view-transition-name: hidden;
+}
+.shared {
+  margin: 2px;
+  width: 90px;
+  height: 50px;
+  background: green;
+  contain: paint;
+}
+#target {
+  background: red;
+  position: absolute;
+  top: 50px;
+  left: 50px;
+  width: 100px;
+  height: 500px;
+  contain: paint;
+  view-transition-name: s1;
+}
+#two {
+  background: lightblue;
+}
+
+html::view-transition-group(hidden) { animation-duration: 300s; }
+html::view-transition-image-pair(hidden) { animation: unset; opacity: 0; }
+
+html::view-transition-group(s1) { animation-duration: 0s; }
+html::view-transition-new(s1) { animation: unset; opacity: 1; }
+html::view-transition-old(s1) { animation: unset; opacity: 0; }
+
+html::view-transition-new(root) { animation: unset; opacity: 1; }
+html::view-transition-old(root) { animation: unset; opacity: 0; }
+
+</style>
+
+<div id=hidden>Should not be visible</div>
+<div id=target>Should not be visible</div>
+<div id=one class=shared>T</div>
+<div id=two class=shared></div>
+
+<script>
+async function runTest() {
+  document.startViewTransition(() => {
+    target.remove();
+    hidden.style.left = "200px";
+    one.style.viewTransitionName = "s1";
+    requestAnimationFrame(() => requestAnimationFrame(takeScreenshot));
+  });
+}
+onload = () => requestAnimationFrame(() => requestAnimationFrame(runTest));
+</script>
+
+
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/no-crash-set-exception.html b/tests/wpt/web-platform-tests/css/css-view-transitions/no-crash-set-exception.html
new file mode 100644
index 00000000000..035d050e448
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/no-crash-set-exception.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html class=reftest-wait>
+<title>Shared transitions: author styles ignored during prepare</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:khushalsagar@chromium.org">
+
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+
+<style>
+div {
+  width: 100px;
+  height: 100px;
+  background: blue;
+  contain: paint;
+  view-transition-name: shared;
+}
+
+html::view-transition,
+html::view-transition-group(shared),
+html::view-transition-image-pair(shared),
+html::view-transition-old(shared),
+html::view-transition-new(shared) {
+  background: blue;
+}
+</style>
+
+<div></div>
+
+<script>
+function validate_background(pseudoString) {
+  return window.getComputedStyle(document.documentElement, pseudoString).style.background != 'blue';
+}
+
+promise_test(async t => {
+  return new Promise((resolve, reject) => {
+    document.startViewTransition(() => {
+      resolve();
+      throw 'error';
+    });
+  });
+}, "An exception thrown during a transition shouldn't crash.");
+
+</script>
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/no-css-animation-while-render-blocked.html b/tests/wpt/web-platform-tests/css/css-view-transitions/no-css-animation-while-render-blocked.html
new file mode 100644
index 00000000000..6ed9863a002
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/no-css-animation-while-render-blocked.html
@@ -0,0 +1,58 @@
+<!DOCTYPE html>
+<meta name="timeout" content="long">
+<html class=reftest-wait>
+<title>Shared transitions: CSS Animations are paused while render-blocked</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:khushalsagar@chromium.org">
+
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+
+<style>
+@keyframes fade {
+  from {
+    opacity: 0;
+  }
+}
+
+div {
+  width: 100px;
+  height: 100px;
+  background: blue;
+  contain: paint;
+  view-transition-name: target;
+}
+
+.animated {
+  animation: fade 0.5s;
+}
+</style>
+
+<div id=target></div>
+
+<script>
+let renderBlocked = true;
+
+promise_test(() => {
+  return new Promise(async (resolve, reject) => {
+    requestAnimationFrame(() => {
+      document.startViewTransition(() => {
+        return new Promise(async (inner_resolve) => {
+          step_timeout(() => {
+            renderBlocked = false;
+            inner_resolve();
+          }, 1000);
+        });
+      });
+
+      target.classList.toggle("animated");
+      target.onanimationend = () => {
+        if (renderBlocked)
+          reject();
+        else
+          resolve();
+      };
+    });
+  });
+}, "CSS animation is blocked until prepare callback");
+</script>
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/no-raf-while-render-blocked.html b/tests/wpt/web-platform-tests/css/css-view-transitions/no-raf-while-render-blocked.html
new file mode 100644
index 00000000000..ff2d0589f1a
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/no-raf-while-render-blocked.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<meta name="timeout" content="long">
+<html class=reftest-wait>
+<title>Shared transitions: rAF is not issued while render-blocked</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:khushalsagar@chromium.org">
+
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+
+<style>
+div {
+  width: 100px;
+  height: 100px;
+  background: blue;
+  contain: paint;
+  view-transition-name: target;
+}
+</style>
+
+<div id=target></div>
+
+<script>
+let renderBlocked = true;
+
+promise_test(() => {
+  return new Promise(async (resolve, reject) => {
+    requestAnimationFrame(() => {
+      document.startViewTransition(() => {
+        return new Promise(async (inner_resolve) => {
+          step_timeout(() => {
+            renderBlocked = false;
+            inner_resolve();
+          }, 1000);
+        });
+      });
+
+      requestAnimationFrame(() => {
+        if (renderBlocked)
+          reject();
+        else
+          resolve();
+      });
+    });
+  });
+}, "rAF is blocked until prepare callback");
+</script>
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/no-root-capture-ref.html b/tests/wpt/web-platform-tests/css/css-view-transitions/no-root-capture-ref.html
new file mode 100644
index 00000000000..7d735626e06
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/no-root-capture-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<title>Shared transitions: shared element with overflow (ref)</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:khushalsagar@chromium.org">
+<style>
+.target {
+  width: 100px;
+  height: 100px;
+  contain: paint;
+  background: blue;
+  overflow-clip-margin: 50px;
+  view-transition-name: target;
+}
+.child {
+  width: 200px;
+  height: 200px;
+  position: relative;
+  top: 50px;
+  left: 50px;
+  background: green;
+}
+</style>
+
+This text should appear unmodified, since the root isn't captured.
+<div class=target>
+  <div class=child>
+  </div>
+</div>
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/no-root-capture.html b/tests/wpt/web-platform-tests/css/css-view-transitions/no-root-capture.html
new file mode 100644
index 00000000000..01033ce00af
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/no-root-capture.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html class=reftest-wait>
+<title>Shared transitions: shared element with overflow</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<link rel="match" href="no-root-capture-ref.html">
+<script src="/common/reftest-wait.js"></script>
+<style>
+:root { view-transition-name: none; }
+.target {
+  width: 100px;
+  height: 100px;
+  contain: paint;
+  background: blue;
+  overflow-clip-margin: 50px;
+  view-transition-name: target;
+}
+.child {
+  width: 200px;
+  height: 200px;
+  position: relative;
+  top: 50px;
+  left: 50px;
+  background: green;
+}
+
+html::view-transition-group(target) { animation-duration: 300s; }
+html::view-transition-new(target) { animation: unset; opacity: 0; }
+html::view-transition-old(target) {
+  animation: unset;
+  opacity: 1;
+}
+
+/* None of these should apply, so make everything red if it does */
+html::view-transition-group(root) { animation: unset; opacity: 1; background: red; }
+html::view-transition-image-pair(root) { visibility: hidden }
+</style>
+
+This text should appear unmodified, since the root isn't captured.
+<div class=target>
+  <div class=child>
+  </div>
+</div>
+
+<script>
+async function runTest() {
+  document.startViewTransition(() =>
+    requestAnimationFrame(() => requestAnimationFrame(takeScreenshot)));
+}
+onload = () => requestAnimationFrame(() => requestAnimationFrame(runTest));
+</script>
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/nothing-captured-ref.html b/tests/wpt/web-platform-tests/css/css-view-transitions/nothing-captured-ref.html
new file mode 100644
index 00000000000..7d735626e06
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/nothing-captured-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<title>Shared transitions: shared element with overflow (ref)</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:khushalsagar@chromium.org">
+<style>
+.target {
+  width: 100px;
+  height: 100px;
+  contain: paint;
+  background: blue;
+  overflow-clip-margin: 50px;
+  view-transition-name: target;
+}
+.child {
+  width: 200px;
+  height: 200px;
+  position: relative;
+  top: 50px;
+  left: 50px;
+  background: green;
+}
+</style>
+
+This text should appear unmodified, since the root isn't captured.
+<div class=target>
+  <div class=child>
+  </div>
+</div>
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/nothing-captured.html b/tests/wpt/web-platform-tests/css/css-view-transitions/nothing-captured.html
new file mode 100644
index 00000000000..acb818e5f87
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/nothing-captured.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html class=reftest-wait>
+<title>Shared transitions: shared element with overflow</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<link rel="match" href="nothing-captured-ref.html">
+<script src="/common/reftest-wait.js"></script>
+<style>
+:root { view-transition-name: none; }
+.target {
+  width: 100px;
+  height: 100px;
+  contain: paint;
+  background: blue;
+  overflow-clip-margin: 50px;
+}
+.child {
+  width: 200px;
+  height: 200px;
+  position: relative;
+  top: 50px;
+  left: 50px;
+  background: green;
+}
+
+/* None of these should apply, so make everything red if it does */
+html::view-transition-group(*) { animation-duration: 300s; }
+html::view-transition-image-pair(*) { visibility: hidden }
+html::view-transition { background: red; }
+</style>
+
+This text should appear unmodified, since the root isn't captured.
+<div class=target>
+  <div class=child>
+  </div>
+</div>
+
+<script>
+async function runTest() {
+  document.startViewTransition(() =>
+    requestAnimationFrame(() => requestAnimationFrame(takeScreenshot)));
+}
+onload = () => requestAnimationFrame(() => requestAnimationFrame(runTest));
+</script>
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/object-view-box-new-image.html b/tests/wpt/web-platform-tests/css/css-view-transitions/object-view-box-new-image.html
new file mode 100644
index 00000000000..415f18d0531
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/object-view-box-new-image.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html class=reftest-wait>
+<title>Shared transitions: object-view-box</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:khushalsagar@chromium.org">
+<link rel="match" href="object-view-box-ref.html">
+
+<script src="/common/reftest-wait.js"></script>
+<style>
+.target {
+  contain: paint;
+  width: 100px;
+  height: 100px;
+  transform: scale(2.0, 3.0);
+  position: relative;
+  top: 200px;
+  left: 200px;
+  view-transition-name: target;
+}
+
+.embedded {
+  width: 100%;
+  height: 50%;
+}
+
+.hidden {
+  contain: paint;
+  width: 10px;
+  height: 10px;
+  background: grey;
+  view-transition-name: hidden;
+}
+
+html::view-transition-group(hidden) { animation-duration: 300s; }
+html::view-transition-image-pair(hidden) { animation: unset; opacity: 0; }
+
+html::view-transition-old(target) {
+  animation: unset;
+  opacity: 0;
+  height: 100%;
+}
+html::view-transition-new(target) {
+  animation: unset;
+  opacity: 1;
+  object-view-box: inset(50px 0px 0px 0px);
+  object-fit: none;
+  object-position: 0% 0%;
+  height: 100%;
+  contain: paint;
+}
+
+</style>
+
+<div id="target" class="target">
+  <div class="embedded" style="background: green;"></div>
+  <div class="embedded" style="background: blue">SharedElement</div>
+</div>
+<div id=hidden class=hidden></div>
+
+<script>
+async function runTest() {
+  document.startViewTransition(() => {
+    requestAnimationFrame(() =>  requestAnimationFrame(takeScreenshot));
+  });
+}
+onload = () => requestAnimationFrame(runTest);
+</script>
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/object-view-box-old-image.html b/tests/wpt/web-platform-tests/css/css-view-transitions/object-view-box-old-image.html
new file mode 100644
index 00000000000..2423ff3fd5f
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/object-view-box-old-image.html
@@ -0,0 +1,70 @@
+<!DOCTYPE html>
+<meta name="timeout" content="long">
+<html class=reftest-wait>
+<title>Shared transitions: object-view-box</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:khushalsagar@chromium.org">
+<link rel="match" href="object-view-box-ref.html">
+<meta name="fuzzy" content="object-view-box-ref.html:0-1;0-300">
+
+<script src="/common/reftest-wait.js"></script>
+<style>
+.target {
+  contain: paint;
+  width: 100px;
+  height: 100px;
+  transform: scale(2.0, 3.0);
+  position: relative;
+  top: 200px;
+  left: 200px;
+  view-transition-name: target;
+}
+
+.embedded {
+  width: 100%;
+  height: 50%;
+}
+
+.hidden {
+  contain: paint;
+  width: 10px;
+  height: 10px;
+  background: grey;
+  view-transition-name: hidden;
+}
+
+html::view-transition-group(hidden) { animation-duration: 300s; }
+html::view-transition-image-pair(hidden) { animation: unset; opacity: 0; }
+
+html::view-transition-new(target) {
+  animation: unset;
+  opacity: 0;
+  height: 100%;
+}
+html::view-transition-old(target) {
+  animation: unset;
+  opacity: 1;
+  object-view-box: inset(50px 0px 0px 0px);
+  object-fit: none;
+  object-position: 0% 0%;
+  height: 100%;
+  contain: paint;
+}
+
+</style>
+
+<div id="target" class="target">
+  <div class="embedded" style="background: green;"></div>
+  <div class="embedded" style="background: blue">SharedElement</div>
+</div>
+<div id=hidden class=hidden></div>
+
+<script>
+async function runTest() {
+  document.startViewTransition(() => {
+    requestAnimationFrame(() =>  requestAnimationFrame(takeScreenshot));
+  });
+}
+onload = () => requestAnimationFrame(runTest);
+</script>
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/object-view-box-ref.html b/tests/wpt/web-platform-tests/css/css-view-transitions/object-view-box-ref.html
new file mode 100644
index 00000000000..1451e0d203b
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/object-view-box-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<title>Shared transitions: object-view-box (ref)</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<style>
+.target {
+  contain: paint;
+  width: 100px;
+  height: 100px;
+  transform: scale(2.0, 3.0);
+  position: relative;
+  top: 200px;
+  left: 200px;
+}
+.content {
+  width: 100px;
+  height: 50px;
+  background: blue;
+}
+
+</style>
+<div class="target">
+  <div class="content">SharedElement</div>
+</div>
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/old-content-captures-clip-path-ref.html b/tests/wpt/web-platform-tests/css/css-view-transitions/old-content-captures-clip-path-ref.html
new file mode 100644
index 00000000000..168f4d84090
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/old-content-captures-clip-path-ref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<title>Shared transitions: capture clip-path elements (ref)</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<style>
+.box {
+  color: red;
+  background: lightblue;
+  width: 100px;
+  height: 100px;
+  contain: paint;
+  position: absolute;
+  font-size: 30pt;
+}
+#e1 {
+  clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
+  top: 20px;
+  left: 20px;
+}
+body { background: lightpink; }
+</style>
+<div id=e1 class=box></div>
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/old-content-captures-clip-path.html b/tests/wpt/web-platform-tests/css/css-view-transitions/old-content-captures-clip-path.html
new file mode 100644
index 00000000000..3fa29ebb4bc
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/old-content-captures-clip-path.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html class=reftest-wait>
+<title>Shared transitions: capture clip-path elements</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<link rel="match" href="old-content-captures-clip-path-ref.html">
+<script src="/common/reftest-wait.js"></script>
+<style>
+.box {
+  color: red;
+  background: lightblue;
+  width: 100px;
+  height: 100px;
+  contain: paint;
+  position: absolute;
+  font-size: 30pt;
+}
+#e1 {
+  clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
+  top: 20px;
+  left: 20px;
+  view-transition-name: e1;
+}
+
+div.dst { background: lightgreen; }
+/* We're verifying what we capture, so just display the old contents for 5 minutes.  */
+html::view-transition-group(*) { animation-duration: 300s; }
+html::view-transition-new(*) { animation: unset; opacity: 0; }
+html::view-transition-old(*) { animation: unset; opacity: 1; }
+/* hide the root so we show transition background to ensure we're in a transition */
+html::view-transition-group(root) { animation: unset; opacity: 0; }
+html::view-transition { background: lightpink; }
+</style>
+<div id=e1 class=box></div>
+<script>
+async function runTest() {
+  document.startViewTransition(() => {
+    e1.classList.add("dst");
+    requestAnimationFrame(() => requestAnimationFrame(takeScreenshot));
+  });
+}
+onload = () => requestAnimationFrame(() => requestAnimationFrame(runTest));
+</script>
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/old-content-captures-different-size-ref.html b/tests/wpt/web-platform-tests/css/css-view-transitions/old-content-captures-different-size-ref.html
new file mode 100644
index 00000000000..9433681c753
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/old-content-captures-different-size-ref.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<title>Shared transitions: capture elements with different size capture (ref)</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<style>
+.box {
+  color: red;
+  background: lightblue;
+  width: 100px;
+  height: 100px;
+  contain: paint;
+  position: absolute;
+  font-size: 30pt;
+}
+#e1 {
+  clip-path: circle(30%);
+  top: 20px;
+  left: 20px;
+}
+#e2 {
+  clip-path: ellipse(70% 30%);
+  top: 160px;
+  left: 20px;
+}
+#e3 {
+  filter: blur(5px);
+  top: 300px;
+  left: 20px;
+}
+body { background: lightpink; }
+</style>
+<div id=e1 class=box>one</div>
+<div id=e2 class=box>two</div>
+<div id=e3 class=box>three</div>
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/old-content-captures-different-size.html b/tests/wpt/web-platform-tests/css/css-view-transitions/old-content-captures-different-size.html
new file mode 100644
index 00000000000..be401fdef74
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/old-content-captures-different-size.html
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<meta name="timeout" content="long">
+<html class=reftest-wait>
+<title>Shared transitions: capture elements with different size capture</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<link rel="match" href="old-content-captures-different-size-ref.html">
+<meta name=fuzzy content="old-content-captures-different-size-ref.html:0-40;0-30000">
+<script src="/common/reftest-wait.js"></script>
+<style>
+.box {
+  color: red;
+  background: lightblue;
+  width: 100px;
+  height: 100px;
+  contain: paint;
+  position: absolute;
+  font-size: 30pt;
+}
+#e1 {
+  clip-path: circle(30%);
+  top: 20px;
+  left: 20px;
+  view-transition-name: e1;
+}
+#e2 {
+  clip-path: ellipse(70% 30%);
+  top: 160px;
+  left: 20px;
+  view-transition-name: e2;
+}
+#e3 {
+  filter: blur(5px);
+  top: 300px;
+  left: 20px;
+  view-transition-name: e3;
+}
+
+div.dst { background: lightgreen; }
+/* We're verifying what we capture, so just display the old contents for 5 minutes.  */
+html::view-transition-group(*) { animation-duration: 300s; }
+html::view-transition-new(*) { animation: unset; opacity: 0; }
+html::view-transition-old(*) { animation: unset; opacity: 1; }
+/* hide the root so we show transition background to ensure we're in a transition */
+html::view-transition-group(root) { animation: unset; opacity: 0; }
+html::view-transition { background: lightpink; }
+</style>
+<div id=e1 class=box>one</div>
+<div id=e2 class=box>two</div>
+<div id=e3 class=box>three</div>
+<script>
+async function runTest() {
+  document.startViewTransition(() => {
+    e1.classList.add("dst");
+    e2.classList.add("dst");
+    e3.classList.add("dst");
+    requestAnimationFrame(() => requestAnimationFrame(takeScreenshot));
+  });
+}
+onload = () => requestAnimationFrame(() => requestAnimationFrame(runTest));
+</script>
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/old-content-captures-opacity-ref.html b/tests/wpt/web-platform-tests/css/css-view-transitions/old-content-captures-opacity-ref.html
new file mode 100644
index 00000000000..10964ce9f1f
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/old-content-captures-opacity-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<title>Shared transitions: capture opacity elements (ref)</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<style>
+.box {
+  color: red;
+  background: lightblue;
+  width: 100px;
+  height: 100px;
+  contain: paint;
+  position: absolute;
+  font-size: 30pt;
+  will-change: opacity;
+}
+#e1 { opacity: 0.75; top: 20px; left: 20px; }
+#e2 { opacity: 0.5; top: 160px; left: 20px; }
+#e3 { opacity: 0.25; top: 300px; left: 20px; }
+body { background: lightpink; }
+</style>
+<div id=e1 class=box>one</div>
+<div id=e2 class=box>two</div>
+<div id=e3 class=box>three</div>
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/old-content-captures-opacity.html b/tests/wpt/web-platform-tests/css/css-view-transitions/old-content-captures-opacity.html
new file mode 100644
index 00000000000..8aaf4de053a
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/old-content-captures-opacity.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html class=reftest-wait>
+<title>Shared transitions: capture opacity elements</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<link rel="match" href="old-content-captures-opacity-ref.html">
+<meta name=fuzzy content="old-content-captures-opacity-ref.html:0-1;0-50000">
+
+<script src="/common/reftest-wait.js"></script>
+<style>
+.box {
+  color: red;
+  background: lightblue;
+  width: 100px;
+  height: 100px;
+  contain: paint;
+  position: absolute;
+  font-size: 30pt;
+}
+#e1 { opacity: 0.75; top: 20px; left: 20px; view-transition-name: e1; }
+#e2 { opacity: 0.5; top: 160px; left: 20px; view-transition-name: e2; }
+#e3 { opacity: 0.25; top: 300px; left: 20px; view-transition-name: e3; }
+div.dst { background: lightgreen; }
+/* We're verifying what we capture, so just display the old contents for 5 minutes.  */
+html::view-transition-group(*) { animation-duration: 300s; }
+html::view-transition-new(*) { animation: unset; opacity: 0; }
+html::view-transition-old(*) { animation: unset; opacity: 1; }
+/* hide the root so we show transition background to ensure we're in a transition */
+html::view-transition-group(root) { animation: unset; opacity: 0; }
+html::view-transition { background: lightpink; }
+</style>
+<div id=e1 class=box>one</div>
+<div id=e2 class=box>two</div>
+<div id=e3 class=box>three</div>
+<script>
+async function runTest() {
+  document.startViewTransition(() => {
+    e1.classList.add("dst");
+    e2.classList.add("dst");
+    e3.classList.add("dst");
+    requestAnimationFrame(() => requestAnimationFrame(takeScreenshot));
+  });
+}
+onload = () => requestAnimationFrame(() => requestAnimationFrame(runTest));
+</script>
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/old-content-captures-root-ref.html b/tests/wpt/web-platform-tests/css/css-view-transitions/old-content-captures-root-ref.html
new file mode 100644
index 00000000000..1222d6440b3
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/old-content-captures-root-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<title>Shared transitions: capture root elements (ref)</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<style>
+.box {
+  background: lightblue;
+  width: 100px;
+  height: 100px;
+  contain: paint;
+  position: absolute;
+  font-size: 30pt;
+}
+#e1 {
+  top: 20px;
+  left: 20px;
+}
+</style>
+<div id=e1 class=box></div>
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/old-content-captures-root.html b/tests/wpt/web-platform-tests/css/css-view-transitions/old-content-captures-root.html
new file mode 100644
index 00000000000..9129258fcaf
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/old-content-captures-root.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html class=reftest-wait>
+<title>Shared transitions: capture root elements</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<link rel="match" href="old-content-captures-root-ref.html">
+<meta name="fuzzy" content="old-content-captures-root-ref.html:0-1;0-500">
+<script src="/common/reftest-wait.js"></script>
+<style>
+.box {
+  background: lightblue;
+  width: 100px;
+  height: 100px;
+  contain: paint;
+  position: absolute;
+  font-size: 30pt;
+}
+#e1 {
+  top: 20px;
+  left: 20px;
+}
+#shared {
+  contain: paint;
+  width: 100px;
+  height: 100px;
+  background: red;
+  view-transition-name: shared;
+}
+
+div.dst { background: lightgreen; }
+/* We're verifying what we capture, so just display the old contents for 5 minutes.  */
+html::view-transition { background: pink; }
+html::view-transition-group(shared) { animation-duration: 300s; }
+html::view-transition-image-pair(shared) { visibility: hidden }
+html::view-transition-old(root) { animation: unset; opacity: 1 }
+html::view-transition-new(root) { animation: unset; opacity: 0 }
+</style>
+<div id=e1 class=box></div>
+<div id=shared></div>
+<script>
+async function runTest() {
+  document.startViewTransition(() => {
+    e1.classList.add("dst");
+    document.body.style.background = "red";
+    requestAnimationFrame(() => requestAnimationFrame(takeScreenshot));
+  });
+}
+onload = () => requestAnimationFrame(() => requestAnimationFrame(runTest));
+</script>
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/old-content-container-writing-modes-ref.html b/tests/wpt/web-platform-tests/css/css-view-transitions/old-content-container-writing-modes-ref.html
new file mode 100644
index 00000000000..e0a18aa6ed1
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/old-content-container-writing-modes-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<title>Shared transitions: container of shared element writing-modes (ref)</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+
+<style>
+.tb { writing-mode: horizontal-tb; }
+.lr { writing-mode: vertical-lr; }
+.rl { writing-mode: vertical-rl; }
+.shared {
+  margin: 2px;
+  width: 100px;
+  height: 50px;
+  background: green;
+  contain: paint;
+  border: 1px solid black;
+}
+html { background: lightpink; }
+</style>
+
+<div class=tb><div id=one class=shared>T</div></div>
+<div class=lr><div id=two class=shared>T</div></div>
+<div class=rl><div id=three class=shared>T</div></div>
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/old-content-container-writing-modes.html b/tests/wpt/web-platform-tests/css/css-view-transitions/old-content-container-writing-modes.html
new file mode 100644
index 00000000000..6f20465ff58
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/old-content-container-writing-modes.html
@@ -0,0 +1,92 @@
+<!DOCTYPE html>
+<html class=reftest-wait>
+<title>Shared transitions: container of shared element writing-modes</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<link rel="match" href="old-content-container-writing-modes-ref.html">
+<script src="/common/reftest-wait.js"></script>
+<style>
+#hidden {
+  width: 100px;
+  height: 100px;
+  background: red;
+  position: absolute;
+  top: 0;
+  left: 0;
+  contain: paint;
+  view-transition-name: hidden;
+}
+.tb { writing-mode: horizontal-tb; }
+.lr { writing-mode: vertical-lr; }
+.rl { writing-mode: vertical-rl; }
+.shared {
+  margin: 2px;
+  width: 100px;
+  height: 50px;
+  background: green;
+  contain: paint;
+  border: 1px solid black;
+}
+#target1, #target2, #target3 {
+  background: red;
+  position: absolute;
+  top: 50px;
+  left: 50px;
+  width: 100px;
+  height: 500px;
+  contain: paint;
+}
+#one { view-transition-name: s1; }
+#two { view-transition-name: s2; }
+#three { view-transition-name: s3; }
+
+html::view-transition-group(hidden) { animation-duration: 300s; }
+html::view-transition-image-pair(hidden) { animation: unset; opacity: 0; }
+
+html::view-transition-group(s1),
+html::view-transition-group(s2),
+html::view-transition-group(s3) {
+  animation-delay: 300s;
+  animation-fill-mode: both;
+}
+
+html::view-transition-new(s1),
+html::view-transition-new(s2),
+html::view-transition-new(s3) { animation: unset; opacity: 0; }
+
+html::view-transition-old(s1),
+html::view-transition-old(s2),
+html::view-transition-old(s3) { animation: unset; opacity: 1; }
+
+/* hide the root so we show transition background to ensure we're in a transition */
+html::view-transition-group(root) { animation: unset; opacity: 0; }
+html::view-transition { background: lightpink; }
+
+</style>
+
+<div id=hidden>Should not be visible</div>
+<div id=target1>Should not be visible</div>
+<div id=target2>Should not be visible</div>
+<div id=target3>Should not be visible</div>
+<div class=tb><div id=one class=shared>T</div></div>
+<div class=lr><div id=two class=shared>T</div></div>
+<div class=rl><div id=three class=shared>T</div></div>
+
+<script>
+async function runTest() {
+  document.startViewTransition(() => {
+    one.remove();
+    two.remove();
+    three.remove();
+    hidden.style.left = "200px";
+    target1.style.viewTransitionName = "s1";
+    target2.style.viewTransitionName = "s2";
+    target3.style.viewTransitionName = "s3";
+    requestAnimationFrame(() => requestAnimationFrame(takeScreenshot));
+  });
+}
+onload = () => requestAnimationFrame(() => requestAnimationFrame(runTest));
+</script>
+
+
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/old-content-element-writing-modes-ref.html b/tests/wpt/web-platform-tests/css/css-view-transitions/old-content-element-writing-modes-ref.html
new file mode 100644
index 00000000000..8b351feaed4
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/old-content-element-writing-modes-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<title>Shared transitions: shared element writing-modes (ref)</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+
+<style>
+.tb { writing-mode: horizontal-tb; }
+.lr { writing-mode: vertical-lr; }
+.rl { writing-mode: vertical-rl; }
+.shared {
+  margin: 2px;
+  width: 100px;
+  height: 50px;
+  background: green;
+  contain: paint;
+  border: 1px solid black;
+}
+html { background: lightpink; }
+</style>
+
+<div id=one class="tb shared">T</div>
+<div id=two class="lr shared">T</div>
+<div id=three class="rl shared">T</div>
+
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/old-content-element-writing-modes.html b/tests/wpt/web-platform-tests/css/css-view-transitions/old-content-element-writing-modes.html
new file mode 100644
index 00000000000..f22dcb7a546
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/old-content-element-writing-modes.html
@@ -0,0 +1,93 @@
+<!DOCTYPE html>
+<html class=reftest-wait>
+<title>Shared transitions: shared element writing-modes</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<link rel="match" href="old-content-element-writing-modes-ref.html">
+<script src="/common/reftest-wait.js"></script>
+<style>
+#hidden {
+  width: 100px;
+  height: 100px;
+  background: red;
+  position: absolute;
+  top: 0;
+  left: 0;
+  contain: paint;
+  view-transition-name: hidden;
+}
+.tb { writing-mode: horizontal-tb; }
+.lr { writing-mode: vertical-lr; }
+.rl { writing-mode: vertical-rl; }
+.shared {
+  margin: 2px;
+  width: 100px;
+  height: 50px;
+  background: green;
+  contain: paint;
+  border: 1px solid black;
+}
+#target1, #target2, #target3 {
+  background: red;
+  position: absolute;
+  top: 50px;
+  left: 50px;
+  width: 100px;
+  height: 500px;
+  contain: paint;
+}
+#one { view-transition-name: s1; }
+#two { view-transition-name: s2; }
+#three { view-transition-name: s3; }
+
+html::view-transition-group(hidden) { animation-duration: 300s; }
+html::view-transition-image-pair(hidden) { animation: unset; opacity: 0; }
+
+html::view-transition-group(s1),
+html::view-transition-group(s2),
+html::view-transition-group(s3) {
+  animation-delay: 300s;
+  animation-fill-mode: both;
+}
+
+html::view-transition-new(s1),
+html::view-transition-new(s2),
+html::view-transition-new(s3) { animation: unset; opacity: 0; }
+
+html::view-transition-old(s1),
+html::view-transition-old(s2),
+html::view-transition-old(s3) { animation: unset; opacity: 1; }
+
+/* hide the root so we show transition background to ensure we're in a transition */
+html::view-transition-group(root) { animation: unset; opacity: 0; }
+html::view-transition { background: lightpink; }
+
+</style>
+
+<div id=hidden>Should not be visible</div>
+<div id=target1>Should not be visible</div>
+<div id=target2>Should not be visible</div>
+<div id=target3>Should not be visible</div>
+<div id=one class="shared tb">T</div>
+<div id=two class="shared lr">T</div>
+<div id=three class="shared rl">T</div>
+
+<script>
+async function runTest() {
+  document.startViewTransition(() => {
+    one.remove();
+    two.remove();
+    three.remove();
+    hidden.style.left = "200px";
+    target1.style.viewTransitionName = "s1";
+    target2.style.viewTransitionName = "s2";
+    target3.style.viewTransitionName = "s3";
+    requestAnimationFrame(() => requestAnimationFrame(takeScreenshot));
+  });
+}
+onload = () => requestAnimationFrame(() => requestAnimationFrame(runTest));
+</script>
+
+
+
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/old-content-has-scrollbars-ref.html b/tests/wpt/web-platform-tests/css/css-view-transitions/old-content-has-scrollbars-ref.html
new file mode 100644
index 00000000000..ea7a0f7c149
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/old-content-has-scrollbars-ref.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<title>Shared transitions: outgoing viewport has scrollbars (ref)</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/7859">
+<link rel="author" href="mailto:bokan@chromium.org">
+<style>
+  html, body {
+    width: 100%;
+    height: 100%;
+    background-color: lightpink;
+  }
+  html {
+    overflow: hidden;
+  }
+  body {
+    margin: 50px;
+  }
+  div {
+    background-image:
+      linear-gradient(45deg, #000 25%, transparent 25%),
+      linear-gradient(45deg, transparent 75%, #000 75%),
+      linear-gradient(45deg, transparent 75%, #000 75%),
+      linear-gradient(45deg, #000 25%, lightgreen 25%);
+    background-size: 200px 200px;
+    background-position: 0 0, 0 0, -100px -100px, 100px 100px;
+    width: 200%;
+    height: 200%;
+  }
+</style>
+<div></div>
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/old-content-has-scrollbars.html b/tests/wpt/web-platform-tests/css/css-view-transitions/old-content-has-scrollbars.html
new file mode 100644
index 00000000000..477fff7451d
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/old-content-has-scrollbars.html
@@ -0,0 +1,58 @@
+<!DOCTYPE html>
+<meta name="timeout" content="long">
+<html class=reftest-wait>
+<title>Shared transitions: outgoing viewport has scrollbars</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/7859">
+<link rel="author" href="mailto:bokan@chromium.org">
+<link rel="match" href="old-content-has-scrollbars-ref.html">
+<meta name=fuzzy content="old-content-has-scrollbars-ref.html:0-40;0-30000">
+<script src="/common/reftest-wait.js"></script>
+<style>
+  html, body {
+    width: 100%;
+    height: 100%;
+    background-color: lightpink;
+  }
+  body {
+    /* Margin to make sure background color is correctly drawn into the snapshot. */
+    margin: 50px;
+  }
+  div {
+    /* Draw a checkerboard pattern to make sure the snapshot is captured at the
+     * full size, rather than scaled. */
+    background-image:
+      linear-gradient(45deg, #000 25%, transparent 25%),
+      linear-gradient(45deg, transparent 75%, #000 75%),
+      linear-gradient(45deg, transparent 75%, #000 75%),
+      linear-gradient(45deg, #000 25%, lightgreen 25%);
+    background-size: 200px 200px;
+    background-position: 0 0, 0 0, -100px -100px, 100px 100px;
+    width: 200%;
+    height: 200%;
+  }
+
+  /* We're verifying what we capture, so just display the old contents for 5 minutes.  */
+  html::view-transition-new(root) { animation: unset; opacity: 0; }
+  html::view-transition-old(root) {
+    animation-duration: 300s;
+    animation-timing-function: steps(1, end);
+    opacity: 1;
+  }
+</style>
+
+<div></div>
+<script>
+// Ensure a root snapshot captured on a page with scrollbars uses the full
+// viewport size (including scrollbars). Areas obscured by scrollbars should be
+// filled with background and content; the snapshot should not be scaled-to-fit.
+async function runTest() {
+  document.startViewTransition(() => {
+    document.querySelector('div').remove();
+    document.documentElement.style.overflow = "hidden";
+    requestAnimationFrame(() => requestAnimationFrame(takeScreenshot));
+  });
+}
+onload = () => requestAnimationFrame(() => requestAnimationFrame(runTest));
+</script>
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/old-content-intrinsic-aspect-ratio.html b/tests/wpt/web-platform-tests/css/css-view-transitions/old-content-intrinsic-aspect-ratio.html
new file mode 100644
index 00000000000..55436b80712
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/old-content-intrinsic-aspect-ratio.html
@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html class=reftest-wait>
+<title>Shared transitions: different width container should keep aspect ratio (by default)</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<link rel="match" href="intrinsic-aspect-ratio-ref.html">
+<script src="/common/reftest-wait.js"></script>
+<style>
+.spacer {
+  height: 10px;
+}
+.box {
+  width: 100px;
+  height: 100px;
+  contain: paint;
+  background: blue;
+}
+#target1 {
+  view-transition-name: target1;
+}
+#target2 {
+  view-transition-name: target2;
+}
+#hidden {
+  view-transition-name: hidden;
+  width: 10px;
+  height: 10px;
+  visibility: hidden;
+  contain: paint;
+}
+
+/* We're verifying what we capture, so just display the new contents for 5 minutes.  */
+html::view-transition-group(*) { animation-duration: 300s; }
+html::view-transition-new(*) { animation: unset; opacity: 0; }
+html::view-transition-old(*) { animation: unset; opacity: 1; }
+
+html::view-transition-group(target1) {
+  animation: unset;
+  width: 50px;
+  border: 2px solid black;
+}
+html::view-transition-group(target2) {
+  animation: unset;
+  width: 200px;
+  border: 2px solid black;
+}
+
+/* hide the root so we show transition background to ensure we're in a transition */
+html::view-transition-group(root) { animation: unset; opacity: 0; }
+html::view-transition { background: lightpink; }
+</style>
+
+<div id=target1 class=box></div>
+<div class=spacer></div>
+<div id=target2 class=box></div>
+<div id=hidden></div>
+<script>
+async function runTest() {
+  document.startViewTransition(() => {
+    requestAnimationFrame(() => requestAnimationFrame(takeScreenshot));
+  });
+}
+onload = () => requestAnimationFrame(() => requestAnimationFrame(runTest));
+</script>
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/old-content-is-empty-div-ref.html b/tests/wpt/web-platform-tests/css/css-view-transitions/old-content-is-empty-div-ref.html
new file mode 100644
index 00000000000..b658d565354
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/old-content-is-empty-div-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<title>Shared transitions: old content captures an empty div (ref)</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<style>
+div {
+  width: 100px;
+  height: 100px;
+  contain: paint;
+  position: absolute;
+  top: 50px;
+  left: 50px;
+  background: green;
+}
+body { background: lightpink; }
+</style>
+<div></div>
+
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/old-content-is-empty-div.html b/tests/wpt/web-platform-tests/css/css-view-transitions/old-content-is-empty-div.html
new file mode 100644
index 00000000000..ced52af8fc5
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/old-content-is-empty-div.html
@@ -0,0 +1,58 @@
+<!DOCTYPE html>
+<html class=reftest-wait>
+<title>Shared transitions: old content captures an empty div</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<link rel="match" href="old-content-is-empty-div-ref.html">
+
+<script src="/common/reftest-wait.js"></script>
+<style>
+div {
+  contain: paint;
+  width: 100px;
+  height: 100px;
+  position: absolute;
+  top: 50px;
+}
+#empty {
+  left: 50px;
+}
+#target {
+  left: 200px;
+  background: green;
+}
+#hidden {
+  background: red;
+}
+
+html::view-transition-group(hidden) { animation-duration: 300s; }
+html::view-transition-image-pair(hidden) { animation: unset; opacity: 0; }
+
+/* The effect of the following should be position at the outgoing element
+   but contents of the new element.
+*/
+html::view-transition-group(shared) { animation-delay: 100s; }
+html::view-transition-new(shared) { animation: unset; opacity: 1; }
+html::view-transition-old(shared) { animation: unset; opacity: 1; }
+
+html::view-transition-group(root) { animation: unset; opacity: 0; }
+html::view-transition { background: lightpink; }
+
+</style>
+
+<div id=empty></div>
+<div id=target></div>
+<div id=hidden></div>
+
+<script>
+async function runTest() {
+  empty.style.viewTransitionName = "shared";
+  document.startViewTransition(() => {
+    empty.style.viewTransitionName = "";
+    target.style.viewTransitionName = "shared";
+
+    requestAnimationFrame(() => requestAnimationFrame(takeScreenshot))
+  });
+}
+onload = () => requestAnimationFrame(() => requestAnimationFrame(runTest));
+</script>
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/old-content-object-fit-fill.html b/tests/wpt/web-platform-tests/css/css-view-transitions/old-content-object-fit-fill.html
new file mode 100644
index 00000000000..587c05c0cb1
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/old-content-object-fit-fill.html
@@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<html class=reftest-wait>
+<title>Shared transitions: display content in a pseudo with object-fit: fill</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<link rel="match" href="content-object-fit-fill-ref.html">
+<meta name="fuzzy" content="content-object-fit-fill-ref.html:0-60;0-20">
+<script src="/common/reftest-wait.js"></script>
+<style>
+#target {
+  width: 100px;
+  height: 100px;
+  contain: paint;
+  position: absolute;
+  top: 20px;
+  left: 20px;
+  view-transition-name: target;
+  background: lightblue;
+}
+#inner {
+  width: 10px;
+  height: 10px;
+  background: green;
+  top: 5px;
+  left: 10px;
+}
+#hidden {
+  background: pink;
+  width: 10px;
+  height: 10px;
+  view-transition-name: hidden;
+}
+
+html::view-transition-group(target) {
+  animation: unset;
+  transform: unset;
+  position: absolute;
+  top: 10px;
+  left: 10px;
+  width: 50px;
+  height: 50px;
+}
+
+html::view-transition-new(target) {
+  animation: unset;
+  opacity: 0;
+}
+html::view-transition-old(target) {
+  animation: unset;
+  opacity: 1;
+  object-fit: fill;
+}
+
+html::view-transition-group(hidden) {
+  animation-duration: 500s;
+  visibility: hidden;
+}
+
+html::view-transition-group(root) { animation: unset; opacity: 0; }
+html::view-transition { background: lightpink; }
+</style>
+
+<div id=target><div id=inner></div></div>
+<div id=hidden></div>
+
+<script>
+async function runTest() {
+  document.startViewTransition(() => {
+    requestAnimationFrame(() => requestAnimationFrame(takeScreenshot));
+  });
+}
+onload = () => requestAnimationFrame(() => requestAnimationFrame(runTest));
+</script>
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/old-content-object-fit-none.html b/tests/wpt/web-platform-tests/css/css-view-transitions/old-content-object-fit-none.html
new file mode 100644
index 00000000000..71f3f547487
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/old-content-object-fit-none.html
@@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<html class=reftest-wait>
+<title>Shared transitions: display content in a pseudo with object-fit: none</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<link rel="match" href="content-object-fit-none-ref.html">
+<script src="/common/reftest-wait.js"></script>
+<style>
+#target {
+  width: 100px;
+  height: 100px;
+  contain: paint;
+  position: absolute;
+  top: 20px;
+  left: 20px;
+  view-transition-name: target;
+  background: lightblue;
+}
+#hidden {
+  background: pink;
+  width: 10px;
+  height: 10px;
+  view-transition-name: hidden;
+}
+
+html::view-transition-group(target) {
+  animation: unset;
+  transform: unset;
+  position: absolute;
+  top: 10px;
+  left: 10px;
+  width: 50px;
+  height: 50px;
+}
+
+html::view-transition-new(target) {
+  animation: unset;
+  opacity: 0;
+}
+html::view-transition-old(target) {
+  animation: unset;
+  opacity: 1;
+  object-fit: none;
+  object-position: 0% 0%;
+}
+
+html::view-transition-group(hidden) {
+  animation-duration: 500s;
+  visibility: hidden;
+}
+
+html::view-transition-group(root) { animation: unset; opacity: 0; }
+html::view-transition { background: lightpink; }
+</style>
+
+<div id=target>This is text</div>
+<div id=hidden></div>
+
+<script>
+async function runTest() {
+  document.startViewTransition(() => {
+    requestAnimationFrame(() => requestAnimationFrame(takeScreenshot));
+  });
+}
+onload = () => requestAnimationFrame(() => requestAnimationFrame(runTest));
+</script>
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/old-content-object-view-box-clip-path-ref.html b/tests/wpt/web-platform-tests/css/css-view-transitions/old-content-object-view-box-clip-path-ref.html
new file mode 100644
index 00000000000..208284cc712
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/old-content-object-view-box-clip-path-ref.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<title>Shared transitions: object-view-box with larger overflow (ref)</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<style>
+.target {
+  color: red;
+  width: 100px;
+  height: 100px;
+  contain: paint;
+  position: relative;
+  top: 50px;
+  left: 50px;
+}
+.child {
+  width: 123px;
+  height: 150px;
+  background: lightblue;
+  position: relative;
+  top: -10px;
+  left: -20px;
+}
+.grandchild {
+  width: 25px;
+  height: 25px;
+  position: relative;
+  top: 20px;
+  left: 40px;
+  background: green;
+}
+#one { clip-path: inset(10px 12px 20px 28px); }
+#two { clip-path: inset(10px -12px 20px -28px); }
+body { background: lightpink; }
+</style>
+
+<div id=one class=target>
+  <div class=child>
+    <div class=grandchild></div>
+  </div>
+</div>
+<div style="height: 20px;"></div>
+<div id=two class=target>
+  <div class=child>
+    <div class=grandchild></div>
+  </div>
+</div>
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/old-content-object-view-box-clip-path-reference-ref.html b/tests/wpt/web-platform-tests/css/css-view-transitions/old-content-object-view-box-clip-path-reference-ref.html
new file mode 100644
index 00000000000..394a80f3443
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/old-content-object-view-box-clip-path-reference-ref.html
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<title>Shared transitions: object-view-box with larger overflow (ref)</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<style>
+.target {
+  color: red;
+  width: 100px;
+  height: 100px;
+  contain: paint;
+  position: relative;
+  top: 50px;
+  left: 50px;
+}
+.child {
+  width: 123px;
+  height: 150px;
+  background: lightblue;
+  position: relative;
+  top: -10px;
+  left: -20px;
+}
+.grandchild {
+  width: 25px;
+  height: 25px;
+  position: relative;
+  top: 20px;
+  left: 40px;
+  background: green;
+}
+#one { clip-path: url(#clip1); }
+#two { clip-path: url(#clip2); }
+body { background: lightpink; }
+</style>
+
+<div id=one class=target>
+  <div class=child>
+    <div class=grandchild></div>
+  </div>
+</div>
+<div style="height: 20px;"></div>
+<div id=two class=target>
+  <div class=child>
+    <div class=grandchild></div>
+  </div>
+</div>
+
+<svg>
+  <defs>
+    <clipPath id="clip1">
+      <rect x="10" y="20" width="70" height="50" />
+    </clipPath>
+    <clipPath id="clip2">
+      <rect x="-10" y="20" width="130" height="50" />
+    </clipPath>
+  </defs>
+</svg>
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/old-content-object-view-box-clip-path-reference.html b/tests/wpt/web-platform-tests/css/css-view-transitions/old-content-object-view-box-clip-path-reference.html
new file mode 100644
index 00000000000..375b0128cc5
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/old-content-object-view-box-clip-path-reference.html
@@ -0,0 +1,92 @@
+<!DOCTYPE html>
+<html class=reftest-wait>
+<title>Shared transitions: object-view-box with larger clip-path</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<link rel="match" href="old-content-object-view-box-clip-path-reference-ref.html">
+<meta name="fuzzy" content="old-content-object-view-box-clip-path-reference-ref.html:0-1;0-100">
+<script src="/common/reftest-wait.js"></script>
+<style>
+.target {
+  color: red;
+  width: 100px;
+  height: 100px;
+  contain: paint;
+  overflow-clip-margin: 1000px;
+  position: relative;
+  top: 50px;
+  left: 50px;
+}
+.child {
+  width: 123px;
+  height: 150px;
+  background: lightblue;
+  position: relative;
+  top: -10px;
+  left: -20px;
+}
+.grandchild {
+  width: 25px;
+  height: 25px;
+  position: relative;
+  top: 20px;
+  left: 40px;
+  background: green;
+}
+#one {
+  view-transition-name: target-one;
+  clip-path: url(#clip1);
+}
+#two {
+  view-transition-name: target-two;
+  clip-path: url(#clip2)
+}
+
+html::view-transition-group(target-one),
+html::view-transition-group(target-two) { animation-duration: 300s; }
+html::view-transition-new(target-one),
+html::view-transition-new(target-two) { animation: unset; opacity: 0; height: 100%; }
+html::view-transition-old(target-one),
+html::view-transition-old(target-two) {
+  animation: unset;
+  opacity: 1;
+  /* clip overflow, and verify inner contents only */
+  overflow: hidden;
+  height: 100%;
+}
+
+html::view-transition-group(root) { animation: unset; opacity: 0; }
+html::view-transition { background: lightpink; }
+</style>
+
+<div id=one class=target>
+  <div class=child>
+    <div class=grandchild></div>
+  </div>
+</div>
+<div style="height: 20px;"></div>
+<div id=two class=target>
+  <div class=child>
+    <div class=grandchild></div>
+  </div>
+</div>
+
+<svg>
+  <defs>
+    <clipPath id="clip1">
+      <rect x="10" y="20" width="70" height="50" />
+    </clipPath>
+    <clipPath id="clip2">
+      <rect x="-10" y="20" width="130" height="50" />
+    </clipPath>
+  </defs>
+</svg>
+
+<script>
+async function runTest() {
+  document.startViewTransition(() =>
+    requestAnimationFrame(() => requestAnimationFrame(takeScreenshot)));
+}
+onload = () => requestAnimationFrame(() => requestAnimationFrame(runTest));
+</script>
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/old-content-object-view-box-clip-path.html b/tests/wpt/web-platform-tests/css/css-view-transitions/old-content-object-view-box-clip-path.html
new file mode 100644
index 00000000000..a4292558c7f
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/old-content-object-view-box-clip-path.html
@@ -0,0 +1,81 @@
+<!DOCTYPE html>
+<html class=reftest-wait>
+<title>Shared transitions: object-view-box with larger clip-path</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<link rel="match" href="old-content-object-view-box-clip-path-ref.html">
+<meta name="fuzzy" content="old-content-object-view-box-clip-path-ref.html:0-1;0-30">
+<script src="/common/reftest-wait.js"></script>
+<style>
+.target {
+  color: red;
+  width: 100px;
+  height: 100px;
+  contain: paint;
+  overflow-clip-margin: 1000px;
+  position: relative;
+  top: 50px;
+  left: 50px;
+}
+.child {
+  width: 123px;
+  height: 150px;
+  background: lightblue;
+  position: relative;
+  top: -10px;
+  left: -20px;
+}
+.grandchild {
+  width: 25px;
+  height: 25px;
+  position: relative;
+  top: 20px;
+  left: 40px;
+  background: green;
+}
+#one {
+  view-transition-name: target-one;
+  clip-path: inset(10px 12px 20px 28px);
+}
+#two {
+  view-transition-name: target-two;
+  clip-path: inset(10px -12px 20px -28px);
+}
+
+html::view-transition-group(target-one),
+html::view-transition-group(target-two) { animation-duration: 300s; }
+html::view-transition-new(target-one),
+html::view-transition-new(target-two) { animation: unset; opacity: 0; height: 100%; }
+html::view-transition-old(target-one),
+html::view-transition-old(target-two) {
+  animation: unset;
+  opacity: 1;
+  /* clip overflow, and verify inner contents only */
+  overflow: hidden;
+  height: 100%;
+}
+
+html::view-transition-group(root) { animation: unset; opacity: 0; }
+html::view-transition { background: lightpink; }
+</style>
+
+<div id=one class=target>
+  <div class=child>
+    <div class=grandchild></div>
+  </div>
+</div>
+<div style="height: 20px;"></div>
+<div id=two class=target>
+  <div class=child>
+    <div class=grandchild></div>
+  </div>
+</div>
+
+<script>
+async function runTest() {
+  document.startViewTransition(() =>
+    requestAnimationFrame(() => requestAnimationFrame(takeScreenshot)));
+}
+onload = () => requestAnimationFrame(() => requestAnimationFrame(runTest));
+</script>
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/old-content-object-view-box-overflow-ref.html b/tests/wpt/web-platform-tests/css/css-view-transitions/old-content-object-view-box-overflow-ref.html
new file mode 100644
index 00000000000..2b55f1537d8
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/old-content-object-view-box-overflow-ref.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<title>Shared transitions: object-view-box with larger overflow (ref)</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<style>
+.target {
+  color: red;
+  width: 100px;
+  height: 100px;
+  contain: paint;
+  position: relative;
+  top: 50px;
+  left: 50px;
+}
+.child {
+  width: 123px;
+  height: 150px;
+  background: lightblue;
+  position: relative;
+  top: -10px;
+  left: -20px;
+}
+.grandchild {
+  width: 25px;
+  height: 25px;
+  position: relative;
+  top: 20px;
+  left: 40px;
+  background: green;
+}
+body { background: lightpink; }
+</style>
+
+<div class=target>
+  <div class=child>
+    <div class=grandchild></div>
+  </div>
+</div>
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/old-content-object-view-box-overflow.html b/tests/wpt/web-platform-tests/css/css-view-transitions/old-content-object-view-box-overflow.html
new file mode 100644
index 00000000000..8a83a7ea754
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/old-content-object-view-box-overflow.html
@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+<html class=reftest-wait>
+<title>Shared transitions: object-view-box with larger overflow</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<link rel="match" href="old-content-object-view-box-overflow-ref.html">
+<script src="/common/reftest-wait.js"></script>
+<style>
+.target {
+  color: red;
+  width: 100px;
+  height: 100px;
+  contain: paint;
+  overflow-clip-margin: 1000px;
+  position: relative;
+  top: 50px;
+  left: 50px;
+  view-transition-name: target;
+}
+.child {
+  width: 123px;
+  height: 150px;
+  background: lightblue;
+  position: relative;
+  top: -10px;
+  left: -20px;
+}
+.grandchild {
+  width: 25px;
+  height: 25px;
+  position: relative;
+  top: 20px;
+  left: 40px;
+  background: green;
+}
+
+html::view-transition-group(target) { animation-duration: 300s; }
+html::view-transition-new(target) { animation: unset; opacity: 0; }
+html::view-transition-old(target) {
+  animation: unset;
+  opacity: 1;
+  /* clip overflow, and verify inner contents only */
+  overflow: hidden;
+  height: 100%;
+}
+
+html::view-transition-group(root) { animation: unset; opacity: 0; }
+html::view-transition { background: lightpink; }
+</style>
+
+<div class=target>
+  <div class=child>
+    <div class=grandchild></div>
+  </div>
+</div>
+
+<script>
+async function runTest() {
+  document.startViewTransition(() =>
+    requestAnimationFrame(() => requestAnimationFrame(takeScreenshot)));
+}
+onload = () => requestAnimationFrame(() => requestAnimationFrame(runTest));
+</script>
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/old-content-with-overflow-zoomed.html b/tests/wpt/web-platform-tests/css/css-view-transitions/old-content-with-overflow-zoomed.html
new file mode 100644
index 00000000000..6e6196e6539
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/old-content-with-overflow-zoomed.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html class=reftest-wait>
+<title>Shared transitions: shared element with overflow</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:khushalsagar@chromium.org">
+<link rel="match" href="content-with-overflow-zoomed-ref.html">
+<script src="/common/reftest-wait.js"></script>
+<style>
+.target {
+  width: 80px;
+  height: 80px;
+  contain: paint;
+  background: blue;
+  overflow-clip-margin: 50px;
+  view-transition-name: target;
+  zoom: 1.5;
+}
+.child {
+  width: 200px;
+  height: 200px;
+  position: relative;
+  top: 50px;
+  left: 50px;
+  background: green;
+  zoom: 1.2;
+}
+
+html::view-transition-group(target) { animation-duration: 300s; }
+html::view-transition-new(target) { animation: unset; opacity: 0; }
+html::view-transition-old(target) {
+  animation: unset;
+  opacity: 1;
+  border: 3px solid black;
+}
+
+html::view-transition-group(root) { animation: unset; opacity: 0; }
+html::view-transition { background: lightpink; }
+</style>
+
+<div class=ancestor>
+  <div class=target>
+    <div class=child>
+    </div>
+  </div>
+</div>
+
+<script>
+async function runTest() {
+  document.startViewTransition(() =>
+    requestAnimationFrame(() => requestAnimationFrame(takeScreenshot)));
+}
+onload = () => requestAnimationFrame(() => requestAnimationFrame(runTest));
+</script>
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/old-content-with-overflow.html b/tests/wpt/web-platform-tests/css/css-view-transitions/old-content-with-overflow.html
new file mode 100644
index 00000000000..3d8afc16e52
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/old-content-with-overflow.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html class=reftest-wait>
+<title>Shared transitions: shared element with overflow</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:khushalsagar@chromium.org">
+<link rel="match" href="content-with-overflow-ref.html">
+<script src="/common/reftest-wait.js"></script>
+<style>
+.target {
+  width: 100px;
+  height: 100px;
+  contain: paint;
+  background: blue;
+  overflow-clip-margin: 50px;
+  view-transition-name: target;
+}
+.child {
+  width: 200px;
+  height: 200px;
+  position: relative;
+  top: 50px;
+  left: 50px;
+  background: green;
+}
+
+html::view-transition-group(target) { animation-duration: 300s; }
+html::view-transition-new(target) { animation: unset; opacity: 0; }
+html::view-transition-old(target) {
+  animation: unset;
+  opacity: 1;
+}
+
+html::view-transition-group(root) { animation: unset; opacity: 0; }
+html::view-transition { background: lightpink; }
+</style>
+
+<div class=target>
+  <div class=child>
+  </div>
+</div>
+
+<script>
+async function runTest() {
+  document.startViewTransition(() =>
+    requestAnimationFrame(() => requestAnimationFrame(takeScreenshot)));
+}
+onload = () => requestAnimationFrame(() => requestAnimationFrame(runTest));
+</script>
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/old-root-vertical-writing-mode-ref.html b/tests/wpt/web-platform-tests/css/css-view-transitions/old-root-vertical-writing-mode-ref.html
new file mode 100644
index 00000000000..227db8a1327
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/old-root-vertical-writing-mode-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<title>Shared transitions: container of shared element writing-modes (ref)</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+
+<style>
+html { writing-mode: vertical-lr; }
+.shared {
+  margin: 2px;
+  width: 90px;
+  height: 50px;
+  background: green;
+  contain: paint;
+}
+#two {
+  background: lightblue;
+  will-change: transform;
+}
+</style>
+
+<div id=one class=shared>T</div>
+<div id=two class=shared></div>
+
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/old-root-vertical-writing-mode.html b/tests/wpt/web-platform-tests/css/css-view-transitions/old-root-vertical-writing-mode.html
new file mode 100644
index 00000000000..4fd610b7add
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/old-root-vertical-writing-mode.html
@@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<html class=reftest-wait>
+<title>Shared transitions: container of shared element writing-modes</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<link rel="match" href="new-root-vertical-writing-mode-ref.html">
+<script src="/common/reftest-wait.js"></script>
+<style>
+html { writing-mode: vertical-lr; }
+#hidden {
+  width: 100px;
+  height: 100px;
+  background: red;
+  position: absolute;
+  top: 0;
+  left: 0;
+  contain: paint;
+  view-transition-name: hidden;
+}
+.shared {
+  margin: 2px;
+  width: 90px;
+  height: 50px;
+  background: green;
+  contain: paint;
+}
+#target {
+  background: red;
+  position: absolute;
+  top: 50px;
+  left: 50px;
+  width: 100px;
+  height: 500px;
+  contain: paint;
+}
+#one { view-transition-name: s1; }
+#two {
+  background: lightblue;
+  will-change: transform;
+}
+
+html::view-transition-group(hidden) { animation-duration: 300s; }
+html::view-transition-image-pair(hidden) { animation: unset; opacity: 0; }
+
+html::view-transition-group(s1) { animation-delay: 100s; animation-fill-mode: both; }
+html::view-transition-new(s1) { animation: unset; opacity: 0; }
+html::view-transition-old(s1) { animation: unset; opacity: 1; }
+
+html::view-transition-new(root) { animation: unset; opacity: 0; }
+html::view-transition-old(root) { animation: unset; opacity: 1; }
+
+</style>
+
+<div id=hidden>Should not be visible</div>
+<div id=target style="display: none">Should not be visible</div>
+<div id=one class=shared>T</div>
+<div id=two class=shared></div>
+
+<script>
+async function runTest() {
+  document.startViewTransition(() => {
+    one.remove();
+    target.style = "";
+    target.style.viewTransitionName = "s1";
+    hidden.style.left = "200px";
+    requestAnimationFrame(() => requestAnimationFrame(takeScreenshot));
+  });
+}
+onload = () => requestAnimationFrame(() => requestAnimationFrame(runTest));
+</script>
+
+
+
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/parsing/view-transition-name-computed.html b/tests/wpt/web-platform-tests/css/css-view-transitions/parsing/view-transition-name-computed.html
new file mode 100644
index 00000000000..4a13ed5d2e9
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/parsing/view-transition-name-computed.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>CSS View Transitions: view-transition-name with computed values</title>
+<link rel="author" title="Vladimir Levin" href="mailto:vmpstr@chromium.org">
+<link rel="help" href="https://drafts.csswg.org/css-view-transitions-1/">
+<meta name="assert" content="view-transition-name supports custom keywords.">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/computed-testcommon.js"></script>
+</head>
+<body>
+<div id=target></div>
+<div id=scratch></div>
+<script>
+
+test_computed_value("view-transition-name", "none");
+test_computed_value("view-transition-name", "foo");
+test_computed_value("view-transition-name", "bar");
+test_computed_value("view-transition-name", "baz");
+</script>
+</body>
+</html>
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/parsing/view-transition-name-valid.html b/tests/wpt/web-platform-tests/css/css-view-transitions/parsing/view-transition-name-valid.html
new file mode 100644
index 00000000000..2fd384449f5
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/parsing/view-transition-name-valid.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>CSS View Transitions Test: view-transition-name with valid values</title>
+<link rel="author" title="Vladimir Levin" href="mailto:vmpstr@chromium.org">
+<link rel="help" href="https://drafts.csswg.org/css-view-transitions-1/">
+<meta name="assert" content="view-transition-name supports custom tags">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/parsing-testcommon.js"></script>
+</head>
+<body>
+<script>
+test_valid_value("view-transition-name", "none");
+test_valid_value("view-transition-name", "foo");
+test_valid_value("view-transition-name", "bar");
+test_valid_value("view-transition-name", "baz");
+</script>
+</body>
+</html>
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/pseudo-get-computed-style.html b/tests/wpt/web-platform-tests/css/css-view-transitions/pseudo-get-computed-style.html
new file mode 100644
index 00000000000..e837d52a570
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/pseudo-get-computed-style.html
@@ -0,0 +1,92 @@
+<!DOCTYPE html>
+<html class=reftest-wait>
+<title>Shared transitions: check pseudo element's display property</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+
+<style>
+div {
+  width: 100px;
+  height: 100px;
+  background: blue;
+  contain: paint;
+  view-transition-name: target;
+}
+::view-transition-image-pair(target) {
+  position: fixed;
+}
+</style>
+
+<div id=target></div>
+
+<script>
+promise_test(() => {
+  return new Promise(async (resolve, reject) => {
+    let transition = document.startViewTransition(() => {
+      assert_equals(getComputedStyle(document.documentElement, ":view-transition").position, "fixed", ":view-transition");
+      assert_equals(getComputedStyle(document.documentElement, ":view-transition-group(target)").position, "absolute", "container(target)");
+      assert_equals(getComputedStyle(document.documentElement, ":view-transition-image-pair(target)").position, "absolute", "wrapper(target)");
+
+      assert_equals(getComputedStyle(document.documentElement, ":view-transition-old(target)").position, "absolute", "outgoing(target)");
+
+      assert_equals(getComputedStyle(document.documentElement, ":view-transition-group(root)").position, "absolute", "container(root)");
+      assert_equals(getComputedStyle(document.documentElement, ":view-transition-image-pair(root)").position, "absolute", "wrapper(root)");
+      assert_equals(getComputedStyle(document.documentElement, ":view-transition-old(root)").position, "absolute", "outgoing(root)");
+
+      requestAnimationFrame(() => {
+        assert_equals(getComputedStyle(document.documentElement, ":view-transition").position, "fixed", "raf :view-transition");
+        assert_equals(getComputedStyle(document.documentElement, ":view-transition-group(target)").position, "absolute", "raf container(target)");
+        assert_equals(getComputedStyle(document.documentElement, ":view-transition-image-pair(target)").position, "fixed", "raf wrapper(target)");
+
+        assert_equals(getComputedStyle(document.documentElement, ":view-transition-old(target)").position, "absolute", "raf outgoing(target)");
+
+        assert_equals(getComputedStyle(document.documentElement, ":view-transition-group(root)").position, "absolute", "raf container(root)");
+        assert_equals(getComputedStyle(document.documentElement, ":view-transition-image-pair(root)").position, "absolute", "raf wrapper(root)");
+        assert_equals(getComputedStyle(document.documentElement, ":view-transition-old(root)").position, "absolute", "raf outgoing(root)");
+      });
+    });
+    await transition.finished;
+    resolve();
+  });
+}, "position property of pseudo elements");
+
+promise_test(() => {
+  return new Promise(async (resolve, reject) => {
+    let transition = document.startViewTransition(() => {
+      assert_equals(getComputedStyle(document.documentElement, ":view-transition").position, "fixed");
+      assert_equals(getComputedStyle(document.documentElement, ":view-transition-group(target)").position, "absolute");
+      assert_equals(getComputedStyle(document.documentElement, ":view-transition-image-pair(target)").position, "absolute");
+
+      assert_equals(getComputedStyle(document.documentElement, ":view-transition-old(target)").position, "absolute");
+
+      assert_equals(getComputedStyle(document.documentElement, ":view-transition-group(root)").position, "absolute");
+      assert_equals(getComputedStyle(document.documentElement, ":view-transition-image-pair(root)").position, "absolute");
+      assert_equals(getComputedStyle(document.documentElement, ":view-transition-old(root)").position, "absolute");
+    });
+
+    assert_equals(getComputedStyle(document.documentElement, ":view-transition").position, "fixed");
+    assert_equals(getComputedStyle(document.documentElement, ":view-transition-group(target)").position, "absolute");
+    assert_equals(getComputedStyle(document.documentElement, ":view-transition-image-pair(target)").position, "fixed");
+
+    assert_equals(getComputedStyle(document.documentElement, ":view-transition-old(target)").position, "absolute");
+    assert_equals(getComputedStyle(document.documentElement, ":view-transition-new(target)").position, "absolute");
+
+    assert_equals(getComputedStyle(document.documentElement, ":view-transition-group(root)").position, "absolute");
+    assert_equals(getComputedStyle(document.documentElement, ":view-transition-image-pair(root)").position, "absolute");
+    assert_equals(getComputedStyle(document.documentElement, ":view-transition-old(root)").position, "absolute");
+    assert_equals(getComputedStyle(document.documentElement, ":view-transition-new(root)").position, "absolute");
+
+    assert_equals(getComputedStyle(document.documentElement, ":view-transition-group(target)").position, "absolute");
+
+    await transition.finished;
+
+    // With custom ua sheets not applying to non-existing pseudo, the value should be the default (not absolute)
+    assert_not_equals(getComputedStyle(document.documentElement, ":view-transition-group(target)").position, "absolute");
+
+    resolve();
+  });
+}, "position property of pseudo elements with prepare api");
+</script>
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/ready_resolves_after_dom_before_raf.html b/tests/wpt/web-platform-tests/css/css-view-transitions/ready_resolves_after_dom_before_raf.html
new file mode 100644
index 00000000000..9c0a68e292e
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/ready_resolves_after_dom_before_raf.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html class=reftest-wait>
+<title>Shared transitions: promise resolution ordering</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+
+<style>
+div {
+  width: 100px;
+  height: 100px;
+  background: blue;
+  contain: paint;
+  view-transition-name: target;
+}
+.green {
+  background: green;
+}
+</style>
+
+<div id=target></div>
+
+<script>
+promise_test(async t => {
+  return new Promise((resolve, reject) => {
+    let dom_change_ran = false;
+    let transition = document.startViewTransition(() => {
+      target.classList.add("green");
+      dom_change_ran = true;
+    });
+
+    let dom_updated_resolved = false;
+    transition.domUpdated.then(() => {
+      if (!dom_change_ran)
+        reject();
+      // If there's a rAF before ready resolves, we fail.
+      requestAnimationFrame(reject);
+      dom_updated_resolved = true;
+    });
+
+    transition.ready.then(() => {
+      if (!dom_updated_resolved)
+        reject();
+      resolve();
+    });
+  });
+}, "domUpdated resolves, then ready resolves with no rAF in between");
+</script>
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/root-captured-as-different-tag-ref.html b/tests/wpt/web-platform-tests/css/css-view-transitions/root-captured-as-different-tag-ref.html
new file mode 100644
index 00000000000..1222d6440b3
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/root-captured-as-different-tag-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<title>Shared transitions: capture root elements (ref)</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<style>
+.box {
+  background: lightblue;
+  width: 100px;
+  height: 100px;
+  contain: paint;
+  position: absolute;
+  font-size: 30pt;
+}
+#e1 {
+  top: 20px;
+  left: 20px;
+}
+</style>
+<div id=e1 class=box></div>
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/root-captured-as-different-tag.html b/tests/wpt/web-platform-tests/css/css-view-transitions/root-captured-as-different-tag.html
new file mode 100644
index 00000000000..36f60cfb520
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/root-captured-as-different-tag.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html class=reftest-wait>
+<title>Shared transitions: capture root elements</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<link rel="match" href="old-content-captures-root-ref.html">
+<meta name="fuzzy" content="old-content-captures-root-ref.html:0-1;0-500">
+<script src="/common/reftest-wait.js"></script>
+<style>
+:root { view-transition-name: another-root; }
+.box {
+  background: lightblue;
+  width: 100px;
+  height: 100px;
+  contain: paint;
+  position: absolute;
+  font-size: 30pt;
+}
+#e1 {
+  top: 20px;
+  left: 20px;
+}
+#shared {
+  contain: paint;
+  width: 100px;
+  height: 100px;
+  background: red;
+  view-transition-name: shared;
+}
+
+div.dst { background: lightgreen; }
+/* We're verifying what we capture, so just display the old contents for 5 minutes.  */
+html::view-transition { background: pink; }
+html::view-transition-group(shared) { animation-duration: 300s; }
+html::view-transition-image-pair(shared) { visibility: hidden }
+html::view-transition-old(another-root) { animation: unset; opacity: 1 }
+html::view-transition-new(another-root) { animation: unset; opacity: 0 }
+
+/* This shouldn't apply, so just make it red. */
+html::view-transition-group(root) { animation: unset; opacity: 1; background: red; }
+html::view-transition-image-pair(root) { visibility: hidden; }
+</style>
+<div id=e1 class=box></div>
+<div id=shared></div>
+<script>
+async function runTest() {
+  document.startViewTransition(() => {
+    e1.classList.add("dst");
+    document.body.style.background = "red";
+    requestAnimationFrame(() => requestAnimationFrame(takeScreenshot));
+  });
+}
+onload = () => requestAnimationFrame(() => requestAnimationFrame(runTest));
+</script>
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/root-scrollbar-with-fixed-background-ref.html b/tests/wpt/web-platform-tests/css/css-view-transitions/root-scrollbar-with-fixed-background-ref.html
new file mode 100644
index 00000000000..d7014c41009
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/root-scrollbar-with-fixed-background-ref.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html >
+<title>Shared transitions: capture root element with scrollbar (ref)</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:khushalsagar@chromium.org">
+
+<style>
+#container {
+  background: lightblue;
+}
+#first {
+  width: 10px;
+  background: linear-gradient(green, blue);
+  height: 1000px;
+}
+body {
+  margin: 0px;
+  padding: 0px;
+  filter: invert(1);
+}
+</style>
+
+  <div id=container>
+   <div id=first></div>
+  </div>
+
+<script>
+  function scrollContainer() {
+    document.documentElement.scrollTop = 500;
+  }
+
+  onload = scrollContainer();
+</script>
+</html>
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/root-scrollbar-with-fixed-background.html b/tests/wpt/web-platform-tests/css/css-view-transitions/root-scrollbar-with-fixed-background.html
new file mode 100644
index 00000000000..52f35e7ed62
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/root-scrollbar-with-fixed-background.html
@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html class=reftest-wait style="background: lightblue;">
+<title>When the root element has scrollbars, these should be excluded in snapshot</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:khushalsagar@chromium.org">
+<link rel="match" href="root-scrollbar-with-fixed-background-ref.html">
+
+<script src="/common/rendering-utils.js"></script>
+<script src="/common/reftest-wait.js"></script>
+
+<style>
+#hide {
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  width: 10px;
+  height: 10px;
+  background: red;
+  contain: paint;
+  view-transition-name: hide;
+}
+#first {
+  width: 10px;
+  background: linear-gradient(green, blue);
+  height: 1000px;
+}
+body {
+  margin: 0px;
+  padding: 0px;
+}
+
+/* Set a no-op animation to screenshot the pseudo transition DOM. */
+html::view-transition-group(hide) {
+  animation-duration: 300s;
+  opacity: 0;
+}
+html::view-transition-new(*) {
+  animation: unset;
+  filter: invert(1);
+  height: 100%;
+}
+html::view-transition-old(*) {
+  animation: unset;
+  opacity: 0;
+  height: 100%;
+}
+</style>
+
+<div id=hide></div>
+<div id=first></div>
+
+<script>
+async function runTest() {
+  await waitForAtLeastOneFrame();
+
+  document.documentElement.scrollTop = 500;
+  document.startViewTransition(() => {
+    requestAnimationFrame(() => requestAnimationFrame(takeScreenshot));
+  });
+}
+
+onload = requestAnimationFrame(runTest);
+</script>
+
+</html>
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/root-style-change-during-animation-ref.html b/tests/wpt/web-platform-tests/css/css-view-transitions/root-style-change-during-animation-ref.html
new file mode 100644
index 00000000000..964b3b8d7e4
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/root-style-change-during-animation-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<title>Shared transitions: root element style changes during transition</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<style>
+#target {
+  width: 100px;
+  height: 100px;
+  contain: paint;
+  background: green;
+}
+
+body {
+  background: grey;
+}
+</style>
+
+<div id=target></div>
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/root-style-change-during-animation.html b/tests/wpt/web-platform-tests/css/css-view-transitions/root-style-change-during-animation.html
new file mode 100644
index 00000000000..6a1786836a8
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/root-style-change-during-animation.html
@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html class=reftest-wait>
+<title>Shared transitions: root element style changes during transition</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<link rel="match" href="root-style-change-during-animation-ref.html">
+<script src="/common/reftest-wait.js"></script>
+<style>
+#target {
+  width: 100px;
+  height: 100px;
+  contain: paint;
+  background: blue;
+  view-transition-name: target;
+}
+
+#hidden {
+  background: pink;
+  width: 10px;
+  height: 10px;
+  view-transition-name: hidden;
+  contain: paint;
+}
+
+html::view-transition {
+  background: grey;
+}
+
+html::view-transition-group(hidden) {
+  animation-duration: 500s;
+  visibility: hidden;
+}
+
+html::view-transition-group(root) {
+  visibility: hidden;
+}
+
+.test::view-transition-group(target) {
+  background: green;
+}
+.test::view-transition-image-pair(target) {
+  visibility: hidden;
+}
+</style>
+
+<div id=target></div>
+<div id=hidden></div>
+
+<script>
+function flipClass() {
+  document.documentElement.classList.add("test");
+  requestAnimationFrame(takeScreenshot);
+}
+
+async function runTest() {
+  document.startViewTransition(() => {
+    hidden.style.width="20px";
+    requestAnimationFrame(() => requestAnimationFrame(flipClass));
+  });
+}
+onload = () => requestAnimationFrame(() => requestAnimationFrame(runTest));
+</script>
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/root-to-shared-animation-end-ref.html b/tests/wpt/web-platform-tests/css/css-view-transitions/root-to-shared-animation-end-ref.html
new file mode 100644
index 00000000000..24b50fa65e1
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/root-to-shared-animation-end-ref.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<title>Root to shared animation test (ref)</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+
+<style>
+body, html { padding: 0; margin: 0 }
+body {
+  background: yellow;
+}
+.background {
+  background: lightgreen;
+  width: 400px;
+  height: 300px;
+}
+.item {
+  background: blue;
+  width: 200px;
+  height: 200px;
+}
+</style>
+
+<div class=background>
+  <div class=item></div>
+</div>
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/root-to-shared-animation-end.html b/tests/wpt/web-platform-tests/css/css-view-transitions/root-to-shared-animation-end.html
new file mode 100644
index 00000000000..f24c300aef4
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/root-to-shared-animation-end.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html class=reftest-wait>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<link rel="match" href="root-to-shared-animation-end-ref.html">
+
+<script src="/common/reftest-wait.js"></script>
+
+<style>
+body, html { padding: 0; margin: 0 }
+body {
+  background: lightgreen;
+}
+#box {
+  width: 400px;
+  height: 400px;
+  background: blue;
+  contain: paint;
+}
+.hidden {
+  contain: paint;
+  width: 10px;
+  height: 10px;
+  background: red;
+  view-transition-name: hidden;
+}
+
+html::view-transition-group(hidden) { animation-duration: 300s; }
+html::view-transition-image-pair(hidden) { visibility: hidden; }
+
+html::view-transition-group(root) { animation-duration: 0s; }
+html::view-transition-new(*) { animation: unset; opacity: 0; }
+html::view-transition-old(*) { animation: unset; opacity: 1; }
+</style>
+
+<div id=box></div>
+<div class=hidden></div>
+
+<script>
+async function runTest() {
+  document.startViewTransition(() => {
+    document.documentElement.style.viewTransitionName = "none";
+    document.body.style.background = "yellow";
+    box.style.viewTransitionName = "root";
+
+    requestAnimationFrame(() => requestAnimationFrame(takeScreenshot));
+  });
+}
+onload = () => requestAnimationFrame(() => requestAnimationFrame(runTest));
+</script>
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/root-to-shared-animation-incoming-ref.html b/tests/wpt/web-platform-tests/css/css-view-transitions/root-to-shared-animation-incoming-ref.html
new file mode 100644
index 00000000000..3075d2480ca
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/root-to-shared-animation-incoming-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+<title>Root to shared animation test (ref)</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+
+<style>
+body {
+  background: blue;
+  padding: 0;
+  margin: 0;
+}
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/root-to-shared-animation-incoming.html b/tests/wpt/web-platform-tests/css/css-view-transitions/root-to-shared-animation-incoming.html
new file mode 100644
index 00000000000..c2def74e248
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/root-to-shared-animation-incoming.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html class=reftest-wait>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<link rel="match" href="root-to-shared-animation-incoming-ref.html">
+
+<script src="/common/reftest-wait.js"></script>
+
+<style>
+body {
+  background: lightgreen;
+  padding: 0;
+  margin: 0;
+}
+#box {
+  width: 100px;
+  height: 120px;
+  background: blue;
+  contain: paint;
+}
+
+html::view-transition-group(*) { animation-delay: 300s; }
+html::view-transition-new(*) { animation: unset; opacity: 1; }
+html::view-transition-old(*) { animation: unset; opacity: 0; }
+</style>
+
+<div id=box></div>
+
+<script>
+async function runTest() {
+  document.startViewTransition(() => {
+    document.documentElement.style.viewTransitionName = "none";
+    box.style.viewTransitionName = "root";
+    // We should not see the "live" body at all.
+    document.body.style.background = "red";
+
+    requestAnimationFrame(() => requestAnimationFrame(takeScreenshot));
+  });
+}
+onload = () => requestAnimationFrame(() => requestAnimationFrame(runTest));
+</script>
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/root-to-shared-animation-start-ref.html b/tests/wpt/web-platform-tests/css/css-view-transitions/root-to-shared-animation-start-ref.html
new file mode 100644
index 00000000000..d04ab3f7677
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/root-to-shared-animation-start-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<title>Root to shared animation test (ref)</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+
+<style>
+body {
+  background: lightgreen;
+  padding: 0;
+  margin: 0;
+}
+#box {
+  width: 100px;
+  height: 120px;
+  background: blue;
+  contain: paint;
+}
+</style>
+
+<div id=box></div>
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/root-to-shared-animation-start.html b/tests/wpt/web-platform-tests/css/css-view-transitions/root-to-shared-animation-start.html
new file mode 100644
index 00000000000..211985e7740
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/root-to-shared-animation-start.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html class=reftest-wait>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<link rel="match" href="root-to-shared-animation-start-ref.html">
+
+<script src="/common/reftest-wait.js"></script>
+
+<style>
+body {
+  background: lightgreen;
+  padding: 0;
+  margin: 0;
+}
+#box {
+  width: 100px;
+  height: 120px;
+  background: blue;
+  contain: paint;
+}
+
+html::view-transition-group(*) { animation-delay: 300s; }
+html::view-transition-new(*) { animation: unset; opacity: 0; }
+html::view-transition-old(*) { animation: unset; opacity: 1; }
+</style>
+
+<div id=box></div>
+
+<script>
+async function runTest() {
+  document.startViewTransition(() => {
+    document.documentElement.style.viewTransitionName = "none";
+    box.style.viewTransitionName = "root";
+    // We should not see the "live" body at all.
+    document.body.style.background = "red";
+
+    requestAnimationFrame(() => requestAnimationFrame(takeScreenshot));
+  });
+}
+onload = () => requestAnimationFrame(() => requestAnimationFrame(runTest));
+</script>
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/set-universal-specificity-ref.html b/tests/wpt/web-platform-tests/css/css-view-transitions/set-universal-specificity-ref.html
new file mode 100644
index 00000000000..e6afd805fbb
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/set-universal-specificity-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<title>Shared transitions: universal specificity (ref)</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<style>
+body {
+  background: pink;
+}
+div {
+  contain: paint;
+  width: 100px;
+  height: 100px;
+  background: blue;
+  border: 10px solid black;
+}
+</style>
+<div></div>
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/set-universal-specificity.html b/tests/wpt/web-platform-tests/css/css-view-transitions/set-universal-specificity.html
new file mode 100644
index 00000000000..95c0cfe0490
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/set-universal-specificity.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html class=reftest-wait>
+<title>Shared transitions: universal specificity</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<link rel="match" href="set-universal-specificity-ref.html">
+<script src="/common/reftest-wait.js"></script>
+<style>
+#shared {
+  contain: paint;
+  width: 100px;
+  height: 100px;
+  background: blue;
+  view-transition-name: shared;
+}
+
+/* We're verifying what we capture, so just display the old contents for 5 minutes.  */
+html::view-transition { background: pink; }
+html::view-transition-group(shared) { animation-duration: 300s; }
+
+html::view-transition-old(shared) {
+  animation: unset;
+  opacity: 1;
+  border: 10px solid black;
+}
+html::view-transition-old(*) {
+  border: 10px solid red;
+}
+
+html::view-transition-new(shared) { animation: unset; opacity: 0; }
+
+html::view-transition-old(root) { animation: unset; opacity: 0; }
+html::view-transition-new(root) { animation: unset; opacity: 0 }
+</style>
+<div id=shared></div>
+<script>
+async function runTest() {
+  document.startViewTransition(() => {
+    requestAnimationFrame(() => requestAnimationFrame(takeScreenshot));
+  });
+}
+onload = () => requestAnimationFrame(() => requestAnimationFrame(runTest));
+</script>
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/shared-transition-author-style.manual.html b/tests/wpt/web-platform-tests/css/css-view-transitions/shared-transition-author-style.manual.html
new file mode 100644
index 00000000000..2e0dc49d781
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/shared-transition-author-style.manual.html
@@ -0,0 +1,94 @@
+<!DOCTYPE html>
+<html>
+<title>Shared transitions of different elements and shapes</title>
+<link rel="help" href="https://github.com/vmpstr/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+
+<style>
+body {
+  background: lightpink;
+  overflow: hidden;
+}
+
+input {
+  position: absolute;
+  left: 8px;
+  top: 8px;
+  z-index: 10;
+}
+
+.top {
+  top: 0px;
+  background: green;
+}
+.bottom {
+  bottom: 0px;
+  background: blue;
+}
+
+div {
+  position: absolute;
+  left: 0px;
+  right: 0px;
+  height: 40vh;
+  contain: paint;
+}
+</style>
+
+<input id=toggle type=button value="Toggle!"></input>
+<div id=target class=top>
+The div should alternate being at the bottom and at the top.
+The color at the top is green and bottom is blue.
+During the animation, the div has an (x, y) offset and its
+content is a blend of green and blue. There is also a grey
+background with a slight offset from the top.
+</div>
+
+<script>
+let classes = ["top", "bottom"]
+let i = 0;
+
+let transitionStyle =
+  `html::view-transition {
+    top: 50px;
+  }
+
+  html::view-transition-group(root) {
+    background-color: grey;
+  }
+
+  html::view-transition-group(target) {
+    left: 50px;
+  }
+
+  html::view-transition-old(target) {
+    opacity: 0.5;
+    animation-name: none;
+  }
+
+  html::view-transition-new(target) {
+    opacity: 0.5;
+  }
+  `
+
+let pseudoStyle = document.createElement('style');
+pseudoStyle.appendChild(document.createTextNode(transitionStyle));
+
+async function runAnimation() {
+  target.style.viewTransitionName = "target";
+  let t = document.startViewTransition(() => {
+    target.classList.remove(classes[i]);
+    i = (i + 1) % classes.length;
+    target.classList.add(classes[i]);
+
+    document.head.appendChild(pseudoStyle);
+  });
+  await t.finished;
+  document.head.removeChild(pseudoStyle)
+}
+
+function init() {
+  toggle.addEventListener("click", runAnimation);
+}
+onload = init;
+</script>
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/shared-transition-half.manual.html b/tests/wpt/web-platform-tests/css/css-view-transitions/shared-transition-half.manual.html
new file mode 100644
index 00000000000..d78df70cb88
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/shared-transition-half.manual.html
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html>
+<title>Shared transitions of different elements and shapes</title>
+<link rel="help" href="https://github.com/vmpstr/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+
+<style>
+body {
+  background: lightpink;
+  overflow: hidden;
+}
+
+input {
+  position: absolute;
+  left: 8px;
+  top: 8px;
+  z-index: 10;
+}
+
+.top {
+  top: 0px;
+}
+.bottom {
+  bottom: 0px;
+}
+
+div {
+  position: absolute;
+  left: 0px;
+  right: 0px;
+  height: 40vh;
+  background: green;
+  contain: paint;
+}
+</style>
+
+<input id=toggle type=button value="Toggle!"></input>
+<div id=target class=top>
+The green div should alternate being at the bottom and at the top.
+Other than green and pink background no other colors should appear.
+</div>
+
+<script>
+let classes = ["top", "bottom"]
+let i = 0;
+async function runAnimation() {
+  target.style.viewTransitionName = "target";
+  let t = document.startViewTransition(() => {
+    target.classList.remove(classes[i]);
+    i = (i + 1) % classes.length;
+    target.classList.add(classes[i]);
+  });
+  await t.finished;
+}
+
+function init() {
+  toggle.addEventListener("click", runAnimation);
+}
+onload = init;
+</script>
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/shared-transition-shapes.manual.html b/tests/wpt/web-platform-tests/css/css-view-transitions/shared-transition-shapes.manual.html
new file mode 100644
index 00000000000..6b22a53fb42
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/shared-transition-shapes.manual.html
@@ -0,0 +1,80 @@
+<!DOCTYPE html>
+<html>
+<title>Shared transitions of different elements and shapes</title>
+<link rel="help" href="https://github.com/vmpstr/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+
+<style>
+body {
+  background: lightpink;
+}
+
+#container {
+  width: max-content;
+  position: relative;
+}
+
+.left {
+  left: 50px;
+}
+.right {
+  left: 550px;
+}
+
+div {
+  margin: 10px;
+  contain: paint;
+}
+
+.square {
+  width: 100px;
+  height: 100px;
+  background: green;
+}
+.rounded {
+  width: 100px;
+  height: 100px;
+  background: green;
+  border-radius: 20%;
+}
+.translucent {
+  opacity: 0.5;
+}
+.text {
+  width: 100px;
+  height: 100px;
+}
+</style>
+
+<input id=toggle type=button value="Toggle!"></input>
+<span>Same shape should move right and left</span>
+<div id=container class=left>
+  <div id=e1 class=square></div>
+  <div id=e2 class=rounded></div>
+  <div id=e3 class="square translucent"></div>
+  <div id=e4 class="rounded translucent"></div>
+  <div id=e5 class=text>Lorem Ipsum</div>
+</div>
+
+<script>
+let classes = ["left", "right"]
+let i = 0;
+async function runAnimation() {
+  e1.style.viewTransitionName = "e1";
+  e2.style.viewTransitionName = "e2";
+  e3.style.viewTransitionName = "e3";
+  e4.style.viewTransitionName = "e4";
+  e5.style.viewTransitionName = "e5";
+  let t = document.startViewTransition(() => {
+    container.classList.remove(classes[i]);
+    i = (i + 1) % classes.length;
+    container.classList.add(classes[i]);
+  });
+  await t.finished;
+}
+
+function init() {
+  toggle.addEventListener("click", runAnimation);
+}
+onload = init;
+</script>
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/style-inheritance.html b/tests/wpt/web-platform-tests/css/css-view-transitions/style-inheritance.html
new file mode 100644
index 00000000000..f896f23be51
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/style-inheritance.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html class=reftest-wait>
+<title>View transitions: ensure correct style inheritance for pseudo tree</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:khushalsagar@chromium.org">
+
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+
+<style>
+::view-transition {
+  background-color: red;
+}
+
+::view-transition-group(*) {
+  background-color: inherit;
+  color: blue;
+}
+
+::view-transition-image-pair(*) {
+  color: inherit;
+  overflow-x: clip;
+}
+
+::view-transition-old(*), ::view-transition-new(*) {
+  overflow-x: inherit;
+}
+</style>
+
+<script>
+promise_test(() => {
+  return new Promise(async (resolve, reject) => {
+    let transition = document.startViewTransition();
+    transition.ready.then(() => {
+      assert_equals(getComputedStyle(document.documentElement, ":view-transition").backgroundColor, "rgb(255, 0, 0)", ":view-transition");
+
+      assert_equals(getComputedStyle(document.documentElement, ":view-transition-group(root)").backgroundColor, "rgb(255, 0, 0)", "group");
+      assert_equals(getComputedStyle(document.documentElement, ":view-transition-group(root)").color, "rgb(0, 0, 255)", "group");
+
+      assert_equals(getComputedStyle(document.documentElement, ":view-transition-image-pair(root)").color, "rgb(0, 0, 255)", "wrapper");
+      assert_equals(getComputedStyle(document.documentElement, ":view-transition-image-pair(root)").overflowX, "clip", "wrapper");
+
+      assert_equals(getComputedStyle(document.documentElement, ":view-transition-old(root)").overflowX, "clip", "outgoing");
+      assert_equals(getComputedStyle(document.documentElement, ":view-transition-new(root)").overflowX, "clip", "incoming");
+    });
+    await transition.finished;
+    resolve();
+  });
+}, "style inheritance of pseudo elements");
+</script>
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/support/frame-helper.html b/tests/wpt/web-platform-tests/css/css-view-transitions/support/frame-helper.html
new file mode 100644
index 00000000000..d5bc43e7b82
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/support/frame-helper.html
@@ -0,0 +1,25 @@
+<!doctype html>
+
+<style>
+div {
+  width: 100px;
+  height: 100px;
+  background: green;
+}
+html { height: 50%; }
+::view-transition-group(*) { animation-duration: 500s }
+</style>
+
+<div></div>
+
+<script>
+function run() {
+  document.startViewTransition(() => {
+    requestAnimationFrame(() => requestAnimationFrame(() => {
+      window.parent.postMessage({}, "*");
+    }));
+  });
+}
+onload = requestAnimationFrame(() => requestAnimationFrame(run));
+</script>
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/uncontained-transition-crash.html b/tests/wpt/web-platform-tests/css/css-view-transitions/uncontained-transition-crash.html
new file mode 100644
index 00000000000..98632508aed
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/uncontained-transition-crash.html
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html class=reftest-wait>
+<title>When paint containment is not present we should still run animation.</title>
+<link rel="help" href="https://github.com/vmpstr/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+
+<script src="/common/rendering-utils.js"></script>
+<script src="/common/reftest-wait.js"></script>
+
+<style>
+div {
+  width: 10px;
+  height: 10px;
+  top: 10px;
+  left: 10px;
+  position: relative;
+  background: blue;
+}
+.green { background: green; }
+</style>
+
+<div id=first></div>
+<div id=second></div>
+
+<script>
+function rafAnimation() {
+  first.classList.toggle("green");
+  requestAnimationFrame(rafAnimation);
+}
+
+async function runTest() {
+  await waitForAtLeastOneFrame();
+  // Prepare with a shared element
+  first.style.viewTransitionName = "shared";
+  let t = document.startViewTransition(() => {
+    first.style.viewTransitionName = "";
+    second.style.viewTransitionName = "shared";
+  });
+
+  // The start() call above starts the capture. Force a hit test, which will
+  // determine compositing reasons.
+  document.elementFromPoint(0, 0);
+
+  // Wait for the transition to finish. This will note that we don't have
+  // paint containment and should de-composite the element.
+  await t.finished;
+
+  takeScreenshot();
+}
+
+onload = runTest;
+
+// Continually run raf animation which should paint every frame.
+rafAnimation();
+</script>
+
+</html>
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/web-animations-api-ref.html b/tests/wpt/web-platform-tests/css/css-view-transitions/web-animations-api-ref.html
new file mode 100644
index 00000000000..b97396c491f
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/web-animations-api-ref.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<title>Shared transitions: one element captured for two tags (ref)</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+<style>
+div {
+  position: fixed;
+  top: 0;
+  left: 0;
+}
+#first {
+  background: blue;
+  width: 100px;
+  height: 100px;
+  transform: translate(100px);
+}
+#second {
+  background: green;
+  width: 100px;
+  height: 100px;
+  transform: translate(150px);
+}
+</style>
+<div id=first></div>
+<div id=second></div>
+
diff --git a/tests/wpt/web-platform-tests/css/css-view-transitions/web-animations-api.html b/tests/wpt/web-platform-tests/css/css-view-transitions/web-animations-api.html
new file mode 100644
index 00000000000..0c7e485723a
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-view-transitions/web-animations-api.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html class=reftest-wait>
+<title>Shared transitions: capture opacity elements</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:khushalsagar@chromium.org">
+<link rel="match" href="web-animations-api-ref.html">
+<meta name="fuzzy" content="web-animations-api-ref.html:0-2;0-500">
+
+<script src="/common/reftest-wait.js"></script>
+<style>
+#first {
+  background: blue;
+  width: 100px;
+  height: 100px;
+  contain:  paint;
+}
+#second {
+  background: green;
+  width: 100px;
+  height: 100px;
+  contain: paint;
+}
+
+/* Unset all animations since the test drives it using WA-API */
+html::view-transition-group(*),
+html::view-transition-image-pair(*),
+html::view-transition-new(*),
+html::view-transition-old(*) {
+  animation: unset;
+}
+</style>
+<div id=first></div>
+<div id=second></div>
+<script>
+function setAnimation() {
+  document.documentElement.animate({ transform: ['translate(100px)', 'translate(100px)'] }, { duration: 10000, pseudoElement: '::view-transition-group(first)'});
+  document.documentElement.animate({ transform: ['translate(150px)', 'translate(150px)'] }, { duration: 10000, pseudoElement: '::view-transition-group(second)'});
+  requestAnimationFrame(takeScreenshot);
+}
+
+async function runTest() {
+  first.style.viewTransitionName = "first";
+  document.startViewTransition(() => {
+    first.style.viewTransitionName = "";
+    second.style.viewTransitionName = "second";
+    requestAnimationFrame(setAnimation);
+  });
+}
+onload = () => requestAnimationFrame(() => requestAnimationFrame(runTest));
+</script>
+
diff --git a/tests/wpt/web-platform-tests/css/mediaqueries/mq-calc-008.html b/tests/wpt/web-platform-tests/css/mediaqueries/mq-calc-008.html
new file mode 100644
index 00000000000..e9a6413b5b6
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/mediaqueries/mq-calc-008.html
@@ -0,0 +1,28 @@
+<!doctype html>
+<html>
+	<head>
+		<title>Test: support for calc in Media Queries</title>
+		<link rel="author" title="Romain Menke" href="https://github.com/romainmenke">
+		<link rel="help" href="http://www.w3.org/TR/css3-values/#calc-notation">
+		<link rel="help" href="https://drafts.csswg.org/css-values-4/#ratios">
+		<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/3757">
+		<link rel="match" href="../reference/ref-filled-green-100px-square.xht">
+		<meta name="assert" content="calc can be used in Media Queries">
+		<style>
+			div {
+				background-color: red;
+				height: 100px;
+				width: 100px;
+			}
+			@media screen and (min-aspect-ratio: calc(59/79)) {
+				div {
+					background-color: green;
+				}
+			}
+	</style>
+	</head>
+	<body>
+		<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+		<div></div>
+	</body>
+</html>
diff --git a/tests/wpt/web-platform-tests/editing/crashtests/delete-content-in-no-data-object.html b/tests/wpt/web-platform-tests/editing/crashtests/delete-content-in-no-data-object.html
new file mode 100644
index 00000000000..749dba303be
--- /dev/null
+++ b/tests/wpt/web-platform-tests/editing/crashtests/delete-content-in-no-data-object.html
@@ -0,0 +1,31 @@
+<!doctype html>
+<html class="test-wait">
+<head>
+<meta charset="utf-8">
+<script>
+document.addEventListener("DOMContentLoaded", () => {
+  requestAnimationFrame(() => {
+    setTimeout(() => {
+      document.execCommand("delete");
+      document.documentElement.removeAttribute("class");
+    }, 0);
+    document.execCommand("insertImage", false, "x");
+  });
+  document.execCommand("justifyCenter");
+})
+function onError() {
+  document.querySelector("s").before("BEFORE");
+  document.designMode = "on";
+  const img = document.querySelector("img");
+  img.innerHTML = "IMG";
+  getSelection().setBaseAndExtent(document.querySelector("kbd"), 0, img, 1);
+}
+</script>
+</head>
+<body><object onerror="onError()">
+<s>
+<img>
+SSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSS
+<kbd>
+</kbd></s></object></body>
+</html>
diff --git a/tests/wpt/web-platform-tests/editing/crashtests/inserthorizontalrule-with-selecting-text-in-document-element.html b/tests/wpt/web-platform-tests/editing/crashtests/inserthorizontalrule-with-selecting-text-in-document-element.html
new file mode 100644
index 00000000000..c46b0359e86
--- /dev/null
+++ b/tests/wpt/web-platform-tests/editing/crashtests/inserthorizontalrule-with-selecting-text-in-document-element.html
@@ -0,0 +1,18 @@
+<!doctype html>
+<html>
+<head>
+<meta charset="utf-8">
+<script>
+document.addEventListener("DOMContentLoaded", () => {
+  const text = document.createTextNode("abc");
+  document.documentElement.appendChild(text);
+  const range = new Range();
+  range.selectNodeContents(text);
+  document.documentElement.contentEditable = "true";
+  document.execCommand("insertUnorderedList");
+  getSelection().addRange(range);
+  document.execCommand("insertHorizontalRule");
+});
+</script>
+</head>
+</html>
diff --git a/tests/wpt/web-platform-tests/html/dom/documents/resource-metadata-management/document-lastModified-01.html b/tests/wpt/web-platform-tests/html/dom/documents/resource-metadata-management/document-lastModified-01.html
index b36871831ae..4d9d870f6a6 100644
--- a/tests/wpt/web-platform-tests/html/dom/documents/resource-metadata-management/document-lastModified-01.html
+++ b/tests/wpt/web-platform-tests/html/dom/documents/resource-metadata-management/document-lastModified-01.html
@@ -5,46 +5,99 @@
 <script src="/resources/testharnessreport.js"></script>
 <div id="log"></div>
 <script>
-  var d = new Date();
   var last_modified = document.lastModified;
-  var initial_modified = Date.parse(last_modified) / 1000;
-  var expected = Math.round(d / 1000);
 
-  test(function() {
-    assert_approx_equals(initial_modified, expected, 2.5);
-  }, "Date returned by lastModified is current at page load");
-
-  var pattern = /[0-9]{2}\/[0-9]{2}\/[0-9]{4} ([0-9]{2}):([0-9]{2}):([0-9]{2})/
+  var pattern = /^([0-9]{2})\/([0-9]{2})\/([0-9]{4}) ([0-9]{2}):([0-9]{2}):([0-9]{2})$/;
 
   test(function() {
      assert_regexp_match(last_modified, pattern,
                          "Format should match the pattern \"NN/NN/NNNN NN:NN:NN\".");
   }, "Date returned by lastModified is in the form \"MM/DD/YYYY hh:mm:ss\".");
 
+  function assert_date_string_approximately_now(str) {
+    // We want to test that |str| was a time in the user's local
+    // timezone generated within a few seconds prior to the present.
+    // This requires some care, since it is possible that:
+    //  - the few second difference may have crossed a
+    //    year/month/day/hour/minute boundary
+    //  - the few second difference may have crossed a change in the
+    //    local timezone's UTC offset
+    //  - the local time might be one that has multiple valid UTC
+    //    representations (for example, because it's in the hour
+    //    following a shift from summer time to winter time)
+    // We will make some assumptions to do this:
+    //  - local time's UTC offset doesn't change more than once per
+    //    minute
+    //  - local time's UTC offset only changes by integral numbers of
+    //    minutes
 
-  var hours = d.getHours()
-  var minutes = d.getMinutes()
-  var seconds = d.getSeconds()
+    // The date must be equal to or earlier than the present time.
+    var dmax = new Date();
 
-  // Checking whether d and and new instance of Date have the same timezone.
-  // Do not run the time zone test in the case daylight saving occurs.
-  var d2 = new Date();
-  if (d2.getTimezoneOffset() == d.getTimezoneOffset()) {
-    test(function() {
-      var local_time = hours * 60 * 60 + minutes * 60 + seconds;
-      var m = pattern.exec(last_modified);
-      var last_modified_time = parseInt(m[1]) * 60 * 60 + parseInt(m[2]) * 60 + parseInt(m[3]);
-      assert_approx_equals(last_modified_time, local_time, 2,
-                           "Hours and minutes should match local time.");
-    }, "Date returned by lastModified is in the user's local time zone.");
+    // The date must be equal to or later than 2.5 seconds ago.
+    var TOLERANCE_MILLISECONDS = 2500;
+    var dmin = new Date();
+    dmin.setTime(dmax.getTime() - TOLERANCE_MILLISECONDS);
+
+    // Extract the year/month/date/hours/minutes/seconds from str.  It
+    // is important that we do *not* try to construct a Date object from
+    // these, since the core of the date object is a timestamp in UTC,
+    // and there are cases (such as the hour on each side of a change
+    // from summer time to winter time) where there are multiple
+    // possible UTC timestamps for a given YYYY-MM-DD HH:MM:SS, and
+    // constructing a Date object would pick one of them, which might be
+    // the wrong one.  However, we already have the right one in dmin
+    // and dmax, so we should instead extract local time from those
+    // rather than converting these values to UTC.
+    var m = pattern.exec(str);
+    var syear = Number(m[3]);
+    var smonth = Number(m[1]) - 1; // match Javascript 0-based months
+    var sdate = Number(m[2]);
+    var shours = Number(m[4]);
+    var sminutes = Number(m[5]);
+    var sseconds = Number(m[6]);
+
+    if (dmin.getFullYear() == dmax.getFullYear() &&
+        dmin.getMonth() == dmax.getMonth() &&
+        dmin.getDate() == dmax.getDate() &&
+        dmin.getHours() == dmax.getHours() &&
+        dmin.getMinutes() == dmax.getMinutes()) {
+      // min and max have the same minute
+      assert_equals(smonth, dmin.getMonth(), "month");
+      assert_equals(sdate, dmin.getDate(), "date");
+      assert_equals(syear, dmin.getFullYear(), "year");
+      assert_equals(shours, dmin.getHours(), "hours");
+      assert_equals(sminutes, dmin.getMinutes(), "minutes");
+      assert_true(dmin.getSeconds() <= sseconds &&
+                  sseconds <= dmax.getSeconds(), "seconds");
+    } else if (dmin.getFullYear() == syear &&
+               dmin.getMonth() == smonth &&
+               dmin.getDate() == sdate &&
+               dmin.getHours() == shours &&
+               dmin.getMinutes() == sminutes) {
+      // actual value has the same minute as min
+      assert_true(dmin.getSeconds() <= sseconds, "dmin.getSeconds() <= sseconds");
+      assert_true(57 <= dmin.getSeconds(), "unexpected local time rules (dmin match)");
+    } else if (dmax.getFullYear() == syear &&
+               dmax.getMonth() == smonth &&
+               dmax.getDate() == sdate &&
+               dmax.getHours() == shours &&
+               dmax.getMinutes() == sminutes) {
+      // actual value has the same minute as max
+      assert_true(sseconds <= dmax.getSeconds(), "sseconds <= dmax.getSeconds()");
+      assert_true(dmax.getSeconds() <= 2, "unexpected local time rules (dmax match)");
+    } else {
+      assert_unreached("unexpected local time rules (no match)");
+    }
   }
-  var t = async_test("Date returned by lastModified is current after timeout.");
 
+  test(function() {
+    assert_date_string_approximately_now(last_modified);
+  }, "Date returned by lastModified is current at page load");
+
+  var t = async_test("Date returned by lastModified is current after timeout.");
   t.step_timeout(function() {
-    var new_modified = Date.parse(document.lastModified) / 1000;
-    var new_expected = Math.round(new Date() / 1000);
-    assert_approx_equals(new_modified, new_expected, 2.5,
-                         "(initial value was " + initial_modified + ")");
+    assert_date_string_approximately_now(document.lastModified);
     t.done();
   }, 4000);
 </script>
diff --git a/tests/wpt/web-platform-tests/html/semantics/popovers/popover-focus-2.tentative.html b/tests/wpt/web-platform-tests/html/semantics/popovers/popover-focus-2.tentative.html
new file mode 100644
index 00000000000..e0effbd866c
--- /dev/null
+++ b/tests/wpt/web-platform-tests/html/semantics/popovers/popover-focus-2.tentative.html
@@ -0,0 +1,113 @@
+<!DOCTYPE html>
+<meta charset="utf-8" />
+<title>Popover focus behaviors</title>
+<link rel="author" href="mailto:masonf@chromium.org">
+<link rel=help href="https://open-ui.org/components/popover.research.explainer">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/resources/testdriver.js"></script>
+<script src="/resources/testdriver-actions.js"></script>
+<script src="/resources/testdriver-vendor.js"></script>
+<script src="resources/popover-utils.js"></script>
+
+<div id=fixup>
+  <button id=button1>Button1</button>
+  <div popover id=popover1 style="top:100px">
+    <button id=inside_popover1>Inside1</button>
+    <button id=invoker2 popovertoggletarget=popover2>Nested Invoker 2</button>
+    <button id=inside_popover2>Inside2</button>
+  </div>
+  <button id=button2>Button2</button>
+  <button popovertoggletarget=popover1 id=invoker1>Invoker1</button>
+  <button id=button3>Button3</button>
+  <div popover id=popover2 style="top:200px">
+    <button id=inside_popover3>Inside3</button>
+    <button id=invoker3 popovertoggletarget=popover3>Nested Invoker 3</button>
+  </div>
+  <div popover id=popover3 style="top:300px">
+    Non-focusable popover
+  </div>
+  <button id=button4>Button4</button>
+</div>
+<style>
+  #fixup [popover] {
+    bottom:auto;
+  }
+</style>
+<script>
+async function verifyFocusOrder(order) {
+  order[0].focus();
+  for(let i=0;i<order.length;++i) {
+    const control = order[i];
+    assert_equals(document.activeElement,control,`Step ${i+1}`);
+    await sendTab();
+  }
+  // Shift-tab not supported, crbug.com/893480.
+  // for(let i=order.length-1;i>=0;--i) {
+  //   const control = order[i];
+  //   await sendShiftTab();
+  //   assert_equals(document.activeElement,control,`Step ${i+1} (backwards)`);
+  // }
+}
+promise_test(async t => {
+  button1.focus();
+  assert_equals(document.activeElement,button1);
+  await sendTab();
+  assert_equals(document.activeElement,button2,'Hidden popover should be skipped');
+  // Shift-tab not supported, crbug.com/893480.
+  // await sendShiftTab();
+  // assert_equals(document.activeElement,button1,'Hidden popover should be skipped backwards');
+  //await sendTab();
+  await sendTab();
+  assert_equals(document.activeElement,invoker1);
+  await sendEnter(); // Activate the invoker
+  assert_true(popover1.matches(':open'), 'popover1 should be invoked by invoker1');
+  assert_equals(document.activeElement,invoker1,'Focus should not move when popover is shown');
+  await sendTab();
+  assert_equals(document.activeElement,inside_popover1,'Focus should move from invoker into the open popover');
+  await sendTab();
+  assert_equals(document.activeElement,invoker2,'Focus should move within popover');
+  await verifyFocusOrder([button1, button2, invoker1, inside_popover1, invoker2, inside_popover2, button3, button4]);
+  invoker2.focus();
+  await sendEnter(); // Activate the nested invoker
+  assert_true(popover2.matches(':open'), 'popover2 should be invoked by nested invoker');
+  assert_equals(document.activeElement,invoker2,'Focus should stay on the invoker');
+  await sendTab();
+  assert_equals(document.activeElement,inside_popover3,'Focus should move into nested popover');
+  await sendTab();
+  assert_equals(document.activeElement,invoker3);
+  await sendEnter(); // Activate the (empty) nested invoker
+  assert_true(popover3.matches(':open'), 'popover3 should be invoked by nested invoker');
+  assert_equals(document.activeElement,invoker3,'Focus should stay on the invoker');
+  await sendTab();
+  assert_equals(document.activeElement,inside_popover2,'Focus should skip popover without focusable content, going back to higher scope');
+  await sendTab();
+  assert_equals(document.activeElement,button3,'Focus should exit popovers');
+  await sendTab();
+  assert_equals(document.activeElement,button4,'Focus should skip popovers');
+  button1.focus();
+  await verifyFocusOrder([button1, button2, invoker1, inside_popover1, invoker2, inside_popover3, invoker3, inside_popover2, button3, button4]);
+}, "Popover focus navigation");
+</script>
+
+<div id=deleted>
+  <button popovershowtarget=deleted1>Show popover</button>
+  <div popover id=deleted1>
+    <button popoverhidetarget=deleted1 autofocus>Hide popover</button>
+  </div>
+</div>
+<script>
+promise_test(async t => {
+  const invoker = document.querySelector('#deleted>button');
+  const popover = document.querySelector('#deleted>[popover]');
+  const hideButton = popover.querySelector('[popoverhidetarget]');
+  invoker.focus(); // Make sure button is focused.
+  assert_equals(document.activeElement,invoker);
+  await sendEnter(); // Activate the invoker
+  assert_true(popover.matches(':open'), 'popover should be invoked by invoker');
+  assert_equals(document.activeElement,hideButton,'Hide button should be focused due to autofocus attribute');
+  await sendEnter(); // Activate the hide invoker
+  assert_false(popover.matches(':open'), 'popover should be hidden by invoker');
+  assert_equals(document.activeElement,invoker,'Focus should be returned to the invoker');
+}, "Popover focus returns when popover is hidden by invoker");
+</script>
diff --git a/tests/wpt/web-platform-tests/html/semantics/popovers/popover-light-dismiss.tentative.html b/tests/wpt/web-platform-tests/html/semantics/popovers/popover-light-dismiss.tentative.html
index 2581ca6fdee..2a101483cb8 100644
--- a/tests/wpt/web-platform-tests/html/semantics/popovers/popover-light-dismiss.tentative.html
+++ b/tests/wpt/web-platform-tests/html/semantics/popovers/popover-light-dismiss.tentative.html
@@ -389,41 +389,6 @@
   },'Moving focus back to the anchor element should not dismiss the popover');
 </script>
 
-<div popover id=p9>
-  <button>Button</button>
-  <span id=inside9after>Inside popover 9 after button</span>
-</div>
-<button id=b9after popovertoggletarget='p9'>Popover 9</button>
-<script>
-  promise_test(async () => {
-    const popover9 = document.querySelector('#p9');
-    const inside9After = document.querySelector('#inside9after');
-    const popover9Invoker = document.querySelector('#b9after');
-    assert_false(popover9.matches(':open'));
-    popover9Invoker.click(); // Trigger via the button
-    await clickOn(inside9After);
-    assert_true(popover9.matches(':open'));
-    await sendTab();
-    assert_equals(document.activeElement,popover9Invoker,'Focus should move to the invoking element');
-    assert_true(popover9.matches(':open'),'popover should stay open');
-    popover9.hidePopover();
-  },'Moving focus back to the active trigger element should not dismiss the popover');
-
-  promise_test(async () => {
-    const popover9 = document.querySelector('#p9');
-    const inside9After = document.querySelector('#inside9after');
-    const popover9Invoker = document.querySelector('#b9after');
-    assert_false(popover9.matches(':open'));
-    popover9.showPopover(); // Trigger directly
-    await clickOn(inside9After);
-    assert_true(popover9.matches(':open'));
-    await sendTab();
-    assert_equals(document.activeElement,popover9Invoker,'Focus should move to the invoking element');
-    assert_true(popover9.matches(':open'),'popover should stay open - even though the trigger wasn\'t used, it points to this popover');
-  },'Moving focus back to an inactive trigger element should also *not* dismiss the popover');
-</script>
-
-
 <!-- Convoluted ancestor relationship -->
 <div popover id=convoluted_p1>Popover 1
   <div id=convoluted_anchor>Anchor
diff --git a/tests/wpt/web-platform-tests/html/semantics/popovers/resources/popover-utils.js b/tests/wpt/web-platform-tests/html/semantics/popovers/resources/popover-utils.js
index 8f66dc08449..efc318b3c9f 100644
--- a/tests/wpt/web-platform-tests/html/semantics/popovers/resources/popover-utils.js
+++ b/tests/wpt/web-platform-tests/html/semantics/popovers/resources/popover-utils.js
@@ -12,14 +12,33 @@ async function clickOn(element) {
 }
 async function sendTab() {
   await waitForRender();
-  await new test_driver.send_keys(document.body,'\uE004'); // Tab
+  const kTab = '\uE004';
+  await new test_driver.send_keys(document.body,kTab);
   await waitForRender();
 }
+// Waiting for crbug.com/893480:
+// async function sendShiftTab() {
+//   await waitForRender();
+//   const kShift = '\uE008';
+//   const kTab = '\uE004';
+//   await new test_driver.Actions()
+//     .keyDown(kShift)
+//     .keyDown(kTab)
+//     .keyUp(kTab)
+//     .keyUp(kShift)
+//     .send();
+//   await waitForRender();
+// }
 async function sendEscape() {
   await waitForRender();
   await new test_driver.send_keys(document.body,'\uE00C'); // Escape
   await waitForRender();
 }
+async function sendEnter() {
+  await waitForRender();
+  await new test_driver.send_keys(document.body,'\uE007'); // Enter
+  await waitForRender();
+}
 function isElementVisible(el) {
   return !!(el.offsetWidth || el.offsetHeight || el.getClientRects().length);
 }
diff --git a/tests/wpt/web-platform-tests/import-maps/data-driven/resources/test-helper.js b/tests/wpt/web-platform-tests/import-maps/data-driven/resources/test-helper.js
index e89b639ca04..d34869b0134 100644
--- a/tests/wpt/web-platform-tests/import-maps/data-driven/resources/test-helper.js
+++ b/tests/wpt/web-platform-tests/import-maps/data-driven/resources/test-helper.js
@@ -19,10 +19,10 @@ function createTestIframe(importMap, importMapBaseURL) {
       iframe.src = 'data:text/html;base64,' + btoa(testHTML);
     } else {
       iframe.src = '/common/blank.html';
-      iframe.onload = () => {
+      iframe.addEventListener('load', () => {
         iframe.contentDocument.write(testHTML);
         iframe.contentDocument.close();
-      };
+      }, {once: true});
     }
     document.body.appendChild(iframe);
   });
diff --git a/tests/wpt/web-platform-tests/lint.ignore b/tests/wpt/web-platform-tests/lint.ignore
index 2835329039d..c3ab694b9fa 100644
--- a/tests/wpt/web-platform-tests/lint.ignore
+++ b/tests/wpt/web-platform-tests/lint.ignore
@@ -847,6 +847,7 @@ CSS-COLLIDING-REF-NAME: css/css-break/background-image-001-ref.html
 # Ported crashtests from Mozilla
 SET TIMEOUT: editing/crashtests/backcolor-in-nested-editing-host-td-from-DOMAttrModified.html
 SET TIMEOUT: editing/crashtests/contenteditable-will-be-blurred-by-focus-event-listener.html
+SET TIMEOUT: editing/crashtests/delete-content-in-no-data-object.html
 SET TIMEOUT: editing/crashtests/designMode-document-will-be-blurred-by-focus-event-listener.html
 SET TIMEOUT: editing/crashtests/indent-outdent-after-closing-editable-dialog-element.html
 SET TIMEOUT: editing/crashtests/inserthtml-after-temporarily-removing-document-element.html
diff --git a/tests/wpt/web-platform-tests/permissions/permissions-cg.https.html b/tests/wpt/web-platform-tests/permissions/permissions-cg.https.html
index 9a3d025346a..d8f63eba5ec 100644
--- a/tests/wpt/web-platform-tests/permissions/permissions-cg.https.html
+++ b/tests/wpt/web-platform-tests/permissions/permissions-cg.https.html
@@ -7,20 +7,39 @@
 <script src="/resources/testdriver-vendor.js"></script>
 
 <script>
+function garbageCollect() {
+  if (self.TestUtils?.gc) return TestUtils.gc();
+  if (self.gc) return self.gc();
+  // Present in some WebKit development environments
+  if (self.GCController) return GCController.collect();
+
+  for (var i = 0; i < 1000; i++) gcRec(10);
+
+  function gcRec(n) {
+    if (n < 1) return {};
+    let temp = { i: "ab" + i + i / 100000 };
+    temp += "foo";
+    gcRec(n - 1);
+  }
+}
+
 promise_test(async () => {
   const { state: initialState } = await navigator.permissions.query({
     name: "geolocation",
   });
 
   const pass = new Promise(async (resolve) => {
-    const status = await navigator.permissions.query({
+    let status = await navigator.permissions.query({
       name: "geolocation",
     });
     status.addEventListener("change", resolve, { once: true });
-  });
 
-  // Will cause change event to be dispatched.
-  await test_driver.set_permission({ name: "geolocation" }, "granted");
+    status = null;
+    await garbageCollect();
+
+    // Will cause change event to be dispatched.
+    await test_driver.set_permission({ name: "geolocation" }, "granted");
+  });
 
   // Wait for the change event to be dispatched.
   await pass;
diff --git a/tests/wpt/web-platform-tests/scroll-animations/css/animation-timeline-named-scroll-progress-timeline.tentative.html b/tests/wpt/web-platform-tests/scroll-animations/css/animation-timeline-named-scroll-progress-timeline.tentative.html
index 7e356b3df95..c46e4ada8da 100644
--- a/tests/wpt/web-platform-tests/scroll-animations/css/animation-timeline-named-scroll-progress-timeline.tentative.html
+++ b/tests/wpt/web-platform-tests/scroll-animations/css/animation-timeline-named-scroll-progress-timeline.tentative.html
@@ -366,8 +366,93 @@ promise_test(async t => {
   assert_equals(getComputedStyle(target).translate, 'none');
 }, 'scroll-timeline-name on element becoming display:none affects subsequent siblings');
 
-// TODO: Add more tests which change scroll-timeline-name property.
-// Those animations which use this timeline should be restyled propertly.
+promise_test(async t => {
+  let [scroller, target] = createScrollerAndTarget(t);
+
+  // <div id='scroller' class='scroller'> ... </div>
+  // <div id='target'></div>
+
+  document.body.appendChild(scroller);
+  document.body.appendChild(target);
+
+  scroller.style.scrollTimelineName = 'timeline';
+  scroller.style.display = 'none';
+  target.style.animation = "anim 10s linear timeline";
+
+  await waitForNextFrame();
+
+  const anim = target.getAnimations()[0];
+  assert_true(!!anim, 'Failed to create animation');
+  assert_equals(anim.timeline, null);
+  // Hold time of animation is zero.
+  assert_equals(getComputedStyle(target).translate, '50px');
+
+  scroller.style.display = 'block';
+  scroller.scrollTop = 50;
+  await waitForNextFrame();
+
+  assert_true(!!anim.timeline, 'Failed to create timeline');
+  assert_equals(getComputedStyle(target).translate, '100px');
+
+}, 'scroll-timeline-name on element not resolved until element becomes visible');
+
+promise_test(async t => {
+  let [scroller, target] = createScrollerAndTarget(t);
+
+  // <div id='scroller' class='scroller'> ... </div>
+  // <div id='target'></div>
+
+  document.body.appendChild(scroller);
+  document.body.appendChild(target);
+
+  scroller.style.scrollTimelineName = 'timeline-A';
+  scroller.scrollTop = 50;
+  target.style.animation = "anim 10s linear timeline-B";
+
+  await waitForNextFrame();
+
+  const anim = target.getAnimations()[0];
+  assert_true(!!anim, 'Failed to create animation');
+  assert_equals(anim.timeline, null);
+  // Hold time of animation is zero.
+  assert_equals(getComputedStyle(target).translate, '50px');
+
+  scroller.style.scrollTimelineName = 'timeline-B';
+  await waitForNextFrame();
+
+  assert_true(!!anim.timeline, 'Failed to create timeline');
+  assert_equals(getComputedStyle(target).translate, '100px');
+
+}, 'Change in scroll-timeline-name to match animation timeline updates animation.');
+
+promise_test(async t => {
+  let [scroller, target] = createScrollerAndTarget(t);
+
+  // <div id='scroller' class='scroller'> ... </div>
+  // <div id='target'></div>
+
+  document.body.appendChild(scroller);
+  document.body.appendChild(target);
+
+  scroller.style.scrollTimelineName = 'timeline-A';
+  scroller.scrollTop = 50;
+  target.style.animation = "anim 10s linear timeline-A";
+
+  await waitForNextFrame();
+
+  const anim = target.getAnimations()[0];
+  assert_true(!!anim, 'Failed to create animation');
+  assert_true(!!anim.timeline, 'Failed to create timeline');
+  assert_equals(getComputedStyle(target).translate, '100px');
+
+  scroller.style.scrollTimelineName = 'timeline-B';
+  await waitForNextFrame();
+
+  assert_equals(anim.timeline, null, 'Failed to remove timeline');
+  assert_equals(getComputedStyle(target).translate, 'none');
+
+}, 'Change in scroll-timeline-name to no longer match animation timeline updates animation.');
+
 
 // -------------------------
 // Test scroll-timeline-axis
diff --git a/tests/wpt/web-platform-tests/storage-access-api/helpers.js b/tests/wpt/web-platform-tests/storage-access-api/helpers.js
index ca0808ce1d8..de9fba2d1c4 100644
--- a/tests/wpt/web-platform-tests/storage-access-api/helpers.js
+++ b/tests/wpt/web-platform-tests/storage-access-api/helpers.js
@@ -9,83 +9,55 @@ function processQueryParams() {
   };
 }
 
-function RunTestsInIFrame(sourceURL) {
-  let frame = document.createElement('iframe');
-  frame.src = sourceURL;
-  let result = new Promise((resolve, reject) => {
+function CreateFrameAndRunTests(setUpFrame) {
+  const frame = document.createElement('iframe');
+  const promise = new Promise((resolve, reject) => {
     frame.onload = resolve;
     frame.onerror = reject;
   });
-  document.body.appendChild(frame);
+
+  setUpFrame(frame);
+
   fetch_tests_from_window(frame.contentWindow);
-  return result;
+  return promise;
+}
+
+function RunTestsInIFrame(sourceURL) {
+  return CreateFrameAndRunTests((frame) => {
+    frame.src = sourceURL;
+    document.body.appendChild(frame);
+  });
 }
 
 function RunTestsInNestedIFrame(sourceURL) {
-  let nestedFrame = document.createElement('iframe');
-  document.body.appendChild(nestedFrame);
-  let result = new Promise((resolve, reject) => {
-    nestedFrame.onload = resolve;
-    nestedFrame.onerror = reject;
+  return CreateFrameAndRunTests((frame) => {
+    document.body.appendChild(frame);
+    frame.contentDocument.write(`
+      <script src="/resources/testharness.js"></script>
+      <script src="helpers.js"></script>
+      <body>
+      <script>
+        RunTestsInIFrame("${sourceURL}");
+      </script>
+    `);
+    frame.contentDocument.close();
   });
-  let content = `
-    <script src="/resources/testharness.js"></script>
-    <script src="helpers.js"></script>
-    <body>
-    <script>
-      RunTestsInIFrame("${sourceURL}");
-    </sc` + `ript>
-  `;
-
-    nestedFrame.contentDocument.write(content);
-    nestedFrame.contentDocument.close();
-    fetch_tests_from_window(nestedFrame.contentWindow);
-    return result;
 }
 
 function RunRequestStorageAccessInDetachedFrame() {
-  let nestedFrame = document.createElement('iframe');
-  document.body.append(nestedFrame);
-  const inner_doc = nestedFrame.contentDocument;
-  nestedFrame.remove();
+  const frame = document.createElement('iframe');
+  document.body.append(frame);
+  const inner_doc = frame.contentDocument;
+  frame.remove();
   return inner_doc.requestStorageAccess();
 }
 
 function RunRequestStorageAccessViaDomParser() {
-  let parser = new DOMParser();
-  let doc = parser.parseFromString('<html></html>', 'text/html');
+  const parser = new DOMParser();
+  const doc = parser.parseFromString('<html></html>', 'text/html');
   return doc.requestStorageAccess();
 }
 
-async function RunCallbackWithGesture(buttonId, callback) {
-  // Append some formatting and information so non WebDriver instances can complete this test too.
-  const info = document.createElement('p');
-  info.innerText = "This test case requires user-interaction and TestDriver. If you're running it manually please click the 'Request Access' button below exactly once.";
-  document.body.appendChild(info);
-
-  const button = document.createElement('button');
-  button.innerText = "Request Access";
-  button.id = buttonId;
-  button.style = "background-color:#FF0000;"
-
-  // Insert the button and use test driver to click the button with a gesture.
-  document.body.appendChild(button);
-
-  const promise = new Promise((resolve, reject) => {
-    const wrappedCallback = () => {
-      callback().then(resolve, reject);
-    };
-
-    // In automated tests, we call the callback via test_driver.
-    test_driver.bless('run callback with user interaction', wrappedCallback);
-
-    // But we still allow the button to trigger the callback, for use on
-    // https://wpt.live.
-    button.addEventListener('click', e => {
-      wrappedCallback();
-      button.style = "background-color:#00FF00;"
-    }, {once: true});
-  });
-
-  return {promise};
+function RunCallbackWithGesture(callback) {
+  return test_driver.bless('run callback with user gesture', callback);
 }
diff --git a/tests/wpt/web-platform-tests/storage-access-api/requestStorageAccess-insecure.sub.window.js b/tests/wpt/web-platform-tests/storage-access-api/requestStorageAccess-insecure.sub.window.js
index a1aa754c192..f845f0647ca 100644
--- a/tests/wpt/web-platform-tests/storage-access-api/requestStorageAccess-insecure.sub.window.js
+++ b/tests/wpt/web-platform-tests/storage-access-api/requestStorageAccess-insecure.sub.window.js
@@ -72,11 +72,10 @@ if (topLevelDocument) {
       .then(() => {
         promise_test(
             async t => {
-              const {promise} = await RunCallbackWithGesture('b1', () => {
+              await RunCallbackWithGesture(() => {
                 return promise_rejects_dom(t, "NotAllowedError", document.requestStorageAccess(),
                 "should reject in insecure context");
               });
-              return promise;
             },
             '[' + testPrefix +
                 '] document.requestStorageAccess() should be rejected when called with a user gesture in insecure context');
diff --git a/tests/wpt/web-platform-tests/storage-access-api/requestStorageAccess.sub.https.window.js b/tests/wpt/web-platform-tests/storage-access-api/requestStorageAccess.sub.https.window.js
index fbb3ed6650c..b5e980e35bd 100644
--- a/tests/wpt/web-platform-tests/storage-access-api/requestStorageAccess.sub.https.window.js
+++ b/tests/wpt/web-platform-tests/storage-access-api/requestStorageAccess.sub.https.window.js
@@ -24,8 +24,7 @@ promise_test(
       await test_driver.set_permission(
           {name: 'storage-access'}, 'granted');
 
-      const {promise} = await RunCallbackWithGesture('b1', () => document.requestStorageAccess());
-      await promise;
+      await RunCallbackWithGesture(() => document.requestStorageAccess());
 
       // Cleanup
       await test_driver.set_permission(
@@ -40,12 +39,10 @@ if (testPrefix == 'cross-origin-frame' || testPrefix == 'nested-cross-origin-fra
         await test_driver.set_permission(
             {name: 'storage-access'}, 'prompt');
 
-        const {promise} = RunCallbackWithGesture('b2', () => {
+        await RunCallbackWithGesture(() => {
           return promise_rejects_dom(t, "NotAllowedError", document.requestStorageAccess(),
             "document.requestStorageAccess() call without permission");
         });
-
-        await promise;
       },
       '[' + testPrefix +
           '] document.requestStorageAccess() should be rejected with a NotAllowedError without permission grant');
@@ -55,13 +52,11 @@ if (testPrefix == 'cross-origin-frame' || testPrefix == 'nested-cross-origin-fra
         await test_driver.set_permission(
             {name: 'storage-access'}, 'denied');
 
-        const {promise} = RunCallbackWithGesture('b3', () => {
+        await RunCallbackWithGesture(() => {
           return promise_rejects_dom(t, "NotAllowedError", document.requestStorageAccess(),
             "document.requestStorageAccess() call without permission");
         });
 
-        await promise;
-
         // Cleanup
         await test_driver.set_permission(
             {name: 'storage-access'}, 'prompt');
diff --git a/tests/wpt/web-platform-tests/webxr/xrSession_viewer_referenceSpace.https.html b/tests/wpt/web-platform-tests/webxr/xrSession_viewer_referenceSpace.https.html
index 0098d4d918d..1768c968497 100644
--- a/tests/wpt/web-platform-tests/webxr/xrSession_viewer_referenceSpace.https.html
+++ b/tests/wpt/web-platform-tests/webxr/xrSession_viewer_referenceSpace.https.html
@@ -30,7 +30,9 @@
                 assert_not_equals(poseMatrix, null);
 
                 for(let i = 0; i < poseMatrix.length; i++) {
-                  assert_equals(poseMatrix[i], IDENTITY_MATRIX[i]);
+                  // "0 +" is to accept -0 which is equivalent to 0 in the
+                  // matrix.
+                  assert_equals(0 + poseMatrix[i], IDENTITY_MATRIX[i]);
                 }
 
                 fakeDeviceController.setViewerOrigin(VALID_POSE_TRANSFORM);
@@ -46,7 +48,9 @@
                 assert_not_equals(poseMatrix, null);
 
                 for(let i = 0; i < poseMatrix.length; i++) {
-                  assert_equals(poseMatrix[i], IDENTITY_MATRIX[i]);
+                  // "0 +" is to accept -0 which is equivalent to 0 in the
+                  // matrix.
+                  assert_equals(0 + poseMatrix[i], IDENTITY_MATRIX[i]);
                 }
               });