Rename metadata directories

This renames:
 - `tests/wpt/metadata` → `tests/wpt/meta-legacy-layout`
 - `tests/wpt/metadata-layout-2020` → `tests/wpt/meta`
 - `tests/wpt/mozilla/meta` → `tests/wpt/mozilla/meta-legacy-layout`
 - `tests/wpt/mozilla/meta-layout-2020` → `tests/wpt/mozilla/meta`

10 files changed, 1465 insertions, 0 deletions

diff --git a/tests/wpt/meta/css/css-transitions/animations/change-duration-during-transition.html.ini b/tests/wpt/meta/css/css-transitions/animations/change-duration-during-transition.html.ini
new file mode 100644
index 00000000000..cd4f59d213a
--- /dev/null
+++ b/tests/wpt/meta/css/css-transitions/animations/change-duration-during-transition.html.ini
@@ -0,0 +1,3 @@
+[change-duration-during-transition.html]
+  [Transition duration change should not affect transition in progress]
+    expected: FAIL
diff --git a/tests/wpt/meta/css/css-transitions/animations/color-transition-premultiplied.html.ini b/tests/wpt/meta/css/css-transitions/animations/color-transition-premultiplied.html.ini
new file mode 100644
index 00000000000..2408e627e24
--- /dev/null
+++ b/tests/wpt/meta/css/css-transitions/animations/color-transition-premultiplied.html.ini
@@ -0,0 +1,3 @@
+[color-transition-premultiplied.html]
+  [Transition from transparent background]
+    expected: FAIL
diff --git a/tests/wpt/meta/css/css-transitions/animations/move-after-transition.html.ini b/tests/wpt/meta/css/css-transitions/animations/move-after-transition.html.ini
new file mode 100644
index 00000000000..04826bb7b98
--- /dev/null
+++ b/tests/wpt/meta/css/css-transitions/animations/move-after-transition.html.ini
@@ -0,0 +1,3 @@
+[move-after-transition.html]
+  [Move after transition.]
+    expected: FAIL
diff --git a/tests/wpt/meta/css/css-transitions/animations/text-shadow-composition.html.ini b/tests/wpt/meta/css/css-transitions/animations/text-shadow-composition.html.ini
new file mode 100644
index 00000000000..bf2f406f46f
--- /dev/null
+++ b/tests/wpt/meta/css/css-transitions/animations/text-shadow-composition.html.ini
@@ -0,0 +1,99 @@
+[text-shadow-composition.html]
+  [Compositing: property <text-shadow> underlying [rgb(10, 20, 30) 1px 2px 3px, rgb(20, 40, 60) 2px 4px 6px\] from add [rgb(100, 100, 100) 10px 20px 30px\] to replace [rgb(200, 200, 200) 20px 40px 60px\] at (0.5) should be [rgb(105, 110, 115) 10.5px 21px 31.5px, rgba(20, 40, 60, 0.5) 1px 2px 3px, rgba(100, 100, 100, 0.5) 5px 10px 15px\]]
+    expected: FAIL
+
+  [Compositing: property <text-shadow> underlying [rgb(10, 20, 30) 1px 2px 3px, rgb(20, 40, 60) 2px 4px 6px\] from add [rgb(100, 100, 100) 10px 20px 30px\] to replace [rgb(200, 200, 200) 20px 40px 60px\] at (1.5) should be [rgb(255, 255, 255) 29.5px 59px 88.5px, rgba(0, 0, 0, 0) -1px -2px 0px, rgba(0, 0, 0, 0) -5px -10px 0px\]]
+    expected: FAIL
+
+  [Compositing: property <text-shadow> underlying [rgb(10, 20, 30) 1px 2px 3px, rgb(20, 40, 60) 2px 4px 6px, rgb(40, 80, 120) 4px 8px 12px\] from add [rgb(100, 100, 100) 10px 20px 30px, rgb(200, 200, 200) 20px 40px 60px\] to replace [rgb(200, 200, 200) 20px 40px 60px\] at (1.5) should be [rgb(255, 255, 255) 29.5px 59px 88.5px, rgba(0, 0, 0, 0) -1px -2px 0px, rgba(0, 0, 0, 0) -2px -4px 0px, rgba(0, 0, 0, 0) -5px -10px 0px, rgba(0, 0, 0, 0) -10px -20px 0px\]]
+    expected: FAIL
+
+  [Compositing: property <text-shadow> underlying [rgb(10, 20, 30) 1px 2px 3px, rgb(20, 40, 60) 2px 4px 6px\] from add [rgb(100, 100, 100) 10px 20px 30px\] to add [rgb(200, 200, 200) 20px 40px 60px\] at (0) should be [rgb(10, 20, 30) 1px 2px 3px, rgb(20, 40, 60) 2px 4px 6px, rgb(100, 100, 100) 10px 20px 30px\]]
+    expected: FAIL
+
+  [Compositing: property <text-shadow> underlying [undefined\] from replace [rgb(100, 100, 100) 10px 20px 30px\] to add [rgb(200, 200, 200) 20px 40px 60px\] at (0.5) should be [rgb(150, 150, 150) 15px 30px 45px\]]
+    expected: FAIL
+
+  [Compositing: property <text-shadow> underlying [rgb(10, 20, 30) 1px 2px 3px\] from add [rgb(100, 100, 100) 10px 20px 30px\] to add [rgb(200, 200, 200) 20px 40px 60px\] at (1.5) should be [rgb(10, 20, 30) 1px 2px 3px, rgb(250, 250, 250) 25px 50px 75px\]]
+    expected: FAIL
+
+  [Compositing: property <text-shadow> underlying [rgb(10, 20, 30) 1px 2px 3px, rgb(20, 40, 60) 2px 4px 6px, rgb(40, 80, 120) 4px 8px 12px\] from add [rgb(100, 100, 100) 10px 20px 30px, rgb(200, 200, 200) 20px 40px 60px\] to replace [rgb(200, 200, 200) 20px 40px 60px\] at (-0.3) should be [rgb(0, 0, 0) -4.7px -9.4px 0px, rgb(26, 52, 78) 2.6px 5.2px 7.8px, rgb(52, 104, 156) 5.2px 10.4px 15.6px, rgb(130, 130, 130) 13px 26px 39px, rgb(255, 255, 255) 26px 52px 78px\]]
+    expected: FAIL
+
+  [Compositing: property <text-shadow> underlying [rgb(10, 20, 30) 1px 2px 3px, rgb(20, 40, 60) 2px 4px 6px\] from add [rgb(100, 100, 100) 10px 20px 30px\] to add [rgb(200, 200, 200) 20px 40px 60px\] at (0.5) should be [rgb(10, 20, 30) 1px 2px 3px, rgb(20, 40, 60) 2px 4px 6px, rgb(150, 150, 150) 15px 30px 45px\]]
+    expected: FAIL
+
+  [Compositing: property <text-shadow> underlying [rgb(10, 20, 30) 1px 2px 3px, rgb(20, 40, 60) 2px 4px 6px\] from add [rgb(100, 100, 100) 10px 20px 30px\] to add [rgb(200, 200, 200) 20px 40px 60px\] at (-0.3) should be [rgb(10, 20, 30) 1px 2px 3px, rgb(20, 40, 60) 2px 4px 6px, rgb(70, 70, 70) 7px 14px 21px\]]
+    expected: FAIL
+
+  [Compositing: property <text-shadow> underlying [rgb(10, 20, 30) 1px 2px 3px, rgb(20, 40, 60) 2px 4px 6px\] from add [rgb(100, 100, 100) 10px 20px 30px\] to replace [rgb(200, 200, 200) 20px 40px 60px\] at (0) should be [rgb(10, 20, 30) 1px 2px 3px, rgb(20, 40, 60) 2px 4px 6px, rgb(100, 100, 100) 10px 20px 30px\]]
+    expected: FAIL
+
+  [Compositing: property <text-shadow> underlying [rgb(10, 20, 30) 1px 2px 3px, rgb(20, 40, 60) 2px 4px 6px, rgb(40, 80, 120) 4px 8px 12px\] from add [rgb(100, 100, 100) 10px 20px 30px, rgb(200, 200, 200) 20px 40px 60px\] to replace [rgb(200, 200, 200) 20px 40px 60px\] at (0.5) should be [rgb(105, 110, 115) 10.5px 21px 31.5px, rgba(20, 40, 60, 0.5) 1px 2px 3px, rgba(40, 80, 120, 0.5) 2px 4px 6px, rgba(100, 100, 100, 0.5) 5px 10px 15px, rgba(200, 200, 200, 0.5) 10px 20px 30px\]]
+    expected: FAIL
+
+  [Compositing: property <text-shadow> underlying [rgb(10, 20, 30) 1px 2px 3px, rgb(20, 40, 60) 2px 4px 6px\] from replace [rgb(100, 100, 100) 10px 20px 30px\] to add [rgb(200, 200, 200) 20px 40px 60px\] at (1.5) should be [rgb(0, 0, 0) -3.5px -7px 0px, rgb(30, 60, 90) 3px 6px 9px, rgb(255, 255, 255) 30px 60px 90px\]]
+    expected: FAIL
+
+  [Compositing: property <text-shadow> underlying [rgb(10, 20, 30) 1px 2px 3px, rgb(20, 40, 60) 2px 4px 6px\] from add [rgb(100, 100, 100) 10px 20px 30px\] to replace [rgb(200, 200, 200) 20px 40px 60px\] at (1) should be [rgb(200, 200, 200) 20px 40px 60px\]]
+    expected: FAIL
+
+  [Compositing: property <text-shadow> underlying [undefined\] from replace [rgb(100, 100, 100) 10px 20px 30px\] to add [rgb(200, 200, 200) 20px 40px 60px\] at (1) should be [rgb(200, 200, 200) 20px 40px 60px\]]
+    expected: FAIL
+
+  [Compositing: property <text-shadow> underlying [rgb(10, 20, 30) 1px 2px 3px, rgb(20, 40, 60) 2px 4px 6px, rgb(40, 80, 120) 4px 8px 12px\] from add [rgb(100, 100, 100) 10px 20px 30px, rgb(200, 200, 200) 20px 40px 60px\] to replace [rgb(200, 200, 200) 20px 40px 60px\] at (0) should be [rgb(10, 20, 30) 1px 2px 3px, rgb(20, 40, 60) 2px 4px 6px, rgb(40, 80, 120) 4px 8px 12px, rgb(100, 100, 100) 10px 20px 30px, rgb(200, 200, 200) 20px 40px 60px\]]
+    expected: FAIL
+
+  [Compositing: property <text-shadow> underlying [rgb(10, 20, 30) 1px 2px 3px, rgb(20, 40, 60) 2px 4px 6px\] from replace [rgb(100, 100, 100) 10px 20px 30px\] to add [rgb(200, 200, 200) 20px 40px 60px\] at (0.5) should be [rgb(55, 60, 65) 5.5px 11px 16.5px, rgba(20, 40, 60, 0.5) 1px 2px 3px, rgba(200, 200, 200, 0.5) 10px 20px 30px\]]
+    expected: FAIL
+
+  [Compositing: property <text-shadow> underlying [rgb(10, 20, 30) 1px 2px 3px\] from add [rgb(100, 100, 100) 10px 20px 30px\] to add [rgb(200, 200, 200) 20px 40px 60px\] at (1) should be [rgb(10, 20, 30) 1px 2px 3px, rgb(200, 200, 200) 20px 40px 60px\]]
+    expected: FAIL
+
+  [Compositing: property <text-shadow> underlying [rgb(10, 20, 30) 1px 2px 3px, rgb(20, 40, 60) 2px 4px 6px\] from add [rgb(100, 100, 100) 10px 20px 30px\] to replace [rgb(200, 200, 200) 20px 40px 60px\] at (-0.3) should be [rgb(0, 0, 0) -4.7px -9.4px 0px, rgb(26, 52, 78) 2.6px 5.2px 7.8px, rgb(130, 130, 130) 13px 26px 39px\]]
+    expected: FAIL
+
+  [Compositing: property <text-shadow> underlying [undefined\] from replace [rgb(100, 100, 100) 10px 20px 30px\] to add [rgb(200, 200, 200) 20px 40px 60px\] at (-0.3) should be [rgb(70, 70, 70 ) 7px 14px 21px\]]
+    expected: FAIL
+
+  [Compositing: property <text-shadow> underlying [rgb(10, 20, 30) 1px 2px 3px\] from add [rgb(100, 100, 100) 10px 20px 30px\] to add [rgb(200, 200, 200) 20px 40px 60px\] at (0) should be [rgb(10, 20, 30) 1px 2px 3px, rgb(100, 100, 100) 10px 20px 30px\]]
+    expected: FAIL
+
+  [Compositing: property <text-shadow> underlying [rgb(10, 20, 30) 1px 2px 3px, rgb(20, 40, 60) 2px 4px 6px\] from add [rgb(100, 100, 100) 10px 20px 30px\] to add [rgb(200, 200, 200) 20px 40px 60px\] at (1.5) should be [rgb(10, 20, 30) 1px 2px 3px, rgb(20, 40, 60) 2px 4px 6px, rgb(250, 250, 250) 25px 50px 75px\]]
+    expected: FAIL
+
+  [Compositing: property <text-shadow> underlying [rgb(10, 20, 30) 1px 2px 3px\] from add [rgb(100, 100, 100) 10px 20px 30px\] to add [rgb(200, 200, 200) 20px 40px 60px\] at (-0.3) should be [rgb(10, 20, 30) 1px 2px 3px, rgb(70, 70, 70) 7px 14px 21px\]]
+    expected: FAIL
+
+  [Compositing: property <text-shadow> underlying [undefined\] from replace [rgb(100, 100, 100) 10px 20px 30px\] to add [rgb(200, 200, 200) 20px 40px 60px\] at (0) should be [rgb(100, 100, 100) 10px 20px 30px\]]
+    expected: FAIL
+
+  [Compositing: property <text-shadow> underlying [rgb(10, 20, 30) 1px 2px 3px, rgb(20, 40, 60) 2px 4px 6px, rgb(40, 80, 120) 4px 8px 12px\] from add [rgb(100, 100, 100) 10px 20px 30px, rgb(200, 200, 200) 20px 40px 60px\] to replace [rgb(200, 200, 200) 20px 40px 60px\] at (1) should be [rgb(200, 200, 200) 20px 40px 60px\]]
+    expected: FAIL
+
+  [Compositing: property <text-shadow> underlying [rgb(10, 20, 30) 1px 2px 3px, rgb(20, 40, 60) 2px 4px 6px\] from replace [rgb(100, 100, 100) 10px 20px 30px\] to add [rgb(200, 200, 200) 20px 40px 60px\] at (0) should be [rgb(100, 100, 100) 10px 20px 30px\]]
+    expected: FAIL
+
+  [Compositing: property <text-shadow> underlying [undefined\] from replace [rgb(100, 100, 100) 10px 20px 30px\] to add [rgb(200, 200, 200) 20px 40px 60px\] at (1.5) should be [rgb(250, 250, 250) 25px 50px 75px\]]
+    expected: FAIL
+
+  [Compositing: property <text-shadow> underlying [rgb(10, 20, 30) 1px 2px 3px, rgb(20, 40, 60) 2px 4px 6px\] from replace [rgb(100, 100, 100) 10px 20px 30px\] to add [rgb(200, 200, 200) 20px 40px 60px\] at (-0.3) should be [rgb(127, 124, 121) 12.7px 25.4px 38.1px, rgba(0, 0, 0, 0) -0.6px -1.2px 0px, rgba(0, 0, 0, 0) -6px -12px 0px\]]
+    expected: FAIL
+
+  [Compositing: property <text-shadow> underlying [rgb(10, 20, 30) 1px 2px 3px, rgb(20, 40, 60) 2px 4px 6px\] from replace [rgb(100, 100, 100) 10px 20px 30px\] to add [rgb(200, 200, 200) 20px 40px 60px\] at (1) should be [rgb(10, 20, 30) 1px 2px 3px, rgb(20, 40, 60) 2px 4px 6px, rgb(200, 200, 200) 20px 40px 60px\]]
+    expected: FAIL
+
+  [Compositing: property <text-shadow> underlying [rgb(10, 20, 30) 1px 2px 3px\] from add [rgb(100, 100, 100) 10px 20px 30px\] to add [rgb(200, 200, 200) 20px 40px 60px\] at (0.5) should be [rgb(10, 20, 30) 1px 2px 3px, rgb(150, 150, 150) 15px 30px 45px\]]
+    expected: FAIL
+
+  [Compositing: property <text-shadow> underlying [rgb(10, 20, 30) 1px 2px 3px, rgb(20, 40, 60) 2px 4px 6px\] from add [rgb(100, 100, 100) 10px 20px 30px\] to add [rgb(200, 200, 200) 20px 40px 60px\] at (1) should be [rgb(10, 20, 30) 1px 2px 3px, rgb(20, 40, 60) 2px 4px 6px, rgb(200, 200, 200) 20px 40px 60px\]]
+    expected: FAIL
+
+  [Compositing: property <text-shadow> underlying [rgb(10, 20, 30) 1px 2px 3px, rgb(20, 40, 60) 2px 4px 6px\] from add [rgb(100, 100, 100) 10px 20px 30px\] to replace [rgb(200, 200, 200) 20px 40px 60px\] at (1) should be [rgb(200, 200, 200) 20px 40px 60px, rgba(0, 0, 0, 0) 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px\]]
+    expected: FAIL
+
+  [Compositing: property <text-shadow> underlying [rgb(10, 20, 30) 1px 2px 3px, rgb(20, 40, 60) 2px 4px 6px\] from replace [rgb(100, 100, 100) 10px 20px 30px\] to add [rgb(200, 200, 200) 20px 40px 60px\] at (0) should be [rgb(100, 100, 100) 10px 20px 30px, rgba(0, 0, 0, 0) 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px\]]
+    expected: FAIL
+
+  [Compositing: property <text-shadow> underlying [rgb(10, 20, 30) 1px 2px 3px, rgb(20, 40, 60) 2px 4px 6px, rgb(40, 80, 120) 4px 8px 12px\] from add [rgb(100, 100, 100) 10px 20px 30px, rgb(200, 200, 200) 20px 40px 60px\] to replace [rgb(200, 200, 200) 20px 40px 60px\] at (1) should be [rgb(200, 200, 200) 20px 40px 60px, rgba(0, 0, 0, 0) 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px\]]
+    expected: FAIL
diff --git a/tests/wpt/meta/css/css-transitions/animations/text-shadow-interpolation.html.ini b/tests/wpt/meta/css/css-transitions/animations/text-shadow-interpolation.html.ini
new file mode 100644
index 00000000000..7b988ffeecf
--- /dev/null
+++ b/tests/wpt/meta/css/css-transitions/animations/text-shadow-interpolation.html.ini
@@ -0,0 +1,504 @@
+[text-shadow-interpolation.html]
+  [Web Animations: property <text-shadow> from [inherit\] to [green 20px 20px 20px\] at (1.5) should be [rgb(0, 110, 0) 15px 25px 15px\]]
+    expected: FAIL
+
+  [Web Animations: property <text-shadow> from neutral to [green 20px 20px 20px\] at (0.3) should be [rgb(179, 154, 0) 13px 27px 13px\]]
+    expected: FAIL
+
+  [Web Animations: property <text-shadow> from [unset\] to [green 20px 20px 20px\] at (0) should be [rgb(255, 165, 0) 30px 10px 30px\]]
+    expected: FAIL
+
+  [Web Animations: property <text-shadow> from [black 10px 10px 10px\] to [currentColor 10px 10px 10px\] at (1.5) should be [rgb(0, 192, 0) 10px 10px 10px\]]
+    expected: FAIL
+
+  [Web Animations: property <text-shadow> from [initial\] to [green 20px 20px 20px\] at (0.6) should be [rgba(0, 128, 0, 0.6) 12px 12px 12px\]]
+    expected: FAIL
+
+  [Web Animations: property <text-shadow> from [black 15px 10px 5px\] to [orange -15px -10px 25px\] at (0) should be [rgb(0, 0, 0) 15px 10px 5px\]]
+    expected: FAIL
+
+  [Web Animations: property <text-shadow> from [black 15px 10px 5px\] to [orange -15px -10px 25px\] at (-0.3) should be [rgb(0, 0, 0) 24px 16px 0px\]]
+    expected: FAIL
+
+  [Web Animations: property <text-shadow> from [inherit\] to [green 20px 20px 20px\] at (0.6) should be [rgb(102, 143, 0) 24px 16px 24px\]]
+    expected: FAIL
+
+  [Web Animations: property <text-shadow> from [inherit\] to [green 20px 20px 20px\] at (-0.3) should be [rgb(255, 176, 0) 33px 7px 33px\]]
+    expected: FAIL
+
+  [Web Animations: property <text-shadow> from [unset\] to [green 20px 20px 20px\] at (0.6) should be [rgb(102, 143, 0) 24px 16px 24px\]]
+    expected: FAIL
+
+  [Web Animations: property <text-shadow> from neutral to [green 20px 20px 20px\] at (0.6) should be [rgb(102, 143, 0) 16px 24px 16px\]]
+    expected: FAIL
+
+  [Web Animations: property <text-shadow> from [inherit\] to [green 20px 20px 20px\] at (0.3) should be [rgb(179, 154, 0) 27px 13px 27px\]]
+    expected: FAIL
+
+  [Web Animations: property <text-shadow> from [black 15px 10px 5px\] to [orange -15px -10px 25px\] at (1.5) should be [rgb(255, 248, 0) -30px -20px 35px\]]
+    expected: FAIL
+
+  [Web Animations: property <text-shadow> from [unset\] to [green 20px 20px 20px\] at (0.3) should be [rgb(179, 154, 0) 27px 13px 27px\]]
+    expected: FAIL
+
+  [Web Animations: property <text-shadow> from [initial\] to [green 20px 20px 20px\] at (0.3) should be [rgba(0, 128, 0, 0.3) 6px 6px 6px\]]
+    expected: FAIL
+
+  [Web Animations: property <text-shadow> from [unset\] to [green 20px 20px 20px\] at (-0.3) should be [rgb(255, 176, 0) 33px 7px 33px\]]
+    expected: FAIL
+
+  [Web Animations: property <text-shadow> from [black 10px 10px 10px\] to [currentColor 10px 10px 10px\] at (1) should be [rgb(0, 128, 0) 10px 10px 10px\]]
+    expected: FAIL
+
+  [Web Animations: property <text-shadow> from [unset\] to [green 20px 20px 20px\] at (1) should be [rgb(0, 128, 0) 20px 20px 20px\]]
+    expected: FAIL
+
+  [Web Animations: property <text-shadow> from neutral to [green 20px 20px 20px\] at (-0.3) should be [rgb(255, 176, 0) 7px 33px 7px\]]
+    expected: FAIL
+
+  [Web Animations: property <text-shadow> from neutral to [green 20px 20px 20px\] at (0) should be [rgb(255, 165, 0) 10px 30px 10px\]]
+    expected: FAIL
+
+  [Web Animations: property <text-shadow> from [black 10px 10px 10px\] to [currentColor 10px 10px 10px\] at (0.6) should be [rgb(0, 77, 0) 10px 10px 10px\]]
+    expected: FAIL
+
+  [Web Animations: property <text-shadow> from [black 15px 10px 5px\] to [orange -15px -10px 25px\] at (0.3) should be [rgb(77, 50, 0) 6px 4px 11px\]]
+    expected: FAIL
+
+  [Web Animations: property <text-shadow> from neutral to [green 20px 20px 20px\] at (1) should be [rgb(0, 128, 0) 20px 20px 20px\]]
+    expected: FAIL
+
+  [Web Animations: property <text-shadow> from [initial\] to [green 20px 20px 20px\] at (0) should be [rgba(0, 0, 0, 0) 0px 0px 0px\]]
+    expected: FAIL
+
+  [Web Animations: property <text-shadow> from [initial\] to [green 20px 20px 20px\] at (-0.3) should be [rgba(0, 0, 0, 0) -6px -6px 0px\]]
+    expected: FAIL
+
+  [Web Animations: property <text-shadow> from [black 10px 10px 10px\] to [currentColor 10px 10px 10px\] at (-0.3) should be [rgb(0, 0, 0) 10px 10px 10px\]]
+    expected: FAIL
+
+  [Web Animations: property <text-shadow> from [initial\] to [green 20px 20px 20px\] at (1) should be [rgb(0, 128, 0) 20px 20px 20px\]]
+    expected: FAIL
+
+  [Web Animations: property <text-shadow> from [black 10px 10px 10px\] to [currentColor 10px 10px 10px\] at (0.3) should be [rgb(0, 38, 0) 10px 10px 10px\]]
+    expected: FAIL
+
+  [Web Animations: property <text-shadow> from [initial\] to [green 20px 20px 20px\] at (1.5) should be [rgb(0, 192, 0) 30px 30px 30px\]]
+    expected: FAIL
+
+  [Web Animations: property <text-shadow> from [black 10px 10px 10px\] to [currentColor 10px 10px 10px\] at (0) should be [rgb(0, 0, 0) 10px 10px 10px\]]
+    expected: FAIL
+
+  [Web Animations: property <text-shadow> from [unset\] to [green 20px 20px 20px\] at (1.5) should be [rgb(0, 110, 0) 15px 25px 15px\]]
+    expected: FAIL
+
+  [Web Animations: property <text-shadow> from [inherit\] to [green 20px 20px 20px\] at (0) should be [rgb(255, 165, 0) 30px 10px 30px\]]
+    expected: FAIL
+
+  [Web Animations: property <text-shadow> from [inherit\] to [green 20px 20px 20px\] at (1) should be [rgb(0, 128, 0) 20px 20px 20px\]]
+    expected: FAIL
+
+  [Web Animations: property <text-shadow> from neutral to [green 20px 20px 20px\] at (1.5) should be [rgb(0, 110, 0) 25px 15px 25px\]]
+    expected: FAIL
+
+  [Web Animations: property <text-shadow> from [black 15px 10px 5px\] to [orange -15px -10px 25px\] at (1) should be [rgb(255, 165, 0) -15px -10px 25px\]]
+    expected: FAIL
+
+  [Web Animations: property <text-shadow> from [black 15px 10px 5px\] to [orange -15px -10px 25px\] at (0.6) should be [rgb(153, 99, 0) -3px -2px 17px\]]
+    expected: FAIL
+
+  [Web Animations: property <text-shadow> from [black 0px 0px 0px\] to [black 1px 1px 1px\] at (-0.3) should be [rgb(0, 0, 0) -0.3px -0.3px 0px\]]
+    expected: FAIL
+
+  [Web Animations: property <text-shadow> from [black 0px 0px 0px\] to [black 1px 1px 1px\] at (0) should be [rgb(0, 0, 0) 0px 0px 0px\]]
+    expected: FAIL
+
+  [Web Animations: property <text-shadow> from [black 0px 0px 0px\] to [black 1px 1px 1px\] at (0.3) should be [rgb(0, 0, 0) 0.3px 0.3px 0.3px\]]
+    expected: FAIL
+
+  [Web Animations: property <text-shadow> from [black 0px 0px 0px\] to [black 1px 1px 1px\] at (0.6) should be [rgb(0, 0, 0) 0.6px 0.6px 0.6px\]]
+    expected: FAIL
+
+  [Web Animations: property <text-shadow> from [black 0px 0px 0px\] to [black 1px 1px 1px\] at (1) should be [rgb(0, 0, 0) 1px 1px 1px\]]
+    expected: FAIL
+
+  [Web Animations: property <text-shadow> from [black 0px 0px 0px\] to [black 1px 1px 1px\] at (1.5) should be [rgb(0, 0, 0) 1.5px 1.5px 1.5px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <text-shadow> from neutral to [green 20px 20px 20px\] at (-0.3) should be [rgb(255, 176, 0) 7px 33px 7px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <text-shadow> from neutral to [green 20px 20px 20px\] at (0) should be [rgb(255, 165, 0) 10px 30px 10px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <text-shadow> from neutral to [green 20px 20px 20px\] at (0.3) should be [rgb(179, 154, 0) 13px 27px 13px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <text-shadow> from neutral to [green 20px 20px 20px\] at (0.6) should be [rgb(102, 143, 0) 16px 24px 16px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <text-shadow> from neutral to [green 20px 20px 20px\] at (1) should be [rgb(0, 128, 0) 20px 20px 20px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <text-shadow> from neutral to [green 20px 20px 20px\] at (1.5) should be [rgb(0, 110, 0) 25px 15px 25px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <text-shadow> from neutral to [green 20px 20px 20px\] at (-0.3) should be [rgb(255, 176, 0) 7px 33px 7px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <text-shadow> from neutral to [green 20px 20px 20px\] at (0) should be [rgb(255, 165, 0) 10px 30px 10px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <text-shadow> from neutral to [green 20px 20px 20px\] at (0.3) should be [rgb(179, 154, 0) 13px 27px 13px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <text-shadow> from neutral to [green 20px 20px 20px\] at (0.6) should be [rgb(102, 143, 0) 16px 24px 16px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <text-shadow> from neutral to [green 20px 20px 20px\] at (1) should be [rgb(0, 128, 0) 20px 20px 20px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <text-shadow> from neutral to [green 20px 20px 20px\] at (1.5) should be [rgb(0, 110, 0) 25px 15px 25px\]]
+    expected: FAIL
+
+  [CSS Animations: property <text-shadow> from neutral to [green 20px 20px 20px\] at (-0.3) should be [rgb(255, 176, 0) 7px 33px 7px\]]
+    expected: FAIL
+
+  [CSS Animations: property <text-shadow> from neutral to [green 20px 20px 20px\] at (0) should be [rgb(255, 165, 0) 10px 30px 10px\]]
+    expected: FAIL
+
+  [CSS Animations: property <text-shadow> from neutral to [green 20px 20px 20px\] at (0.3) should be [rgb(179, 154, 0) 13px 27px 13px\]]
+    expected: FAIL
+
+  [CSS Animations: property <text-shadow> from neutral to [green 20px 20px 20px\] at (0.6) should be [rgb(102, 143, 0) 16px 24px 16px\]]
+    expected: FAIL
+
+  [CSS Animations: property <text-shadow> from neutral to [green 20px 20px 20px\] at (1) should be [rgb(0, 128, 0) 20px 20px 20px\]]
+    expected: FAIL
+
+  [CSS Animations: property <text-shadow> from neutral to [green 20px 20px 20px\] at (1.5) should be [rgb(0, 110, 0) 25px 15px 25px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <text-shadow> from [initial\] to [green 20px 20px 20px\] at (-0.3) should be [rgba(0, 0, 0, 0) -6px -6px 0px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <text-shadow> from [initial\] to [green 20px 20px 20px\] at (0) should be [rgba(0, 0, 0, 0) 0px 0px 0px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <text-shadow> from [initial\] to [green 20px 20px 20px\] at (0.3) should be [rgba(0, 128, 0, 0.3) 6px 6px 6px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <text-shadow> from [initial\] to [green 20px 20px 20px\] at (0.6) should be [rgba(0, 128, 0, 0.6) 12px 12px 12px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <text-shadow> from [initial\] to [green 20px 20px 20px\] at (1) should be [rgb(0, 128, 0) 20px 20px 20px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <text-shadow> from [initial\] to [green 20px 20px 20px\] at (1.5) should be [rgb(0, 192, 0) 30px 30px 30px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <text-shadow> from [initial\] to [green 20px 20px 20px\] at (-0.3) should be [rgba(0, 0, 0, 0) -6px -6px 0px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <text-shadow> from [initial\] to [green 20px 20px 20px\] at (0) should be [rgba(0, 0, 0, 0) 0px 0px 0px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <text-shadow> from [initial\] to [green 20px 20px 20px\] at (0.3) should be [rgba(0, 128, 0, 0.3) 6px 6px 6px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <text-shadow> from [initial\] to [green 20px 20px 20px\] at (0.6) should be [rgba(0, 128, 0, 0.6) 12px 12px 12px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <text-shadow> from [initial\] to [green 20px 20px 20px\] at (1) should be [rgb(0, 128, 0) 20px 20px 20px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <text-shadow> from [initial\] to [green 20px 20px 20px\] at (1.5) should be [rgb(0, 192, 0) 30px 30px 30px\]]
+    expected: FAIL
+
+  [CSS Animations: property <text-shadow> from [initial\] to [green 20px 20px 20px\] at (-0.3) should be [rgba(0, 0, 0, 0) -6px -6px 0px\]]
+    expected: FAIL
+
+  [CSS Animations: property <text-shadow> from [initial\] to [green 20px 20px 20px\] at (0) should be [rgba(0, 0, 0, 0) 0px 0px 0px\]]
+    expected: FAIL
+
+  [CSS Animations: property <text-shadow> from [initial\] to [green 20px 20px 20px\] at (0.3) should be [rgba(0, 128, 0, 0.3) 6px 6px 6px\]]
+    expected: FAIL
+
+  [CSS Animations: property <text-shadow> from [initial\] to [green 20px 20px 20px\] at (0.6) should be [rgba(0, 128, 0, 0.6) 12px 12px 12px\]]
+    expected: FAIL
+
+  [CSS Animations: property <text-shadow> from [initial\] to [green 20px 20px 20px\] at (1) should be [rgb(0, 128, 0) 20px 20px 20px\]]
+    expected: FAIL
+
+  [CSS Animations: property <text-shadow> from [initial\] to [green 20px 20px 20px\] at (1.5) should be [rgb(0, 192, 0) 30px 30px 30px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <text-shadow> from [inherit\] to [green 20px 20px 20px\] at (-0.3) should be [rgb(255, 176, 0) 33px 7px 33px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <text-shadow> from [inherit\] to [green 20px 20px 20px\] at (0) should be [rgb(255, 165, 0) 30px 10px 30px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <text-shadow> from [inherit\] to [green 20px 20px 20px\] at (0.3) should be [rgb(179, 154, 0) 27px 13px 27px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <text-shadow> from [inherit\] to [green 20px 20px 20px\] at (0.6) should be [rgb(102, 143, 0) 24px 16px 24px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <text-shadow> from [inherit\] to [green 20px 20px 20px\] at (1) should be [rgb(0, 128, 0) 20px 20px 20px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <text-shadow> from [inherit\] to [green 20px 20px 20px\] at (1.5) should be [rgb(0, 110, 0) 15px 25px 15px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <text-shadow> from [inherit\] to [green 20px 20px 20px\] at (-0.3) should be [rgb(255, 176, 0) 33px 7px 33px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <text-shadow> from [inherit\] to [green 20px 20px 20px\] at (0) should be [rgb(255, 165, 0) 30px 10px 30px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <text-shadow> from [inherit\] to [green 20px 20px 20px\] at (0.3) should be [rgb(179, 154, 0) 27px 13px 27px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <text-shadow> from [inherit\] to [green 20px 20px 20px\] at (0.6) should be [rgb(102, 143, 0) 24px 16px 24px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <text-shadow> from [inherit\] to [green 20px 20px 20px\] at (1) should be [rgb(0, 128, 0) 20px 20px 20px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <text-shadow> from [inherit\] to [green 20px 20px 20px\] at (1.5) should be [rgb(0, 110, 0) 15px 25px 15px\]]
+    expected: FAIL
+
+  [CSS Animations: property <text-shadow> from [inherit\] to [green 20px 20px 20px\] at (-0.3) should be [rgb(255, 176, 0) 33px 7px 33px\]]
+    expected: FAIL
+
+  [CSS Animations: property <text-shadow> from [inherit\] to [green 20px 20px 20px\] at (0) should be [rgb(255, 165, 0) 30px 10px 30px\]]
+    expected: FAIL
+
+  [CSS Animations: property <text-shadow> from [inherit\] to [green 20px 20px 20px\] at (0.3) should be [rgb(179, 154, 0) 27px 13px 27px\]]
+    expected: FAIL
+
+  [CSS Animations: property <text-shadow> from [inherit\] to [green 20px 20px 20px\] at (0.6) should be [rgb(102, 143, 0) 24px 16px 24px\]]
+    expected: FAIL
+
+  [CSS Animations: property <text-shadow> from [inherit\] to [green 20px 20px 20px\] at (1) should be [rgb(0, 128, 0) 20px 20px 20px\]]
+    expected: FAIL
+
+  [CSS Animations: property <text-shadow> from [inherit\] to [green 20px 20px 20px\] at (1.5) should be [rgb(0, 110, 0) 15px 25px 15px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <text-shadow> from [unset\] to [green 20px 20px 20px\] at (-0.3) should be [rgb(255, 176, 0) 33px 7px 33px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <text-shadow> from [unset\] to [green 20px 20px 20px\] at (0) should be [rgb(255, 165, 0) 30px 10px 30px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <text-shadow> from [unset\] to [green 20px 20px 20px\] at (0.3) should be [rgb(179, 154, 0) 27px 13px 27px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <text-shadow> from [unset\] to [green 20px 20px 20px\] at (0.6) should be [rgb(102, 143, 0) 24px 16px 24px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <text-shadow> from [unset\] to [green 20px 20px 20px\] at (1) should be [rgb(0, 128, 0) 20px 20px 20px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <text-shadow> from [unset\] to [green 20px 20px 20px\] at (1.5) should be [rgb(0, 110, 0) 15px 25px 15px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <text-shadow> from [unset\] to [green 20px 20px 20px\] at (-0.3) should be [rgb(255, 176, 0) 33px 7px 33px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <text-shadow> from [unset\] to [green 20px 20px 20px\] at (0) should be [rgb(255, 165, 0) 30px 10px 30px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <text-shadow> from [unset\] to [green 20px 20px 20px\] at (0.3) should be [rgb(179, 154, 0) 27px 13px 27px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <text-shadow> from [unset\] to [green 20px 20px 20px\] at (0.6) should be [rgb(102, 143, 0) 24px 16px 24px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <text-shadow> from [unset\] to [green 20px 20px 20px\] at (1) should be [rgb(0, 128, 0) 20px 20px 20px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <text-shadow> from [unset\] to [green 20px 20px 20px\] at (1.5) should be [rgb(0, 110, 0) 15px 25px 15px\]]
+    expected: FAIL
+
+  [CSS Animations: property <text-shadow> from [unset\] to [green 20px 20px 20px\] at (-0.3) should be [rgb(255, 176, 0) 33px 7px 33px\]]
+    expected: FAIL
+
+  [CSS Animations: property <text-shadow> from [unset\] to [green 20px 20px 20px\] at (0) should be [rgb(255, 165, 0) 30px 10px 30px\]]
+    expected: FAIL
+
+  [CSS Animations: property <text-shadow> from [unset\] to [green 20px 20px 20px\] at (0.3) should be [rgb(179, 154, 0) 27px 13px 27px\]]
+    expected: FAIL
+
+  [CSS Animations: property <text-shadow> from [unset\] to [green 20px 20px 20px\] at (0.6) should be [rgb(102, 143, 0) 24px 16px 24px\]]
+    expected: FAIL
+
+  [CSS Animations: property <text-shadow> from [unset\] to [green 20px 20px 20px\] at (1) should be [rgb(0, 128, 0) 20px 20px 20px\]]
+    expected: FAIL
+
+  [CSS Animations: property <text-shadow> from [unset\] to [green 20px 20px 20px\] at (1.5) should be [rgb(0, 110, 0) 15px 25px 15px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <text-shadow> from [black 15px 10px 5px\] to [orange -15px -10px 25px\] at (-0.3) should be [rgb(0, 0, 0) 24px 16px 0px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <text-shadow> from [black 15px 10px 5px\] to [orange -15px -10px 25px\] at (0) should be [rgb(0, 0, 0) 15px 10px 5px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <text-shadow> from [black 15px 10px 5px\] to [orange -15px -10px 25px\] at (0.3) should be [rgb(77, 50, 0) 6px 4px 11px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <text-shadow> from [black 15px 10px 5px\] to [orange -15px -10px 25px\] at (0.6) should be [rgb(153, 99, 0) -3px -2px 17px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <text-shadow> from [black 15px 10px 5px\] to [orange -15px -10px 25px\] at (1) should be [rgb(255, 165, 0) -15px -10px 25px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <text-shadow> from [black 15px 10px 5px\] to [orange -15px -10px 25px\] at (1.5) should be [rgb(255, 248, 0) -30px -20px 35px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <text-shadow> from [black 15px 10px 5px\] to [orange -15px -10px 25px\] at (-0.3) should be [rgb(0, 0, 0) 24px 16px 0px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <text-shadow> from [black 15px 10px 5px\] to [orange -15px -10px 25px\] at (0) should be [rgb(0, 0, 0) 15px 10px 5px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <text-shadow> from [black 15px 10px 5px\] to [orange -15px -10px 25px\] at (0.3) should be [rgb(77, 50, 0) 6px 4px 11px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <text-shadow> from [black 15px 10px 5px\] to [orange -15px -10px 25px\] at (0.6) should be [rgb(153, 99, 0) -3px -2px 17px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <text-shadow> from [black 15px 10px 5px\] to [orange -15px -10px 25px\] at (1) should be [rgb(255, 165, 0) -15px -10px 25px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <text-shadow> from [black 15px 10px 5px\] to [orange -15px -10px 25px\] at (1.5) should be [rgb(255, 248, 0) -30px -20px 35px\]]
+    expected: FAIL
+
+  [CSS Animations: property <text-shadow> from [black 15px 10px 5px\] to [orange -15px -10px 25px\] at (-0.3) should be [rgb(0, 0, 0) 24px 16px 0px\]]
+    expected: FAIL
+
+  [CSS Animations: property <text-shadow> from [black 15px 10px 5px\] to [orange -15px -10px 25px\] at (0) should be [rgb(0, 0, 0) 15px 10px 5px\]]
+    expected: FAIL
+
+  [CSS Animations: property <text-shadow> from [black 15px 10px 5px\] to [orange -15px -10px 25px\] at (0.3) should be [rgb(77, 50, 0) 6px 4px 11px\]]
+    expected: FAIL
+
+  [CSS Animations: property <text-shadow> from [black 15px 10px 5px\] to [orange -15px -10px 25px\] at (0.6) should be [rgb(153, 99, 0) -3px -2px 17px\]]
+    expected: FAIL
+
+  [CSS Animations: property <text-shadow> from [black 15px 10px 5px\] to [orange -15px -10px 25px\] at (1) should be [rgb(255, 165, 0) -15px -10px 25px\]]
+    expected: FAIL
+
+  [CSS Animations: property <text-shadow> from [black 15px 10px 5px\] to [orange -15px -10px 25px\] at (1.5) should be [rgb(255, 248, 0) -30px -20px 35px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <text-shadow> from [black 10px 10px 10px\] to [currentColor 10px 10px 10px\] at (-0.3) should be [rgb(0, 0, 0) 10px 10px 10px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <text-shadow> from [black 10px 10px 10px\] to [currentColor 10px 10px 10px\] at (0) should be [rgb(0, 0, 0) 10px 10px 10px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <text-shadow> from [black 10px 10px 10px\] to [currentColor 10px 10px 10px\] at (0.3) should be [rgb(0, 38, 0) 10px 10px 10px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <text-shadow> from [black 10px 10px 10px\] to [currentColor 10px 10px 10px\] at (0.6) should be [rgb(0, 77, 0) 10px 10px 10px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <text-shadow> from [black 10px 10px 10px\] to [currentColor 10px 10px 10px\] at (1) should be [rgb(0, 128, 0) 10px 10px 10px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <text-shadow> from [black 10px 10px 10px\] to [currentColor 10px 10px 10px\] at (1.5) should be [rgb(0, 192, 0) 10px 10px 10px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <text-shadow> from [black 10px 10px 10px\] to [currentColor 10px 10px 10px\] at (-0.3) should be [rgb(0, 0, 0) 10px 10px 10px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <text-shadow> from [black 10px 10px 10px\] to [currentColor 10px 10px 10px\] at (0) should be [rgb(0, 0, 0) 10px 10px 10px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <text-shadow> from [black 10px 10px 10px\] to [currentColor 10px 10px 10px\] at (0.3) should be [rgb(0, 38, 0) 10px 10px 10px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <text-shadow> from [black 10px 10px 10px\] to [currentColor 10px 10px 10px\] at (0.6) should be [rgb(0, 77, 0) 10px 10px 10px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <text-shadow> from [black 10px 10px 10px\] to [currentColor 10px 10px 10px\] at (1) should be [rgb(0, 128, 0) 10px 10px 10px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <text-shadow> from [black 10px 10px 10px\] to [currentColor 10px 10px 10px\] at (1.5) should be [rgb(0, 192, 0) 10px 10px 10px\]]
+    expected: FAIL
+
+  [CSS Animations: property <text-shadow> from [black 10px 10px 10px\] to [currentColor 10px 10px 10px\] at (-0.3) should be [rgb(0, 0, 0) 10px 10px 10px\]]
+    expected: FAIL
+
+  [CSS Animations: property <text-shadow> from [black 10px 10px 10px\] to [currentColor 10px 10px 10px\] at (0) should be [rgb(0, 0, 0) 10px 10px 10px\]]
+    expected: FAIL
+
+  [CSS Animations: property <text-shadow> from [black 10px 10px 10px\] to [currentColor 10px 10px 10px\] at (0.3) should be [rgb(0, 38, 0) 10px 10px 10px\]]
+    expected: FAIL
+
+  [CSS Animations: property <text-shadow> from [black 10px 10px 10px\] to [currentColor 10px 10px 10px\] at (0.6) should be [rgb(0, 77, 0) 10px 10px 10px\]]
+    expected: FAIL
+
+  [CSS Animations: property <text-shadow> from [black 10px 10px 10px\] to [currentColor 10px 10px 10px\] at (1) should be [rgb(0, 128, 0) 10px 10px 10px\]]
+    expected: FAIL
+
+  [CSS Animations: property <text-shadow> from [black 10px 10px 10px\] to [currentColor 10px 10px 10px\] at (1.5) should be [rgb(0, 192, 0) 10px 10px 10px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <text-shadow> from [black 0px 0px 0px\] to [black 1px 1px 1px\] at (-0.3) should be [rgb(0, 0, 0) -0.3px -0.3px 0px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <text-shadow> from [black 0px 0px 0px\] to [black 1px 1px 1px\] at (0) should be [rgb(0, 0, 0) 0px 0px 0px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <text-shadow> from [black 0px 0px 0px\] to [black 1px 1px 1px\] at (0.3) should be [rgb(0, 0, 0) 0.3px 0.3px 0.3px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <text-shadow> from [black 0px 0px 0px\] to [black 1px 1px 1px\] at (0.6) should be [rgb(0, 0, 0) 0.6px 0.6px 0.6px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <text-shadow> from [black 0px 0px 0px\] to [black 1px 1px 1px\] at (1) should be [rgb(0, 0, 0) 1px 1px 1px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <text-shadow> from [black 0px 0px 0px\] to [black 1px 1px 1px\] at (1.5) should be [rgb(0, 0, 0) 1.5px 1.5px 1.5px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <text-shadow> from [black 0px 0px 0px\] to [black 1px 1px 1px\] at (-0.3) should be [rgb(0, 0, 0) -0.3px -0.3px 0px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <text-shadow> from [black 0px 0px 0px\] to [black 1px 1px 1px\] at (0) should be [rgb(0, 0, 0) 0px 0px 0px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <text-shadow> from [black 0px 0px 0px\] to [black 1px 1px 1px\] at (0.3) should be [rgb(0, 0, 0) 0.3px 0.3px 0.3px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <text-shadow> from [black 0px 0px 0px\] to [black 1px 1px 1px\] at (0.6) should be [rgb(0, 0, 0) 0.6px 0.6px 0.6px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <text-shadow> from [black 0px 0px 0px\] to [black 1px 1px 1px\] at (1) should be [rgb(0, 0, 0) 1px 1px 1px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <text-shadow> from [black 0px 0px 0px\] to [black 1px 1px 1px\] at (1.5) should be [rgb(0, 0, 0) 1.5px 1.5px 1.5px\]]
+    expected: FAIL
+
+  [CSS Animations: property <text-shadow> from [black 0px 0px 0px\] to [black 1px 1px 1px\] at (-0.3) should be [rgb(0, 0, 0) -0.3px -0.3px 0px\]]
+    expected: FAIL
+
+  [CSS Animations: property <text-shadow> from [black 0px 0px 0px\] to [black 1px 1px 1px\] at (0) should be [rgb(0, 0, 0) 0px 0px 0px\]]
+    expected: FAIL
+
+  [CSS Animations: property <text-shadow> from [black 0px 0px 0px\] to [black 1px 1px 1px\] at (0.3) should be [rgb(0, 0, 0) 0.3px 0.3px 0.3px\]]
+    expected: FAIL
+
+  [CSS Animations: property <text-shadow> from [black 0px 0px 0px\] to [black 1px 1px 1px\] at (0.6) should be [rgb(0, 0, 0) 0.6px 0.6px 0.6px\]]
+    expected: FAIL
+
+  [CSS Animations: property <text-shadow> from [black 0px 0px 0px\] to [black 1px 1px 1px\] at (1) should be [rgb(0, 0, 0) 1px 1px 1px\]]
+    expected: FAIL
+
+  [CSS Animations: property <text-shadow> from [black 0px 0px 0px\] to [black 1px 1px 1px\] at (1.5) should be [rgb(0, 0, 0) 1.5px 1.5px 1.5px\]]
+    expected: FAIL
diff --git a/tests/wpt/meta/css/css-transitions/animations/transition-end-event-shorthands.html.ini b/tests/wpt/meta/css/css-transitions/animations/transition-end-event-shorthands.html.ini
new file mode 100644
index 00000000000..07d5ae7bec5
--- /dev/null
+++ b/tests/wpt/meta/css/css-transitions/animations/transition-end-event-shorthands.html.ini
@@ -0,0 +1,3 @@
+[transition-end-event-shorthands.html]
+  [Transition end events generated for transition on shorthand property]
+    expected: FAIL
diff --git a/tests/wpt/meta/css/css-transitions/animations/transition-timing-function.html.ini b/tests/wpt/meta/css/css-transitions/animations/transition-timing-function.html.ini
new file mode 100644
index 00000000000..6c79fcce150
--- /dev/null
+++ b/tests/wpt/meta/css/css-transitions/animations/transition-timing-function.html.ini
@@ -0,0 +1,3 @@
+[transition-timing-function.html]
+  [Ensure that transition easing functions are properly applied.]
+    expected: FAIL
diff --git a/tests/wpt/meta/css/css-transitions/animations/vertical-align-composition.html.ini b/tests/wpt/meta/css/css-transitions/animations/vertical-align-composition.html.ini
new file mode 100644
index 00000000000..39eaed49789
--- /dev/null
+++ b/tests/wpt/meta/css/css-transitions/animations/vertical-align-composition.html.ini
@@ -0,0 +1,61 @@
+[vertical-align-composition.html]
+  [Compositing: property <vertical-align> underlying [10%\] from add [100px\] to add [20%\] at (0) should be [calc(100px + 10%)\]]
+    expected: FAIL
+
+  [Compositing: property <vertical-align> underlying [50px\] from add [100px\] to add [200px\] at (-0.3) should be [120px\]]
+    expected: FAIL
+
+  [Compositing: property <vertical-align> underlying [100px\] from add [10px\] to add [2px\] at (0.5) should be [106px\]]
+    expected: FAIL
+
+  [Compositing: property <vertical-align> underlying [50px\] from add [100px\] to replace [200px\] at (1) should be [200px\]]
+    expected: FAIL
+
+  [Compositing: property <vertical-align> underlying [50px\] from add [100px\] to replace [200px\] at (0) should be [150px\]]
+    expected: FAIL
+
+  [Compositing: property <vertical-align> underlying [100px\] from add [10px\] to add [2px\] at (1) should be [102px\]]
+    expected: FAIL
+
+  [Compositing: property <vertical-align> underlying [50px\] from add [100px\] to add [200px\] at (0.5) should be [200px\]]
+    expected: FAIL
+
+  [Compositing: property <vertical-align> underlying [50px\] from add [100px\] to replace [200px\] at (0.5) should be [175px\]]
+    expected: FAIL
+
+  [Compositing: property <vertical-align> underlying [10%\] from add [100px\] to add [20%\] at (-0.3) should be [calc(130px + 4%)\]]
+    expected: FAIL
+
+  [Compositing: property <vertical-align> underlying [50px\] from add [100px\] to replace [200px\] at (1.5) should be [225px\]]
+    expected: FAIL
+
+  [Compositing: property <vertical-align> underlying [50px\] from add [100px\] to replace [200px\] at (-0.3) should be [135px\]]
+    expected: FAIL
+
+  [Compositing: property <vertical-align> underlying [50px\] from add [100px\] to add [200px\] at (1) should be [250px\]]
+    expected: FAIL
+
+  [Compositing: property <vertical-align> underlying [50px\] from add [100px\] to add [200px\] at (1.5) should be [300px\]]
+    expected: FAIL
+
+  [Compositing: property <vertical-align> underlying [100px\] from add [10px\] to add [2px\] at (1.5) should be [98px\]]
+    expected: FAIL
+
+  [Compositing: property <vertical-align> underlying [100px\] from add [10px\] to add [2px\] at (-0.5) should be [114px\]]
+    expected: FAIL
+
+  [Compositing: property <vertical-align> underlying [100px\] from add [10px\] to add [2px\] at (0) should be [110px\]]
+    expected: FAIL
+
+  [Compositing: property <vertical-align> underlying [10%\] from add [100px\] to add [20%\] at (0.5) should be [calc(50px + 20%)\]]
+    expected: FAIL
+
+  [Compositing: property <vertical-align> underlying [10%\] from add [100px\] to add [20%\] at (1) should be [30%\]]
+    expected: FAIL
+
+  [Compositing: property <vertical-align> underlying [50px\] from add [100px\] to add [200px\] at (0) should be [150px\]]
+    expected: FAIL
+
+  [Compositing: property <vertical-align> underlying [10%\] from add [100px\] to add [20%\] at (1.5) should be [calc(-50px + 40%)\]]
+    expected: FAIL
+
diff --git a/tests/wpt/meta/css/css-transitions/animations/vertical-align-interpolation.html.ini b/tests/wpt/meta/css/css-transitions/animations/vertical-align-interpolation.html.ini
new file mode 100644
index 00000000000..2df487823fe
--- /dev/null
+++ b/tests/wpt/meta/css/css-transitions/animations/vertical-align-interpolation.html.ini
@@ -0,0 +1,540 @@
+[vertical-align-interpolation.html]
+  [Web Animations: property <vertical-align> from [initial\] to [40px\] at (0) should be [initial\]]
+    expected: FAIL
+
+  [CSS Animations: property <vertical-align> from [super\] to [40%\] at (1) should be [40%\]]
+    expected: FAIL
+
+  [Web Animations: property <vertical-align> from neutral to [40px\] at (-0.5) should be [-5px\]]
+    expected: FAIL
+
+  [CSS Animations: property <vertical-align> from [unset\] to [40px\] at (0.3) should be [unset\]]
+    expected: FAIL
+
+  [CSS Animations: property <vertical-align> from [unset\] to [40px\] at (0.5) should be [40px\]]
+    expected: FAIL
+
+  [Web Animations: property <vertical-align> from [0px\] to [100px\] at (0.6) should be [60px\]]
+    expected: FAIL
+
+  [Web Animations: property <vertical-align> from [super\] to [40%\] at (0) should be [super\]]
+    expected: FAIL
+
+  [CSS Animations: property <vertical-align> from [40px\] to [40%\] at (1) should be [calc(0px + 40%)\]]
+    expected: FAIL
+
+  [Web Animations: property <vertical-align> from [initial\] to [40px\] at (1.5) should be [40px\]]
+    expected: FAIL
+
+  [Web Animations: property <vertical-align> from [40px\] to [40%\] at (0) should be [calc(40px + 0%)\]]
+    expected: FAIL
+
+  [Web Animations: property <vertical-align> from [inherit\] to [40px\] at (1) should be [40px\]]
+    expected: FAIL
+
+  [CSS Animations: property <vertical-align> from [super\] to [40%\] at (0.6) should be [40%\]]
+    expected: FAIL
+
+  [CSS Animations: property <vertical-align> from [super\] to [40%\] at (0.3) should be [super\]]
+    expected: FAIL
+
+  [Web Animations: property <vertical-align> from [inherit\] to [40px\] at (0.6) should be [64px\]]
+    expected: FAIL
+
+  [Web Animations: property <vertical-align> from neutral to [40px\] at (0.6) should be [28px\]]
+    expected: FAIL
+
+  [Web Animations: property <vertical-align> from [initial\] to [40px\] at (0.5) should be [40px\]]
+    expected: FAIL
+
+  [CSS Animations: property <vertical-align> from [super\] to [40%\] at (1.5) should be [40%\]]
+    expected: FAIL
+
+  [CSS Animations: property <vertical-align> from [unset\] to [40px\] at (0) should be [unset\]]
+    expected: FAIL
+
+  [Web Animations: property <vertical-align> from [40px\] to [40%\] at (-0.5) should be [calc(60px - 20%)\]]
+    expected: FAIL
+
+  [CSS Animations: property <vertical-align> from [super\] to [40%\] at (-0.3) should be [super\]]
+    expected: FAIL
+
+  [CSS Animations: property <vertical-align> from [initial\] to [40px\] at (0.6) should be [40px\]]
+    expected: FAIL
+
+  [Web Animations: property <vertical-align> from [initial\] to [40px\] at (0.3) should be [initial\]]
+    expected: FAIL
+
+  [CSS Animations: property <vertical-align> from [initial\] to [40px\] at (0.5) should be [40px\]]
+    expected: FAIL
+
+  [CSS Animations: property <vertical-align> from [unset\] to [40px\] at (1.5) should be [40px\]]
+    expected: FAIL
+
+  [Web Animations: property <vertical-align> from neutral to [40px\] at (0.3) should be [19px\]]
+    expected: FAIL
+
+  [Web Animations: property <vertical-align> from [super\] to [40%\] at (0.5) should be [40%\]]
+    expected: FAIL
+
+  [Web Animations: property <vertical-align> from [super\] to [40%\] at (-0.3) should be [super\]]
+    expected: FAIL
+
+  [Web Animations: property <vertical-align> from [inherit\] to [40px\] at (0.3) should be [82px\]]
+    expected: FAIL
+
+  [Web Animations: property <vertical-align> from [inherit\] to [40px\] at (0) should be [100px\]]
+    expected: FAIL
+
+  [CSS Animations: property <vertical-align> from [unset\] to [40px\] at (-0.3) should be [unset\]]
+    expected: FAIL
+
+  [Web Animations: property <vertical-align> from [super\] to [40%\] at (1.5) should be [40%\]]
+    expected: FAIL
+
+  [Web Animations: property <vertical-align> from [0px\] to [100px\] at (0.3) should be [30px\]]
+    expected: FAIL
+
+  [CSS Animations: property <vertical-align> from [initial\] to [40px\] at (0) should be [initial\]]
+    expected: FAIL
+
+  [Web Animations: property <vertical-align> from [40px\] to [40%\] at (1) should be [calc(0px + 40%)\]]
+    expected: FAIL
+
+  [Web Animations: property <vertical-align> from [super\] to [40%\] at (0.3) should be [super\]]
+    expected: FAIL
+
+  [Web Animations: property <vertical-align> from neutral to [40px\] at (0) should be [10px\]]
+    expected: FAIL
+
+  [Web Animations: property <vertical-align> from [0px\] to [100px\] at (1) should be [100px\]]
+    expected: FAIL
+
+  [Web Animations: property <vertical-align> from [0px\] to [100px\] at (1.5) should be [150px\]]
+    expected: FAIL
+
+  [Web Animations: property <vertical-align> from [unset\] to [40px\] at (0.6) should be [40px\]]
+    expected: FAIL
+
+  [Web Animations: property <vertical-align> from [unset\] to [40px\] at (0.5) should be [40px\]]
+    expected: FAIL
+
+  [Web Animations: property <vertical-align> from [inherit\] to [40px\] at (1.5) should be [10px\]]
+    expected: FAIL
+
+  [Web Animations: property <vertical-align> from [initial\] to [40px\] at (-0.3) should be [initial\]]
+    expected: FAIL
+
+  [CSS Animations: property <vertical-align> from [initial\] to [40px\] at (1) should be [40px\]]
+    expected: FAIL
+
+  [Web Animations: property <vertical-align> from [initial\] to [40px\] at (1) should be [40px\]]
+    expected: FAIL
+
+  [Web Animations: property <vertical-align> from [super\] to [40%\] at (0.6) should be [40%\]]
+    expected: FAIL
+
+  [Web Animations: property <vertical-align> from neutral to [40px\] at (1) should be [40px\]]
+    expected: FAIL
+
+  [CSS Animations: property <vertical-align> from [initial\] to [40px\] at (1.5) should be [40px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <vertical-align> from [40px\] to [40%\] at (1) should be [calc(0px + 40%)\]]
+    expected: FAIL
+
+  [CSS Animations: property <vertical-align> from [initial\] to [40px\] at (-0.3) should be [initial\]]
+    expected: FAIL
+
+  [CSS Animations: property <vertical-align> from [initial\] to [40px\] at (0.3) should be [initial\]]
+    expected: FAIL
+
+  [Web Animations: property <vertical-align> from [40px\] to [40%\] at (0.3) should be [calc(28px + 12%)\]]
+    expected: FAIL
+
+  [Web Animations: property <vertical-align> from [inherit\] to [40px\] at (-0.5) should be [130px\]]
+    expected: FAIL
+
+  [Web Animations: property <vertical-align> from [0px\] to [100px\] at (0) should be [0px\]]
+    expected: FAIL
+
+  [Web Animations: property <vertical-align> from [unset\] to [40px\] at (-0.3) should be [unset\]]
+    expected: FAIL
+
+  [Web Animations: property <vertical-align> from [unset\] to [40px\] at (0.3) should be [unset\]]
+    expected: FAIL
+
+  [CSS Animations: property <vertical-align> from [super\] to [40%\] at (0) should be [super\]]
+    expected: FAIL
+
+  [Web Animations: property <vertical-align> from [initial\] to [40px\] at (0.6) should be [40px\]]
+    expected: FAIL
+
+  [Web Animations: property <vertical-align> from [40px\] to [40%\] at (1.5) should be [calc(-20px + 60%)\]]
+    expected: FAIL
+
+  [Web Animations: property <vertical-align> from neutral to [40px\] at (1.5) should be [55px\]]
+    expected: FAIL
+
+  [Web Animations: property <vertical-align> from [super\] to [40%\] at (1) should be [40%\]]
+    expected: FAIL
+
+  [CSS Transitions: property <vertical-align> from [40px\] to [40%\] at (1) should be [calc(0px + 40%)\]]
+    expected: FAIL
+
+  [CSS Animations: property <vertical-align> from [super\] to [40%\] at (0.5) should be [40%\]]
+    expected: FAIL
+
+  [CSS Animations: property <vertical-align> from [unset\] to [40px\] at (0.6) should be [40px\]]
+    expected: FAIL
+
+  [Web Animations: property <vertical-align> from [unset\] to [40px\] at (1) should be [40px\]]
+    expected: FAIL
+
+  [CSS Animations: property <vertical-align> from [unset\] to [40px\] at (1) should be [40px\]]
+    expected: FAIL
+
+  [Web Animations: property <vertical-align> from [0px\] to [100px\] at (-0.5) should be [-50px\]]
+    expected: FAIL
+
+  [Web Animations: property <vertical-align> from [unset\] to [40px\] at (1.5) should be [40px\]]
+    expected: FAIL
+
+  [Web Animations: property <vertical-align> from [unset\] to [40px\] at (0) should be [unset\]]
+    expected: FAIL
+
+  [Web Animations: property <vertical-align> from [40px\] to [40%\] at (1) should be [40%\]]
+    expected: FAIL
+
+  [CSS Transitions: property <vertical-align> from neutral to [40px\] at (-0.5) should be [-5px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <vertical-align> from neutral to [40px\] at (0) should be [10px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <vertical-align> from neutral to [40px\] at (0.3) should be [19px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <vertical-align> from neutral to [40px\] at (0.6) should be [28px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <vertical-align> from neutral to [40px\] at (1) should be [40px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <vertical-align> from neutral to [40px\] at (1.5) should be [55px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <vertical-align> from neutral to [40px\] at (-0.5) should be [-5px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <vertical-align> from neutral to [40px\] at (0) should be [10px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <vertical-align> from neutral to [40px\] at (0.3) should be [19px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <vertical-align> from neutral to [40px\] at (0.6) should be [28px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <vertical-align> from neutral to [40px\] at (1) should be [40px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <vertical-align> from neutral to [40px\] at (1.5) should be [55px\]]
+    expected: FAIL
+
+  [CSS Animations: property <vertical-align> from neutral to [40px\] at (-0.5) should be [-5px\]]
+    expected: FAIL
+
+  [CSS Animations: property <vertical-align> from neutral to [40px\] at (0) should be [10px\]]
+    expected: FAIL
+
+  [CSS Animations: property <vertical-align> from neutral to [40px\] at (0.3) should be [19px\]]
+    expected: FAIL
+
+  [CSS Animations: property <vertical-align> from neutral to [40px\] at (0.6) should be [28px\]]
+    expected: FAIL
+
+  [CSS Animations: property <vertical-align> from neutral to [40px\] at (1) should be [40px\]]
+    expected: FAIL
+
+  [CSS Animations: property <vertical-align> from neutral to [40px\] at (1.5) should be [55px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <vertical-align> from [initial\] to [40px\] at (-0.3) should be [initial\]]
+    expected: FAIL
+
+  [CSS Transitions: property <vertical-align> from [initial\] to [40px\] at (0) should be [initial\]]
+    expected: FAIL
+
+  [CSS Transitions: property <vertical-align> from [initial\] to [40px\] at (0.3) should be [initial\]]
+    expected: FAIL
+
+  [CSS Transitions: property <vertical-align> from [initial\] to [40px\] at (0.5) should be [40px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <vertical-align> from [initial\] to [40px\] at (0.6) should be [40px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <vertical-align> from [initial\] to [40px\] at (1) should be [40px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <vertical-align> from [initial\] to [40px\] at (1.5) should be [40px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <vertical-align> from [initial\] to [40px\] at (-0.3) should be [40px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <vertical-align> from [initial\] to [40px\] at (0) should be [40px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <vertical-align> from [initial\] to [40px\] at (0.3) should be [40px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <vertical-align> from [initial\] to [40px\] at (0.5) should be [40px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <vertical-align> from [initial\] to [40px\] at (0.6) should be [40px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <vertical-align> from [initial\] to [40px\] at (1) should be [40px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <vertical-align> from [initial\] to [40px\] at (1.5) should be [40px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <vertical-align> from [inherit\] to [40px\] at (-0.5) should be [130px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <vertical-align> from [inherit\] to [40px\] at (0) should be [100px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <vertical-align> from [inherit\] to [40px\] at (0.3) should be [82px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <vertical-align> from [inherit\] to [40px\] at (0.6) should be [64px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <vertical-align> from [inherit\] to [40px\] at (1) should be [40px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <vertical-align> from [inherit\] to [40px\] at (1.5) should be [10px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <vertical-align> from [inherit\] to [40px\] at (-0.5) should be [130px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <vertical-align> from [inherit\] to [40px\] at (0) should be [100px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <vertical-align> from [inherit\] to [40px\] at (0.3) should be [82px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <vertical-align> from [inherit\] to [40px\] at (0.6) should be [64px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <vertical-align> from [inherit\] to [40px\] at (1) should be [40px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <vertical-align> from [inherit\] to [40px\] at (1.5) should be [10px\]]
+    expected: FAIL
+
+  [CSS Animations: property <vertical-align> from [inherit\] to [40px\] at (-0.5) should be [130px\]]
+    expected: FAIL
+
+  [CSS Animations: property <vertical-align> from [inherit\] to [40px\] at (0) should be [100px\]]
+    expected: FAIL
+
+  [CSS Animations: property <vertical-align> from [inherit\] to [40px\] at (0.3) should be [82px\]]
+    expected: FAIL
+
+  [CSS Animations: property <vertical-align> from [inherit\] to [40px\] at (0.6) should be [64px\]]
+    expected: FAIL
+
+  [CSS Animations: property <vertical-align> from [inherit\] to [40px\] at (1) should be [40px\]]
+    expected: FAIL
+
+  [CSS Animations: property <vertical-align> from [inherit\] to [40px\] at (1.5) should be [10px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <vertical-align> from [unset\] to [40px\] at (-0.3) should be [unset\]]
+    expected: FAIL
+
+  [CSS Transitions: property <vertical-align> from [unset\] to [40px\] at (0) should be [unset\]]
+    expected: FAIL
+
+  [CSS Transitions: property <vertical-align> from [unset\] to [40px\] at (0.3) should be [unset\]]
+    expected: FAIL
+
+  [CSS Transitions: property <vertical-align> from [unset\] to [40px\] at (0.5) should be [40px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <vertical-align> from [unset\] to [40px\] at (0.6) should be [40px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <vertical-align> from [unset\] to [40px\] at (1) should be [40px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <vertical-align> from [unset\] to [40px\] at (1.5) should be [40px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <vertical-align> from [unset\] to [40px\] at (-0.3) should be [40px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <vertical-align> from [unset\] to [40px\] at (0) should be [40px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <vertical-align> from [unset\] to [40px\] at (0.3) should be [40px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <vertical-align> from [unset\] to [40px\] at (0.5) should be [40px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <vertical-align> from [unset\] to [40px\] at (0.6) should be [40px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <vertical-align> from [unset\] to [40px\] at (1) should be [40px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <vertical-align> from [unset\] to [40px\] at (1.5) should be [40px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <vertical-align> from [0px\] to [100px\] at (-0.5) should be [-50px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <vertical-align> from [0px\] to [100px\] at (0) should be [0px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <vertical-align> from [0px\] to [100px\] at (0.3) should be [30px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <vertical-align> from [0px\] to [100px\] at (0.6) should be [60px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <vertical-align> from [0px\] to [100px\] at (1) should be [100px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <vertical-align> from [0px\] to [100px\] at (1.5) should be [150px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <vertical-align> from [0px\] to [100px\] at (-0.5) should be [-50px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <vertical-align> from [0px\] to [100px\] at (0) should be [0px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <vertical-align> from [0px\] to [100px\] at (0.3) should be [30px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <vertical-align> from [0px\] to [100px\] at (0.6) should be [60px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <vertical-align> from [0px\] to [100px\] at (1) should be [100px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <vertical-align> from [0px\] to [100px\] at (1.5) should be [150px\]]
+    expected: FAIL
+
+  [CSS Animations: property <vertical-align> from [0px\] to [100px\] at (-0.5) should be [-50px\]]
+    expected: FAIL
+
+  [CSS Animations: property <vertical-align> from [0px\] to [100px\] at (0) should be [0px\]]
+    expected: FAIL
+
+  [CSS Animations: property <vertical-align> from [0px\] to [100px\] at (0.3) should be [30px\]]
+    expected: FAIL
+
+  [CSS Animations: property <vertical-align> from [0px\] to [100px\] at (0.6) should be [60px\]]
+    expected: FAIL
+
+  [CSS Animations: property <vertical-align> from [0px\] to [100px\] at (1) should be [100px\]]
+    expected: FAIL
+
+  [CSS Animations: property <vertical-align> from [0px\] to [100px\] at (1.5) should be [150px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <vertical-align> from [40px\] to [40%\] at (-0.5) should be [calc(60px - 20%)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <vertical-align> from [40px\] to [40%\] at (0) should be [calc(40px + 0%)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <vertical-align> from [40px\] to [40%\] at (0.3) should be [calc(28px + 12%)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <vertical-align> from [40px\] to [40%\] at (1) should be [40%\]]
+    expected: FAIL
+
+  [CSS Transitions: property <vertical-align> from [40px\] to [40%\] at (1.5) should be [calc(-20px + 60%)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <vertical-align> from [40px\] to [40%\] at (-0.5) should be [calc(60px - 20%)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <vertical-align> from [40px\] to [40%\] at (0) should be [calc(40px + 0%)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <vertical-align> from [40px\] to [40%\] at (0.3) should be [calc(28px + 12%)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <vertical-align> from [40px\] to [40%\] at (1) should be [40%\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <vertical-align> from [40px\] to [40%\] at (1.5) should be [calc(-20px + 60%)\]]
+    expected: FAIL
+
+  [CSS Animations: property <vertical-align> from [40px\] to [40%\] at (-0.5) should be [calc(60px - 20%)\]]
+    expected: FAIL
+
+  [CSS Animations: property <vertical-align> from [40px\] to [40%\] at (0) should be [calc(40px + 0%)\]]
+    expected: FAIL
+
+  [CSS Animations: property <vertical-align> from [40px\] to [40%\] at (0.3) should be [calc(28px + 12%)\]]
+    expected: FAIL
+
+  [CSS Animations: property <vertical-align> from [40px\] to [40%\] at (1) should be [40%\]]
+    expected: FAIL
+
+  [CSS Animations: property <vertical-align> from [40px\] to [40%\] at (1.5) should be [calc(-20px + 60%)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <vertical-align> from [super\] to [40%\] at (-0.3) should be [super\]]
+    expected: FAIL
+
+  [CSS Transitions: property <vertical-align> from [super\] to [40%\] at (0) should be [super\]]
+    expected: FAIL
+
+  [CSS Transitions: property <vertical-align> from [super\] to [40%\] at (0.3) should be [super\]]
+    expected: FAIL
+
+  [CSS Transitions: property <vertical-align> from [super\] to [40%\] at (0.5) should be [40%\]]
+    expected: FAIL
+
+  [CSS Transitions: property <vertical-align> from [super\] to [40%\] at (0.6) should be [40%\]]
+    expected: FAIL
+
+  [CSS Transitions: property <vertical-align> from [super\] to [40%\] at (1) should be [40%\]]
+    expected: FAIL
+
+  [CSS Transitions: property <vertical-align> from [super\] to [40%\] at (1.5) should be [40%\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <vertical-align> from [super\] to [40%\] at (-0.3) should be [40%\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <vertical-align> from [super\] to [40%\] at (0) should be [40%\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <vertical-align> from [super\] to [40%\] at (0.3) should be [40%\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <vertical-align> from [super\] to [40%\] at (0.5) should be [40%\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <vertical-align> from [super\] to [40%\] at (0.6) should be [40%\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <vertical-align> from [super\] to [40%\] at (1) should be [40%\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <vertical-align> from [super\] to [40%\] at (1.5) should be [40%\]]
+    expected: FAIL
diff --git a/tests/wpt/meta/css/css-transitions/animations/z-index-interpolation.html.ini b/tests/wpt/meta/css/css-transitions/animations/z-index-interpolation.html.ini
new file mode 100644
index 00000000000..f905d0ad084
--- /dev/null
+++ b/tests/wpt/meta/css/css-transitions/animations/z-index-interpolation.html.ini
@@ -0,0 +1,246 @@
+[z-index-interpolation.html]
+  [Web Animations: property <z-index> from [unset\] to [5\] at (1.5) should be [5\]]
+    expected: FAIL
+
+  [Web Animations: property <z-index> from [2\] to [4\] at (0.3) should be [3\]]
+    expected: FAIL
+
+  [Web Animations: property <z-index> from [auto\] to [10\] at (1.5) should be [10\]]
+    expected: FAIL
+
+  [CSS Animations: property <z-index> from [unset\] to [5\] at (0.3) should be [unset\]]
+    expected: FAIL
+
+  [CSS Animations: property <z-index> from [initial\] to [5\] at (1) should be [5\]]
+    expected: FAIL
+
+  [CSS Animations: property <z-index> from [initial\] to [5\] at (1.5) should be [5\]]
+    expected: FAIL
+
+  [Web Animations: property <z-index> from [auto\] to [10\] at (-0.3) should be [auto\]]
+    expected: FAIL
+
+  [Web Animations: property <z-index> from neutral to [5\] at (-0.3) should be [-4\]]
+    expected: FAIL
+
+  [Web Animations: property <z-index> from neutral to [5\] at (1.5) should be [9\]]
+    expected: FAIL
+
+  [CSS Animations: property <z-index> from [initial\] to [5\] at (0) should be [initial\]]
+    expected: FAIL
+
+  [Web Animations: property <z-index> from [2\] to [4\] at (-0.3) should be [1\]]
+    expected: FAIL
+
+  [Web Animations: property <z-index> from [initial\] to [5\] at (0.6) should be [5\]]
+    expected: FAIL
+
+  [CSS Animations: property <z-index> from [auto\] to [10\] at (0.5) should be [10\]]
+    expected: FAIL
+
+  [Web Animations: property <z-index> from neutral to [5\] at (1) should be [5\]]
+    expected: FAIL
+
+  [CSS Animations: property <z-index> from [unset\] to [5\] at (0.5) should be [5\]]
+    expected: FAIL
+
+  [CSS Animations: property <z-index> from [unset\] to [5\] at (1.5) should be [5\]]
+    expected: FAIL
+
+  [Web Animations: property <z-index> from [initial\] to [5\] at (0.5) should be [5\]]
+    expected: FAIL
+
+  [Web Animations: property <z-index> from [inherit\] to [5\] at (1.5) should be [0\]]
+    expected: FAIL
+
+  [Web Animations: property <z-index> from [-2\] to [-4\] at (1.5) should be [-5\]]
+    expected: FAIL
+
+  [Web Animations: property <z-index> from [2\] to [4\] at (0.6) should be [3\]]
+    expected: FAIL
+
+  [Web Animations: property <z-index> from [-2\] to [-4\] at (0) should be [-2\]]
+    expected: FAIL
+
+  [Web Animations: property <z-index> from [-2\] to [-4\] at (1) should be [-4\]]
+    expected: FAIL
+
+  [Web Animations: property <z-index> from [-2\] to [-4\] at (0.3) should be [-3\]]
+    expected: FAIL
+
+  [Web Animations: property <z-index> from [-5\] to [5\] at (1) should be [5\]]
+    expected: FAIL
+
+  [Web Animations: property <z-index> from [initial\] to [5\] at (0.3) should be [initial\]]
+    expected: FAIL
+
+  [Web Animations: property <z-index> from [initial\] to [5\] at (1.5) should be [5\]]
+    expected: FAIL
+
+  [CSS Animations: property <z-index> from [initial\] to [5\] at (-0.3) should be [initial\]]
+    expected: FAIL
+
+  [Web Animations: property <z-index> from [initial\] to [5\] at (0) should be [initial\]]
+    expected: FAIL
+
+  [Web Animations: property <z-index> from [2\] to [4\] at (0) should be [2\]]
+    expected: FAIL
+
+  [Web Animations: property <z-index> from [inherit\] to [5\] at (-0.3) should be [18\]]
+    expected: FAIL
+
+  [Web Animations: property <z-index> from neutral to [5\] at (0.6) should be [2\]]
+    expected: FAIL
+
+  [Web Animations: property <z-index> from [unset\] to [5\] at (0) should be [unset\]]
+    expected: FAIL
+
+  [CSS Animations: property <z-index> from [auto\] to [10\] at (1) should be [10\]]
+    expected: FAIL
+
+  [Web Animations: property <z-index> from [2\] to [4\] at (1) should be [4\]]
+    expected: FAIL
+
+  [Web Animations: property <z-index> from [inherit\] to [5\] at (0.3) should be [12\]]
+    expected: FAIL
+
+  [Web Animations: property <z-index> from [auto\] to [10\] at (0) should be [auto\]]
+    expected: FAIL
+
+  [Web Animations: property <z-index> from [inherit\] to [5\] at (0.6) should be [9\]]
+    expected: FAIL
+
+  [Web Animations: property <z-index> from neutral to [5\] at (0.3) should be [0\]]
+    expected: FAIL
+
+  [CSS Animations: property <z-index> from [auto\] to [10\] at (1.5) should be [10\]]
+    expected: FAIL
+
+  [CSS Animations: property <z-index> from [unset\] to [5\] at (0.6) should be [5\]]
+    expected: FAIL
+
+  [Web Animations: property <z-index> from [-5\] to [5\] at (0.6) should be [1\]]
+    expected: FAIL
+
+  [CSS Animations: property <z-index> from [unset\] to [5\] at (1) should be [5\]]
+    expected: FAIL
+
+  [Web Animations: property <z-index> from [unset\] to [5\] at (0.5) should be [5\]]
+    expected: FAIL
+
+  [Web Animations: property <z-index> from [2\] to [4\] at (1.5) should be [5\]]
+    expected: FAIL
+
+  [Web Animations: property <z-index> from [-5\] to [5\] at (0.3) should be [-2\]]
+    expected: FAIL
+
+  [CSS Animations: property <z-index> from [auto\] to [10\] at (0.3) should be [auto\]]
+    expected: FAIL
+
+  [Web Animations: property <z-index> from [unset\] to [5\] at (1) should be [5\]]
+    expected: FAIL
+
+  [Web Animations: property <z-index> from [initial\] to [5\] at (1) should be [5\]]
+    expected: FAIL
+
+  [Web Animations: property <z-index> from [-2\] to [-4\] at (0.6) should be [-3\]]
+    expected: FAIL
+
+  [Web Animations: property <z-index> from [-2\] to [-4\] at (-0.3) should be [-1\]]
+    expected: FAIL
+
+  [Web Animations: property <z-index> from [-5\] to [5\] at (-0.3) should be [-8\]]
+    expected: FAIL
+
+  [CSS Animations: property <z-index> from [auto\] to [10\] at (0) should be [auto\]]
+    expected: FAIL
+
+  [CSS Animations: property <z-index> from [unset\] to [5\] at (-0.3) should be [unset\]]
+    expected: FAIL
+
+  [Web Animations: property <z-index> from [-2\] to [-4\] at (0.1) should be [-2\]]
+    expected: FAIL
+
+  [Web Animations: property <z-index> from [-5\] to [5\] at (1.5) should be [10\]]
+    expected: FAIL
+
+  [Web Animations: property <z-index> from [-5\] to [5\] at (0) should be [-5\]]
+    expected: FAIL
+
+  [Web Animations: property <z-index> from neutral to [5\] at (0) should be [-2\]]
+    expected: FAIL
+
+  [Web Animations: property <z-index> from [inherit\] to [5\] at (0) should be [15\]]
+    expected: FAIL
+
+  [Web Animations: property <z-index> from [unset\] to [5\] at (-0.3) should be [unset\]]
+    expected: FAIL
+
+  [Web Animations: property <z-index> from [unset\] to [5\] at (0.6) should be [5\]]
+    expected: FAIL
+
+  [Web Animations: property <z-index> from [unset\] to [5\] at (0.3) should be [unset\]]
+    expected: FAIL
+
+  [CSS Animations: property <z-index> from [initial\] to [5\] at (0.6) should be [5\]]
+    expected: FAIL
+
+  [Web Animations: property <z-index> from [auto\] to [10\] at (0.5) should be [10\]]
+    expected: FAIL
+
+  [CSS Animations: property <z-index> from [initial\] to [5\] at (0.5) should be [5\]]
+    expected: FAIL
+
+  [Web Animations: property <z-index> from [auto\] to [10\] at (0.3) should be [auto\]]
+    expected: FAIL
+
+  [Web Animations: property <z-index> from [auto\] to [10\] at (0.6) should be [10\]]
+    expected: FAIL
+
+  [Web Animations: property <z-index> from [inherit\] to [5\] at (1) should be [5\]]
+    expected: FAIL
+
+  [CSS Animations: property <z-index> from [unset\] to [5\] at (0) should be [unset\]]
+    expected: FAIL
+
+  [CSS Animations: property <z-index> from [auto\] to [10\] at (-0.3) should be [auto\]]
+    expected: FAIL
+
+  [CSS Animations: property <z-index> from [initial\] to [5\] at (0.3) should be [initial\]]
+    expected: FAIL
+
+  [Web Animations: property <z-index> from [auto\] to [10\] at (1) should be [10\]]
+    expected: FAIL
+
+  [Web Animations: property <z-index> from [initial\] to [5\] at (-0.3) should be [initial\]]
+    expected: FAIL
+
+  [CSS Animations: property <z-index> from [auto\] to [10\] at (0.6) should be [10\]]
+    expected: FAIL
+
+  [CSS Transitions: property <z-index> from [initial\] to [5\] at (-0.3) should be [initial\]]
+    expected: FAIL
+
+  [CSS Transitions: property <z-index> from [initial\] to [5\] at (0) should be [initial\]]
+    expected: FAIL
+
+  [CSS Transitions: property <z-index> from [initial\] to [5\] at (0.3) should be [initial\]]
+    expected: FAIL
+
+  [CSS Transitions: property <z-index> from [unset\] to [5\] at (-0.3) should be [unset\]]
+    expected: FAIL
+
+  [CSS Transitions: property <z-index> from [unset\] to [5\] at (0) should be [unset\]]
+    expected: FAIL
+
+  [CSS Transitions: property <z-index> from [unset\] to [5\] at (0.3) should be [unset\]]
+    expected: FAIL
+
+  [CSS Transitions: property <z-index> from [auto\] to [10\] at (-0.3) should be [auto\]]
+    expected: FAIL
+
+  [CSS Transitions: property <z-index> from [auto\] to [10\] at (0) should be [auto\]]
+    expected: FAIL
+
+  [CSS Transitions: property <z-index> from [auto\] to [10\] at (0.3) should be [auto\]]
+    expected: FAIL