Auto merge of #26477 - mrobinson:layout-2020-get-computed-value, r=jdm

Add support for getComputedStyle() to layout_2020

These changes add support for `getComputedStyle()` to layout_2020.

---
<!-- Thank you for contributing to Servo! Please replace each `[ ]` by `[X]` when the step is complete, and replace `___` with appropriate data: -->
- [x] `./mach build -d` does not report any errors
- [x] `./mach test-tidy` does not report any errors
- [x] There are tests for these changes

<!-- Also, please make sure that "Allow edits from maintainers" checkbox is checked, so that we can help you if you get stuck somewhere along the way.-->

<!-- Pull requests that do not address these steps are welcome, but they will require additional verification as part of the review process. -->

components/layout_2020/flow/root.rs

@@ -237,7 +237,7 @@ impl FragmentTreeRoot {
         ))
     }
 
-    fn find<T>(
+    pub(crate) fn find<T>(
         &self,
         mut process_func: impl FnMut(&Fragment, &PhysicalRect<Length>) -> Option<T>,
     ) -> Option<T> {
@@ -251,16 +251,18 @@ impl FragmentTreeRoot {
     pub fn get_content_box_for_node(&self, requested_node: OpaqueNode) -> Rect<Au> {
         let mut bounding_box = PhysicalRect::zero();
         self.find(|fragment, containing_block| {
+            if fragment.tag() != Some(requested_node) {
+                return None::<()>;
+            }
+
             let fragment_relative_rect = match fragment {
-                Fragment::Box(fragment) if fragment.tag == requested_node => fragment
+                Fragment::Box(fragment) => fragment
                     .border_rect()
                     .to_physical(fragment.style.writing_mode, &containing_block),
-                Fragment::AbsoluteOrFixedPositioned(_) => PhysicalRect::zero(),
+                Fragment::Text(fragment) => fragment
-                Fragment::Text(fragment) if fragment.tag == requested_node => fragment
                     .rect
                     .to_physical(fragment.parent_style.writing_mode, &containing_block),
-                Fragment::Box(_) |
+                Fragment::AbsoluteOrFixedPositioned(_) |
-                Fragment::Text(_) |
                 Fragment::Image(_) |
                 Fragment::Anonymous(_) => return None,
             };

components/layout_2020/fragments.rs

@@ -148,6 +148,16 @@ impl Fragment {
         position.inline += *offset;
     }
 
+    pub fn tag(&self) -> Option<OpaqueNode> {
+        match self {
+            Fragment::Box(fragment) => Some(fragment.tag),
+            Fragment::Text(fragment) => Some(fragment.tag),
+            Fragment::AbsoluteOrFixedPositioned(_) |
+            Fragment::Anonymous(_) |
+            Fragment::Image(_) => None,
+        }
+    }
+
     pub fn print(&self, tree: &mut PrintTree) {
         match self {
             Fragment::Box(fragment) => fragment.print(tree),

components/layout_2020/lib.rs

@@ -4,6 +4,8 @@
 
 #![deny(unsafe_code)]
 
+#[macro_use]
+extern crate log;
 #[macro_use]
 extern crate serde;
 

components/layout_2020/query.rs

@@ -3,9 +3,9 @@
  * file, You can obtain one at https://mozilla.org/MPL/2.0/. */
 
 //! Utilities for querying the layout, as needed by the layout thread.
-
 use crate::context::LayoutContext;
 use crate::flow::FragmentTreeRoot;
+use crate::fragments::Fragment;
 use app_units::Au;
 use euclid::default::{Point2D, Rect};
 use euclid::Size2D;
@@ -16,15 +16,24 @@ use script_layout_interface::rpc::TextIndexResponse;
 use script_layout_interface::rpc::{ContentBoxResponse, ContentBoxesResponse, LayoutRPC};
 use script_layout_interface::rpc::{NodeGeometryResponse, NodeScrollIdResponse};
 use script_layout_interface::rpc::{OffsetParentResponse, ResolvedStyleResponse};
-use script_layout_interface::wrapper_traits::{LayoutNode, ThreadSafeLayoutNode};
+use script_layout_interface::wrapper_traits::{
+    LayoutNode, ThreadSafeLayoutElement, ThreadSafeLayoutNode,
+};
 use script_traits::LayoutMsg as ConstellationMsg;
 use script_traits::UntrustedNodeAddress;
 use std::collections::HashMap;
 use std::sync::{Arc, Mutex};
+use style::computed_values::position::T as Position;
+use style::context::{StyleContext, ThreadLocalStyleContext};
 use style::dom::OpaqueNode;
-use style::properties::PropertyId;
+use style::dom::TElement;
+use style::properties::{LonghandId, PropertyDeclarationId, PropertyId};
 use style::selector_parser::PseudoElement;
+use style::stylist::RuleInclusion;
+use style::traversal::resolve_style;
+use style::values::generics::text::LineHeight;
 use style_traits::CSSPixel;
+use style_traits::ToCss;
 use webrender_api::units::LayoutPixel;
 use webrender_api::ExternalScrollId;
 
@@ -199,12 +208,165 @@ pub fn process_node_scroll_area_request(_requested_node: OpaqueNode) -> Rect<i32
 /// Return the resolved value of property for a given (pseudo)element.
 /// <https://drafts.csswg.org/cssom/#resolved-value>
 pub fn process_resolved_style_request<'dom>(
-    _context: &LayoutContext,
+    context: &LayoutContext,
-    _node: impl LayoutNode<'dom>,
+    node: impl LayoutNode<'dom>,
-    _pseudo: &Option<PseudoElement>,
+    pseudo: &Option<PseudoElement>,
-    _property: &PropertyId,
+    property: &PropertyId,
+    fragment_tree_root: Option<Arc<FragmentTreeRoot>>,
 ) -> String {
-    "".to_owned()
+    if !node.as_element().unwrap().has_data() {
+        return process_resolved_style_request_for_unstyled_node(context, node, pseudo, property);
+    }
+
+    // We call process_resolved_style_request after performing a whole-document
+    // traversal, so in the common case, the element is styled.
+    let layout_element = node.to_threadsafe().as_element().unwrap();
+    let layout_element = match *pseudo {
+        None => Some(layout_element),
+        Some(PseudoElement::Before) => layout_element.get_before_pseudo(),
+        Some(PseudoElement::After) => layout_element.get_after_pseudo(),
+        Some(_) => {
+            warn!("Got unexpected pseudo element type!");
+            None
+        },
+    };
+
+    let layout_element = match layout_element {
+        None => {
+            // The pseudo doesn't exist, return nothing.  Chrome seems to query
+            // the element itself in this case, Firefox uses the resolved value.
+            // https://www.w3.org/Bugs/Public/show_bug.cgi?id=29006
+            return String::new();
+        },
+        Some(layout_element) => layout_element,
+    };
+
+    let style = &*layout_element.resolved_style();
+    let longhand_id = match *property {
+        PropertyId::LonghandAlias(id, _) | PropertyId::Longhand(id) => id,
+        // Firefox returns blank strings for the computed value of shorthands,
+        // so this should be web-compatible.
+        PropertyId::ShorthandAlias(..) | PropertyId::Shorthand(_) => return String::new(),
+        PropertyId::Custom(ref name) => {
+            return style.computed_value_to_string(PropertyDeclarationId::Custom(name));
+        },
+    }
+    .to_physical(style.writing_mode);
+
+    let computed_style =
+        || style.computed_value_to_string(PropertyDeclarationId::Longhand(longhand_id));
+
+    // We do not yet support pseudo content.
+    if pseudo.is_some() {
+        return computed_style();
+    }
+
+    // https://drafts.csswg.org/cssom/#dom-window-getcomputedstyle
+    // Here we are trying to conform to the specification that says that getComputedStyle
+    // should return the used values in certain circumstances. For size and positional
+    // properties we might need to walk the Fragment tree to figure those out. We always
+    // fall back to returning the computed value.
+
+    // For line height, the resolved value is the computed value if it
+    // is "normal" and the used value otherwise.
+    if longhand_id == LonghandId::LineHeight {
+        let font_size = style.get_font().font_size.size.0;
+        return match style.get_inherited_text().line_height {
+            LineHeight::Normal => computed_style(),
+            LineHeight::Number(value) => (font_size * value.0).to_css_string(),
+            LineHeight::Length(value) => value.0.to_css_string(),
+        };
+    }
+
+    // https://drafts.csswg.org/cssom/#dom-window-getcomputedstyle
+    // The properties that we calculate below all resolve to the computed value
+    // when the element is display:none or display:contents.
+    let display = style.get_box().display;
+    if display.is_none() || display.is_contents() {
+        return computed_style();
+    }
+
+    let fragment_tree_root = match fragment_tree_root {
+        Some(fragment_tree_root) => fragment_tree_root,
+        None => return computed_style(),
+    };
+    fragment_tree_root
+        .find(|fragment, containing_block| {
+            let box_fragment = match fragment {
+                Fragment::Box(ref box_fragment) if box_fragment.tag == node.opaque() => {
+                    box_fragment
+                },
+                _ => return None,
+            };
+
+            let positioned = style.get_box().position != Position::Static;
+            let content_rect = box_fragment
+                .content_rect
+                .to_physical(box_fragment.style.writing_mode, &containing_block);
+            let margins = box_fragment
+                .margin
+                .to_physical(box_fragment.style.writing_mode);
+            let padding = box_fragment
+                .padding
+                .to_physical(box_fragment.style.writing_mode);
+            match longhand_id {
+                LonghandId::Width => Some(content_rect.size.width),
+                LonghandId::Height => Some(content_rect.size.height),
+                LonghandId::MarginBottom => Some(margins.bottom),
+                LonghandId::MarginTop => Some(margins.top),
+                LonghandId::MarginLeft => Some(margins.left),
+                LonghandId::MarginRight => Some(margins.right),
+                LonghandId::PaddingBottom => Some(padding.bottom),
+                LonghandId::PaddingTop => Some(padding.top),
+                LonghandId::PaddingLeft => Some(padding.left),
+                LonghandId::PaddingRight => Some(padding.right),
+                // TODO(mrobinson): These following values are often wrong, because these are not
+                // exactly the "used value" for the positional properties. The real used values are
+                // lost by the time the Fragment tree is constructed, so we may need to record them in
+                // the tree to properly answer this query. That said, we can return an okayish value
+                // sometimes simply by using the calculated position in the containing block.
+                LonghandId::Top if positioned => Some(content_rect.origin.y),
+                LonghandId::Left if positioned => Some(content_rect.origin.x),
+                _ => None,
+            }
+            .map(|value| value.to_css_string())
+        })
+        .unwrap_or_else(computed_style)
+}
+
+pub fn process_resolved_style_request_for_unstyled_node<'dom>(
+    context: &LayoutContext,
+    node: impl LayoutNode<'dom>,
+    pseudo: &Option<PseudoElement>,
+    property: &PropertyId,
+) -> String {
+    // In a display: none subtree. No pseudo-element exists.
+    if pseudo.is_some() {
+        return String::new();
+    }
+
+    let mut tlc = ThreadLocalStyleContext::new(&context.style_context);
+    let mut context = StyleContext {
+        shared: &context.style_context,
+        thread_local: &mut tlc,
+    };
+
+    let element = node.as_element().unwrap();
+    let styles = resolve_style(&mut context, element, RuleInclusion::All, pseudo.as_ref());
+    let style = styles.primary();
+    let longhand_id = match *property {
+        PropertyId::LonghandAlias(id, _) | PropertyId::Longhand(id) => id,
+        // Firefox returns blank strings for the computed value of shorthands,
+        // so this should be web-compatible.
+        PropertyId::ShorthandAlias(..) | PropertyId::Shorthand(_) => return String::new(),
+        PropertyId::Custom(ref name) => {
+            return style.computed_value_to_string(PropertyDeclarationId::Custom(name));
+        },
+    };
+
+    // No need to care about used values here, since we're on a display: none
+    // subtree, use the resolved value.
+    style.computed_value_to_string(PropertyDeclarationId::Longhand(longhand_id))
 }
 
 pub fn process_offset_parent_query(_requested_node: OpaqueNode) -> OffsetParentResponse {

components/layout_thread_2020/lib.rs

@@ -1194,8 +1194,14 @@ impl LayoutThread {
                 },
                 &QueryMsg::ResolvedStyleQuery(node, ref pseudo, ref property) => {
                     let node = unsafe { ServoLayoutNode::new(&node) };
-                    rw_data.resolved_style_response =
+                    let fragment_tree = self.fragment_tree_root.borrow().clone();
-                        process_resolved_style_request(context, node, pseudo, property);
+                    rw_data.resolved_style_response = process_resolved_style_request(
+                        context,
+                        node,
+                        pseudo,
+                        property,
+                        fragment_tree,
+                    );
                 },
                 &QueryMsg::OffsetParentQuery(node) => {
                     rw_data.offset_parent_response = process_offset_parent_query(node);

components/style/values/specified/box.rs

@@ -400,7 +400,7 @@ impl Display {
     #[inline]
     pub fn is_contents(&self) -> bool {
         match *self {
-            #[cfg(feature = "gecko")]
+            #[cfg(any(feature = "servo-layout-2020", feature = "gecko"))]
             Display::Contents => true,
             _ => false,
         }

tests/wpt/include-layout-2020.ini

@@ -15,6 +15,10 @@ skip: true
     skip: false
   [css-color]
     skip: false
+  [cssom]
+    skip: false
+  [cssom-view]
+    skip: false
   [css-text-decor]
     skip: false
   [css-transforms]
@@ -23,5 +27,3 @@ skip: true
     skip: false
   [filter-effects]
     skip: false
-  [cssom-view]
-    skip: false

tests/wpt/metadata-layout-2020/css/CSS2/linebox/animations/line-height-interpolation.html.ini

@@ -332,3 +332,546 @@
   [Web Animations: property <line-height> from [normal\] to [14px\] at (0.5) should be [14px\]]
     expected: FAIL
 
+  [CSS Transitions: property <line-height> from [unset\] to [20px\] at (0) should be [30px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <line-height> from [4px\] to [14px\] at (-1) should be [0px\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [14px\] to [normal\] at (0.5) should be [normal\]]
+    expected: FAIL
+
+  [CSS Transitions: property <line-height> from [4q\] to [14q\] at (1.5) should be [19q\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [inherit\] to [20px\] at (0) should be [30px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <line-height> from [4\] to [14\] at (0) should be [4\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <line-height> from [inherit\] to [20px\] at (1.5) should be [15px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <line-height> from neutral to [20px\] at (-0.3) should be [7px\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [4\] to [14\] at (0) should be [4\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <line-height> from [4\] to [14\] at (0) should be [4\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [4\] to [14px\] at (0.3) should be [4\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [4\] to [normal\] at (1.5) should be [normal\]]
+    expected: FAIL
+
+  [CSS Transitions: property <line-height> from [4px\] to [14px\] at (-1) should be [0px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <line-height> from [4\] to [14\] at (1.5) should be [19\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [normal\] to [14px\] at (0.3) should be [normal\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [normal\] to [4\] at (0.6) should be [4\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [14px\] to [4\] at (1.5) should be [4\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <line-height> from [4q\] to [14q\] at (-1) should be [0q\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <line-height> from [4q\] to [14q\] at (0.6) should be [10q\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from neutral to [20px\] at (0.6) should be [16px\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [initial\] to [20px\] at (0) should be [initial\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from neutral to [20px\] at (0.3) should be [13px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <line-height> from [4q\] to [14q\] at (0) should be [4q\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [14q\] to [normal\] at (0) should be [14q\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [normal\] to [normal\] at (0.3) should be [normal\]]
+    expected: FAIL
+
+  [CSS Transitions: property <line-height> from [inherit\] to [20px\] at (0) should be [30px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <line-height> from [4px\] to [14px\] at (0.3) should be [7px\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [normal\] to [4\] at (0) should be [normal\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [normal\] to [4\] at (0.5) should be [4\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [unset\] to [20px\] at (-0.3) should be [33px\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [initial\] to [20px\] at (0.6) should be [20px\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [unset\] to [20px\] at (0) should be [30px\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [4\] to [14q\] at (0) should be [4\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <line-height> from [inherit\] to [20px\] at (0.3) should be [27px\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [4\] to [14px\] at (1.5) should be [14px\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [14q\] to [normal\] at (-0.3) should be [14q\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [14px\] to [4\] at (0.3) should be [14px\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [4px\] to [14px\] at (1) should be [14px\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [14px\] to [4\] at (-0.3) should be [14px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <line-height> from [inherit\] to [20px\] at (-1) should be [40px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <line-height> from [4\] to [14\] at (0.3) should be [7\]]
+    expected: FAIL
+
+  [CSS Transitions: property <line-height> from [4px\] to [14px\] at (0) should be [4px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <line-height> from neutral to [20px\] at (0.3) should be [13px\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [4\] to [normal\] at (0) should be [4\]]
+    expected: FAIL
+
+  [CSS Transitions: property <line-height> from [unset\] to [20px\] at (0.3) should be [27px\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [4\] to [14\] at (1.5) should be [19\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [14px\] to [normal\] at (-0.3) should be [14px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <line-height> from [4px\] to [14px\] at (0.6) should be [10px\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [4\] to [14q\] at (-0.3) should be [4\]]
+    expected: FAIL
+
+  [CSS Transitions: property <line-height> from neutral to [20px\] at (0) should be [10px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <line-height> from [4q\] to [14q\] at (0.3) should be [7q\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [normal\] to [normal\] at (0) should be [normal\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [4q\] to [14q\] at (0.6) should be [10q\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [4\] to [14q\] at (0.5) should be [14q\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [normal\] to [14px\] at (0) should be [normal\]]
+    expected: FAIL
+
+  [CSS Transitions: property <line-height> from [4q\] to [14q\] at (0) should be [4q\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [4\] to [14\] at (-0.3) should be [1\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [unset\] to [20px\] at (0.3) should be [27px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <line-height> from [4q\] to [14q\] at (0.6) should be [10q\]]
+    expected: FAIL
+
+  [CSS Transitions: property <line-height> from [inherit\] to [20px\] at (-1) should be [40px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <line-height> from [unset\] to [20px\] at (0.3) should be [27px\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [4\] to [14q\] at (0.6) should be [14q\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [4q\] to [14q\] at (0.3) should be [7q\]]
+    expected: FAIL
+
+  [CSS Transitions: property <line-height> from [4q\] to [14q\] at (-0.3) should be [1q\]]
+    expected: FAIL
+
+  [CSS Transitions: property <line-height> from [unset\] to [20px\] at (-1) should be [40px\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [4px\] to [14px\] at (0) should be [4px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <line-height> from [inherit\] to [20px\] at (0.6) should be [24px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <line-height> from neutral to [20px\] at (-1) should be [0px\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [14px\] to [normal\] at (1) should be [normal\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [4\] to [normal\] at (-0.3) should be [4\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [4\] to [14\] at (0.3) should be [7\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from neutral to [20px\] at (-1) should be [0px\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [normal\] to [normal\] at (-0.3) should be [normal\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <line-height> from [4px\] to [14px\] at (0.3) should be [7px\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [4\] to [14\] at (0.6) should be [10\]]
+    expected: FAIL
+
+  [CSS Transitions: property <line-height> from [unset\] to [20px\] at (0.6) should be [24px\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [4q\] to [14q\] at (1.5) should be [19q\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [inherit\] to [20px\] at (1) should be [20px\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [14px\] to [4\] at (0) should be [14px\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [4\] to [14px\] at (-0.3) should be [4\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from neutral to [20px\] at (1.5) should be [25px\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [normal\] to [4\] at (0.3) should be [normal\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [14px\] to [normal\] at (0.6) should be [normal\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <line-height> from [4\] to [14\] at (1.5) should be [19\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [4\] to [14\] at (-1) should be [0\]]
+    expected: FAIL
+
+  [CSS Transitions: property <line-height> from [4px\] to [14px\] at (-0.3) should be [1px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <line-height> from neutral to [20px\] at (0) should be [10px\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [inherit\] to [20px\] at (0.6) should be [24px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <line-height> from [unset\] to [20px\] at (-0.3) should be [33px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <line-height> from [4px\] to [14px\] at (0.6) should be [10px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <line-height> from [4\] to [14\] at (-0.3) should be [1\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [14px\] to [normal\] at (0.3) should be [14px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <line-height> from [4px\] to [14px\] at (1.5) should be [19px\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [normal\] to [4\] at (1.5) should be [4\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [14px\] to [4\] at (0.5) should be [4\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <line-height> from [4q\] to [14q\] at (1.5) should be [19q\]]
+    expected: FAIL
+
+  [CSS Transitions: property <line-height> from [inherit\] to [20px\] at (-0.3) should be [33px\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [4px\] to [14px\] at (-1) should be [0px\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [4\] to [normal\] at (0.3) should be [4\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [4\] to [14px\] at (0.6) should be [14px\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [4px\] to [14px\] at (1.5) should be [19px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <line-height> from neutral to [20px\] at (1.5) should be [25px\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [4\] to [14px\] at (1) should be [14px\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [4\] to [14q\] at (1.5) should be [14q\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [4px\] to [14px\] at (0.3) should be [7px\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from neutral to [20px\] at (1) should be [20px\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [normal\] to [14px\] at (1.5) should be [14px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <line-height> from [4q\] to [14q\] at (-1) should be [0q\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [14q\] to [normal\] at (1.5) should be [normal\]]
+    expected: FAIL
+
+  [CSS Transitions: property <line-height> from [4\] to [14\] at (0.3) should be [7\]]
+    expected: FAIL
+
+  [CSS Transitions: property <line-height> from neutral to [20px\] at (0.3) should be [13px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <line-height> from [4px\] to [14px\] at (1.5) should be [19px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <line-height> from [4q\] to [14q\] at (-0.3) should be [1q\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <line-height> from [unset\] to [20px\] at (0) should be [30px\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [initial\] to [20px\] at (0.3) should be [initial\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [4\] to [14px\] at (0.5) should be [14px\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [14q\] to [normal\] at (0.3) should be [14q\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [unset\] to [20px\] at (1) should be [20px\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [normal\] to [normal\] at (0.6) should be [normal\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [normal\] to [14px\] at (0.5) should be [14px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <line-height> from [4\] to [14\] at (-1) should be [0\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [normal\] to [4\] at (1) should be [4\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [inherit\] to [20px\] at (1.5) should be [15px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <line-height> from [4\] to [14\] at (0.6) should be [10\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [14q\] to [normal\] at (1) should be [normal\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [unset\] to [20px\] at (1.5) should be [15px\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [initial\] to [20px\] at (1.5) should be [20px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <line-height> from [4\] to [14\] at (-0.3) should be [1\]]
+    expected: FAIL
+
+  [CSS Transitions: property <line-height> from neutral to [20px\] at (-0.3) should be [7px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <line-height> from neutral to [20px\] at (0.6) should be [16px\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [4px\] to [14px\] at (-0.3) should be [1px\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [unset\] to [20px\] at (0.6) should be [24px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <line-height> from [unset\] to [20px\] at (1.5) should be [15px\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [4\] to [normal\] at (1) should be [normal\]]
+    expected: FAIL
+
+  [CSS Transitions: property <line-height> from [4q\] to [14q\] at (0.3) should be [7q\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [inherit\] to [20px\] at (-1) should be [40px\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [14px\] to [normal\] at (0) should be [14px\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [4\] to [14px\] at (0) should be [4\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <line-height> from [4px\] to [14px\] at (0) should be [4px\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [4q\] to [14q\] at (1) should be [14q\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [14px\] to [normal\] at (1.5) should be [normal\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <line-height> from [unset\] to [20px\] at (0.6) should be [24px\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [inherit\] to [20px\] at (0.3) should be [27px\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [normal\] to [normal\] at (1) should be [normal\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [normal\] to [14px\] at (0.6) should be [14px\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [normal\] to [normal\] at (1.5) should be [normal\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <line-height> from [4px\] to [14px\] at (-0.3) should be [1px\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [4\] to [normal\] at (0.6) should be [normal\]]
+    expected: FAIL
+
+  [CSS Transitions: property <line-height> from [inherit\] to [20px\] at (1.5) should be [15px\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [4\] to [14q\] at (0.3) should be [4\]]
+    expected: FAIL
+
+  [CSS Transitions: property <line-height> from [inherit\] to [20px\] at (0.3) should be [27px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <line-height> from neutral to [20px\] at (-1) should be [0px\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [14q\] to [normal\] at (0.5) should be [normal\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [initial\] to [20px\] at (0.5) should be [20px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <line-height> from [4\] to [14\] at (-1) should be [0\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <line-height> from [unset\] to [20px\] at (-1) should be [40px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <line-height> from [inherit\] to [20px\] at (-0.3) should be [33px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <line-height> from neutral to [20px\] at (1.5) should be [25px\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [inherit\] to [20px\] at (-0.3) should be [33px\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [normal\] to [4\] at (-0.3) should be [normal\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [4\] to [normal\] at (0.5) should be [normal\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [14q\] to [normal\] at (0.6) should be [normal\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [4\] to [14q\] at (1) should be [14q\]]
+    expected: FAIL
+
+  [CSS Transitions: property <line-height> from [unset\] to [20px\] at (1.5) should be [15px\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [14px\] to [4\] at (0.6) should be [4\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [4\] to [14\] at (1) should be [14\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <line-height> from [inherit\] to [20px\] at (0) should be [30px\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [normal\] to [14px\] at (-0.3) should be [normal\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <line-height> from [4\] to [14\] at (0.6) should be [10\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <line-height> from neutral to [20px\] at (0.6) should be [16px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <line-height> from [inherit\] to [20px\] at (0.6) should be [24px\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [initial\] to [20px\] at (1) should be [20px\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [14px\] to [4\] at (1) should be [4\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <line-height> from [unset\] to [20px\] at (-0.3) should be [33px\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [initial\] to [20px\] at (-0.3) should be [initial\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [normal\] to [14px\] at (1) should be [14px\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [4q\] to [14q\] at (0) should be [4q\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [4q\] to [14q\] at (-1) should be [0q\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [unset\] to [20px\] at (-1) should be [40px\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from neutral to [20px\] at (-0.3) should be [7px\]]
+    expected: FAIL
+
+  [CSS Animations: property <line-height> from [4q\] to [14q\] at (-0.3) should be [1q\]]
+    expected: FAIL
+

tests/wpt/metadata-layout-2020/css/CSS2/linebox/inline-negative-margin-001.html.ini

@@ -8,3 +8,33 @@
   [[data-expected-height\] 4]
     expected: FAIL
 
+  [[data-expected-height\] 1]
+    expected: FAIL
+
+  [[data-expected-height\] 10]
+    expected: FAIL
+
+  [[data-expected-height\] 2]
+    expected: FAIL
+
+  [[data-expected-height\] 5]
+    expected: FAIL
+
+  [[data-expected-height\] 6]
+    expected: FAIL
+
+  [[data-expected-height\] 9]
+    expected: FAIL
+
+  [[data-expected-height\] 8]
+    expected: FAIL
+
+  [[data-expected-height\] 13]
+    expected: FAIL
+
+  [[data-expected-height\] 12]
+    expected: FAIL
+
+  [[data-expected-height\] 11]
+    expected: FAIL
+

tests/wpt/metadata-layout-2020/css/css-backgrounds/animations/background-color-interpolation.html.ini

@@ -128,3 +128,342 @@
   [Web Animations: property <background-color> from neutral to [green\] at (-0.3) should be [rgb(0, 0, 0)\]]
     expected: FAIL
 
+  [CSS Transitions with transition: all: property <background-color> from neutral to [green\] at (0.3) should be [rgb(0, 38, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-color> from [unset\] to [green\] at (0) should be [rgba(0, 0, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-color> from [initial\] to [green\] at (-0.3) should be [rgba(0, 0, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-color> from [white\] to [orange\] at (1.5) should be [rgb(255, 120, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-color> from [transparent\] to [green\] at (1.5) should be [rgb(0, 192, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-color> from [currentcolor\] to [rgba(0, 255, 0, 0.75)\] at (-0.5) should be [rgba(0, 0, 255, 0.38)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-color> from [currentcolor\] to [rgba(0, 255, 0, 0.75)\] at (0.5) should be [rgba(0, 153, 102, 0.63)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-color> from neutral to [green\] at (0) should be [rgb(0, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-color> from [currentcolor\] to [rgba(0, 255, 0, 0.75)\] at (0.25) should be [rgba(0, 85, 170, 0.56)\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-color> from [initial\] to [green\] at (0.6) should be [rgba(0, 128, 0, 0.6)\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-color> from [white\] to [orange\] at (-0.3) should be [white\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-color> from neutral to [green\] at (0.6) should be [rgb(0, 77, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-color> from [currentcolor\] to [rgba(0, 255, 0, 0.75)\] at (1.5) should be [rgba(0, 255, 0, 0.88)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-color> from [inherit\] to [green\] at (-0.3) should be [rgb(255, 255, 255)\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-color> from [inherit\] to [green\] at (0.3) should be [rgb(167, 205, 167)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-color> from [white\] to [orange\] at (0.6) should be [rgb(255, 201, 102)\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-color> from neutral to [green\] at (1.5) should be [rgb(0, 192, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-color> from [inherit\] to [green\] at (1.5) should be [rgb(0, 73, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-color> from [inherit\] to [green\] at (1) should be [rgb(0, 128, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-color> from [white\] to [orange\] at (1.5) should be [rgb(255, 120, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-color> from [unset\] to [green\] at (1.5) should be [rgb(0, 192, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-color> from [inherit\] to [green\] at (-0.3) should be [rgb(255, 255, 255)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-color> from neutral to [green\] at (1.5) should be [rgb(0, 192, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-color> from [white\] to [orange\] at (0.6) should be [rgb(255, 201, 102)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-color> from [initial\] to [green\] at (0) should be [rgba(0, 0, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-color> from [unset\] to [green\] at (1) should be [rgb(0, 128, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-color> from [transparent\] to [green\] at (1.5) should be [rgb(0, 192, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-color> from [initial\] to [green\] at (0.3) should be [rgba(0, 128, 0, 0.3)\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-color> from [inherit\] to [green\] at (0) should be [rgb(238, 238, 238)\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-color> from [transparent\] to [green\] at (1) should be [rgb(0, 128, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-color> from [initial\] to [green\] at (0.6) should be [rgba(0, 128, 0, 0.6)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-color> from [white\] to [orange\] at (-0.3) should be [white\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-color> from [currentcolor\] to [rgba(0, 255, 0, 0.75)\] at (0.5) should be [rgba(0, 153, 102, 0.63)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-color> from [transparent\] to [green\] at (0.3) should be [rgba(0, 128, 0, 0.3)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-color> from [transparent\] to [green\] at (0) should be [rgba(0, 0, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-color> from [currentcolor\] to [rgba(0, 255, 0, 0.75)\] at (1) should be [rgba(0, 255, 0, 0.75)\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-color> from [white\] to [orange\] at (0) should be [white\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-color> from [inherit\] to [green\] at (0.6) should be [rgb(95, 172, 95)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-color> from [inherit\] to [green\] at (0) should be [rgb(238, 238, 238)\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-color> from neutral to [green\] at (0.3) should be [rgb(0, 38, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-color> from [initial\] to [green\] at (0) should be [rgba(0, 0, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-color> from [currentcolor\] to [rgba(0, 255, 0, 0.75)\] at (-0.5) should be [rgba(0, 0, 255, 0.38)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-color> from [inherit\] to [green\] at (1.5) should be [rgb(0, 73, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-color> from [inherit\] to [green\] at (0) should be [rgb(238, 238, 238)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-color> from [unset\] to [green\] at (0) should be [rgba(0, 0, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-color> from [inherit\] to [green\] at (-0.3) should be [rgb(255, 255, 255)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-color> from [initial\] to [green\] at (0.6) should be [rgba(0, 128, 0, 0.6)\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-color> from [initial\] to [green\] at (1.5) should be [rgb(0, 192, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-color> from [currentcolor\] to [rgba(0, 255, 0, 0.75)\] at (0.5) should be [rgba(0, 153, 102, 0.63)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-color> from [initial\] to [green\] at (0.3) should be [rgba(0, 128, 0, 0.3)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-color> from [currentcolor\] to [rgba(0, 255, 0, 0.75)\] at (0) should be [rgba(0, 0, 255, 0.5)\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-color> from [white\] to [orange\] at (0.3) should be [rgb(255, 228, 179)\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-color> from [white\] to [orange\] at (1) should be [orange\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-color> from [inherit\] to [green\] at (0.6) should be [rgb(95, 172, 95)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-color> from [initial\] to [green\] at (-0.3) should be [rgba(0, 0, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-color> from [transparent\] to [green\] at (0.3) should be [rgba(0, 128, 0, 0.3)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-color> from [transparent\] to [green\] at (0.6) should be [rgba(0, 128, 0, 0.6)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-color> from [unset\] to [green\] at (0.3) should be [rgba(0, 128, 0, 0.3)\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-color> from [unset\] to [green\] at (0) should be [rgba(0, 0, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-color> from [transparent\] to [green\] at (0.6) should be [rgba(0, 128, 0, 0.6)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-color> from [unset\] to [green\] at (-0.3) should be [rgba(0, 0, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-color> from [unset\] to [green\] at (-0.3) should be [rgba(0, 0, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-color> from [transparent\] to [green\] at (0.3) should be [rgba(0, 128, 0, 0.3)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-color> from [currentcolor\] to [rgba(0, 255, 0, 0.75)\] at (-0.5) should be [rgba(0, 0, 255, 0.38)\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-color> from [initial\] to [green\] at (-0.3) should be [rgba(0, 0, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-color> from [currentcolor\] to [rgba(0, 255, 0, 0.75)\] at (0) should be [rgba(0, 0, 255, 0.5)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-color> from [white\] to [orange\] at (-0.3) should be [white\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-color> from [currentcolor\] to [rgba(0, 255, 0, 0.75)\] at (0.75) should be [rgba(0, 208, 47, 0.69)\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-color> from neutral to [green\] at (0.6) should be [rgb(0, 77, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-color> from [transparent\] to [green\] at (-0.3) should be [rgba(0, 0, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-color> from [inherit\] to [green\] at (0.3) should be [rgb(167, 205, 167)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-color> from [unset\] to [green\] at (1.5) should be [rgb(0, 192, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-color> from neutral to [green\] at (-0.3) should be [rgb(0, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-color> from [inherit\] to [green\] at (1.5) should be [rgb(0, 73, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-color> from [unset\] to [green\] at (0.6) should be [rgba(0, 128, 0, 0.6)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-color> from [initial\] to [green\] at (1.5) should be [rgb(0, 192, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-color> from [white\] to [orange\] at (1.5) should be [rgb(255, 120, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-color> from [initial\] to [green\] at (0.3) should be [rgba(0, 128, 0, 0.3)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-color> from neutral to [green\] at (1.5) should be [rgb(0, 192, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-color> from neutral to [green\] at (0.3) should be [rgb(0, 38, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-color> from [currentcolor\] to [rgba(0, 255, 0, 0.75)\] at (0.75) should be [rgba(0, 208, 47, 0.69)\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-color> from [currentcolor\] to [rgba(0, 255, 0, 0.75)\] at (1.5) should be [rgba(0, 255, 0, 0.88)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-color> from [white\] to [orange\] at (0) should be [white\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-color> from [transparent\] to [green\] at (-0.3) should be [rgba(0, 0, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-color> from neutral to [green\] at (0) should be [rgb(0, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-color> from [transparent\] to [green\] at (0) should be [rgba(0, 0, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-color> from [white\] to [orange\] at (0.3) should be [rgb(255, 228, 179)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-color> from [transparent\] to [green\] at (0.6) should be [rgba(0, 128, 0, 0.6)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-color> from neutral to [green\] at (0.6) should be [rgb(0, 77, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-color> from [white\] to [orange\] at (0) should be [white\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-color> from [currentcolor\] to [rgba(0, 255, 0, 0.75)\] at (1.5) should be [rgba(0, 255, 0, 0.88)\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-color> from [initial\] to [green\] at (1) should be [rgb(0, 128, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-color> from [unset\] to [green\] at (0.6) should be [rgba(0, 128, 0, 0.6)\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-color> from [unset\] to [green\] at (-0.3) should be [rgba(0, 0, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-color> from [unset\] to [green\] at (0.3) should be [rgba(0, 128, 0, 0.3)\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-color> from [currentcolor\] to [rgba(0, 255, 0, 0.75)\] at (0.75) should be [rgba(0, 208, 47, 0.69)\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-color> from [initial\] to [green\] at (0) should be [rgba(0, 0, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-color> from neutral to [green\] at (-0.3) should be [rgb(0, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-color> from [unset\] to [green\] at (0.3) should be [rgba(0, 128, 0, 0.3)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-color> from [currentcolor\] to [rgba(0, 255, 0, 0.75)\] at (0.25) should be [rgba(0, 85, 170, 0.56)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-color> from [inherit\] to [green\] at (0.6) should be [rgb(95, 172, 95)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-color> from [white\] to [orange\] at (0.6) should be [rgb(255, 201, 102)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-color> from [initial\] to [green\] at (1.5) should be [rgb(0, 192, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-color> from [transparent\] to [green\] at (0) should be [rgba(0, 0, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-color> from neutral to [green\] at (1) should be [rgb(0, 128, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-color> from [unset\] to [green\] at (1.5) should be [rgb(0, 192, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-color> from [currentcolor\] to [rgba(0, 255, 0, 0.75)\] at (0) should be [rgba(0, 0, 255, 0.5)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-color> from [inherit\] to [green\] at (0.3) should be [rgb(167, 205, 167)\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-color> from [currentcolor\] to [rgba(0, 255, 0, 0.75)\] at (0.25) should be [rgba(0, 85, 170, 0.56)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-color> from [white\] to [orange\] at (0.3) should be [rgb(255, 228, 179)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-color> from [unset\] to [green\] at (0.6) should be [rgba(0, 128, 0, 0.6)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-color> from [transparent\] to [green\] at (-0.3) should be [rgba(0, 0, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-color> from [transparent\] to [green\] at (1.5) should be [rgb(0, 192, 0)\]]
+    expected: FAIL
+

tests/wpt/metadata-layout-2020/css/css-backgrounds/animations/background-image-interpolation.html.ini

@@ -269,3 +269,354 @@
   [CSS Animations: property <background-image> from [url(../resources/blue-100.png)\] to [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)\] at (1.5) should be [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)\]]
     expected: FAIL
 
+  [CSS Animations: property <background-image> from [none\] to [url(../resources/green-100.png)\] at (1) should be [url(../resources/green-100.png)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-image> from [linear-gradient(-45deg, red, yellow)\] to [linear-gradient(45deg, blue, orange)\] at (0) should be [linear-gradient(-45deg, red, yellow)\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-image> from [url(../resources/blue-100.png), none\] to [url(../resources/stripes-100.png), url(../resources/green-100.png)\] at (1.5) should be [url(../resources/stripes-100.png), url(../resources/green-100.png)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-image> from [none\] to [url(../resources/green-100.png)\] at (-0.3) should be [none\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-image> from [initial\] to [url(../resources/green-100.png)\] at (0) should be [none\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-image> from neutral to [url(../resources/green-100.png)\] at (0.3) should be [url(../resources/blue-100.png)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-image> from [url(../resources/blue-100.png), none\] to [url(../resources/stripes-100.png), url(../resources/green-100.png)\] at (0) should be [url(../resources/blue-100.png), none\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-image> from [url(../resources/blue-100.png)\] to [url(../resources/stripes-100.png), url(../resources/green-100.png)\] at (0.3) should be [url(../resources/blue-100.png)\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-image> from [unset\] to [url(../resources/green-100.png)\] at (0) should be [none\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-image> from [initial\] to [url(../resources/green-100.png)\] at (0.3) should be [none\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-image> from [inherit\] to [url(../resources/green-100.png)\] at (0.6) should be [url(../resources/green-100.png)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-image> from [inherit\] to [url(../resources/green-100.png)\] at (0) should be [url(../resources/blue-100.png)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-image> from [linear-gradient(-45deg, red, yellow)\] to [linear-gradient(45deg, blue, orange)\] at (0) should be [linear-gradient(-45deg, red, yellow)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-image> from [url(../resources/blue-100.png)\] to [linear-gradient(45deg, blue, orange)\] at (-0.3) should be [url(../resources/blue-100.png)\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-image> from [url(../resources/stripes-100.png), url(../resources/blue-100.png)\] to [url(../resources/blue-100.png), url(../resources/stripes-100.png)\] at (1) should be [url(../resources/blue-100.png), url(../resources/stripes-100.png)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-image> from [url(../resources/blue-100.png)\] to [url(../resources/stripes-100.png), url(../resources/green-100.png)\] at (-0.3) should be [url(../resources/blue-100.png)\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-image> from [url(../resources/blue-100.png)\] to [linear-gradient(45deg, blue, orange)\] at (0.6) should be [linear-gradient(45deg, blue, orange)\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-image> from [unset\] to [url(../resources/green-100.png)\] at (1.5) should be [url(../resources/green-100.png)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-image> from [url(../resources/blue-100.png), none\] to [url(../resources/stripes-100.png), url(../resources/green-100.png)\] at (-0.3) should be [url(../resources/blue-100.png), none\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-image> from [initial\] to [url(../resources/green-100.png)\] at (-0.3) should be [none\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-image> from [initial\] to [url(../resources/green-100.png)\] at (1.5) should be [url(../resources/green-100.png)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-image> from [url(../resources/blue-100.png)\] to [url(../resources/stripes-100.png), url(../resources/green-100.png)\] at (-0.3) should be [url(../resources/blue-100.png)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-image> from [none\] to [url(../resources/green-100.png)\] at (0.3) should be [none\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-image> from [linear-gradient(-45deg, red, yellow)\] to [linear-gradient(45deg, blue, orange)\] at (1) should be [linear-gradient(45deg, blue, orange)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-image> from [unset\] to [url(../resources/green-100.png)\] at (0) should be [none\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-image> from [url(../resources/blue-100.png), none\] to [url(../resources/stripes-100.png), url(../resources/green-100.png)\] at (0.3) should be [url(../resources/blue-100.png), none\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-image> from [url(../resources/stripes-100.png), url(../resources/blue-100.png)\] to [url(../resources/blue-100.png), url(../resources/stripes-100.png)\] at (0) should be [url(../resources/stripes-100.png), url(../resources/blue-100.png)\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-image> from [linear-gradient(-45deg, red, yellow)\] to [linear-gradient(45deg, blue, orange)\] at (0) should be [linear-gradient(-45deg, red, yellow)\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-image> from [url(../resources/stripes-100.png), url(../resources/blue-100.png)\] to [url(../resources/blue-100.png), url(../resources/stripes-100.png)\] at (0.6) should be [url(../resources/blue-100.png), url(../resources/stripes-100.png)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-image> from [url(../resources/blue-100.png)\] to [linear-gradient(45deg, blue, orange)\] at (0) should be [url(../resources/blue-100.png)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-image> from [url(../resources/stripes-100.png), url(../resources/blue-100.png)\] to [url(../resources/blue-100.png), url(../resources/stripes-100.png)\] at (-0.3) should be [url(../resources/stripes-100.png), url(../resources/blue-100.png)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-image> from [inherit\] to [url(../resources/green-100.png)\] at (-0.3) should be [url(../resources/blue-100.png)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-image> from [linear-gradient(-45deg, red, yellow)\] to [linear-gradient(45deg, blue, orange)\] at (0.3) should be [linear-gradient(-45deg, red, yellow)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-image> from [initial\] to [url(../resources/green-100.png)\] at (0.3) should be [none\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-image> from [url(../resources/blue-100.png)\] to [url(../resources/stripes-100.png), url(../resources/green-100.png)\] at (0.3) should be [url(../resources/blue-100.png)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-image> from [none\] to [url(../resources/green-100.png)\] at (0.3) should be [none\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-image> from neutral to [url(../resources/green-100.png)\] at (0) should be [url(../resources/blue-100.png)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-image> from [none\] to [url(../resources/green-100.png)\] at (-0.3) should be [none\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-image> from [url(../resources/blue-100.png)\] to [linear-gradient(45deg, blue, orange)\] at (1) should be [linear-gradient(45deg, blue, orange)\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-image> from [url(../resources/blue-100.png)\] to [url(../resources/green-100.png)\] at (1.5) should be [url(../resources/green-100.png)\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-image> from [none\] to [url(../resources/green-100.png)\] at (0.3) should be [none\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-image> from [linear-gradient(-45deg, red, yellow)\] to [linear-gradient(45deg, blue, orange)\] at (-0.3) should be [linear-gradient(-45deg, red, yellow)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-image> from neutral to [url(../resources/green-100.png)\] at (0) should be [url(../resources/blue-100.png)\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-image> from [url(../resources/stripes-100.png), url(../resources/blue-100.png)\] to [url(../resources/blue-100.png), url(../resources/stripes-100.png)\] at (0) should be [url(../resources/stripes-100.png), url(../resources/blue-100.png)\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-image> from [url(../resources/blue-100.png)\] to [url(../resources/stripes-100.png), url(../resources/green-100.png)\] at (1.5) should be [url(../resources/stripes-100.png), url(../resources/green-100.png)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-image> from [url(../resources/blue-100.png)\] to [url(../resources/green-100.png)\] at (0) should be [url(../resources/blue-100.png)\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-image> from [initial\] to [url(../resources/green-100.png)\] at (-0.3) should be [none\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-image> from [linear-gradient(-45deg, red, yellow)\] to [linear-gradient(45deg, blue, orange)\] at (0.3) should be [linear-gradient(-45deg, red, yellow)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-image> from [url(../resources/blue-100.png)\] to [url(../resources/green-100.png)\] at (0.3) should be [url(../resources/blue-100.png)\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-image> from [linear-gradient(-45deg, red, yellow)\] to [linear-gradient(45deg, blue, orange)\] at (-0.3) should be [linear-gradient(-45deg, red, yellow)\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-image> from neutral to [url(../resources/green-100.png)\] at (1) should be [url(../resources/green-100.png)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-image> from [url(../resources/blue-100.png)\] to [linear-gradient(45deg, blue, orange)\] at (0.3) should be [url(../resources/blue-100.png)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-image> from [url(../resources/blue-100.png)\] to [url(../resources/green-100.png)\] at (0.3) should be [url(../resources/blue-100.png)\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-image> from [initial\] to [url(../resources/green-100.png)\] at (0) should be [none\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-image> from [linear-gradient(-45deg, red, yellow)\] to [linear-gradient(45deg, blue, orange)\] at (0.3) should be [linear-gradient(-45deg, red, yellow)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-image> from [url(../resources/blue-100.png)\] to [url(../resources/green-100.png)\] at (-0.3) should be [url(../resources/blue-100.png)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-image> from [url(../resources/stripes-100.png), url(../resources/blue-100.png)\] to [url(../resources/blue-100.png), url(../resources/stripes-100.png)\] at (0.3) should be [url(../resources/stripes-100.png), url(../resources/blue-100.png)\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-image> from [url(../resources/blue-100.png)\] to [url(../resources/green-100.png)\] at (0.6) should be [url(../resources/green-100.png)\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-image> from [initial\] to [url(../resources/green-100.png)\] at (1) should be [url(../resources/green-100.png)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-image> from [initial\] to [url(../resources/green-100.png)\] at (0) should be [none\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-image> from [linear-gradient(-45deg, red, yellow)\] to [linear-gradient(45deg, blue, orange)\] at (0.6) should be [linear-gradient(45deg, blue, orange)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-image> from [initial\] to [url(../resources/green-100.png)\] at (-0.3) should be [none\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-image> from neutral to [url(../resources/green-100.png)\] at (0.6) should be [url(../resources/green-100.png)\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-image> from [url(../resources/stripes-100.png), url(../resources/blue-100.png)\] to [url(../resources/blue-100.png), url(../resources/stripes-100.png)\] at (0.3) should be [url(../resources/stripes-100.png), url(../resources/blue-100.png)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-image> from neutral to [url(../resources/green-100.png)\] at (-0.3) should be [url(../resources/blue-100.png)\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-image> from [unset\] to [url(../resources/green-100.png)\] at (1) should be [url(../resources/green-100.png)\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-image> from [url(../resources/blue-100.png), none\] to [url(../resources/stripes-100.png), url(../resources/green-100.png)\] at (1) should be [url(../resources/stripes-100.png), url(../resources/green-100.png)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-image> from neutral to [url(../resources/green-100.png)\] at (-0.3) should be [url(../resources/blue-100.png)\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-image> from [unset\] to [url(../resources/green-100.png)\] at (-0.3) should be [none\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-image> from [url(../resources/blue-100.png), none\] to [url(../resources/stripes-100.png), url(../resources/green-100.png)\] at (0.6) should be [url(../resources/stripes-100.png), url(../resources/green-100.png)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-image> from [url(../resources/blue-100.png)\] to [linear-gradient(45deg, blue, orange)\] at (0.3) should be [url(../resources/blue-100.png)\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-image> from [none\] to [url(../resources/green-100.png)\] at (0.6) should be [url(../resources/green-100.png)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-image> from [initial\] to [url(../resources/green-100.png)\] at (0.3) should be [none\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-image> from [unset\] to [url(../resources/green-100.png)\] at (0.3) should be [none\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-image> from [url(../resources/blue-100.png), none\] to [url(../resources/stripes-100.png), url(../resources/green-100.png)\] at (0.3) should be [url(../resources/blue-100.png), none\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-image> from [unset\] to [url(../resources/green-100.png)\] at (0.6) should be [url(../resources/green-100.png)\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-image> from [unset\] to [url(../resources/green-100.png)\] at (0.3) should be [none\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-image> from [none\] to [url(../resources/green-100.png)\] at (0) should be [none\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-image> from [none\] to [url(../resources/green-100.png)\] at (0) should be [none\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-image> from [url(../resources/blue-100.png)\] to [url(../resources/green-100.png)\] at (1) should be [url(../resources/green-100.png)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-image> from [url(../resources/blue-100.png)\] to [url(../resources/green-100.png)\] at (0) should be [url(../resources/blue-100.png)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-image> from [inherit\] to [url(../resources/green-100.png)\] at (0) should be [url(../resources/blue-100.png)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-image> from [url(../resources/blue-100.png), none\] to [url(../resources/stripes-100.png), url(../resources/green-100.png)\] at (0.3) should be [url(../resources/blue-100.png), none\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-image> from [unset\] to [url(../resources/green-100.png)\] at (-0.3) should be [none\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-image> from [url(../resources/blue-100.png)\] to [linear-gradient(45deg, blue, orange)\] at (-0.3) should be [url(../resources/blue-100.png)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-image> from [unset\] to [url(../resources/green-100.png)\] at (0.3) should be [none\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-image> from [url(../resources/blue-100.png)\] to [url(../resources/stripes-100.png), url(../resources/green-100.png)\] at (0.6) should be [url(../resources/stripes-100.png), url(../resources/green-100.png)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-image> from neutral to [url(../resources/green-100.png)\] at (0.3) should be [url(../resources/blue-100.png)\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-image> from [url(../resources/blue-100.png)\] to [url(../resources/stripes-100.png), url(../resources/green-100.png)\] at (1) should be [url(../resources/stripes-100.png), url(../resources/green-100.png)\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-image> from neutral to [url(../resources/green-100.png)\] at (1.5) should be [url(../resources/green-100.png)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-image> from [url(../resources/blue-100.png)\] to [url(../resources/green-100.png)\] at (-0.3) should be [url(../resources/blue-100.png)\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-image> from [url(../resources/blue-100.png), none\] to [url(../resources/stripes-100.png), url(../resources/green-100.png)\] at (0) should be [url(../resources/blue-100.png), none\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-image> from [url(../resources/blue-100.png), none\] to [url(../resources/stripes-100.png), url(../resources/green-100.png)\] at (0) should be [url(../resources/blue-100.png), none\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-image> from [url(../resources/blue-100.png)\] to [linear-gradient(45deg, blue, orange)\] at (0) should be [url(../resources/blue-100.png)\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-image> from [inherit\] to [url(../resources/green-100.png)\] at (1) should be [url(../resources/green-100.png)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-image> from [unset\] to [url(../resources/green-100.png)\] at (-0.3) should be [none\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-image> from [url(../resources/blue-100.png)\] to [url(../resources/stripes-100.png), url(../resources/green-100.png)\] at (0) should be [url(../resources/blue-100.png)\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-image> from [initial\] to [url(../resources/green-100.png)\] at (0.6) should be [url(../resources/green-100.png)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-image> from [inherit\] to [url(../resources/green-100.png)\] at (0.3) should be [url(../resources/blue-100.png)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-image> from [unset\] to [url(../resources/green-100.png)\] at (0) should be [none\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-image> from [url(../resources/stripes-100.png), url(../resources/blue-100.png)\] to [url(../resources/blue-100.png), url(../resources/stripes-100.png)\] at (-0.3) should be [url(../resources/stripes-100.png), url(../resources/blue-100.png)\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-image> from [url(../resources/blue-100.png)\] to [linear-gradient(45deg, blue, orange)\] at (1.5) should be [linear-gradient(45deg, blue, orange)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-image> from [linear-gradient(-45deg, red, yellow)\] to [linear-gradient(45deg, blue, orange)\] at (-0.3) should be [linear-gradient(-45deg, red, yellow)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-image> from [url(../resources/blue-100.png), none\] to [url(../resources/stripes-100.png), url(../resources/green-100.png)\] at (-0.3) should be [url(../resources/blue-100.png), none\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-image> from [url(../resources/stripes-100.png), url(../resources/blue-100.png)\] to [url(../resources/blue-100.png), url(../resources/stripes-100.png)\] at (0.3) should be [url(../resources/stripes-100.png), url(../resources/blue-100.png)\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-image> from [linear-gradient(-45deg, red, yellow)\] to [linear-gradient(45deg, blue, orange)\] at (1.5) should be [linear-gradient(45deg, blue, orange)\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-image> from [url(../resources/blue-100.png), none\] to [url(../resources/stripes-100.png), url(../resources/green-100.png)\] at (-0.3) should be [url(../resources/blue-100.png), none\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-image> from [inherit\] to [url(../resources/green-100.png)\] at (0.3) should be [url(../resources/blue-100.png)\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-image> from [inherit\] to [url(../resources/green-100.png)\] at (1.5) should be [url(../resources/green-100.png)\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-image> from [none\] to [url(../resources/green-100.png)\] at (1.5) should be [url(../resources/green-100.png)\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-image> from [none\] to [url(../resources/green-100.png)\] at (-0.3) should be [none\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-image> from [url(../resources/stripes-100.png), url(../resources/blue-100.png)\] to [url(../resources/blue-100.png), url(../resources/stripes-100.png)\] at (-0.3) should be [url(../resources/stripes-100.png), url(../resources/blue-100.png)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-image> from [inherit\] to [url(../resources/green-100.png)\] at (-0.3) should be [url(../resources/blue-100.png)\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-image> from [none\] to [url(../resources/green-100.png)\] at (0) should be [none\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-image> from [url(../resources/blue-100.png)\] to [url(../resources/stripes-100.png), url(../resources/green-100.png)\] at (0) should be [url(../resources/blue-100.png)\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-image> from [url(../resources/stripes-100.png), url(../resources/blue-100.png)\] to [url(../resources/blue-100.png), url(../resources/stripes-100.png)\] at (1.5) should be [url(../resources/blue-100.png), url(../resources/stripes-100.png)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-image> from [url(../resources/stripes-100.png), url(../resources/blue-100.png)\] to [url(../resources/blue-100.png), url(../resources/stripes-100.png)\] at (0) should be [url(../resources/stripes-100.png), url(../resources/blue-100.png)\]]
+    expected: FAIL
+

tests/wpt/metadata-layout-2020/css/css-backgrounds/animations/background-position-x-interpolation.html.ini

@@ -83,3 +83,234 @@
   [Web Animations: property <background-position-x> from [inherit\] to [80px\] at (0.25) should be [65px\]]
     expected: FAIL
 
+  [CSS Transitions: property <background-position-x> from [initial\] to [right\] at (0) should be [0%\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-position-x> from [inherit\] to [80px\] at (0.75) should be [75px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-position-x> from neutral to [80px\] at (0.75) should be [70px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-position-x> from neutral to [80px\] at (-0.25) should be [30px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-position-x> from [inherit\] to [80px\] at (-0.25) should be [55px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-position-x> from [300px, 400px\] to [500px, 600px, 700px\] at (0.25) should be [350px, 450px, 400px, 425px, 375px, 475px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-position-x> from [300px, 400px\] to [500px, 600px, 700px\] at (1.25) should be [550px, 650px, 800px, 525px, 675px, 775px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-position-x> from neutral to [80px\] at (0) should be [40px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-position-x> from [initial\] to [right\] at (0.5) should be [50%\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-position-x> from [inherit\] to [80px\] at (-0.25) should be [55px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-position-x> from [inherit\] to [80px\] at (0.5) should be [70px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-position-x> from [300px, 400px\] to [500px, 600px, 700px\] at (1) should be [500px, 600px, 700px, 500px, 600px, 700px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-position-x> from neutral to [80px\] at (-0.25) should be [30px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-position-x> from neutral to [80px\] at (0.75) should be [70px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-position-x> from [300px, 400px\] to [500px, 600px, 700px\] at (1.25) should be [550px, 650px, 800px, 525px, 675px, 775px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-position-x> from [300px, 400px\] to [500px, 600px, 700px\] at (0) should be [300px, 400px, 300px, 400px, 300px, 400px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-position-x> from neutral to [80px\] at (1) should be [80px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-position-x> from [initial\] to [right\] at (1) should be [100%\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-position-x> from [inherit\] to [80px\] at (1.25) should be [85px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-position-x> from [inherit\] to [80px\] at (1.25) should be [85px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-position-x> from [inherit\] to [80px\] at (-0.25) should be [55px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-position-x> from neutral to [80px\] at (0) should be [40px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-position-x> from [300px, 400px\] to [500px, 600px, 700px\] at (-0.25) should be [250px, 350px, 200px, 375px, 225px, 325px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-position-x> from [300px, 400px\] to [500px, 600px, 700px\] at (0.5) should be [400px, 500px, 500px, 450px, 450px, 550px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-position-x> from [300px, 400px\] to [500px, 600px, 700px\] at (0.75) should be [450px, 550px, 600px, 475px, 525px, 625px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-position-x> from neutral to [80px\] at (0.25) should be [50px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-position-x> from [300px, 400px\] to [500px, 600px, 700px\] at (-0.25) should be [250px, 350px, 200px, 375px, 225px, 325px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-position-x> from [inherit\] to [80px\] at (0.75) should be [75px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-position-x> from neutral to [80px\] at (-0.25) should be [30px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-position-x> from neutral to [80px\] at (0.5) should be [60px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-position-x> from [300px, 400px\] to [500px, 600px, 700px\] at (1) should be [500px, 600px, 700px, 500px, 600px, 700px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-position-x> from [initial\] to [right\] at (0.5) should be [50%\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-position-x> from [300px, 400px\] to [500px, 600px, 700px\] at (-0.25) should be [250px, 350px, 200px, 375px, 225px, 325px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-position-x> from neutral to [80px\] at (0.75) should be [70px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-position-x> from [inherit\] to [80px\] at (0.25) should be [65px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-position-x> from neutral to [80px\] at (1.25) should be [90px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-position-x> from [inherit\] to [80px\] at (0.5) should be [70px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-position-x> from [300px, 400px\] to [500px, 600px, 700px\] at (0.5) should be [400px, 500px, 500px, 450px, 450px, 550px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-position-x> from [300px, 400px\] to [500px, 600px, 700px\] at (1.25) should be [550px, 650px, 800px, 525px, 675px, 775px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-position-x> from [initial\] to [right\] at (0.75) should be [75%\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-position-x> from neutral to [80px\] at (0.5) should be [60px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-position-x> from [300px, 400px\] to [500px, 600px, 700px\] at (0) should be [300px, 400px, 300px, 400px, 300px, 400px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-position-x> from neutral to [80px\] at (0.25) should be [50px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-position-x> from [initial\] to [right\] at (-0.25) should be [-25%\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-position-x> from [inherit\] to [80px\] at (0) should be [60px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-position-x> from [inherit\] to [80px\] at (1.25) should be [85px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-position-x> from [initial\] to [right\] at (0.5) should be [50%\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-position-x> from [initial\] to [right\] at (1.25) should be [125%\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-position-x> from [inherit\] to [80px\] at (1) should be [80px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-position-x> from [initial\] to [right\] at (1.25) should be [125%\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-position-x> from [inherit\] to [80px\] at (0.75) should be [75px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-position-x> from [initial\] to [right\] at (-0.25) should be [-25%\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-position-x> from [inherit\] to [80px\] at (0.5) should be [70px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-position-x> from [initial\] to [right\] at (1.25) should be [125%\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-position-x> from [initial\] to [right\] at (0) should be [0%\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-position-x> from [initial\] to [right\] at (0.75) should be [75%\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-position-x> from [initial\] to [right\] at (-0.25) should be [-25%\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-position-x> from neutral to [80px\] at (1.25) should be [90px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-position-x> from neutral to [80px\] at (0.5) should be [60px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-position-x> from [300px, 400px\] to [500px, 600px, 700px\] at (0.75) should be [450px, 550px, 600px, 475px, 525px, 625px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-position-x> from [300px, 400px\] to [500px, 600px, 700px\] at (0.25) should be [350px, 450px, 400px, 425px, 375px, 475px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-position-x> from [inherit\] to [80px\] at (0) should be [60px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-position-x> from [300px, 400px\] to [500px, 600px, 700px\] at (0.5) should be [400px, 500px, 500px, 450px, 450px, 550px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-position-x> from [inherit\] to [80px\] at (0.25) should be [65px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-position-x> from neutral to [80px\] at (1.25) should be [90px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-position-x> from [initial\] to [right\] at (0.25) should be [25%\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-position-x> from neutral to [80px\] at (0.25) should be [50px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-position-x> from [300px, 400px\] to [500px, 600px, 700px\] at (1) should be [500px, 600px, 700px, 500px, 600px, 700px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-position-x> from [inherit\] to [80px\] at (0) should be [60px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-position-x> from [initial\] to [right\] at (0.75) should be [75%\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-position-x> from [300px, 400px\] to [500px, 600px, 700px\] at (0.75) should be [450px, 550px, 600px, 475px, 525px, 625px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-position-x> from [initial\] to [right\] at (0.25) should be [25%\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-position-x> from [300px, 400px\] to [500px, 600px, 700px\] at (0.25) should be [350px, 450px, 400px, 425px, 375px, 475px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-position-x> from [initial\] to [right\] at (0.25) should be [25%\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-position-x> from [initial\] to [right\] at (0) should be [0%\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-position-x> from [300px, 400px\] to [500px, 600px, 700px\] at (0) should be [300px, 400px, 300px, 400px, 300px, 400px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-position-x> from [inherit\] to [80px\] at (0.25) should be [65px\]]
+    expected: FAIL
+

tests/wpt/metadata-layout-2020/css/css-backgrounds/animations/background-position-y-interpolation.html.ini

@@ -83,3 +83,234 @@
   [Web Animations: property <background-position-y> from neutral to [80px\] at (0.25) should be [50px\]]
     expected: FAIL
 
+  [CSS Transitions: property <background-position-y> from [300px, 400px\] to [500px, 600px, 700px\] at (1) should be [500px, 600px, 700px, 500px, 600px, 700px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-position-y> from [inherit\] to [80px\] at (0.25) should be [65px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-position-y> from [initial\] to [bottom\] at (0) should be [0%\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-position-y> from [initial\] to [bottom\] at (-0.25) should be [-25%\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-position-y> from neutral to [80px\] at (0.75) should be [70px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-position-y> from [inherit\] to [80px\] at (1.25) should be [85px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-position-y> from [300px, 400px\] to [500px, 600px, 700px\] at (0.25) should be [350px, 450px, 400px, 425px, 375px, 475px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-position-y> from [initial\] to [bottom\] at (1.25) should be [125%\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-position-y> from [initial\] to [bottom\] at (0) should be [0%\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-position-y> from [inherit\] to [80px\] at (0.75) should be [75px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-position-y> from [inherit\] to [80px\] at (0) should be [60px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-position-y> from neutral to [80px\] at (1) should be [80px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-position-y> from [inherit\] to [80px\] at (0) should be [60px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-position-y> from [initial\] to [bottom\] at (0.25) should be [25%\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-position-y> from [inherit\] to [80px\] at (-0.25) should be [55px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-position-y> from neutral to [80px\] at (1.25) should be [90px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-position-y> from neutral to [80px\] at (1.25) should be [90px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-position-y> from [initial\] to [bottom\] at (0.75) should be [75%\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-position-y> from neutral to [80px\] at (0.25) should be [50px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-position-y> from [inherit\] to [80px\] at (1.25) should be [85px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-position-y> from [300px, 400px\] to [500px, 600px, 700px\] at (0) should be [300px, 400px, 300px, 400px, 300px, 400px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-position-y> from [initial\] to [bottom\] at (1.25) should be [125%\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-position-y> from neutral to [80px\] at (0.5) should be [60px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-position-y> from [300px, 400px\] to [500px, 600px, 700px\] at (1.25) should be [550px, 650px, 800px, 525px, 675px, 775px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-position-y> from neutral to [80px\] at (0.5) should be [60px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-position-y> from [initial\] to [bottom\] at (1) should be [100%\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-position-y> from neutral to [80px\] at (-0.25) should be [30px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-position-y> from [inherit\] to [80px\] at (-0.25) should be [55px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-position-y> from [initial\] to [bottom\] at (0) should be [0%\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-position-y> from [300px, 400px\] to [500px, 600px, 700px\] at (0.5) should be [400px, 500px, 500px, 450px, 450px, 550px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-position-y> from neutral to [80px\] at (0.75) should be [70px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-position-y> from [300px, 400px\] to [500px, 600px, 700px\] at (1) should be [500px, 600px, 700px, 500px, 600px, 700px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-position-y> from [inherit\] to [80px\] at (0.75) should be [75px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-position-y> from [inherit\] to [80px\] at (0.5) should be [70px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-position-y> from neutral to [80px\] at (0.5) should be [60px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-position-y> from [300px, 400px\] to [500px, 600px, 700px\] at (-0.25) should be [250px, 350px, 200px, 375px, 225px, 325px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-position-y> from [initial\] to [bottom\] at (-0.25) should be [-25%\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-position-y> from [initial\] to [bottom\] at (0.75) should be [75%\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-position-y> from neutral to [80px\] at (1.25) should be [90px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-position-y> from [300px, 400px\] to [500px, 600px, 700px\] at (0.25) should be [350px, 450px, 400px, 425px, 375px, 475px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-position-y> from [300px, 400px\] to [500px, 600px, 700px\] at (0.5) should be [400px, 500px, 500px, 450px, 450px, 550px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-position-y> from neutral to [80px\] at (0) should be [40px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-position-y> from neutral to [80px\] at (0.75) should be [70px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-position-y> from [initial\] to [bottom\] at (0.25) should be [25%\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-position-y> from neutral to [80px\] at (-0.25) should be [30px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-position-y> from [inherit\] to [80px\] at (0.5) should be [70px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-position-y> from [300px, 400px\] to [500px, 600px, 700px\] at (0.75) should be [450px, 550px, 600px, 475px, 525px, 625px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-position-y> from [inherit\] to [80px\] at (0.5) should be [70px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-position-y> from [300px, 400px\] to [500px, 600px, 700px\] at (0.75) should be [450px, 550px, 600px, 475px, 525px, 625px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-position-y> from [300px, 400px\] to [500px, 600px, 700px\] at (1.25) should be [550px, 650px, 800px, 525px, 675px, 775px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-position-y> from [300px, 400px\] to [500px, 600px, 700px\] at (-0.25) should be [250px, 350px, 200px, 375px, 225px, 325px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-position-y> from [initial\] to [bottom\] at (0.5) should be [50%\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-position-y> from [initial\] to [bottom\] at (1.25) should be [125%\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-position-y> from [inherit\] to [80px\] at (0.25) should be [65px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-position-y> from [inherit\] to [80px\] at (0) should be [60px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-position-y> from [initial\] to [bottom\] at (0.75) should be [75%\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-position-y> from [300px, 400px\] to [500px, 600px, 700px\] at (1) should be [500px, 600px, 700px, 500px, 600px, 700px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-position-y> from [inherit\] to [80px\] at (0.75) should be [75px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-position-y> from [300px, 400px\] to [500px, 600px, 700px\] at (0.5) should be [400px, 500px, 500px, 450px, 450px, 550px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-position-y> from neutral to [80px\] at (0.25) should be [50px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-position-y> from [300px, 400px\] to [500px, 600px, 700px\] at (1.25) should be [550px, 650px, 800px, 525px, 675px, 775px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-position-y> from [300px, 400px\] to [500px, 600px, 700px\] at (0) should be [300px, 400px, 300px, 400px, 300px, 400px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-position-y> from [inherit\] to [80px\] at (1.25) should be [85px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-position-y> from [initial\] to [bottom\] at (0.5) should be [50%\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-position-y> from [300px, 400px\] to [500px, 600px, 700px\] at (0.75) should be [450px, 550px, 600px, 475px, 525px, 625px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-position-y> from neutral to [80px\] at (0.25) should be [50px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-position-y> from [initial\] to [bottom\] at (0.25) should be [25%\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-position-y> from [initial\] to [bottom\] at (0.5) should be [50%\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-position-y> from [inherit\] to [80px\] at (0.25) should be [65px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-position-y> from [300px, 400px\] to [500px, 600px, 700px\] at (0) should be [300px, 400px, 300px, 400px, 300px, 400px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-position-y> from neutral to [80px\] at (0) should be [40px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-position-y> from [initial\] to [bottom\] at (-0.25) should be [-25%\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-position-y> from neutral to [80px\] at (-0.25) should be [30px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-position-y> from [inherit\] to [80px\] at (-0.25) should be [55px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-position-y> from [300px, 400px\] to [500px, 600px, 700px\] at (-0.25) should be [250px, 350px, 200px, 375px, 225px, 325px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-position-y> from [300px, 400px\] to [500px, 600px, 700px\] at (0.25) should be [350px, 450px, 400px, 425px, 375px, 475px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-position-y> from [inherit\] to [80px\] at (1) should be [80px\]]
+    expected: FAIL
+

tests/wpt/metadata-layout-2020/css/css-backgrounds/animations/background-size-interpolation.html.ini

@@ -230,3 +230,516 @@
   [Web Animations: property <background-size> from [unset\] to [20px 20px, 0px 0px\] at (0.6) should be [20px 20px, 0px 0px\]]
     expected: FAIL
 
+  [CSS Transitions with transition: all: property <background-size> from [0px 0px, 80px 0px\] to [40px 40px, 80px 80px, 0px 80px\] at (0.75) should be [30px 30px, 80px  60px, 0px  60px, 50px 30px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-size> from [0px 0px, 80px 0px\] to [40px 40px, 80px 80px, 0px 80px\] at (1) should be [40px 40px, 80px  80px, 0px  80px, 40px 40px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-size> from neutral to [20px 20px, 0px 0px\] at (0.25) should be [12.5px 12.5px,  7.5px  7.5px, 12.5px 12.5px,  7.5px  7.5px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-size> from neutral to [20px 20px, 0px 0px\] at (0) should be [10.0px 10.0px, 10.0px 10.0px, 10.0px 10.0px, 10.0px 10.0px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-size> from [0px 0px, 80px 0px\] to [40px 40px, 80px 80px, 0px 80px\] at (0.5) should be [20px 20px, 80px  40px, 0px  40px, 60px 20px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-size> from [0px\] to [80px\] at (0) should be [  0px,   0px,   0px,   0px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-size> from neutral to [20px 20px, 0px 0px\] at (0.75) should be [17.5px 17.5px,  2.5px  2.5px, 17.5px 17.5px,  2.5px  2.5px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-size> from [inherit\] to [20px 20px, 0px 0px\] at (0) should be [100px 100px, 100px 100px, 100px 100px, 100px 100px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-size> from [initial\] to [20px 20px, 0px 0px\] at (0.3) should be [initial\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-size> from [0px auto, 0px 0px\] to [auto 40px, 40px 40px\] at (0.5) should be [auto 40px, 40px 40px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-size> from [0px auto, 0px 0px\] to [auto 40px, 40px 40px\] at (0) should be [0px auto, 0px 0px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-size> from [0px 0px, 80px 0px\] to [40px 40px, 80px 80px, 0px 80px\] at (0.5) should be [20px 20px, 80px  40px, 0px  40px, 60px 20px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-size> from [0px 0px, 0px 0px, 0px 0px, 0px 0px\] to [20px 20px, 40px 40px, 60px 60px, 100px 100px\] at (-0.25) should be [ 0px  0px,  0px  0px,  0px  0px,   0px   0px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-size> from [0px\] to [80px\] at (1.25) should be [100px, 100px, 100px, 100px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-size> from [0px 0px, 0px 0px, contain, cover\] to [40px 40px, 40px 40px, cover, contain\] at (0.5) should be [40px 40px, 40px 40px, cover, contain\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-size> from [0px\] to [80px\] at (0) should be [  0px,   0px,   0px,   0px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-size> from [0px 0px, 0px 0px, 0px 0px, 0px 0px\] to [20px 20px, 40px 40px, 60px 60px, 100px 100px\] at (0.5) should be [10px 10px, 20px 20px, 30px 30px,  50px  50px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-size> from [0px\] to [80px\] at (1.25) should be [100px, 100px, 100px, 100px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-size> from neutral to [20px 20px, 0px 0px\] at (0.75) should be [17.5px 17.5px,  2.5px  2.5px, 17.5px 17.5px,  2.5px  2.5px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-size> from [0px 0px\] to [80px 80px\] at (-0.25) should be [  0px   0px,   0px   0px,   0px   0px,   0px   0px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-size> from [0px\] to [80px\] at (0.5) should be [ 40px,  40px,  40px,  40px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-size> from [0px 0px, 0px 0px, 0px 0px, 0px 0px\] to [20px 20px, 40px 40px, 60px 60px, 100px 100px\] at (0.75) should be [15px 15px, 30px 30px, 45px 45px,  75px  75px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-size> from [inherit\] to [20px 20px, 0px 0px\] at (1) should be [ 20px  20px,   0px   0px,  20px  20px,   0px   0px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-size> from [0px auto, 0px 0px, contain, cover\] to [40px auto, 40px 40px, contain, cover\] at (0.25) should be [10px auto, 10px 10px, contain, cover\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-size> from [0px 0px, 0px 0px, 0px 0px, 0px 0px\] to [20px 20px, 40px 40px, 60px 60px, 100px 100px\] at (0.5) should be [10px 10px, 20px 20px, 30px 30px,  50px  50px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-size> from [0px auto, 0px 0px, contain, cover\] to [40px auto, 40px 40px, contain, cover\] at (0) should be [ 0px auto,  0px  0px, contain, cover\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-size> from [0px 0px\] to [80px 80px\] at (1) should be [ 80px  80px,  80px  80px,  80px  80px,  80px  80px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-size> from [0px\] to [80px\] at (1) should be [ 80px,  80px,  80px,  80px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-size> from [0px 0px\] to [80px 80px\] at (0) should be [  0px   0px,   0px   0px,   0px   0px,   0px   0px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-size> from [0px 0px, 0px 0px, 0px 0px, 0px 0px\] to [20px 20px, 40px 40px, 60px 60px, 100px 100px\] at (0) should be [ 0px  0px,  0px  0px,  0px  0px,   0px   0px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-size> from [0px 0px, 80px 0px\] to [40px 40px, 80px 80px, 0px 80px\] at (-0.25) should be [ 0px  0px, 80px   0px, 0px   0px, 90px  0px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-size> from [0px 0px, 0px 0px, contain, cover\] to [40px 40px, 40px 40px, cover, contain\] at (0.6) should be [40px 40px, 40px 40px, cover, contain\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-size> from neutral to [20px 20px, 0px 0px\] at (1.25) should be [22.5px 22.5px,  0.0px  0.0px, 22.5px 22.5px,  0.0px  0.0px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-size> from [unset\] to [20px 20px, 0px 0px\] at (0.5) should be [20px 20px, 0px 0px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-size> from [0px 0px\] to [80px 80px\] at (0.5) should be [ 40px  40px,  40px  40px,  40px  40px,  40px  40px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-size> from neutral to [20px 20px, 0px 0px\] at (-0.25) should be [ 7.5px  7.5px, 12.5px 12.5px,  7.5px  7.5px, 12.5px 12.5px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-size> from [0px 0px\] to [80px 80px\] at (0.5) should be [ 40px  40px,  40px  40px,  40px  40px,  40px  40px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-size> from [0px 0px, 80px 0px\] to [40px 40px, 80px 80px, 0px 80px\] at (0.5) should be [20px 20px, 80px  40px, 0px  40px, 60px 20px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-size> from neutral to [20px 20px, 0px 0px\] at (-0.25) should be [ 7.5px  7.5px, 12.5px 12.5px,  7.5px  7.5px, 12.5px 12.5px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-size> from [0px auto, 0px 0px, contain, cover\] to [40px auto, 40px 40px, contain, cover\] at (0) should be [ 0px auto,  0px  0px, contain, cover\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-size> from [inherit\] to [20px 20px, 0px 0px\] at (-0.25) should be [120px 120px, 125px 125px, 120px 120px, 125px 125px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-size> from [initial\] to [20px 20px, 0px 0px\] at (0.6) should be [20px 20px, 0px 0px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-size> from [0px 0px, 0px 0px, 0px 0px, 0px 0px\] to [20px 20px, 40px 40px, 60px 60px, 100px 100px\] at (0.75) should be [15px 15px, 30px 30px, 45px 45px,  75px  75px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-size> from [unset\] to [20px 20px, 0px 0px\] at (0.3) should be [unset\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-size> from neutral to [20px 20px, 0px 0px\] at (-0.25) should be [ 7.5px  7.5px, 12.5px 12.5px,  7.5px  7.5px, 12.5px 12.5px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-size> from [0px auto, 0px 0px, contain, cover\] to [40px auto, 40px 40px, contain, cover\] at (0) should be [ 0px auto,  0px  0px, contain, cover\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-size> from [0px auto, 0px 0px, contain, cover\] to [40px auto, 40px 40px, contain, cover\] at (1.25) should be [50px auto, 50px 50px, contain, cover\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-size> from [0px 0px, 80px 0px\] to [40px 40px, 80px 80px, 0px 80px\] at (0.75) should be [30px 30px, 80px  60px, 0px  60px, 50px 30px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-size> from [0px\] to [80px\] at (-0.25) should be [  0px,   0px,   0px,   0px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-size> from [unset\] to [20px 20px, 0px 0px\] at (1.5) should be [20px 20px, 0px 0px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-size> from neutral to [20px 20px, 0px 0px\] at (0.75) should be [17.5px 17.5px,  2.5px  2.5px, 17.5px 17.5px,  2.5px  2.5px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-size> from [0px 0px, 0px 0px, 0px 0px, 0px 0px\] to [20px 20px, 40px 40px, 60px 60px, 100px 100px\] at (-0.25) should be [ 0px  0px,  0px  0px,  0px  0px,   0px   0px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-size> from [0px 0px, 0px 0px, 0px 0px, 0px 0px\] to [20px 20px, 40px 40px, 60px 60px, 100px 100px\] at (0.25) should be [ 5px  5px, 10px 10px, 15px 15px,  25px  25px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-size> from [inherit\] to [20px 20px, 0px 0px\] at (1) should be [ 20px  20px,   0px   0px,  20px  20px,   0px   0px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-size> from [inherit\] to [20px 20px, 0px 0px\] at (0.25) should be [ 80px  80px,  75px  75px,  80px  80px,  75px  75px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-size> from [0px 0px, 0px 0px, 0px 0px, 0px 0px\] to [20px 20px, 40px 40px, 60px 60px, 100px 100px\] at (1.25) should be [25px 25px, 50px 50px, 75px 75px, 125px 125px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-size> from [0px 0px, 80px 0px\] to [40px 40px, 80px 80px, 0px 80px\] at (1) should be [40px 40px, 80px  80px, 0px  80px, 40px 40px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-size> from [0px 0px, 80px 0px\] to [40px 40px, 80px 80px, 0px 80px\] at (0) should be [ 0px  0px, 80px   0px, 0px   0px, 80px  0px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-size> from [0px 0px\] to [80px 80px\] at (1.25) should be [100px 100px, 100px 100px, 100px 100px, 100px 100px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-size> from [0px auto, 0px 0px, contain, cover\] to [40px auto, 40px 40px, contain, cover\] at (0.5) should be [20px auto, 20px 20px, contain, cover\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-size> from [0px\] to [80px\] at (0.5) should be [ 40px,  40px,  40px,  40px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-size> from [0px 0px, 80px 0px\] to [40px 40px, 80px 80px, 0px 80px\] at (0.75) should be [30px 30px, 80px  60px, 0px  60px, 50px 30px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-size> from [0px 0px\] to [80px 80px\] at (0.75) should be [ 60px  60px,  60px  60px,  60px  60px,  60px  60px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-size> from [0px 0px, 0px 0px, contain, cover\] to [40px 40px, 40px 40px, cover, contain\] at (0) should be [0px 0px, 0px 0px, contain, cover\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-size> from [inherit\] to [20px 20px, 0px 0px\] at (0.5) should be [ 60px  60px,  50px  50px,  60px  60px,  50px  50px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-size> from [0px 0px\] to [80px 80px\] at (0.75) should be [ 60px  60px,  60px  60px,  60px  60px,  60px  60px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-size> from [0px auto, 0px 0px, contain, cover\] to [40px auto, 40px 40px, contain, cover\] at (0.75) should be [30px auto, 30px 30px, contain, cover\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-size> from [0px\] to [80px\] at (0.5) should be [ 40px,  40px,  40px,  40px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-size> from [inherit\] to [20px 20px, 0px 0px\] at (0.75) should be [ 40px  40px,  25px  25px,  40px  40px,  25px  25px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-size> from [0px 0px, 80px 0px\] to [40px 40px, 80px 80px, 0px 80px\] at (1.25) should be [50px 50px, 80px 100px, 0px 100px, 30px 50px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-size> from [inherit\] to [20px 20px, 0px 0px\] at (0) should be [100px 100px, 100px 100px, 100px 100px, 100px 100px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-size> from [inherit\] to [20px 20px, 0px 0px\] at (0.75) should be [ 40px  40px,  25px  25px,  40px  40px,  25px  25px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-size> from [0px auto, 0px 0px\] to [auto 40px, 40px 40px\] at (-0.3) should be [0px auto, 0px 0px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-size> from [inherit\] to [20px 20px, 0px 0px\] at (0) should be [100px 100px, 100px 100px, 100px 100px, 100px 100px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-size> from [initial\] to [20px 20px, 0px 0px\] at (1.5) should be [20px 20px, 0px 0px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-size> from [0px auto, 0px 0px\] to [auto 40px, 40px 40px\] at (0.6) should be [auto 40px, 40px 40px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-size> from [0px 0px\] to [80px 80px\] at (0.75) should be [ 60px  60px,  60px  60px,  60px  60px,  60px  60px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-size> from [0px 0px, 0px 0px, 0px 0px, 0px 0px\] to [20px 20px, 40px 40px, 60px 60px, 100px 100px\] at (0.25) should be [ 5px  5px, 10px 10px, 15px 15px,  25px  25px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-size> from [0px 0px\] to [80px 80px\] at (-0.25) should be [  0px   0px,   0px   0px,   0px   0px,   0px   0px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-size> from [inherit\] to [20px 20px, 0px 0px\] at (1.25) should be [  0px   0px,   0px   0px,   0px   0px,   0px   0px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-size> from [0px auto, 0px 0px\] to [auto 40px, 40px 40px\] at (1) should be [auto 40px, 40px 40px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-size> from [initial\] to [20px 20px, 0px 0px\] at (1) should be [20px 20px, 0px 0px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-size> from [0px auto, 0px 0px, contain, cover\] to [40px auto, 40px 40px, contain, cover\] at (1.25) should be [50px auto, 50px 50px, contain, cover\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-size> from [0px 0px\] to [80px 80px\] at (0.25) should be [ 20px  20px,  20px  20px,  20px  20px,  20px  20px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-size> from [0px 0px, 80px 0px\] to [40px 40px, 80px 80px, 0px 80px\] at (0.25) should be [10px 10px, 80px  20px, 0px  20px, 70px 10px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-size> from [0px 0px, 0px 0px, 0px 0px, 0px 0px\] to [20px 20px, 40px 40px, 60px 60px, 100px 100px\] at (0.75) should be [15px 15px, 30px 30px, 45px 45px,  75px  75px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-size> from [0px\] to [80px\] at (1.25) should be [100px, 100px, 100px, 100px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-size> from [0px 0px\] to [80px 80px\] at (1) should be [ 80px  80px,  80px  80px,  80px  80px,  80px  80px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-size> from neutral to [20px 20px, 0px 0px\] at (1) should be [20.0px 20.0px,  0.0px  0.0px, 20.0px 20.0px,  0.0px  0.0px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-size> from [0px\] to [80px\] at (0) should be [  0px,   0px,   0px,   0px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-size> from [0px 0px\] to [80px 80px\] at (0) should be [  0px   0px,   0px   0px,   0px   0px,   0px   0px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-size> from [0px 0px, 0px 0px, 0px 0px, 0px 0px\] to [20px 20px, 40px 40px, 60px 60px, 100px 100px\] at (1.25) should be [25px 25px, 50px 50px, 75px 75px, 125px 125px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-size> from [0px\] to [80px\] at (-0.25) should be [  0px,   0px,   0px,   0px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-size> from [0px 0px, 80px 0px\] to [40px 40px, 80px 80px, 0px 80px\] at (-0.25) should be [ 0px  0px, 80px   0px, 0px   0px, 90px  0px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-size> from neutral to [20px 20px, 0px 0px\] at (0.25) should be [12.5px 12.5px,  7.5px  7.5px, 12.5px 12.5px,  7.5px  7.5px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-size> from neutral to [20px 20px, 0px 0px\] at (1.25) should be [22.5px 22.5px,  0.0px  0.0px, 22.5px 22.5px,  0.0px  0.0px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-size> from [0px auto, 0px 0px\] to [auto 40px, 40px 40px\] at (0.3) should be [0px auto, 0px 0px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-size> from neutral to [20px 20px, 0px 0px\] at (1.25) should be [22.5px 22.5px,  0.0px  0.0px, 22.5px 22.5px,  0.0px  0.0px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-size> from [0px 0px, 0px 0px, contain, cover\] to [40px 40px, 40px 40px, cover, contain\] at (-0.3) should be [0px 0px, 0px 0px, contain, cover\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-size> from [0px\] to [80px\] at (0.25) should be [ 20px,  20px,  20px,  20px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-size> from [0px 0px\] to [80px 80px\] at (1.25) should be [100px 100px, 100px 100px, 100px 100px, 100px 100px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-size> from [0px auto, 0px 0px, contain, cover\] to [40px auto, 40px 40px, contain, cover\] at (-0.25) should be [ 0px auto,  0px  0px, contain, cover\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-size> from [0px\] to [80px\] at (0.75) should be [ 60px,  60px,  60px,  60px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-size> from [0px\] to [80px\] at (0.75) should be [ 60px,  60px,  60px,  60px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-size> from neutral to [20px 20px, 0px 0px\] at (0) should be [10.0px 10.0px, 10.0px 10.0px, 10.0px 10.0px, 10.0px 10.0px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-size> from neutral to [20px 20px, 0px 0px\] at (0.5) should be [15.0px 15.0px,  5.0px  5.0px, 15.0px 15.0px,  5.0px  5.0px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-size> from [0px 0px\] to [80px 80px\] at (0.25) should be [ 20px  20px,  20px  20px,  20px  20px,  20px  20px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-size> from [0px 0px, 0px 0px, 0px 0px, 0px 0px\] to [20px 20px, 40px 40px, 60px 60px, 100px 100px\] at (1.25) should be [25px 25px, 50px 50px, 75px 75px, 125px 125px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-size> from [0px 0px, 0px 0px, 0px 0px, 0px 0px\] to [20px 20px, 40px 40px, 60px 60px, 100px 100px\] at (1) should be [20px 20px, 40px 40px, 60px 60px, 100px 100px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-size> from [unset\] to [20px 20px, 0px 0px\] at (0.6) should be [20px 20px, 0px 0px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-size> from [0px auto, 0px 0px, contain, cover\] to [40px auto, 40px 40px, contain, cover\] at (0.5) should be [20px auto, 20px 20px, contain, cover\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-size> from [0px auto, 0px 0px, contain, cover\] to [40px auto, 40px 40px, contain, cover\] at (0.75) should be [30px auto, 30px 30px, contain, cover\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-size> from [0px auto, 0px 0px, contain, cover\] to [40px auto, 40px 40px, contain, cover\] at (1.25) should be [50px auto, 50px 50px, contain, cover\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-size> from [0px auto, 0px 0px, contain, cover\] to [40px auto, 40px 40px, contain, cover\] at (0.25) should be [10px auto, 10px 10px, contain, cover\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-size> from neutral to [20px 20px, 0px 0px\] at (0) should be [10.0px 10.0px, 10.0px 10.0px, 10.0px 10.0px, 10.0px 10.0px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-size> from [0px 0px, 80px 0px\] to [40px 40px, 80px 80px, 0px 80px\] at (1.25) should be [50px 50px, 80px 100px, 0px 100px, 30px 50px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-size> from [0px auto, 0px 0px, contain, cover\] to [40px auto, 40px 40px, contain, cover\] at (1) should be [40px auto, 40px 40px, contain, cover\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-size> from [0px 0px, 0px 0px, 0px 0px, 0px 0px\] to [20px 20px, 40px 40px, 60px 60px, 100px 100px\] at (0) should be [ 0px  0px,  0px  0px,  0px  0px,   0px   0px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-size> from [0px auto, 0px 0px, contain, cover\] to [40px auto, 40px 40px, contain, cover\] at (-0.25) should be [ 0px auto,  0px  0px, contain, cover\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-size> from [0px 0px, 0px 0px, contain, cover\] to [40px 40px, 40px 40px, cover, contain\] at (0.3) should be [0px 0px, 0px 0px, contain, cover\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-size> from [unset\] to [20px 20px, 0px 0px\] at (0) should be [unset\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-size> from [0px 0px, 0px 0px, 0px 0px, 0px 0px\] to [20px 20px, 40px 40px, 60px 60px, 100px 100px\] at (-0.25) should be [ 0px  0px,  0px  0px,  0px  0px,   0px   0px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-size> from [0px 0px\] to [80px 80px\] at (0.25) should be [ 20px  20px,  20px  20px,  20px  20px,  20px  20px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-size> from neutral to [20px 20px, 0px 0px\] at (1) should be [20.0px 20.0px,  0.0px  0.0px, 20.0px 20.0px,  0.0px  0.0px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-size> from [inherit\] to [20px 20px, 0px 0px\] at (1) should be [ 20px  20px,   0px   0px,  20px  20px,   0px   0px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-size> from [0px auto, 0px 0px, contain, cover\] to [40px auto, 40px 40px, contain, cover\] at (-0.25) should be [ 0px auto,  0px  0px, contain, cover\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-size> from [0px\] to [80px\] at (0.25) should be [ 20px,  20px,  20px,  20px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-size> from [inherit\] to [20px 20px, 0px 0px\] at (0.5) should be [ 60px  60px,  50px  50px,  60px  60px,  50px  50px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-size> from [0px 0px, 0px 0px, contain, cover\] to [40px 40px, 40px 40px, cover, contain\] at (1.5) should be [40px 40px, 40px 40px, cover, contain\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-size> from [inherit\] to [20px 20px, 0px 0px\] at (-0.25) should be [120px 120px, 125px 125px, 120px 120px, 125px 125px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-size> from [unset\] to [20px 20px, 0px 0px\] at (-0.3) should be [unset\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-size> from [0px\] to [80px\] at (-0.25) should be [  0px,   0px,   0px,   0px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-size> from neutral to [20px 20px, 0px 0px\] at (0.5) should be [15.0px 15.0px,  5.0px  5.0px, 15.0px 15.0px,  5.0px  5.0px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-size> from [inherit\] to [20px 20px, 0px 0px\] at (0.25) should be [ 80px  80px,  75px  75px,  80px  80px,  75px  75px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-size> from [inherit\] to [20px 20px, 0px 0px\] at (1.25) should be [  0px   0px,   0px   0px,   0px   0px,   0px   0px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-size> from [0px 0px, 0px 0px, 0px 0px, 0px 0px\] to [20px 20px, 40px 40px, 60px 60px, 100px 100px\] at (0.25) should be [ 5px  5px, 10px 10px, 15px 15px,  25px  25px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-size> from [0px\] to [80px\] at (1) should be [ 80px,  80px,  80px,  80px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-size> from [inherit\] to [20px 20px, 0px 0px\] at (0.5) should be [ 60px  60px,  50px  50px,  60px  60px,  50px  50px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-size> from [0px 0px, 80px 0px\] to [40px 40px, 80px 80px, 0px 80px\] at (0.25) should be [10px 10px, 80px  20px, 0px  20px, 70px 10px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-size> from [0px auto, 0px 0px\] to [auto 40px, 40px 40px\] at (1.5) should be [auto 40px, 40px 40px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-size> from [0px\] to [80px\] at (0.75) should be [ 60px,  60px,  60px,  60px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-size> from neutral to [20px 20px, 0px 0px\] at (1) should be [20.0px 20.0px,  0.0px  0.0px, 20.0px 20.0px,  0.0px  0.0px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-size> from [0px 0px, 80px 0px\] to [40px 40px, 80px 80px, 0px 80px\] at (0) should be [ 0px  0px, 80px   0px, 0px   0px, 80px  0px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-size> from [0px 0px, 80px 0px\] to [40px 40px, 80px 80px, 0px 80px\] at (0.25) should be [10px 10px, 80px  20px, 0px  20px, 70px 10px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-size> from neutral to [20px 20px, 0px 0px\] at (0.5) should be [15.0px 15.0px,  5.0px  5.0px, 15.0px 15.0px,  5.0px  5.0px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-size> from [0px 0px, 0px 0px, 0px 0px, 0px 0px\] to [20px 20px, 40px 40px, 60px 60px, 100px 100px\] at (0) should be [ 0px  0px,  0px  0px,  0px  0px,   0px   0px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-size> from [0px 0px, 0px 0px, 0px 0px, 0px 0px\] to [20px 20px, 40px 40px, 60px 60px, 100px 100px\] at (0.5) should be [10px 10px, 20px 20px, 30px 30px,  50px  50px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-size> from [unset\] to [20px 20px, 0px 0px\] at (1) should be [20px 20px, 0px 0px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-size> from [initial\] to [20px 20px, 0px 0px\] at (0.5) should be [20px 20px, 0px 0px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-size> from [0px\] to [80px\] at (0.25) should be [ 20px,  20px,  20px,  20px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-size> from [0px 0px, 80px 0px\] to [40px 40px, 80px 80px, 0px 80px\] at (1) should be [40px 40px, 80px  80px, 0px  80px, 40px 40px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-size> from [0px 0px\] to [80px 80px\] at (0) should be [  0px   0px,   0px   0px,   0px   0px,   0px   0px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-size> from [0px 0px, 0px 0px, contain, cover\] to [40px 40px, 40px 40px, cover, contain\] at (1) should be [40px 40px, 40px 40px, cover, contain\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-size> from [0px 0px\] to [80px 80px\] at (1) should be [ 80px  80px,  80px  80px,  80px  80px,  80px  80px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-size> from [inherit\] to [20px 20px, 0px 0px\] at (0.75) should be [ 40px  40px,  25px  25px,  40px  40px,  25px  25px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-size> from neutral to [20px 20px, 0px 0px\] at (0.25) should be [12.5px 12.5px,  7.5px  7.5px, 12.5px 12.5px,  7.5px  7.5px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-size> from [0px 0px, 80px 0px\] to [40px 40px, 80px 80px, 0px 80px\] at (-0.25) should be [ 0px  0px, 80px   0px, 0px   0px, 90px  0px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-size> from [inherit\] to [20px 20px, 0px 0px\] at (1.25) should be [  0px   0px,   0px   0px,   0px   0px,   0px   0px\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-size> from [0px 0px, 80px 0px\] to [40px 40px, 80px 80px, 0px 80px\] at (0) should be [ 0px  0px, 80px   0px, 0px   0px, 80px  0px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-size> from [inherit\] to [20px 20px, 0px 0px\] at (-0.25) should be [120px 120px, 125px 125px, 120px 120px, 125px 125px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-size> from [0px 0px\] to [80px 80px\] at (0.5) should be [ 40px  40px,  40px  40px,  40px  40px,  40px  40px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-size> from [0px 0px, 80px 0px\] to [40px 40px, 80px 80px, 0px 80px\] at (1.25) should be [50px 50px, 80px 100px, 0px 100px, 30px 50px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-size> from [0px\] to [80px\] at (1) should be [ 80px,  80px,  80px,  80px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-size> from [0px auto, 0px 0px, contain, cover\] to [40px auto, 40px 40px, contain, cover\] at (0.75) should be [30px auto, 30px 30px, contain, cover\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-size> from [0px auto, 0px 0px, contain, cover\] to [40px auto, 40px 40px, contain, cover\] at (0.5) should be [20px auto, 20px 20px, contain, cover\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-size> from [initial\] to [20px 20px, 0px 0px\] at (-0.3) should be [initial\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-size> from [initial\] to [20px 20px, 0px 0px\] at (0) should be [initial\]]
+    expected: FAIL
+
+  [CSS Animations: property <background-size> from [0px 0px\] to [80px 80px\] at (1.25) should be [100px 100px, 100px 100px, 100px 100px, 100px 100px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-size> from [0px 0px\] to [80px 80px\] at (-0.25) should be [  0px   0px,   0px   0px,   0px   0px,   0px   0px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <background-size> from [0px auto, 0px 0px, contain, cover\] to [40px auto, 40px 40px, contain, cover\] at (0.25) should be [10px auto, 10px 10px, contain, cover\]]
+    expected: FAIL
+
+  [CSS Transitions: property <background-size> from [inherit\] to [20px 20px, 0px 0px\] at (0.25) should be [ 80px  80px,  75px  75px,  80px  80px,  75px  75px\]]
+    expected: FAIL
+

tests/wpt/metadata-layout-2020/css/css-backgrounds/animations/border-bottom-left-radius-composition.html.ini

@@ -0,0 +1,64 @@
+[border-bottom-left-radius-composition.html]
+  [Compositing: property <border-bottom-left-radius> underlying [40px 40px\] from add [60px 60px\] to add [160px 160px\] at (0.5) should be [150px\]]
+    expected: FAIL
+
+  [Compositing: property <border-bottom-left-radius> underlying [40px 40px\] from add [60px 60px\] to add [160px 160px\] at (0) should be [100px\]]
+    expected: FAIL
+
+  [Compositing: property <border-bottom-left-radius> underlying [40px 40px\] from add [60px 60px\] to add [160px 160px\] at (1) should be [200px\]]
+    expected: FAIL
+
+  [Compositing: property <border-bottom-left-radius> underlying [40px 140px\] from replace [100px 120px\] to add [160px 60px\] at (0) should be [100px 120px\]]
+    expected: FAIL
+
+  [Compositing: property <border-bottom-left-radius> underlying [40px 140px\] from replace [100px 120px\] to add [160px 60px\] at (1) should be [200px\]]
+    expected: FAIL
+
+  [Compositing: property <border-bottom-left-radius> underlying [40px 60px\] from add [60px 140px\] to replace [200px 120px\] at (1) should be [200px 120px\]]
+    expected: FAIL
+
+  [Compositing: property <border-bottom-left-radius> underlying [40px 140px\] from replace [100px 120px\] to add [160px 60px\] at (0.5) should be [150px 160px\]]
+    expected: FAIL
+
+  [Compositing: property <border-bottom-left-radius> underlying [40px 60px\] from add [60px 140px\] to replace [200px 120px\] at (-0.25) should be [75px 220px\]]
+    expected: FAIL
+
+  [Compositing: property <border-bottom-left-radius> underlying [40px 40px\] from add [60px 60px\] to add [160px 160px\] at (1.25) should be [225px\]]
+    expected: FAIL
+
+  [Compositing: property <border-bottom-left-radius> underlying [40px 140px\] from replace [100px 120px\] to add [160px 60px\] at (1.25) should be [225px 220px\]]
+    expected: FAIL
+
+  [Compositing: property <border-bottom-left-radius> underlying [40px 140px\] from replace [100px 120px\] to add [160px 60px\] at (0.25) should be [125px 140px\]]
+    expected: FAIL
+
+  [Compositing: property <border-bottom-left-radius> underlying [40px 60px\] from add [60px 140px\] to replace [200px 120px\] at (0.25) should be [125px 180px\]]
+    expected: FAIL
+
+  [Compositing: property <border-bottom-left-radius> underlying [40px 40px\] from add [60px 60px\] to add [160px 160px\] at (0.75) should be [175px\]]
+    expected: FAIL
+
+  [Compositing: property <border-bottom-left-radius> underlying [40px 60px\] from add [60px 140px\] to replace [200px 120px\] at (0.75) should be [175px 140px\]]
+    expected: FAIL
+
+  [Compositing: property <border-bottom-left-radius> underlying [40px 140px\] from replace [100px 120px\] to add [160px 60px\] at (-0.25) should be [75px 100px\]]
+    expected: FAIL
+
+  [Compositing: property <border-bottom-left-radius> underlying [40px 60px\] from add [60px 140px\] to replace [200px 120px\] at (0) should be [100px 200px\]]
+    expected: FAIL
+
+  [Compositing: property <border-bottom-left-radius> underlying [40px 60px\] from add [60px 140px\] to replace [200px 120px\] at (1.25) should be [225px 100px\]]
+    expected: FAIL
+
+  [Compositing: property <border-bottom-left-radius> underlying [40px 60px\] from add [60px 140px\] to replace [200px 120px\] at (0.5) should be [150px 160px\]]
+    expected: FAIL
+
+  [Compositing: property <border-bottom-left-radius> underlying [40px 140px\] from replace [100px 120px\] to add [160px 60px\] at (0.75) should be [175px 180px\]]
+    expected: FAIL
+
+  [Compositing: property <border-bottom-left-radius> underlying [40px 40px\] from add [60px 60px\] to add [160px 160px\] at (-0.25) should be [75px\]]
+    expected: FAIL
+
+  [Compositing: property <border-bottom-left-radius> underlying [40px 40px\] from add [60px 60px\] to add [160px 160px\] at (0.25) should be [125px\]]
+    expected: FAIL
+

tests/wpt/metadata-layout-2020/css/css-backgrounds/animations/border-bottom-right-radius-composition.html.ini

@@ -0,0 +1,64 @@
+[border-bottom-right-radius-composition.html]
+  [Compositing: property <border-bottom-right-radius> underlying [40px 40px\] from add [60px 60px\] to add [160px 160px\] at (0.75) should be [175px\]]
+    expected: FAIL
+
+  [Compositing: property <border-bottom-right-radius> underlying [40px 140px\] from replace [100px 120px\] to add [160px 60px\] at (0.75) should be [175px 180px\]]
+    expected: FAIL
+
+  [Compositing: property <border-bottom-right-radius> underlying [40px 140px\] from replace [100px 120px\] to add [160px 60px\] at (1) should be [200px\]]
+    expected: FAIL
+
+  [Compositing: property <border-bottom-right-radius> underlying [40px 40px\] from add [60px 60px\] to add [160px 160px\] at (1) should be [200px\]]
+    expected: FAIL
+
+  [Compositing: property <border-bottom-right-radius> underlying [40px 60px\] from add [60px 140px\] to replace [200px 120px\] at (1.25) should be [225px 100px\]]
+    expected: FAIL
+
+  [Compositing: property <border-bottom-right-radius> underlying [40px 40px\] from add [60px 60px\] to add [160px 160px\] at (0.5) should be [150px\]]
+    expected: FAIL
+
+  [Compositing: property <border-bottom-right-radius> underlying [40px 40px\] from add [60px 60px\] to add [160px 160px\] at (0) should be [100px\]]
+    expected: FAIL
+
+  [Compositing: property <border-bottom-right-radius> underlying [40px 40px\] from add [60px 60px\] to add [160px 160px\] at (0.25) should be [125px\]]
+    expected: FAIL
+
+  [Compositing: property <border-bottom-right-radius> underlying [40px 60px\] from add [60px 140px\] to replace [200px 120px\] at (0.25) should be [125px 180px\]]
+    expected: FAIL
+
+  [Compositing: property <border-bottom-right-radius> underlying [40px 140px\] from replace [100px 120px\] to add [160px 60px\] at (1.25) should be [225px 220px\]]
+    expected: FAIL
+
+  [Compositing: property <border-bottom-right-radius> underlying [40px 60px\] from add [60px 140px\] to replace [200px 120px\] at (-0.25) should be [75px 220px\]]
+    expected: FAIL
+
+  [Compositing: property <border-bottom-right-radius> underlying [40px 60px\] from add [60px 140px\] to replace [200px 120px\] at (0.5) should be [150px 160px\]]
+    expected: FAIL
+
+  [Compositing: property <border-bottom-right-radius> underlying [40px 140px\] from replace [100px 120px\] to add [160px 60px\] at (0) should be [100px 120px\]]
+    expected: FAIL
+
+  [Compositing: property <border-bottom-right-radius> underlying [40px 60px\] from add [60px 140px\] to replace [200px 120px\] at (0.75) should be [175px 140px\]]
+    expected: FAIL
+
+  [Compositing: property <border-bottom-right-radius> underlying [40px 60px\] from add [60px 140px\] to replace [200px 120px\] at (0) should be [100px 200px\]]
+    expected: FAIL
+
+  [Compositing: property <border-bottom-right-radius> underlying [40px 140px\] from replace [100px 120px\] to add [160px 60px\] at (0.25) should be [125px 140px\]]
+    expected: FAIL
+
+  [Compositing: property <border-bottom-right-radius> underlying [40px 60px\] from add [60px 140px\] to replace [200px 120px\] at (1) should be [200px 120px\]]
+    expected: FAIL
+
+  [Compositing: property <border-bottom-right-radius> underlying [40px 40px\] from add [60px 60px\] to add [160px 160px\] at (1.25) should be [225px\]]
+    expected: FAIL
+
+  [Compositing: property <border-bottom-right-radius> underlying [40px 40px\] from add [60px 60px\] to add [160px 160px\] at (-0.25) should be [75px\]]
+    expected: FAIL
+
+  [Compositing: property <border-bottom-right-radius> underlying [40px 140px\] from replace [100px 120px\] to add [160px 60px\] at (0.5) should be [150px 160px\]]
+    expected: FAIL
+
+  [Compositing: property <border-bottom-right-radius> underlying [40px 140px\] from replace [100px 120px\] to add [160px 60px\] at (-0.25) should be [75px 100px\]]
+    expected: FAIL
+

tests/wpt/metadata-layout-2020/css/css-backgrounds/animations/border-color-interpolation.html.ini

@@ -161,3 +161,240 @@
   [Web Animations: property <border-top-color> from [white\] to [orange\] at (0.3) should be [rgb(255, 228, 179)\]]
     expected: FAIL
 
+  [CSS Animations: property <border-top-color> from [white\] to [orange\] at (1.5) should be [rgb(255, 120, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-top-color> from [unset\] to [orange\] at (0.3) should be [rgb(77, 50, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-top-color> from [inherit\] to [orange\] at (0.3) should be [rgb(255, 228, 179)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-top-color> from [unset\] to [orange\] at (1) should be [rgb(255, 165, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-top-color> from neutral to [orange\] at (0.6) should be [rgb(153, 99, 56)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-top-color> from [initial\] to [orange\] at (0) should be [rgb(0, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-top-color> from neutral to [orange\] at (-0.3) should be [rgb(0, 0, 181)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-top-color> from [inherit\] to [orange\] at (0.3) should be [rgb(255, 228, 179)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-top-color> from [unset\] to [orange\] at (1.5) should be [rgb(255, 248, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-top-color> from [initial\] to [orange\] at (0) should be [rgb(0, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-top-color> from [unset\] to [orange\] at (0.6) should be [rgb(153, 99, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-top-color> from [inherit\] to [orange\] at (1.5) should be [rgb(255, 120, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-top-color> from [initial\] to [orange\] at (0.6) should be [rgb(153, 99, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-top-color> from [inherit\] to [orange\] at (0.3) should be [rgb(255, 228, 179)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-top-color> from [initial\] to [orange\] at (0.6) should be [rgb(153, 99, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-top-color> from [white\] to [orange\] at (0.6) should be [rgb(255, 201, 102)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-top-color> from neutral to [orange\] at (1.5) should be [rgb(255, 248, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-top-color> from [inherit\] to [orange\] at (0.6) should be [rgb(255, 201, 102)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-top-color> from [unset\] to [orange\] at (1.5) should be [rgb(255, 248, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-top-color> from [white\] to [orange\] at (0.6) should be [rgb(255, 201, 102)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-top-color> from neutral to [orange\] at (0.3) should be [rgb(77, 50, 97)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-top-color> from [inherit\] to [orange\] at (1.5) should be [rgb(255, 120, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-top-color> from [white\] to [orange\] at (0.3) should be [rgb(255, 228, 179)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-top-color> from [unset\] to [orange\] at (-0.3) should be [rgb(0, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-top-color> from [unset\] to [orange\] at (0) should be [rgb(0, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-top-color> from [initial\] to [orange\] at (-0.3) should be [rgb(0, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-top-color> from neutral to [orange\] at (1.5) should be [rgb(255, 248, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-top-color> from [initial\] to [orange\] at (1.5) should be [rgb(255, 248, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-top-color> from [white\] to [orange\] at (-0.3) should be [white\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-top-color> from [white\] to [orange\] at (0) should be [white\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-top-color> from [white\] to [orange\] at (-0.3) should be [white\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-top-color> from neutral to [orange\] at (-0.3) should be [rgb(0, 0, 181)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-top-color> from neutral to [orange\] at (0.3) should be [rgb(77, 50, 97)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-top-color> from [white\] to [orange\] at (0.3) should be [rgb(255, 228, 179)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-top-color> from [inherit\] to [orange\] at (0) should be [rgb(255, 255, 255)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-top-color> from [inherit\] to [orange\] at (0.6) should be [rgb(255, 201, 102)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-top-color> from [unset\] to [orange\] at (0.3) should be [rgb(77, 50, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-top-color> from [white\] to [orange\] at (0) should be [white\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-top-color> from [initial\] to [orange\] at (0.3) should be [rgb(77, 50, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-top-color> from [inherit\] to [orange\] at (-0.3) should be [rgb(255, 255, 255)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-top-color> from [unset\] to [orange\] at (0.6) should be [rgb(153, 99, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-top-color> from [inherit\] to [orange\] at (-0.3) should be [rgb(255, 255, 255)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-top-color> from [unset\] to [orange\] at (0.6) should be [rgb(153, 99, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-top-color> from [initial\] to [orange\] at (-0.3) should be [rgb(0, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-top-color> from [unset\] to [orange\] at (-0.3) should be [rgb(0, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-top-color> from neutral to [orange\] at (1) should be [rgb(255, 165, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-top-color> from [initial\] to [orange\] at (0.3) should be [rgb(77, 50, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-top-color> from [white\] to [orange\] at (0.3) should be [rgb(255, 228, 179)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-top-color> from [white\] to [orange\] at (0.6) should be [rgb(255, 201, 102)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-top-color> from [inherit\] to [orange\] at (1.5) should be [rgb(255, 120, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-top-color> from [unset\] to [orange\] at (1.5) should be [rgb(255, 248, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-top-color> from [white\] to [orange\] at (1.5) should be [rgb(255, 120, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-top-color> from [unset\] to [orange\] at (0) should be [rgb(0, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-top-color> from neutral to [orange\] at (0.3) should be [rgb(77, 50, 97)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-top-color> from [inherit\] to [orange\] at (1) should be [rgb(255, 165, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-top-color> from neutral to [orange\] at (0.6) should be [rgb(153, 99, 56)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-top-color> from neutral to [orange\] at (1.5) should be [rgb(255, 248, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-top-color> from [initial\] to [orange\] at (1) should be [rgb(255, 165, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-top-color> from [initial\] to [orange\] at (0.6) should be [rgb(153, 99, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-top-color> from [unset\] to [orange\] at (0) should be [rgb(0, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-top-color> from [initial\] to [orange\] at (1.5) should be [rgb(255, 248, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-top-color> from [unset\] to [orange\] at (-0.3) should be [rgb(0, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-top-color> from [inherit\] to [orange\] at (0) should be [rgb(255, 255, 255)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-top-color> from neutral to [orange\] at (0) should be [rgb(0, 0, 139)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-top-color> from [initial\] to [orange\] at (0) should be [rgb(0, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-top-color> from [white\] to [orange\] at (1) should be [orange\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-top-color> from neutral to [orange\] at (0) should be [rgb(0, 0, 139)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-top-color> from neutral to [orange\] at (0.6) should be [rgb(153, 99, 56)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-top-color> from [white\] to [orange\] at (1.5) should be [rgb(255, 120, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-top-color> from [initial\] to [orange\] at (1.5) should be [rgb(255, 248, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-top-color> from [initial\] to [orange\] at (0.3) should be [rgb(77, 50, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-top-color> from [inherit\] to [orange\] at (0) should be [rgb(255, 255, 255)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-top-color> from [unset\] to [orange\] at (0.3) should be [rgb(77, 50, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-top-color> from neutral to [orange\] at (-0.3) should be [rgb(0, 0, 181)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-top-color> from [inherit\] to [orange\] at (-0.3) should be [rgb(255, 255, 255)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-top-color> from [initial\] to [orange\] at (-0.3) should be [rgb(0, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-top-color> from [white\] to [orange\] at (-0.3) should be [white\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-top-color> from [white\] to [orange\] at (0) should be [white\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-top-color> from [inherit\] to [orange\] at (0.6) should be [rgb(255, 201, 102)\]]
+    expected: FAIL
+

tests/wpt/metadata-layout-2020/css/css-backgrounds/animations/border-image-outset-composition.html.ini

@@ -0,0 +1,169 @@
+[border-image-outset-composition.html]
+  [Compositing: property <border-image-outset> underlying [100 200 300 400\] from add [100\] to add [200 300 500\] at (1) should be [300 500 800 700\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-outset> underlying [1 2 3 4\] from add [1 2 3 4\] to add [101 102 103 104\] at (1.25) should be [127 129 131 133\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-outset> underlying [10px 20px\] from add [190px 180px 290px 280px\] to add [90px 80px\] at (1) should be [100px\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-outset> underlying [10px 20\] from add [90px 80\] to replace [0px 0 0px 0\] at (0.5) should be [50px 50\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-outset> underlying [100 200 300 400\] from add [100\] to add [200 300 500\] at (1.25) should be [325 550 900 750\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-outset> underlying [10 20\] from add [100px 150px\] to add [200px 250px\] at (0) should be [100px 150px\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-outset> underlying [1 2 3px 4px\] from add [1 2 3px 4px\] to add [101 102 103px 104px\] at (0.75) should be [77 79 81px 83px\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-outset> underlying [10 20\] from add [100 150px\] to add [200px 250\] at (1.25) should be [200px 250\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-outset> underlying [1 2 3px 4px\] from add [1 2 3px 4px\] to add [101 102 103px 104px\] at (1.25) should be [127 129 131px 133px\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-outset> underlying [1 2 3px 4px\] from add [1 2 3px 4px\] to add [101 102 103px 104px\] at (1) should be [102 104 106px 108px\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-outset> underlying [100 200 300 400\] from add [100\] to add [200 300 500\] at (0.75) should be [275 450 700 650\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-outset> underlying [10 20\] from add [100 150px\] to add [200px 250\] at (-0.25) should be [100 150px\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-outset> underlying [1 2 3px 4px\] from add [1 2 3px 4px\] to add [101 102 103px 104px\] at (0.25) should be [27 29 31px 33px\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-outset> underlying [10 20px\] from replace [100 100px\] to add [190 180px\] at (1.25) should be [225 225px\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-outset> underlying [10px 20px\] from add [190px 180px 290px 280px\] to add [90px 80px\] at (1.25) should be [75px 75px 50px 50px\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-outset> underlying [1 2 3px 4px\] from add [1 2 3px 4px\] to add [101 102 103px 104px\] at (0.5) should be [52 54 56px 58px\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-outset> underlying [1 2 3 4\] from add [1 2 3 4\] to add [101 102 103 104\] at (0.5) should be [52 54 56 58\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-outset> underlying [10px 20\] from add [90px 80\] to replace [0px 0 0px 0\] at (-0.25) should be [125px 125\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-outset> underlying [10 20\] from add [100 150px\] to add [200px 250\] at (0.25) should be [100 150px\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-outset> underlying [10px 20px\] from add [190px 180px 290px 280px\] to add [90px 80px\] at (0.25) should be [175px 175px 250px 250px\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-outset> underlying [10 20px\] from replace [100 100px\] to add [190 180px\] at (1) should be [200 200px\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-outset> underlying [10 20\] from add [100 150px\] to add [200px 250\] at (0.75) should be [200px 250\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-outset> underlying [10 20\] from add [100px 150px\] to add [200px 250px\] at (0.75) should be [175px 225px\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-outset> underlying [10 20\] from add [100px 150px\] to add [200px 250px\] at (-0.25) should be [75px 125px\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-outset> underlying [100 200 300 400\] from add [100\] to add [200 300 500\] at (0.25) should be [225 350 500 550\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-outset> underlying [10 20px\] from replace [100 100px\] to add [190 180px\] at (0.75) should be [175 175px\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-outset> underlying [10px 20px\] from add [190px 180px 290px 280px\] to add [90px 80px\] at (0.5) should be [150px 150px 200px 200px\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-outset> underlying [10 20px\] from replace [100 100px\] to add [190 180px\] at (0.25) should be [125 125px\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-outset> underlying [10 20px\] from replace [100 100px\] to add [190 180px\] at (0) should be [100 100px\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-outset> underlying [10 20\] from add [100px 150px\] to add [200px 250px\] at (0.25) should be [125px 175px\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-outset> underlying [10px 20\] from add [90px 80\] to replace [0px 0 0px 0\] at (1.25) should be [0px 0\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-outset> underlying [100 200 300 400\] from add [100\] to add [200 300 500\] at (0) should be [200 300 400 500\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-outset> underlying [10 20px\] from replace [100 100px\] to add [190 180px\] at (0.5) should be [150 150px\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-outset> underlying [1 2 3px 4px\] from add [1 2 3px 4px\] to add [101 102 103px 104px\] at (0) should be [2 4 6px 8px\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-outset> underlying [100 200 300 400\] from add [100\] to add [200 300 500\] at (0.5) should be [250 400 600 600\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-outset> underlying [10px 20\] from add [90px 80\] to replace [0px 0 0px 0\] at (1) should be [0px 0\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-outset> underlying [10 20\] from add [100 150px\] to add [200px 250\] at (0) should be [100 150px\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-outset> underlying [1 2 3 4\] from add [1 2 3 4\] to add [101 102 103 104\] at (0.75) should be [77 79 81 83\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-outset> underlying [10px 20\] from add [90px 80\] to replace [0px 0 0px 0\] at (0.75) should be [25px 25\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-outset> underlying [10px 20\] from add [90px 80\] to replace [0px 0 0px 0\] at (0) should be [100px 100\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-outset> underlying [10 20px\] from replace [100 100px\] to add [190 180px\] at (-0.25) should be [75 75px\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-outset> underlying [10px 20px\] from add [190px 180px 290px 280px\] to add [90px 80px\] at (0.75) should be [125px 125px 150px 150px\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-outset> underlying [10 20\] from add [100 150px\] to add [200px 250\] at (0.5) should be [200px 250\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-outset> underlying [1 2 3 4\] from add [1 2 3 4\] to add [101 102 103 104\] at (-0.25) should be [0\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-outset> underlying [100 200 300 400\] from add [100\] to add [200 300 500\] at (-0.25) should be [175 250 300 450\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-outset> underlying [1 2 3 4\] from add [1 2 3 4\] to add [101 102 103 104\] at (1) should be [102 104 106 108\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-outset> underlying [10px 20px\] from add [190px 180px 290px 280px\] to add [90px 80px\] at (-0.25) should be [225px 225px 350px 350px\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-outset> underlying [10 20\] from add [100px 150px\] to add [200px 250px\] at (1) should be [200px 250px\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-outset> underlying [10 20\] from add [100px 150px\] to add [200px 250px\] at (1.25) should be [225px 275px\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-outset> underlying [1 2 3 4\] from add [1 2 3 4\] to add [101 102 103 104\] at (0) should be [2 4 6 8\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-outset> underlying [10 20\] from add [100 150px\] to add [200px 250\] at (1) should be [200px 250\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-outset> underlying [10px 20px\] from add [190px 180px 290px 280px\] to add [90px 80px\] at (0) should be [200px 200px 300px 300px\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-outset> underlying [1 2 3px 4px\] from add [1 2 3px 4px\] to add [101 102 103px 104px\] at (-0.25) should be [0 0 0px 0px\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-outset> underlying [1 2 3 4\] from add [1 2 3 4\] to add [101 102 103 104\] at (0.25) should be [27 29 31 33\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-outset> underlying [10px 20\] from add [90px 80\] to replace [0px 0 0px 0\] at (0.25) should be [75px 75\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-outset> underlying [10 20\] from add [100px 150px\] to add [200px 250px\] at (0.5) should be [150px 200px\]]
+    expected: FAIL
+

tests/wpt/metadata-layout-2020/css/css-backgrounds/animations/border-image-outset-interpolation.html.ini

@@ -125,3 +125,336 @@
   [Web Animations: property <border-image-outset> from [0\] to [1\] at (-0.3) should be [0\]]
     expected: FAIL
 
+  [CSS Transitions: property <border-image-outset> from neutral to [2px\] at (1.5) should be [2.5px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-outset> from neutral to [2px\] at (0) should be [1px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-outset> from [initial\] to [2\] at (0) should be [0\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-outset> from [0\] to [1\] at (0.3) should be [0.3\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-outset> from [0\] to [1\] at (-0.3) should be [0\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-outset> from [1 2 3px 4px\] to [101 102 103px 104px\] at (-0.3) should be [0 0 0px 0px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-outset> from [1 2 3px 4px\] to [101 102 103px 104px\] at (0.3) should be [31 32 33px 34px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-outset> from [initial\] to [2\] at (1.5) should be [3\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-outset> from [inherit\] to [2px\] at (0.3) should be [7.6px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-outset> from [0\] to [1\] at (0) should be [0\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-outset> from [initial\] to [2\] at (-0.3) should be [0\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-outset> from [0\] to [1\] at (0.3) should be [0.3\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-outset> from [unset\] to [2\] at (0.3) should be [0.6\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-outset> from [unset\] to [2\] at (-0.3) should be [0\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-outset> from [0\] to [1\] at (0.6) should be [0.6\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-outset> from [unset\] to [2\] at (0) should be [0\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-outset> from [0px\] to [5px\] at (1.5) should be [7.5px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-outset> from [initial\] to [2\] at (0.6) should be [1.2\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-outset> from [0\] to [1\] at (0) should be [0\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-outset> from [inherit\] to [2px\] at (0.6) should be [5.2px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-outset> from [0px\] to [5px\] at (-0.3) should be [0px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-outset> from neutral to [2px\] at (0.3) should be [1.3px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-outset> from [initial\] to [2\] at (0.6) should be [1.2\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-outset> from [unset\] to [2\] at (1.5) should be [3\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-outset> from [0px\] to [5px\] at (0.3) should be [1.5px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-outset> from [initial\] to [2\] at (0.3) should be [0.6\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-outset> from [unset\] to [2\] at (0.3) should be [0.6\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-outset> from [1 2 3px 4px\] to [101 102 103px 104px\] at (0) should be [1 2 3px 4px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-outset> from [0\] to [1\] at (-0.3) should be [0\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-outset> from [0px\] to [5px\] at (-0.3) should be [0px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-outset> from [1 2 3px 4px\] to [101 102 103px 104px\] at (0.3) should be [31 32 33px 34px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-outset> from [inherit\] to [2px\] at (-0.3) should be [12.4px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-outset> from [initial\] to [2\] at (0.3) should be [0.6\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-outset> from [initial\] to [2\] at (1) should be [2\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-outset> from [unset\] to [2\] at (0.6) should be [1.2\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-outset> from neutral to [2px\] at (0.6) should be [1.6px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-outset> from [unset\] to [2\] at (1.5) should be [3\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-outset> from [initial\] to [2\] at (1.5) should be [3\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-outset> from [inherit\] to [2px\] at (0.3) should be [7.6px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-outset> from [0px\] to [5px\] at (0) should be [0px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-outset> from neutral to [2px\] at (1.5) should be [2.5px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-outset> from neutral to [2px\] at (0) should be [1px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-outset> from neutral to [2px\] at (0.3) should be [1.3px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-outset> from [0px\] to [5px\] at (0.6) should be [3px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-outset> from [inherit\] to [2px\] at (0.3) should be [7.6px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-outset> from [1 2 3px 4px\] to [101 102 103px 104px\] at (0.6) should be [61 62 63px 64px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-outset> from neutral to [2px\] at (1) should be [2px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-outset> from [unset\] to [2\] at (1.5) should be [3\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-outset> from [inherit\] to [2px\] at (1.5) should be [0px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-outset> from [unset\] to [2\] at (1) should be [2\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-outset> from [0px\] to [5px\] at (1.5) should be [7.5px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-outset> from [1 2 3px 4px\] to [101 102 103px 104px\] at (0.6) should be [61 62 63px 64px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-outset> from [0px\] to [5px\] at (-0.3) should be [0px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-outset> from [initial\] to [2\] at (0) should be [0\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-outset> from [inherit\] to [2px\] at (1.5) should be [0px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-outset> from [inherit\] to [2px\] at (0) should be [10px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-outset> from [initial\] to [2\] at (0.3) should be [0.6\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-outset> from [0px\] to [5px\] at (0.6) should be [3px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-outset> from [1 2 3px 4px\] to [101 102 103px 104px\] at (-0.3) should be [0 0 0px 0px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-outset> from [0\] to [1\] at (1) should be [1\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-outset> from [1 2 3px 4px\] to [101 102 103px 104px\] at (-0.3) should be [0 0 0px 0px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-outset> from [1 2 3px 4px\] to [101 102 103px 104px\] at (0) should be [1 2 3px 4px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-outset> from [0px\] to [5px\] at (0.3) should be [1.5px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-outset> from [initial\] to [2\] at (0.6) should be [1.2\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-outset> from [0\] to [1\] at (1.5) should be [1.5\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-outset> from [0px\] to [5px\] at (0.3) should be [1.5px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-outset> from [0px\] to [5px\] at (0.6) should be [3px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-outset> from neutral to [2px\] at (0.3) should be [1.3px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-outset> from [initial\] to [2\] at (-0.3) should be [0\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-outset> from [inherit\] to [2px\] at (-0.3) should be [12.4px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-outset> from [inherit\] to [2px\] at (0) should be [10px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-outset> from [unset\] to [2\] at (0) should be [0\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-outset> from [inherit\] to [2px\] at (1) should be [2px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-outset> from [0\] to [1\] at (-0.3) should be [0\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-outset> from [unset\] to [2\] at (0.6) should be [1.2\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-outset> from neutral to [2px\] at (-0.3) should be [0.7px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-outset> from [unset\] to [2\] at (-0.3) should be [0\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-outset> from neutral to [2px\] at (-0.3) should be [0.7px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-outset> from neutral to [2px\] at (1.5) should be [2.5px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-outset> from [inherit\] to [2px\] at (1.5) should be [0px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-outset> from [1 2 3px 4px\] to [101 102 103px 104px\] at (0.6) should be [61 62 63px 64px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-outset> from neutral to [2px\] at (-0.3) should be [0.7px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-outset> from [initial\] to [2\] at (1.5) should be [3\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-outset> from [initial\] to [2\] at (0) should be [0\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-outset> from [inherit\] to [2px\] at (-0.3) should be [12.4px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-outset> from [0\] to [1\] at (0.3) should be [0.3\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-outset> from [unset\] to [2\] at (0) should be [0\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-outset> from [1 2 3px 4px\] to [101 102 103px 104px\] at (1.5) should be [151 152 153px 154px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-outset> from [unset\] to [2\] at (0.6) should be [1.2\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-outset> from [1 2 3px 4px\] to [101 102 103px 104px\] at (1.5) should be [151 152 153px 154px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-outset> from [inherit\] to [2px\] at (0) should be [10px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-outset> from [1 2 3px 4px\] to [101 102 103px 104px\] at (0) should be [1 2 3px 4px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-outset> from [0\] to [1\] at (0.6) should be [0.6\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-outset> from [0\] to [1\] at (0.6) should be [0.6\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-outset> from [1 2 3px 4px\] to [101 102 103px 104px\] at (1.5) should be [151 152 153px 154px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-outset> from [0px\] to [5px\] at (0) should be [0px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-outset> from [0\] to [1\] at (1.5) should be [1.5\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-outset> from [unset\] to [2\] at (-0.3) should be [0\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-outset> from neutral to [2px\] at (0.6) should be [1.6px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-outset> from [initial\] to [2\] at (-0.3) should be [0\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-outset> from [0px\] to [5px\] at (1.5) should be [7.5px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-outset> from [unset\] to [2\] at (0.3) should be [0.6\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-outset> from [1 2 3px 4px\] to [101 102 103px 104px\] at (1) should be [101 102 103px 104px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-outset> from [0\] to [1\] at (0) should be [0\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-outset> from [1 2 3px 4px\] to [101 102 103px 104px\] at (0.3) should be [31 32 33px 34px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-outset> from [0px\] to [5px\] at (0) should be [0px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-outset> from neutral to [2px\] at (0.6) should be [1.6px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-outset> from [0px\] to [5px\] at (1) should be [5px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-outset> from [inherit\] to [2px\] at (0.6) should be [5.2px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-outset> from [0\] to [1\] at (1.5) should be [1.5\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-outset> from [inherit\] to [2px\] at (0.6) should be [5.2px\]]
+    expected: FAIL
+

tests/wpt/metadata-layout-2020/css/css-backgrounds/animations/border-image-slice-composition.html.ini

@@ -0,0 +1,169 @@
+[border-image-slice-composition.html]
+  [Compositing: property <border-image-slice> underlying [10% 20%\] from add [190% 180% 290% 280%\] to add [90% 80%\] at (0.75) should be [125% 125% 150% 150%\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-slice> underlying [10% 20%\] from add [190% 180% 290% 280%\] to add [90% 80%\] at (0.5) should be [150% 150% 200% 200%\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-slice> underlying [10% 20%\] from add [190% 180% 290% 280%\] to add [90% 80%\] at (-0.25) should be [225% 225% 350% 350%\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-slice> underlying [1 2 3 4\] from add [1 2 3 4\] to add [101 102 103 104\] at (0.5) should be [52 54 56 58\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-slice> underlying [10% 20\] from add [90% 80\] to replace [0% 0 0% 0\] at (0.75) should be [25% 25\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-slice> underlying [100 200 300 400 fill\] from add [100 fill\] to add [200 300 500 fill\] at (1.25) should be [325 550 900 750 fill\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-slice> underlying [10% 20\] from add [90% 80\] to replace [0% 0 0% 0\] at (1.25) should be [0% 0\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-slice> underlying [10 20%\] from replace [100 100%\] to add [190 180%\] at (-0.25) should be [75 75%\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-slice> underlying [10 20\] from add [100 150%\] to add [200% 250\] at (0.25) should be [100 150%\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-slice> underlying [10 20\] from add [100% 150%\] to add [200% 250% fill\] at (0.75) should be [200% 250% fill\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-slice> underlying [10 20%\] from replace [100 100%\] to add [190 180%\] at (1) should be [200 200%\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-slice> underlying [1 2 3 4\] from add [1 2 3 4\] to add [101 102 103 104\] at (1.25) should be [127 129 131 133\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-slice> underlying [100 200 300 400 fill\] from add [100 fill\] to add [200 300 500 fill\] at (0.25) should be [225 350 500 550 fill\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-slice> underlying [1 2 3 4\] from add [1 2 3 4\] to add [101 102 103 104\] at (0.25) should be [27 29 31 33\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-slice> underlying [10 20\] from add [100% 150%\] to add [200% 250% fill\] at (1.25) should be [200% 250% fill\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-slice> underlying [1 2 3 4\] from add [1 2 3 4\] to add [101 102 103 104\] at (1) should be [102 104 106 108\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-slice> underlying [1 2 3% 4%\] from add [1 2 3% 4%\] to add [101 102 103% 104%\] at (0.5) should be [52 54 56% 58%\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-slice> underlying [100 200 300 400 fill\] from add [100 fill\] to add [200 300 500 fill\] at (0.5) should be [250 400 600 600 fill\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-slice> underlying [10% 20\] from add [90% 80\] to replace [0% 0 0% 0\] at (0.25) should be [75% 75\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-slice> underlying [10 20\] from add [100 150%\] to add [200% 250\] at (-0.25) should be [100 150%\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-slice> underlying [10% 20\] from add [90% 80\] to replace [0% 0 0% 0\] at (1) should be [0% 0\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-slice> underlying [100 200 300 400 fill\] from add [100 fill\] to add [200 300 500 fill\] at (1) should be [300 500 800 700 fill\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-slice> underlying [10 20\] from add [100% 150%\] to add [200% 250% fill\] at (0.5) should be [200% 250% fill\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-slice> underlying [100 200 300 400 fill\] from add [100 fill\] to add [200 300 500 fill\] at (-0.25) should be [175 250 300 450 fill\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-slice> underlying [10% 20%\] from add [190% 180% 290% 280%\] to add [90% 80%\] at (0.25) should be [175% 175% 250% 250%\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-slice> underlying [10% 20\] from add [90% 80\] to replace [0% 0 0% 0\] at (0.5) should be [50% 50\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-slice> underlying [1 2 3% 4%\] from add [1 2 3% 4%\] to add [101 102 103% 104%\] at (0.75) should be [77 79 81% 83%\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-slice> underlying [10 20%\] from replace [100 100%\] to add [190 180%\] at (0.75) should be [175 175%\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-slice> underlying [10 20\] from add [100 150%\] to add [200% 250\] at (0.75) should be [200% 250\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-slice> underlying [10% 20%\] from add [190% 180% 290% 280%\] to add [90% 80%\] at (1.25) should be [75% 75% 50% 50%\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-slice> underlying [1 2 3% 4%\] from add [1 2 3% 4%\] to add [101 102 103% 104%\] at (0.25) should be [27 29 31% 33%\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-slice> underlying [1 2 3 4\] from add [1 2 3 4\] to add [101 102 103 104\] at (0.75) should be [77 79 81 83\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-slice> underlying [1 2 3% 4%\] from add [1 2 3% 4%\] to add [101 102 103% 104%\] at (-0.25) should be [0 0 0% 0%\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-slice> underlying [1 2 3 4\] from add [1 2 3 4\] to add [101 102 103 104\] at (0) should be [2 4 6 8\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-slice> underlying [10 20\] from add [100% 150%\] to add [200% 250% fill\] at (0.25) should be [100% 150%\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-slice> underlying [10 20\] from add [100 150%\] to add [200% 250\] at (1) should be [200% 250\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-slice> underlying [10 20\] from add [100 150%\] to add [200% 250\] at (1.25) should be [200% 250\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-slice> underlying [1 2 3% 4%\] from add [1 2 3% 4%\] to add [101 102 103% 104%\] at (0) should be [2 4 6% 8%\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-slice> underlying [100 200 300 400 fill\] from add [100 fill\] to add [200 300 500 fill\] at (0) should be [200 300 400 500 fill\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-slice> underlying [10 20\] from add [100 150%\] to add [200% 250\] at (0.5) should be [200% 250\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-slice> underlying [10 20\] from add [100% 150%\] to add [200% 250% fill\] at (1) should be [200% 250% fill\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-slice> underlying [10% 20%\] from add [190% 180% 290% 280%\] to add [90% 80%\] at (0) should be [200% 200% 300% 300%\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-slice> underlying [1 2 3% 4%\] from add [1 2 3% 4%\] to add [101 102 103% 104%\] at (1.25) should be [127 129 131% 133%\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-slice> underlying [10 20%\] from replace [100 100%\] to add [190 180%\] at (0.5) should be [150 150%\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-slice> underlying [10% 20%\] from add [190% 180% 290% 280%\] to add [90% 80%\] at (1) should be [100%\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-slice> underlying [10% 20\] from add [90% 80\] to replace [0% 0 0% 0\] at (-0.25) should be [125% 125\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-slice> underlying [10 20\] from add [100 150%\] to add [200% 250\] at (0) should be [100 150%\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-slice> underlying [10 20%\] from replace [100 100%\] to add [190 180%\] at (1.25) should be [225 225%\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-slice> underlying [1 2 3 4\] from add [1 2 3 4\] to add [101 102 103 104\] at (-0.25) should be [0\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-slice> underlying [10 20%\] from replace [100 100%\] to add [190 180%\] at (0.25) should be [125 125%\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-slice> underlying [10% 20\] from add [90% 80\] to replace [0% 0 0% 0\] at (0) should be [100% 100\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-slice> underlying [10 20\] from add [100% 150%\] to add [200% 250% fill\] at (-0.25) should be [100% 150%\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-slice> underlying [1 2 3% 4%\] from add [1 2 3% 4%\] to add [101 102 103% 104%\] at (1) should be [102 104 106% 108%\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-slice> underlying [100 200 300 400 fill\] from add [100 fill\] to add [200 300 500 fill\] at (0.75) should be [275 450 700 650 fill\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-slice> underlying [10 20\] from add [100% 150%\] to add [200% 250% fill\] at (0) should be [100% 150%\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-slice> underlying [10 20%\] from replace [100 100%\] to add [190 180%\] at (0) should be [100 100%\]]
+    expected: FAIL
+

tests/wpt/metadata-layout-2020/css/css-backgrounds/animations/border-image-slice-interpolation.html.ini

@@ -272,3 +272,561 @@
   [Web Animations: property <border-image-slice> from [0%\] to [50%\] at (-0.3) should be [0%\]]
     expected: FAIL
 
+  [CSS Animations: property <border-image-slice> from [50%\] to [100\] at (1.5) should be [100\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [0% 10 20% 30 fill\] to [40% 50 60% 70 fill\] at (-0.5) should be [0% 0 0% 10 fill\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [0% fill\] to [50%\] at (1) should be [50%\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-slice> from [0% 10 20% 30 fill\] to [40% 50 60% 70 fill\] at (-0.5) should be [0% 0 0% 10 fill\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-slice> from [initial\] to [10%\] at (-0.3) should be [127%\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [unset\] to [10%\] at (1) should be [10%\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-slice> from [unset\] to [10%\] at (0.6) should be [46%\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [0 10 20 30 fill\] to [40 50 60 70 fill\] at (0.6) should be [24 34 44 54 fill\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [0 10 20 30 fill\] to [40 50 60 70 fill\] at (0.3) should be [12 22 32 42 fill\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [0% 10% 20% 30%\] to [40% 50% 60% 70%\] at (1) should be [40% 50% 60% 70%\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-slice> from [inherit\] to [10%\] at (-0.3) should be [62%\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-slice> from [0% 10% 20% 30%\] to [40% 50% 60% 70%\] at (0) should be [0% 10% 20% 30%\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [0% 10 20 30 fill\] to [40 50 60% 70\] at (0.5) should be [40 50 60% 70\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-slice> from [0% 10 20% 30 fill\] to [40% 50 60% 70 fill\] at (-0.5) should be [0% 0 0% 10 fill\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-slice> from [initial\] to [10%\] at (-0.3) should be [127%\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [0% 10% 20% 30%\] to [40% 50% 60% 70%\] at (0) should be [0% 10% 20% 30%\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from neutral to [10%\] at (0.3) should be [17%\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [50% fill\] to [100 fill\] at (0.6) should be [100 fill\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [0 10 20 30 fill\] to [40 50 60 70 fill\] at (0) should be [0 10 20 30 fill\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-slice> from [0% 10 20% 30 fill\] to [40% 50 60% 70 fill\] at (0.5) should be [20% 30 40% 50 fill\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [50%\] to [100\] at (0.3) should be [50%\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [50%\] to [100\] at (0.5) should be [100\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-slice> from [initial\] to [10%\] at (0) should be [100%\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-slice> from [initial\] to [10%\] at (0.3) should be [73%\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-slice> from [unset\] to [10%\] at (0.5) should be [55%\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [0% 10 20% 30 fill\] to [40% 50 60% 70\] at (0.6) should be [40% 50 60% 70\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [0% 10 20 30 fill\] to [40 50 60% 70\] at (1.5) should be [40 50 60% 70\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [0 10 20 30 fill\] to [40 50 60 70 fill\] at (1) should be [40 50 60 70 fill\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [0% 10 20% 30 fill\] to [40% 50 60% 70\] at (-0.3) should be [0% 10 20% 30 fill\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-slice> from [unset\] to [10%\] at (-0.3) should be [127%\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-slice> from [0% 10% 20% 30%\] to [40% 50% 60% 70%\] at (0.3) should be [12% 22% 32% 42%\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [initial\] to [10%\] at (0.5) should be [55%\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-slice> from [unset\] to [10%\] at (1.5) should be [0%\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [unset\] to [10%\] at (0.6) should be [46%\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [0% fill\] to [50%\] at (1.5) should be [50%\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-slice> from [0% 10 20% 30 fill\] to [40% 50 60% 70 fill\] at (0.3) should be [12% 22 32% 42 fill\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [0 10 20 30 fill\] to [40 50 60 70 fill\] at (0.5) should be [20 30 40 50 fill\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-slice> from [inherit\] to [10%\] at (0.5) should be [30%\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [inherit\] to [10%\] at (0.6) should be [26%\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-slice> from neutral to [10%\] at (0.3) should be [17%\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-slice> from neutral to [10%\] at (0.5) should be [15%\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [0% fill\] to [50%\] at (0.3) should be [0% fill\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-slice> from [0% 10% 20% 30%\] to [40% 50% 60% 70%\] at (0) should be [0% 10% 20% 30%\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [inherit\] to [10%\] at (0) should be [50%\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [0% 10 20% 30 fill\] to [40% 50 60% 70 fill\] at (0.5) should be [20% 30 40% 50 fill\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [50% fill\] to [100 fill\] at (1.5) should be [100 fill\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-slice> from [0 10 20 30 fill\] to [40 50 60 70 fill\] at (0) should be [0 10 20 30 fill\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-slice> from [0%\] to [50%\] at (-0.3) should be [0%\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-slice> from neutral to [10%\] at (0.5) should be [15%\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from neutral to [10%\] at (0.5) should be [15%\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-slice> from [inherit\] to [10%\] at (1.5) should be [0%\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-slice> from [unset\] to [10%\] at (0) should be [100%\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-slice> from [initial\] to [10%\] at (0.5) should be [55%\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [0% fill\] to [50%\] at (-0.3) should be [0% fill\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [initial\] to [10%\] at (0) should be [100%\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [0%\] to [50%\] at (0.5) should be [25%\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [0% 10 20% 30 fill\] to [40% 50 60% 70\] at (1.5) should be [40% 50 60% 70\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [50%\] to [100\] at (0.6) should be [100\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-slice> from [inherit\] to [10%\] at (-0.3) should be [62%\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [0% 10% 20% 30%\] to [40% 50% 60% 70%\] at (-0.5) should be [0% 0% 0% 10%\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-slice> from [unset\] to [10%\] at (0.3) should be [73%\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-slice> from [0% 10% 20% 30%\] to [40% 50% 60% 70%\] at (0.5) should be [20% 30% 40% 50%\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-slice> from [0 10 20 30 fill\] to [40 50 60 70 fill\] at (0.6) should be [24 34 44 54 fill\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [0% 10 20% 30 fill\] to [40% 50 60% 70\] at (1) should be [40% 50 60% 70\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [inherit\] to [10%\] at (0.5) should be [30%\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-slice> from [0% 10 20% 30 fill\] to [40% 50 60% 70 fill\] at (0.6) should be [24% 34 44% 54 fill\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-slice> from [0 10 20 30 fill\] to [40 50 60 70 fill\] at (1.5) should be [60 70 80 90 fill\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-slice> from [0%\] to [50%\] at (0) should be [0%\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-slice> from [0%\] to [50%\] at (0.3) should be [15%\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [inherit\] to [10%\] at (-0.3) should be [62%\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [0%\] to [50%\] at (1.5) should be [75%\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [initial\] to [10%\] at (1.5) should be [0%\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-slice> from [0% 10% 20% 30%\] to [40% 50% 60% 70%\] at (1.5) should be [60% 70% 80% 90%\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from neutral to [10%\] at (1.5) should be [5%\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [0% 10 20 30 fill\] to [40 50 60% 70\] at (0.3) should be [0% 10 20 30 fill\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [50% fill\] to [100 fill\] at (-0.3) should be [50% fill\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-slice> from [initial\] to [10%\] at (0) should be [100%\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [0% 10 20 30 fill\] to [40 50 60% 70\] at (1) should be [40 50 60% 70\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-slice> from [initial\] to [10%\] at (1.5) should be [0%\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-slice> from [inherit\] to [10%\] at (0) should be [50%\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [0 10 20 30 fill\] to [40 50 60 70 fill\] at (1.5) should be [60 70 80 90 fill\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-slice> from [0%\] to [50%\] at (1.5) should be [75%\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-slice> from [unset\] to [10%\] at (-0.3) should be [127%\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-slice> from [0% 10 20% 30 fill\] to [40% 50 60% 70 fill\] at (0) should be [0% 10 20% 30 fill\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-slice> from [inherit\] to [10%\] at (0.3) should be [38%\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-slice> from [0% 10 20% 30 fill\] to [40% 50 60% 70 fill\] at (0.6) should be [24% 34 44% 54 fill\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [0%\] to [50%\] at (-0.3) should be [0%\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-slice> from [0%\] to [50%\] at (1.5) should be [75%\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-slice> from [0% 10 20% 30 fill\] to [40% 50 60% 70 fill\] at (0) should be [0% 10 20% 30 fill\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-slice> from neutral to [10%\] at (0) should be [20%\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-slice> from [inherit\] to [10%\] at (0.3) should be [38%\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-slice> from [inherit\] to [10%\] at (0.6) should be [26%\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [unset\] to [10%\] at (0.5) should be [55%\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-slice> from [unset\] to [10%\] at (0.6) should be [46%\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [50% fill\] to [100 fill\] at (0.3) should be [50% fill\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [50%\] to [100\] at (1) should be [100\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [50% fill\] to [100 fill\] at (0) should be [50% fill\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-slice> from [initial\] to [10%\] at (1.5) should be [0%\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [inherit\] to [10%\] at (0.3) should be [38%\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [0% 10 20% 30 fill\] to [40% 50 60% 70\] at (0) should be [0% 10 20% 30 fill\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-slice> from [0% 10 20% 30 fill\] to [40% 50 60% 70 fill\] at (0.3) should be [12% 22 32% 42 fill\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-slice> from [0%\] to [50%\] at (0.6) should be [30%\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [50% fill\] to [100 fill\] at (1) should be [100 fill\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [0% 10 20 30 fill\] to [40 50 60% 70\] at (-0.3) should be [0% 10 20 30 fill\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [0% 10 20 30 fill\] to [40 50 60% 70\] at (0.6) should be [40 50 60% 70\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-slice> from neutral to [10%\] at (0.6) should be [14%\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [0%\] to [50%\] at (0.6) should be [30%\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [0% 10 20% 30 fill\] to [40% 50 60% 70 fill\] at (0.6) should be [24% 34 44% 54 fill\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [0% 10% 20% 30%\] to [40% 50% 60% 70%\] at (0.5) should be [20% 30% 40% 50%\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [unset\] to [10%\] at (-0.3) should be [127%\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-slice> from [inherit\] to [10%\] at (0) should be [50%\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from neutral to [10%\] at (1) should be [10%\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-slice> from [0%\] to [50%\] at (0.3) should be [15%\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [0% 10% 20% 30%\] to [40% 50% 60% 70%\] at (1.5) should be [60% 70% 80% 90%\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-slice> from [0 10 20 30 fill\] to [40 50 60 70 fill\] at (0.5) should be [20 30 40 50 fill\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-slice> from neutral to [10%\] at (0.6) should be [14%\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [0% 10 20 30 fill\] to [40 50 60% 70\] at (0) should be [0% 10 20 30 fill\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [inherit\] to [10%\] at (1.5) should be [0%\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-slice> from neutral to [10%\] at (0.3) should be [17%\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from neutral to [10%\] at (0.6) should be [14%\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-slice> from [0% 10% 20% 30%\] to [40% 50% 60% 70%\] at (0.5) should be [20% 30% 40% 50%\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-slice> from [0% 10% 20% 30%\] to [40% 50% 60% 70%\] at (0.6) should be [24% 34% 44% 54%\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [initial\] to [10%\] at (0.6) should be [46%\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [unset\] to [10%\] at (0.3) should be [73%\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-slice> from neutral to [10%\] at (-0.3) should be [23%\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-slice> from [0 10 20 30 fill\] to [40 50 60 70 fill\] at (0.3) should be [12 22 32 42 fill\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from neutral to [10%\] at (-0.3) should be [23%\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [0% 10 20% 30 fill\] to [40% 50 60% 70 fill\] at (0.3) should be [12% 22 32% 42 fill\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-slice> from [initial\] to [10%\] at (0.3) should be [73%\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-slice> from [0 10 20 30 fill\] to [40 50 60 70 fill\] at (-0.5) should be [0 0 0 10 fill\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-slice> from neutral to [10%\] at (1.5) should be [5%\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [0% fill\] to [50%\] at (0) should be [0% fill\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-slice> from [0 10 20 30 fill\] to [40 50 60 70 fill\] at (0.3) should be [12 22 32 42 fill\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [0%\] to [50%\] at (0) should be [0%\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-slice> from [0 10 20 30 fill\] to [40 50 60 70 fill\] at (0) should be [0 10 20 30 fill\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-slice> from [initial\] to [10%\] at (0.5) should be [55%\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-slice> from [0%\] to [50%\] at (0) should be [0%\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-slice> from [0 10 20 30 fill\] to [40 50 60 70 fill\] at (0.5) should be [20 30 40 50 fill\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-slice> from [0%\] to [50%\] at (-0.3) should be [0%\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-slice> from [initial\] to [10%\] at (0.6) should be [46%\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-slice> from [0%\] to [50%\] at (0.5) should be [25%\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-slice> from [0% 10% 20% 30%\] to [40% 50% 60% 70%\] at (-0.5) should be [0% 0% 0% 10%\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-slice> from [0% 10% 20% 30%\] to [40% 50% 60% 70%\] at (0.3) should be [12% 22% 32% 42%\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-slice> from neutral to [10%\] at (-0.3) should be [23%\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [0% 10 20% 30 fill\] to [40% 50 60% 70\] at (0.5) should be [40% 50 60% 70\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-slice> from [0% 10 20% 30 fill\] to [40% 50 60% 70 fill\] at (1.5) should be [60% 70 80% 90 fill\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [initial\] to [10%\] at (0.3) should be [73%\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [0% 10 20% 30 fill\] to [40% 50 60% 70\] at (0.3) should be [0% 10 20% 30 fill\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [unset\] to [10%\] at (0) should be [100%\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-slice> from [inherit\] to [10%\] at (0.5) should be [30%\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-slice> from [inherit\] to [10%\] at (0.6) should be [26%\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [initial\] to [10%\] at (1) should be [10%\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-slice> from neutral to [10%\] at (1.5) should be [5%\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [unset\] to [10%\] at (1.5) should be [0%\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-slice> from [0% 10% 20% 30%\] to [40% 50% 60% 70%\] at (-0.5) should be [0% 0% 0% 10%\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-slice> from neutral to [10%\] at (0) should be [20%\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [0% 10% 20% 30%\] to [40% 50% 60% 70%\] at (0.6) should be [24% 34% 44% 54%\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-slice> from [0% 10 20% 30 fill\] to [40% 50 60% 70 fill\] at (1.5) should be [60% 70 80% 90 fill\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [initial\] to [10%\] at (-0.3) should be [127%\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-slice> from [0 10 20 30 fill\] to [40 50 60 70 fill\] at (1.5) should be [60 70 80 90 fill\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-slice> from [initial\] to [10%\] at (0.6) should be [46%\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-slice> from [0% 10% 20% 30%\] to [40% 50% 60% 70%\] at (1.5) should be [60% 70% 80% 90%\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [50% fill\] to [100 fill\] at (0.5) should be [100 fill\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [0% fill\] to [50%\] at (0.5) should be [50%\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [0%\] to [50%\] at (1) should be [50%\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-slice> from [inherit\] to [10%\] at (1.5) should be [0%\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-slice> from [unset\] to [10%\] at (0.5) should be [55%\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-slice> from [unset\] to [10%\] at (0.3) should be [73%\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [0% 10% 20% 30%\] to [40% 50% 60% 70%\] at (0.3) should be [12% 22% 32% 42%\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-slice> from [0% 10% 20% 30%\] to [40% 50% 60% 70%\] at (0.6) should be [24% 34% 44% 54%\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [50%\] to [100\] at (-0.3) should be [50%\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [50%\] to [100\] at (0) should be [50%\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-slice> from [0%\] to [50%\] at (0.5) should be [25%\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [inherit\] to [10%\] at (1) should be [10%\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [0% 10 20% 30 fill\] to [40% 50 60% 70 fill\] at (1) should be [40% 50 60% 70 fill\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [0%\] to [50%\] at (0.3) should be [15%\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-slice> from [0% 10 20% 30 fill\] to [40% 50 60% 70 fill\] at (0.5) should be [20% 30 40% 50 fill\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-slice> from [unset\] to [10%\] at (0) should be [100%\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-slice> from [unset\] to [10%\] at (1.5) should be [0%\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [0 10 20 30 fill\] to [40 50 60 70 fill\] at (-0.5) should be [0 0 0 10 fill\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-slice> from [0 10 20 30 fill\] to [40 50 60 70 fill\] at (0.6) should be [24 34 44 54 fill\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [0% 10 20% 30 fill\] to [40% 50 60% 70 fill\] at (0) should be [0% 10 20% 30 fill\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [0% 10 20% 30 fill\] to [40% 50 60% 70 fill\] at (1.5) should be [60% 70 80% 90 fill\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-slice> from [0%\] to [50%\] at (0.6) should be [30%\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-slice> from [0 10 20 30 fill\] to [40 50 60 70 fill\] at (-0.5) should be [0 0 0 10 fill\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-slice> from [0% fill\] to [50%\] at (0.6) should be [50%\]]
+    expected: FAIL
+

tests/wpt/metadata-layout-2020/css/css-backgrounds/animations/border-image-source-interpolation.html.ini

@@ -146,3 +146,150 @@
   [Web Animations: property <border-image-source> from [linear-gradient(-45deg, red, yellow)\] to [linear-gradient(45deg, blue, orange)\] at (-0.3) should be [linear-gradient(-45deg, red, yellow)\]]
     expected: FAIL
 
+  [CSS Animations: property <border-image-source> from [url(../support/aqua_color.png)\] to [linear-gradient(45deg, blue, orange)\] at (0.6) should be [linear-gradient(45deg, blue, orange)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-source> from [url(../support/aqua_color.png)\] to [url(../support/orange_color.png)\] at (0.6) should be [url(../support/orange_color.png)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-source> from [linear-gradient(-45deg, red, yellow)\] to [linear-gradient(45deg, blue, orange)\] at (0.5) should be [linear-gradient(45deg, blue, orange)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-source> from [initial\] to [url(../support/orange_color.png)\] at (0.5) should be [url(../support/orange_color.png)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-source> from [initial\] to [url(../support/orange_color.png)\] at (0.6) should be [url(../support/orange_color.png)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-source> from [unset\] to [url(../support/orange_color.png)\] at (1) should be [url(../support/orange_color.png)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-source> from [initial\] to [url(../support/orange_color.png)\] at (0) should be [initial\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-source> from [none\] to [url(../support/orange_color.png)\] at (1) should be [url(../support/orange_color.png)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-source> from [url(../support/aqua_color.png)\] to [linear-gradient(45deg, blue, orange)\] at (1) should be [linear-gradient(45deg, blue, orange)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-source> from [inherit\] to [url(../support/orange_color.png)\] at (1.5) should be [url(../support/orange_color.png)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-source> from [unset\] to [url(../support/orange_color.png)\] at (0) should be [unset\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-source> from [url(../support/aqua_color.png)\] to [url(../support/orange_color.png)\] at (-0.3) should be [url(../support/aqua_color.png)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-source> from [linear-gradient(-45deg, red, yellow)\] to [linear-gradient(45deg, blue, orange)\] at (1) should be [linear-gradient(45deg, blue, orange)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-source> from [unset\] to [url(../support/orange_color.png)\] at (0.3) should be [unset\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-source> from [inherit\] to [url(../support/orange_color.png)\] at (-0.3) should be [inherit\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-source> from [url(../support/aqua_color.png)\] to [linear-gradient(45deg, blue, orange)\] at (0.5) should be [linear-gradient(45deg, blue, orange)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-source> from [linear-gradient(-45deg, red, yellow)\] to [linear-gradient(45deg, blue, orange)\] at (-0.3) should be [linear-gradient(-45deg, red, yellow)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-source> from [linear-gradient(-45deg, red, yellow)\] to [linear-gradient(45deg, blue, orange)\] at (1.5) should be [linear-gradient(45deg, blue, orange)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-source> from [url(../support/aqua_color.png)\] to [url(../support/orange_color.png)\] at (0.5) should be [url(../support/orange_color.png)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-source> from [url(../support/aqua_color.png)\] to [url(../support/orange_color.png)\] at (0) should be [url(../support/aqua_color.png)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-source> from [url(../support/aqua_color.png)\] to [linear-gradient(45deg, blue, orange)\] at (-0.3) should be [url(../support/aqua_color.png)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-source> from [none\] to [url(../support/orange_color.png)\] at (0.5) should be [url(../support/orange_color.png)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-source> from [initial\] to [url(../support/orange_color.png)\] at (1) should be [url(../support/orange_color.png)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-source> from [initial\] to [url(../support/orange_color.png)\] at (1.5) should be [url(../support/orange_color.png)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-source> from [url(../support/aqua_color.png)\] to [linear-gradient(45deg, blue, orange)\] at (1.5) should be [linear-gradient(45deg, blue, orange)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-source> from [none\] to [url(../support/orange_color.png)\] at (1.5) should be [url(../support/orange_color.png)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-source> from [inherit\] to [url(../support/orange_color.png)\] at (0.5) should be [url(../support/orange_color.png)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-source> from [unset\] to [url(../support/orange_color.png)\] at (0.6) should be [url(../support/orange_color.png)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-source> from [initial\] to [url(../support/orange_color.png)\] at (-0.3) should be [initial\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-source> from [inherit\] to [url(../support/orange_color.png)\] at (1) should be [url(../support/orange_color.png)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-source> from [linear-gradient(-45deg, red, yellow)\] to [linear-gradient(45deg, blue, orange)\] at (0) should be [linear-gradient(-45deg, red, yellow)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-source> from [none\] to [url(../support/orange_color.png)\] at (0.3) should be [none\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-source> from [url(../support/aqua_color.png)\] to [linear-gradient(45deg, blue, orange)\] at (0.3) should be [url(../support/aqua_color.png)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-source> from [url(../support/aqua_color.png)\] to [url(../support/orange_color.png)\] at (1) should be [url(../support/orange_color.png)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-source> from [inherit\] to [url(../support/orange_color.png)\] at (0) should be [inherit\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-source> from [unset\] to [url(../support/orange_color.png)\] at (1.5) should be [url(../support/orange_color.png)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-source> from [none\] to [url(../support/orange_color.png)\] at (0.6) should be [url(../support/orange_color.png)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-source> from [url(../support/aqua_color.png)\] to [url(../support/orange_color.png)\] at (1.5) should be [url(../support/orange_color.png)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-source> from [linear-gradient(-45deg, red, yellow)\] to [linear-gradient(45deg, blue, orange)\] at (0.3) should be [linear-gradient(-45deg, red, yellow)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-source> from [url(../support/aqua_color.png)\] to [linear-gradient(45deg, blue, orange)\] at (0) should be [url(../support/aqua_color.png)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-source> from [url(../support/aqua_color.png)\] to [url(../support/orange_color.png)\] at (0.3) should be [url(../support/aqua_color.png)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-source> from [unset\] to [url(../support/orange_color.png)\] at (0.5) should be [url(../support/orange_color.png)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-source> from [none\] to [url(../support/orange_color.png)\] at (0) should be [none\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-source> from [initial\] to [url(../support/orange_color.png)\] at (0.3) should be [initial\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-source> from [linear-gradient(-45deg, red, yellow)\] to [linear-gradient(45deg, blue, orange)\] at (0.6) should be [linear-gradient(45deg, blue, orange)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-source> from [inherit\] to [url(../support/orange_color.png)\] at (0.3) should be [inherit\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-source> from [none\] to [url(../support/orange_color.png)\] at (-0.3) should be [none\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-source> from [unset\] to [url(../support/orange_color.png)\] at (-0.3) should be [unset\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-source> from [inherit\] to [url(../support/orange_color.png)\] at (0.6) should be [url(../support/orange_color.png)\]]
+    expected: FAIL
+

tests/wpt/metadata-layout-2020/css/css-backgrounds/animations/border-image-width-composition.html.ini

@@ -0,0 +1,169 @@
+[border-image-width-composition.html]
+  [Compositing: property <border-image-width> underlying [1 2 3 4\] from add [1 2 3 4\] to add [101 102 103 104\] at (0.75) should be [77 79 81 83\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-width> underlying [1 2 3px 4%\] from add [1 2 3px 4%\] to add [101 102 103px 104%\] at (-0.25) should be [0 0 0px 0%\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-width> underlying [1 2 3px 4%\] from add [1 2 3px 4%\] to add [101 102 103px 104%\] at (0.5) should be [52 54 56px 58%\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-width> underlying [10 20\] from add [100 150px\] to add [200% 250\] at (1.25) should be [200% 250\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-width> underlying [1 2 3px 4%\] from add [1 2 3px 4%\] to add [101 102 103px 104%\] at (0.25) should be [27 29 31px 33%\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-width> underlying [1 2 3 4\] from add [1 2 3 4\] to add [101 102 103 104\] at (0) should be [2 4 6 8\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-width> underlying [10 20\] from add [100px 150px\] to add [200px 250px\] at (1.25) should be [225px 275px\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-width> underlying [10 20\] from add [100 150px\] to add [200% 250\] at (0.25) should be [100 150px\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-width> underlying [1 2 3 4\] from add [1 2 3 4\] to add [101 102 103 104\] at (1) should be [102 104 106 108\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-width> underlying [10 20px\] from replace [100 100px\] to add [190 180px\] at (0.75) should be [175 175px\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-width> underlying [100 200 300 400\] from add [100\] to add [200 300 500\] at (0.75) should be [275 450 700 650\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-width> underlying [10px 20px\] from add [190px 180px 290px 280px\] to add [90px 80px\] at (0.25) should be [175px 175px 250px 250px\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-width> underlying [100 200 300 400\] from add [100\] to add [200 300 500\] at (0.25) should be [225 350 500 550\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-width> underlying [10px 20px\] from add [190px 180px 290px 280px\] to add [90px 80px\] at (1.25) should be [75px 75px 50px 50px\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-width> underlying [10px 20\] from add [90px 80\] to replace [0px 0 0px 0\] at (-0.25) should be [125px 125\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-width> underlying [10 20px\] from replace [100 100px\] to add [190 180px\] at (1.25) should be [225 225px\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-width> underlying [10 20\] from add [100px 150px\] to add [200px 250px\] at (0.5) should be [150px 200px\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-width> underlying [10px 20\] from add [90px 80\] to replace [0px 0 0px 0\] at (1) should be [0px 0\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-width> underlying [100 200 300 400\] from add [100\] to add [200 300 500\] at (1) should be [300 500 800 700\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-width> underlying [10px 20px\] from add [190px 180px 290px 280px\] to add [90px 80px\] at (0.75) should be [125px 125px 150px 150px\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-width> underlying [10 20\] from add [100px 150px\] to add [200px 250px\] at (1) should be [200px 250px\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-width> underlying [10 20\] from add [100px 150px\] to add [200px 250px\] at (-0.25) should be [75px 125px\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-width> underlying [1 2 3px 4%\] from add [1 2 3px 4%\] to add [101 102 103px 104%\] at (1) should be [102 104 106px 108%\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-width> underlying [10 20px\] from replace [100 100px\] to add [190 180px\] at (1) should be [200 200px\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-width> underlying [1 2 3px 4%\] from add [1 2 3px 4%\] to add [101 102 103px 104%\] at (0) should be [2 4 6px 8%\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-width> underlying [10px 20\] from add [90px 80\] to replace [0px 0 0px 0\] at (0.25) should be [75px 75\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-width> underlying [10px 20px\] from add [190px 180px 290px 280px\] to add [90px 80px\] at (-0.25) should be [225px 225px 350px 350px\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-width> underlying [10 20\] from add [100 150px\] to add [200% 250\] at (0.5) should be [200% 250\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-width> underlying [100 200 300 400\] from add [100\] to add [200 300 500\] at (1.25) should be [325 550 900 750\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-width> underlying [10 20\] from add [100 150px\] to add [200% 250\] at (-0.25) should be [100 150px\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-width> underlying [10px 20px\] from add [190px 180px 290px 280px\] to add [90px 80px\] at (0) should be [200px 200px 300px 300px\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-width> underlying [10 20px\] from replace [100 100px\] to add [190 180px\] at (0.25) should be [125 125px\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-width> underlying [10 20\] from add [100 150px\] to add [200% 250\] at (1) should be [200% 250\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-width> underlying [10 20\] from add [100px 150px\] to add [200px 250px\] at (0.75) should be [175px 225px\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-width> underlying [1 2 3 4\] from add [1 2 3 4\] to add [101 102 103 104\] at (0.25) should be [27 29 31 33\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-width> underlying [10 20\] from add [100 150px\] to add [200% 250\] at (0.75) should be [200% 250\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-width> underlying [100 200 300 400\] from add [100\] to add [200 300 500\] at (0.5) should be [250 400 600 600\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-width> underlying [1 2 3px 4%\] from add [1 2 3px 4%\] to add [101 102 103px 104%\] at (1.25) should be [127 129 131px 133%\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-width> underlying [100 200 300 400\] from add [100\] to add [200 300 500\] at (-0.25) should be [175 250 300 450\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-width> underlying [10px 20px\] from add [190px 180px 290px 280px\] to add [90px 80px\] at (0.5) should be [150px 150px 200px 200px\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-width> underlying [10px 20\] from add [90px 80\] to replace [0px 0 0px 0\] at (1.25) should be [0px 0\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-width> underlying [10 20\] from add [100px 150px\] to add [200px 250px\] at (0) should be [100px 150px\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-width> underlying [10 20\] from add [100px 150px\] to add [200px 250px\] at (0.25) should be [125px 175px\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-width> underlying [1 2 3px 4%\] from add [1 2 3px 4%\] to add [101 102 103px 104%\] at (0.75) should be [77 79 81px 83%\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-width> underlying [100 200 300 400\] from add [100\] to add [200 300 500\] at (0) should be [200 300 400 500\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-width> underlying [10 20\] from add [100 150px\] to add [200% 250\] at (0) should be [100 150px\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-width> underlying [10 20px\] from replace [100 100px\] to add [190 180px\] at (-0.25) should be [75 75px\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-width> underlying [1 2 3 4\] from add [1 2 3 4\] to add [101 102 103 104\] at (0.5) should be [52 54 56 58\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-width> underlying [1 2 3 4\] from add [1 2 3 4\] to add [101 102 103 104\] at (-0.25) should be [0\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-width> underlying [10 20px\] from replace [100 100px\] to add [190 180px\] at (0.5) should be [150 150px\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-width> underlying [10 20px\] from replace [100 100px\] to add [190 180px\] at (0) should be [100 100px\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-width> underlying [10px 20\] from add [90px 80\] to replace [0px 0 0px 0\] at (0.75) should be [25px 25\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-width> underlying [10px 20\] from add [90px 80\] to replace [0px 0 0px 0\] at (0) should be [100px 100\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-width> underlying [10px 20\] from add [90px 80\] to replace [0px 0 0px 0\] at (0.5) should be [50px 50\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-width> underlying [1 2 3 4\] from add [1 2 3 4\] to add [101 102 103 104\] at (1.25) should be [127 129 131 133\]]
+    expected: FAIL
+
+  [Compositing: property <border-image-width> underlying [10px 20px\] from add [190px 180px 290px 280px\] to add [90px 80px\] at (1) should be [100px\]]
+    expected: FAIL
+

tests/wpt/metadata-layout-2020/css/css-backgrounds/animations/border-image-width-interpolation.html.ini

@@ -344,3 +344,684 @@
   [Web Animations: property <border-image-width> from [10px\] to [20\] at (0.3) should be [10px\]]
     expected: FAIL
 
+  [CSS Transitions: property <border-image-width> from [0\] to [20\] at (1.5) should be [30\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-width> from neutral to [20px\] at (0.3) should be [13px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [10px auto auto 20\] to [110px auto 120 auto\] at (1.5) should be [110px auto 120 auto\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [10\] to [20%\] at (1) should be [20%\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [0\] to [20\] at (-0.3) should be [0\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-width> from neutral to [20px\] at (0.6) should be [16px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [0px\] to [20px\] at (0.3) should be [6px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [10px\] to [20\] at (0.6) should be [20\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from neutral to [20px\] at (0.3) should be [13px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [10px auto auto 20\] to [110px auto 120 auto\] at (0.5) should be [110px auto 120 auto\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [10%\] to [20\] at (0.5) should be [20\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-width> from [10px auto auto 20\] to [110px auto auto 120\] at (0) should be [ 10px auto auto  20\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-width> from [10px 20% 30 40px\] to [80px 70% 60 50px\] at (0) should be [10px  20%  30  40px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-width> from [0px\] to [20px\] at (0.3) should be [6px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-width> from [0px\] to [20px\] at (0.6) should be [12px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-width> from [0%\] to [20%\] at (-0.3) should be [0%\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-width> from [inherit\] to [20px\] at (0.6) should be [52px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [10px\] to [20%\] at (0.6) should be [calc(4px + 12%)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-width> from [10px\] to [20%\] at (-0.3) should be [calc(13px + -6%)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-width> from [10%\] to [20px\] at (0.3) should be [calc(7% + 6px)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from neutral to [20px\] at (-0.3) should be [7px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-width> from [0px\] to [20px\] at (5) should be [100px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-width> from [10px auto auto 20\] to [110px auto auto 120\] at (0.6) should be [ 70px auto auto  80\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [10px auto auto 20\] to [110px auto 120 auto\] at (0) should be [10px auto auto 20\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-width> from [inherit\] to [20px\] at (0.3) should be [76px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [inherit\] to [20px\] at (5) should be [0px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [10px\] to [20\] at (1.5) should be [20\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-width> from [0%\] to [20%\] at (1.5) should be [30%\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [10%\] to [20px\] at (1.5) should be [calc(-5% + 30px)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-width> from [0%\] to [20%\] at (0) should be [0%\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-width> from [inherit\] to [20px\] at (1.5) should be [0px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [0px\] to [20px\] at (0) should be [0px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [10\] to [20%\] at (1.5) should be [20%\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-width> from [inherit\] to [20px\] at (1.5) should be [0px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [0%\] to [20%\] at (1) should be [20%\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [0px\] to [20px\] at (1) should be [20px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-width> from [0%\] to [20%\] at (0.6) should be [12%\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-width> from [0%\] to [20%\] at (1.5) should be [30%\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [10px 20% 30 40px\] to [80px 70% 60 50px\] at (0.3) should be [31px  35%  39  43px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-width> from [10px 20% 30 40px\] to [80px 70% 60 50px\] at (10) should be [710px 520% 330 140px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-width> from [10px\] to [20%\] at (1.5) should be [calc(-5px + 30%)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [initial\] to [20px\] at (0.5) should be [20px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-width> from [10px auto auto 20\] to [110px auto auto 120\] at (0) should be [ 10px auto auto  20\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-width> from [10%\] to [20px\] at (0.3) should be [calc(7% + 6px)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [10px 20% 30 40px\] to [80px 70% 60 50px\] at (1) should be [80px  70%  60  50px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-width> from [10px 20% 30 40px\] to [80px 70% 60 50px\] at (1.5) should be [115px  95%  75  55px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from neutral to [20px\] at (1.5) should be [25px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-width> from [10%\] to [20px\] at (1.5) should be [calc(-5% + 30px)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [0px\] to [20px\] at (0.6) should be [12px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-width> from [10px\] to [20%\] at (1.5) should be [calc(-5px + 30%)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-width> from [0\] to [20\] at (1.5) should be [30\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [10px auto auto 20\] to [110px auto auto 120\] at (-0.3) should be [  0px auto auto   0\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from neutral to [20px\] at (10) should be [110px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-width> from [0px\] to [20px\] at (10) should be [200px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [10%\] to [20\] at (1.5) should be [20\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-width> from [10px auto auto 20\] to [110px auto auto 120\] at (1.5) should be [160px auto auto 170\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-width> from neutral to [20px\] at (10) should be [110px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [10\] to [20px\] at (-0.3) should be [10\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [10px 20% 30 40px\] to [80px 70% 60 50px\] at (-0.3) should be [0px   5%  21  37px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [10\] to [20%\] at (0.3) should be [10\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [0%\] to [20%\] at (0.3) should be [6%\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-width> from [0%\] to [20%\] at (0.6) should be [12%\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [inherit\] to [20px\] at (10) should be [0px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [unset\] to [20px\] at (-0.3) should be [unset\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-width> from [0\] to [20\] at (0) should be [0\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-width> from [10%\] to [20px\] at (-0.3) should be [calc(13% + -6px)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-width> from [inherit\] to [20px\] at (10) should be [0px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-width> from [0px\] to [20px\] at (10) should be [200px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [10\] to [20%\] at (-0.3) should be [10\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [0px\] to [20px\] at (10) should be [200px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [10px auto auto 20\] to [110px auto 120 auto\] at (0.3) should be [10px auto auto 20\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-width> from [0\] to [20\] at (0.6) should be [12\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [inherit\] to [20px\] at (0.6) should be [52px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [inherit\] to [20px\] at (0) should be [100px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-width> from [10%\] to [20px\] at (1) should be [calc(0% + 20px)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-width> from [10px 20% 30 40px\] to [80px 70% 60 50px\] at (0.6) should be [52px  50%  48  46px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [inherit\] to [20px\] at (1.5) should be [0px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [unset\] to [20px\] at (0.6) should be [20px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-width> from [10%\] to [20px\] at (0.6) should be [calc(4% + 12px)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [10%\] to [20\] at (-0.3) should be [10%\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [0%\] to [20%\] at (-0.3) should be [0%\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [10\] to [20px\] at (1) should be [20px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-width> from [0\] to [20\] at (10) should be [200\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [10px\] to [20%\] at (1.5) should be [calc(-5px + 30%)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [0\] to [20\] at (5) should be [100\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [unset\] to [20px\] at (0) should be [unset\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [initial\] to [20px\] at (0.3) should be [initial\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-width> from [0\] to [20\] at (-0.3) should be [0\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-width> from [0\] to [20\] at (-0.3) should be [0\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-width> from [inherit\] to [20px\] at (0.3) should be [76px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [0\] to [20\] at (1.5) should be [30\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [10px auto auto 20\] to [110px auto 120 auto\] at (1) should be [110px auto 120 auto\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-width> from [10%\] to [20px\] at (0.6) should be [calc(4% + 12px)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-width> from [10px\] to [20%\] at (0.6) should be [calc(4px + 12%)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-width> from [10px\] to [20%\] at (-0.3) should be [calc(13px + -6%)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [10\] to [20px\] at (0.5) should be [20px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [10%\] to [20px\] at (0.6) should be [calc(4% + 12px)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [10\] to [20px\] at (1.5) should be [20px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [10\] to [20%\] at (0.5) should be [20%\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-width> from neutral to [20px\] at (1.5) should be [25px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-width> from [10px\] to [20%\] at (0.3) should be [calc(7px + 6%)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [inherit\] to [20px\] at (0.3) should be [76px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [0px\] to [20px\] at (5) should be [100px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-width> from [0px\] to [20px\] at (0.6) should be [12px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [inherit\] to [20px\] at (-0.3) should be [124px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [10px 20% 30 40px\] to [80px 70% 60 50px\] at (0.6) should be [52px  50%  48  46px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [unset\] to [20px\] at (0.3) should be [unset\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [initial\] to [20px\] at (-0.3) should be [initial\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-width> from [10%\] to [20px\] at (1.5) should be [calc(-5% + 30px)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [0\] to [20\] at (0.6) should be [12\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [10%\] to [20px\] at (-0.3) should be [calc(13% + -6px)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-width> from neutral to [20px\] at (1.5) should be [25px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [10px\] to [20\] at (1) should be [20\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [initial\] to [20px\] at (1.5) should be [20px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-width> from [10px\] to [20%\] at (0.6) should be [calc(4px + 12%)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-width> from [inherit\] to [20px\] at (10) should be [0px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [10\] to [20%\] at (0) should be [10\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [0%\] to [20%\] at (1.5) should be [30%\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [0%\] to [20%\] at (10) should be [200%\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [10px\] to [20%\] at (1) should be [20%\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [0px\] to [20px\] at (-0.3) should be [0px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [10%\] to [20\] at (1) should be [20\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-width> from [10px 20% 30 40px\] to [80px 70% 60 50px\] at (5) should be [360px 270% 180  90px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [10%\] to [20px\] at (0) should be [10%\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-width> from [0%\] to [20%\] at (5) should be [100%\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [10px auto auto 20\] to [110px auto 120 auto\] at (0.6) should be [110px auto 120 auto\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [0\] to [20\] at (0) should be [0\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-width> from [0\] to [20\] at (5) should be [100\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-width> from [inherit\] to [20px\] at (0) should be [100px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-width> from [0%\] to [20%\] at (10) should be [200%\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [10\] to [20px\] at (0.6) should be [20px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [0\] to [20\] at (10) should be [200\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [10px auto auto 20\] to [110px auto auto 120\] at (0.6) should be [ 70px auto auto  80\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-width> from [10px\] to [20%\] at (0) should be [calc(0% + 10px)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-width> from [inherit\] to [20px\] at (-0.3) should be [124px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [unset\] to [20px\] at (0.5) should be [20px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [10%\] to [20px\] at (0.3) should be [calc(7% + 6px)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-width> from neutral to [20px\] at (5) should be [60px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [10px auto auto 20\] to [110px auto auto 120\] at (0.3) should be [ 40px auto auto  50\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [0px\] to [20px\] at (1.5) should be [30px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [0%\] to [20%\] at (0) should be [0%\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-width> from [10px\] to [20%\] at (0) should be [calc(0% + 10px)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-width> from [0\] to [20\] at (10) should be [200\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-width> from neutral to [20px\] at (5) should be [60px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [10px 20% 30 40px\] to [80px 70% 60 50px\] at (5) should be [360px 270% 180  90px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [10px\] to [20%\] at (-0.3) should be [calc(13px + -6%)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [initial\] to [20px\] at (0) should be [initial\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [inherit\] to [20px\] at (1) should be [20px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-width> from [10px 20% 30 40px\] to [80px 70% 60 50px\] at (0.3) should be [31px  35%  39  43px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-width> from [0%\] to [20%\] at (0.3) should be [6%\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [10%\] to [20\] at (0.6) should be [20\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [initial\] to [20px\] at (0.6) should be [20px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-width> from [10px auto auto 20\] to [110px auto auto 120\] at (0.3) should be [ 40px auto auto  50\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-width> from [0\] to [20\] at (0.3) should be [6\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-width> from [0px\] to [20px\] at (-0.3) should be [0px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-width> from [10px 20% 30 40px\] to [80px 70% 60 50px\] at (0.6) should be [52px  50%  48  46px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-width> from [0px\] to [20px\] at (0) should be [0px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [10px 20% 30 40px\] to [80px 70% 60 50px\] at (1.5) should be [115px  95%  75  55px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-width> from neutral to [20px\] at (10) should be [110px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-width> from [inherit\] to [20px\] at (5) should be [0px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [unset\] to [20px\] at (1.5) should be [20px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-width> from [10%\] to [20px\] at (0) should be [10%\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-width> from neutral to [20px\] at (0.3) should be [13px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-width> from [10px 20% 30 40px\] to [80px 70% 60 50px\] at (-0.3) should be [0px   5%  21  37px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-width> from [0%\] to [20%\] at (0) should be [0%\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-width> from [0%\] to [20%\] at (-0.3) should be [0%\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-width> from [inherit\] to [20px\] at (-0.3) should be [124px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [10px 20% 30 40px\] to [80px 70% 60 50px\] at (10) should be [710px 520% 330 140px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-width> from [0\] to [20\] at (0) should be [0\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-width> from [inherit\] to [20px\] at (0) should be [100px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-width> from [0\] to [20\] at (0.6) should be [12\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-width> from neutral to [20px\] at (-0.3) should be [7px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-width> from neutral to [20px\] at (0) should be [10px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-width> from [10px 20% 30 40px\] to [80px 70% 60 50px\] at (1.5) should be [115px  95%  75  55px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [10px auto auto 20\] to [110px auto auto 120\] at (0) should be [ 10px auto auto  20\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-width> from [10%\] to [20px\] at (1) should be [calc(0% + 20px)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-width> from [0px\] to [20px\] at (1.5) should be [30px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-width> from [10%\] to [20px\] at (-0.3) should be [calc(13% + -6px)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [10px auto auto 20\] to [110px auto auto 120\] at (1) should be [110px auto auto 120\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [initial\] to [20px\] at (1) should be [20px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-width> from [0px\] to [20px\] at (1.5) should be [30px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-width> from [10px auto auto 20\] to [110px auto auto 120\] at (0.3) should be [ 40px auto auto  50\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-width> from [10px auto auto 20\] to [110px auto auto 120\] at (1.5) should be [160px auto auto 170\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [0%\] to [20%\] at (0.6) should be [12%\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-width> from [10px auto auto 20\] to [110px auto auto 120\] at (-0.3) should be [  0px auto auto   0\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-width> from neutral to [20px\] at (-0.3) should be [7px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-width> from neutral to [20px\] at (0) should be [10px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-width> from [0%\] to [20%\] at (0.3) should be [6%\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-width> from [10px 20% 30 40px\] to [80px 70% 60 50px\] at (-0.3) should be [0px   5%  21  37px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [10px\] to [20%\] at (0) should be [calc(0% + 10px)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [10px auto auto 20\] to [110px auto 120 auto\] at (-0.3) should be [10px auto auto 20\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-width> from [0px\] to [20px\] at (0) should be [0px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-width> from [10px 20% 30 40px\] to [80px 70% 60 50px\] at (5) should be [360px 270% 180  90px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [0%\] to [20%\] at (5) should be [100%\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from neutral to [20px\] at (5) should be [60px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-width> from [10px 20% 30 40px\] to [80px 70% 60 50px\] at (0.3) should be [31px  35%  39  43px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [10%\] to [20px\] at (1) should be [calc(0% + 20px)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-width> from [0\] to [20\] at (0.3) should be [6\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [unset\] to [20px\] at (1) should be [20px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-width> from [0px\] to [20px\] at (5) should be [100px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from neutral to [20px\] at (1) should be [20px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [10%\] to [20\] at (0) should be [10%\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-width> from [10px\] to [20%\] at (0.3) should be [calc(7px + 6%)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-width> from [0%\] to [20%\] at (5) should be [100%\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-width> from [0\] to [20\] at (5) should be [100\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [10px 20% 30 40px\] to [80px 70% 60 50px\] at (0) should be [10px  20%  30  40px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [10\] to [20px\] at (0.3) should be [10\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [10\] to [20%\] at (0.6) should be [20%\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [10px\] to [20\] at (0.5) should be [20\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-width> from [0px\] to [20px\] at (0.3) should be [6px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-width> from [10px auto auto 20\] to [110px auto auto 120\] at (0.6) should be [ 70px auto auto  80\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from neutral to [20px\] at (0.6) should be [16px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-width> from [10px 20% 30 40px\] to [80px 70% 60 50px\] at (0) should be [10px  20%  30  40px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [0\] to [20\] at (1) should be [20\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-width> from [0px\] to [20px\] at (-0.3) should be [0px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-width> from [inherit\] to [20px\] at (5) should be [0px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-width> from neutral to [20px\] at (0.6) should be [16px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-width> from [inherit\] to [20px\] at (0.6) should be [52px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-width> from [10px auto auto 20\] to [110px auto auto 120\] at (-0.3) should be [  0px auto auto   0\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [10px\] to [20%\] at (0.3) should be [calc(7px + 6%)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [10px auto auto 20\] to [110px auto auto 120\] at (1.5) should be [160px auto auto 170\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-width> from [10px 20% 30 40px\] to [80px 70% 60 50px\] at (10) should be [710px 520% 330 140px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-image-width> from [10%\] to [20px\] at (0) should be [10%\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [10\] to [20px\] at (0) should be [10\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-image-width> from [0%\] to [20%\] at (10) should be [200%\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [10%\] to [20\] at (0.3) should be [10%\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-image-width> from [0\] to [20\] at (0.3) should be [6\]]
+    expected: FAIL
+

tests/wpt/metadata-layout-2020/css/css-backgrounds/animations/border-radius-interpolation.html.ini

@@ -200,3 +200,342 @@
   [Web Animations: property <border-top-left-radius> from [unset\] to [20px\] at (0.3) should be [6px\]]
     expected: FAIL
 
+  [CSS Animations: property <border-top-left-radius> from [10px\] to [100%\] at (1) should be [100%\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-top-left-radius> from neutral to [20px\] at (0.6) should be [16px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-top-left-radius> from [10px\] to [50px\] at (0.6) should be [34px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-top-left-radius> from [10px\] to [50px\] at (-0.3) should be [0px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-top-left-radius> from [initial\] to [20px\] at (1.5) should be [30px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-top-left-radius> from [10px\] to [50px\] at (0.3) should be [22px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-top-left-radius> from neutral to [20px\] at (1.5) should be [25px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-top-left-radius> from [initial\] to [20px\] at (1) should be [20px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-top-left-radius> from [10px\] to [50px\] at (0.6) should be [34px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-top-left-radius> from [20px\] to [10px 30px\] at (1.5) should be [5px 35px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-top-left-radius> from [inherit\] to [20px\] at (1.5) should be [15px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-top-left-radius> from [20px\] to [10px 30px\] at (0) should be [20px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-top-left-radius> from [10px\] to [50px\] at (-0.3) should be [0px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-top-left-radius> from [unset\] to [20px\] at (-0.3) should be [0px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-top-left-radius> from [10px\] to [50px\] at (1.5) should be [70px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-top-left-radius> from neutral to [20px\] at (0.6) should be [16px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-top-left-radius> from [10px\] to [50px\] at (0) should be [10px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-top-left-radius> from [inherit\] to [20px\] at (-0.3) should be [33px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-top-left-radius> from [10px\] to [100%\] at (0) should be [calc(10px + 0%)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-top-left-radius> from [20px\] to [10px 30px\] at (-0.3) should be [23px 17px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-top-left-radius> from [20px\] to [10px 30px\] at (-2) should be [40px 0px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-top-left-radius> from [unset\] to [20px\] at (0.6) should be [12px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-top-left-radius> from [10px\] to [100%\] at (0.6) should be [calc(4px + 60%)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-top-left-radius> from neutral to [20px\] at (-0.3) should be [7px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-top-left-radius> from [10px\] to [100%\] at (0.6) should be [calc(4px + 60%)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-top-left-radius> from [initial\] to [20px\] at (1.5) should be [30px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-top-left-radius> from [10px\] to [50px\] at (-0.3) should be [0px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-top-left-radius> from [inherit\] to [20px\] at (0.3) should be [27px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-top-left-radius> from [unset\] to [20px\] at (0.6) should be [12px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-top-left-radius> from [unset\] to [20px\] at (0.3) should be [6px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-top-left-radius> from [unset\] to [20px\] at (0) should be [0px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-top-left-radius> from [inherit\] to [20px\] at (0.6) should be [24px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-top-left-radius> from [10px\] to [100%\] at (-0.3) should be [calc(13px + -30%)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-top-left-radius> from [10px\] to [50px\] at (1) should be [50px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-top-left-radius> from [10px\] to [100%\] at (-0.3) should be [calc(13px + -30%)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-top-left-radius> from [unset\] to [20px\] at (1.5) should be [30px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-top-left-radius> from [10px\] to [50px\] at (0.6) should be [34px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-top-left-radius> from neutral to [20px\] at (0.3) should be [13px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-top-left-radius> from [20px\] to [10px 30px\] at (1) should be [10px 30px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-top-left-radius> from neutral to [20px\] at (0) should be [10px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-top-left-radius> from [initial\] to [20px\] at (0) should be [0px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-top-left-radius> from [unset\] to [20px\] at (1.5) should be [30px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-top-left-radius> from neutral to [20px\] at (1.5) should be [25px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-top-left-radius> from [inherit\] to [20px\] at (0.3) should be [27px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-top-left-radius> from [initial\] to [20px\] at (-0.3) should be [0px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-top-left-radius> from [20px\] to [10px 30px\] at (-2) should be [40px 0px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-top-left-radius> from [initial\] to [20px\] at (0.6) should be [12px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-top-left-radius> from [unset\] to [20px\] at (1.5) should be [30px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-top-left-radius> from [inherit\] to [20px\] at (0) should be [30px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-top-left-radius> from [inherit\] to [20px\] at (0.3) should be [27px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-top-left-radius> from [unset\] to [20px\] at (0.6) should be [12px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-top-left-radius> from [initial\] to [20px\] at (0.3) should be [6px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-top-left-radius> from [10px\] to [100%\] at (1.5) should be [calc(-5px + 150%)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-top-left-radius> from [initial\] to [20px\] at (-0.3) should be [0px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-top-left-radius> from [unset\] to [20px\] at (0.3) should be [6px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-top-left-radius> from [20px\] to [10px 30px\] at (-2) should be [40px 0px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-top-left-radius> from [10px\] to [100%\] at (1.5) should be [calc(-5px + 150%)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-top-left-radius> from [20px\] to [10px 30px\] at (0.3) should be [17px 23px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-top-left-radius> from [20px\] to [10px 30px\] at (1.5) should be [5px 35px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-top-left-radius> from [initial\] to [20px\] at (0.3) should be [6px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-top-left-radius> from [10px\] to [100%\] at (0) should be [calc(10px + 0%)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-top-left-radius> from [10px\] to [50px\] at (1.5) should be [70px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-top-left-radius> from [unset\] to [20px\] at (0.3) should be [6px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-top-left-radius> from [10px\] to [100%\] at (0.3) should be [calc(7px + 30%)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-top-left-radius> from [unset\] to [20px\] at (1) should be [20px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-top-left-radius> from [inherit\] to [20px\] at (0) should be [30px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-top-left-radius> from [inherit\] to [20px\] at (0.6) should be [24px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-top-left-radius> from [20px\] to [10px 30px\] at (0) should be [20px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-top-left-radius> from [initial\] to [20px\] at (0.3) should be [6px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-top-left-radius> from [20px\] to [10px 30px\] at (0) should be [20px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-top-left-radius> from [10px\] to [100%\] at (-0.3) should be [calc(13px + -30%)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-top-left-radius> from [20px\] to [10px 30px\] at (0.6) should be [14px 26px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-top-left-radius> from [inherit\] to [20px\] at (-0.3) should be [33px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-top-left-radius> from neutral to [20px\] at (0.3) should be [13px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-top-left-radius> from [unset\] to [20px\] at (-0.3) should be [0px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-top-left-radius> from [10px\] to [100%\] at (0) should be [calc(10px + 0%)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-top-left-radius> from [inherit\] to [20px\] at (1) should be [20px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-top-left-radius> from [initial\] to [20px\] at (0.6) should be [12px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-top-left-radius> from [10px\] to [50px\] at (1.5) should be [70px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-top-left-radius> from neutral to [20px\] at (-0.3) should be [7px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-top-left-radius> from [inherit\] to [20px\] at (0.6) should be [24px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-top-left-radius> from [10px\] to [50px\] at (0.3) should be [22px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-top-left-radius> from [inherit\] to [20px\] at (-0.3) should be [33px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-top-left-radius> from [initial\] to [20px\] at (0) should be [0px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-top-left-radius> from neutral to [20px\] at (0.6) should be [16px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-top-left-radius> from neutral to [20px\] at (0) should be [10px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-top-left-radius> from [initial\] to [20px\] at (-0.3) should be [0px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-top-left-radius> from [initial\] to [20px\] at (0.6) should be [12px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-top-left-radius> from [unset\] to [20px\] at (0) should be [0px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-top-left-radius> from [20px\] to [10px 30px\] at (0.6) should be [14px 26px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-top-left-radius> from [20px\] to [10px 30px\] at (-0.3) should be [23px 17px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-top-left-radius> from [unset\] to [20px\] at (-0.3) should be [0px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-top-left-radius> from [20px\] to [10px 30px\] at (0.3) should be [17px 23px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-top-left-radius> from [20px\] to [10px 30px\] at (-0.3) should be [23px 17px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-top-left-radius> from [inherit\] to [20px\] at (1.5) should be [15px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-top-left-radius> from [10px\] to [50px\] at (0.3) should be [22px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-top-left-radius> from neutral to [20px\] at (1) should be [20px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-top-left-radius> from [10px\] to [100%\] at (1.5) should be [calc(-5px + 150%)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-top-left-radius> from neutral to [20px\] at (1.5) should be [25px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-top-left-radius> from neutral to [20px\] at (0.3) should be [13px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-top-left-radius> from [unset\] to [20px\] at (0) should be [0px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-top-left-radius> from [initial\] to [20px\] at (0) should be [0px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-top-left-radius> from [10px\] to [100%\] at (0.3) should be [calc(7px + 30%)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-top-left-radius> from [20px\] to [10px 30px\] at (1.5) should be [5px 35px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-top-left-radius> from [inherit\] to [20px\] at (0) should be [30px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-top-left-radius> from neutral to [20px\] at (-0.3) should be [7px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-top-left-radius> from [20px\] to [10px 30px\] at (0.3) should be [17px 23px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-top-left-radius> from [10px\] to [100%\] at (0.3) should be [calc(7px + 30%)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-top-left-radius> from [20px\] to [10px 30px\] at (0.6) should be [14px 26px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-top-left-radius> from [initial\] to [20px\] at (1.5) should be [30px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-top-left-radius> from [10px\] to [50px\] at (0) should be [10px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-top-left-radius> from [inherit\] to [20px\] at (1.5) should be [15px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-top-left-radius> from [10px\] to [100%\] at (0.6) should be [calc(4px + 60%)\]]
+    expected: FAIL
+

tests/wpt/metadata-layout-2020/css/css-backgrounds/animations/border-top-left-radius-composition.html.ini

@@ -0,0 +1,64 @@
+[border-top-left-radius-composition.html]
+  [Compositing: property <border-top-left-radius> underlying [40px 40px\] from add [60px 60px\] to add [160px 160px\] at (1.25) should be [225px\]]
+    expected: FAIL
+
+  [Compositing: property <border-top-left-radius> underlying [40px 40px\] from add [60px 60px\] to add [160px 160px\] at (0.25) should be [125px\]]
+    expected: FAIL
+
+  [Compositing: property <border-top-left-radius> underlying [40px 140px\] from replace [100px 120px\] to add [160px 60px\] at (1) should be [200px\]]
+    expected: FAIL
+
+  [Compositing: property <border-top-left-radius> underlying [40px 140px\] from replace [100px 120px\] to add [160px 60px\] at (0.25) should be [125px 140px\]]
+    expected: FAIL
+
+  [Compositing: property <border-top-left-radius> underlying [40px 140px\] from replace [100px 120px\] to add [160px 60px\] at (0) should be [100px 120px\]]
+    expected: FAIL
+
+  [Compositing: property <border-top-left-radius> underlying [40px 60px\] from add [60px 140px\] to replace [200px 120px\] at (1.25) should be [225px 100px\]]
+    expected: FAIL
+
+  [Compositing: property <border-top-left-radius> underlying [40px 40px\] from add [60px 60px\] to add [160px 160px\] at (0) should be [100px\]]
+    expected: FAIL
+
+  [Compositing: property <border-top-left-radius> underlying [40px 40px\] from add [60px 60px\] to add [160px 160px\] at (1) should be [200px\]]
+    expected: FAIL
+
+  [Compositing: property <border-top-left-radius> underlying [40px 60px\] from add [60px 140px\] to replace [200px 120px\] at (0) should be [100px 200px\]]
+    expected: FAIL
+
+  [Compositing: property <border-top-left-radius> underlying [40px 60px\] from add [60px 140px\] to replace [200px 120px\] at (0.75) should be [175px 140px\]]
+    expected: FAIL
+
+  [Compositing: property <border-top-left-radius> underlying [40px 40px\] from add [60px 60px\] to add [160px 160px\] at (0.75) should be [175px\]]
+    expected: FAIL
+
+  [Compositing: property <border-top-left-radius> underlying [40px 60px\] from add [60px 140px\] to replace [200px 120px\] at (-0.25) should be [75px 220px\]]
+    expected: FAIL
+
+  [Compositing: property <border-top-left-radius> underlying [40px 60px\] from add [60px 140px\] to replace [200px 120px\] at (0.25) should be [125px 180px\]]
+    expected: FAIL
+
+  [Compositing: property <border-top-left-radius> underlying [40px 40px\] from add [60px 60px\] to add [160px 160px\] at (-0.25) should be [75px\]]
+    expected: FAIL
+
+  [Compositing: property <border-top-left-radius> underlying [40px 140px\] from replace [100px 120px\] to add [160px 60px\] at (-0.25) should be [75px 100px\]]
+    expected: FAIL
+
+  [Compositing: property <border-top-left-radius> underlying [40px 140px\] from replace [100px 120px\] to add [160px 60px\] at (0.75) should be [175px 180px\]]
+    expected: FAIL
+
+  [Compositing: property <border-top-left-radius> underlying [40px 140px\] from replace [100px 120px\] to add [160px 60px\] at (0.5) should be [150px 160px\]]
+    expected: FAIL
+
+  [Compositing: property <border-top-left-radius> underlying [40px 60px\] from add [60px 140px\] to replace [200px 120px\] at (0.5) should be [150px 160px\]]
+    expected: FAIL
+
+  [Compositing: property <border-top-left-radius> underlying [40px 60px\] from add [60px 140px\] to replace [200px 120px\] at (1) should be [200px 120px\]]
+    expected: FAIL
+
+  [Compositing: property <border-top-left-radius> underlying [40px 40px\] from add [60px 60px\] to add [160px 160px\] at (0.5) should be [150px\]]
+    expected: FAIL
+
+  [Compositing: property <border-top-left-radius> underlying [40px 140px\] from replace [100px 120px\] to add [160px 60px\] at (1.25) should be [225px 220px\]]
+    expected: FAIL
+

tests/wpt/metadata-layout-2020/css/css-backgrounds/animations/border-top-right-radius-composition.html.ini

@@ -0,0 +1,64 @@
+[border-top-right-radius-composition.html]
+  [Compositing: property <border-top-right-radius> underlying [40px 40px\] from add [60px 60px\] to add [160px 160px\] at (1.25) should be [225px\]]
+    expected: FAIL
+
+  [Compositing: property <border-top-right-radius> underlying [40px 60px\] from add [60px 140px\] to replace [200px 120px\] at (0.25) should be [125px 180px\]]
+    expected: FAIL
+
+  [Compositing: property <border-top-right-radius> underlying [40px 140px\] from replace [100px 120px\] to add [160px 60px\] at (0) should be [100px 120px\]]
+    expected: FAIL
+
+  [Compositing: property <border-top-right-radius> underlying [40px 140px\] from replace [100px 120px\] to add [160px 60px\] at (1) should be [200px\]]
+    expected: FAIL
+
+  [Compositing: property <border-top-right-radius> underlying [40px 40px\] from add [60px 60px\] to add [160px 160px\] at (0.5) should be [150px\]]
+    expected: FAIL
+
+  [Compositing: property <border-top-right-radius> underlying [40px 140px\] from replace [100px 120px\] to add [160px 60px\] at (0.5) should be [150px 160px\]]
+    expected: FAIL
+
+  [Compositing: property <border-top-right-radius> underlying [40px 140px\] from replace [100px 120px\] to add [160px 60px\] at (-0.25) should be [75px 100px\]]
+    expected: FAIL
+
+  [Compositing: property <border-top-right-radius> underlying [40px 60px\] from add [60px 140px\] to replace [200px 120px\] at (1.25) should be [225px 100px\]]
+    expected: FAIL
+
+  [Compositing: property <border-top-right-radius> underlying [40px 140px\] from replace [100px 120px\] to add [160px 60px\] at (1.25) should be [225px 220px\]]
+    expected: FAIL
+
+  [Compositing: property <border-top-right-radius> underlying [40px 60px\] from add [60px 140px\] to replace [200px 120px\] at (0.75) should be [175px 140px\]]
+    expected: FAIL
+
+  [Compositing: property <border-top-right-radius> underlying [40px 60px\] from add [60px 140px\] to replace [200px 120px\] at (0.5) should be [150px 160px\]]
+    expected: FAIL
+
+  [Compositing: property <border-top-right-radius> underlying [40px 60px\] from add [60px 140px\] to replace [200px 120px\] at (1) should be [200px 120px\]]
+    expected: FAIL
+
+  [Compositing: property <border-top-right-radius> underlying [40px 60px\] from add [60px 140px\] to replace [200px 120px\] at (0) should be [100px 200px\]]
+    expected: FAIL
+
+  [Compositing: property <border-top-right-radius> underlying [40px 40px\] from add [60px 60px\] to add [160px 160px\] at (0.25) should be [125px\]]
+    expected: FAIL
+
+  [Compositing: property <border-top-right-radius> underlying [40px 40px\] from add [60px 60px\] to add [160px 160px\] at (1) should be [200px\]]
+    expected: FAIL
+
+  [Compositing: property <border-top-right-radius> underlying [40px 40px\] from add [60px 60px\] to add [160px 160px\] at (0.75) should be [175px\]]
+    expected: FAIL
+
+  [Compositing: property <border-top-right-radius> underlying [40px 40px\] from add [60px 60px\] to add [160px 160px\] at (0) should be [100px\]]
+    expected: FAIL
+
+  [Compositing: property <border-top-right-radius> underlying [40px 140px\] from replace [100px 120px\] to add [160px 60px\] at (0.25) should be [125px 140px\]]
+    expected: FAIL
+
+  [Compositing: property <border-top-right-radius> underlying [40px 40px\] from add [60px 60px\] to add [160px 160px\] at (-0.25) should be [75px\]]
+    expected: FAIL
+
+  [Compositing: property <border-top-right-radius> underlying [40px 140px\] from replace [100px 120px\] to add [160px 60px\] at (0.75) should be [175px 180px\]]
+    expected: FAIL
+
+  [Compositing: property <border-top-right-radius> underlying [40px 60px\] from add [60px 140px\] to replace [200px 120px\] at (-0.25) should be [75px 220px\]]
+    expected: FAIL
+

tests/wpt/metadata-layout-2020/css/css-backgrounds/animations/border-width-interpolation.html.ini

@@ -245,3 +245,465 @@
   [Web Animations: property <border-left-width> from [0px\] to [10px\] at (1) should be [10px\]]
     expected: FAIL
 
+  [CSS Transitions with transition: all: property <border-left-width> from [inherit\] to [20px\] at (-0.3) should be [0px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-left-width> from [medium\] to [13px\] at (1) should be [13px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-bottom-width> from [thick\] to [15px\] at (1) should be [15px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-top-width> from [15px\] to [thick\] at (-0.3) should be [18px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-left-width> from [unset\] to [20px\] at (1.5) should be [28.5px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-left-width> from [0px\] to [10px\] at (-0.3) should be [0px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-top-width> from [15px\] to [thick\] at (-2) should be [35px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-left-width> from [medium\] to [13px\] at (0.3) should be [6px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-top-width> from [15px\] to [thick\] at (0) should be [15px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-bottom-width> from [thick\] to [15px\] at (0.3) should be [8px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-right-width> from [thin\] to [11px\] at (0) should be [1px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-left-width> from [initial\] to [20px\] at (0.6) should be [13.2px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-top-width> from [15px\] to [thick\] at (-2) should be [35px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-top-width> from [15px\] to [thick\] at (1.5) should be [0px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-left-width> from [initial\] to [20px\] at (0.3) should be [8.1px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-left-width> from [0px\] to [10px\] at (1.5) should be [15px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-top-width> from [15px\] to [thick\] at (0.6) should be [9px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-right-width> from [thin\] to [11px\] at (0) should be [1px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-top-width> from [15px\] to [thick\] at (0.6) should be [9px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-left-width> from [medium\] to [13px\] at (-0.25) should be [0.5px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-right-width> from [thin\] to [11px\] at (0) should be [1px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-bottom-width> from [thick\] to [15px\] at (-2) should be [0px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-left-width> from [inherit\] to [20px\] at (0) should be [0px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-left-width> from [medium\] to [13px\] at (-2) should be [0px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-left-width> from [medium\] to [13px\] at (0.6) should be [9px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-right-width> from [thin\] to [11px\] at (-0.3) should be [0px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-left-width> from neutral to [20px\] at (0.6) should be [16px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-left-width> from [medium\] to [13px\] at (-0.25) should be [0.5px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-bottom-width> from [thick\] to [15px\] at (0) should be [5px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-left-width> from [0px\] to [10px\] at (-0.3) should be [0px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-left-width> from neutral to [20px\] at (-0.3) should be [7px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-left-width> from neutral to [20px\] at (-0.3) should be [7px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-top-width> from [15px\] to [thick\] at (0) should be [15px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-left-width> from [unset\] to [20px\] at (0.3) should be [8.1px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-left-width> from [0px\] to [10px\] at (0.3) should be [3px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-right-width> from [thin\] to [11px\] at (-0.3) should be [0px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-left-width> from [inherit\] to [20px\] at (0.3) should be [6px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-top-width> from [15px\] to [thick\] at (0.3) should be [12px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-bottom-width> from [thick\] to [15px\] at (0) should be [5px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-right-width> from [thin\] to [11px\] at (-2) should be [0px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-left-width> from [0px\] to [10px\] at (1.5) should be [15px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-left-width> from [initial\] to [20px\] at (1.5) should be [28.5px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-bottom-width> from [thick\] to [15px\] at (0.3) should be [8px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-left-width> from [initial\] to [20px\] at (1.5) should be [28.5px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-left-width> from neutral to [20px\] at (0.3) should be [13px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-left-width> from [unset\] to [20px\] at (1) should be [20px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-left-width> from [0px\] to [10px\] at (0.3) should be [3px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-bottom-width> from [thick\] to [15px\] at (0.6) should be [11px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-right-width> from [thin\] to [11px\] at (1.5) should be [16px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-left-width> from [initial\] to [20px\] at (-0.3) should be [0px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-left-width> from [inherit\] to [20px\] at (0) should be [0px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-right-width> from [thin\] to [11px\] at (0.3) should be [4px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-top-width> from [15px\] to [thick\] at (0.3) should be [12px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-right-width> from [thin\] to [11px\] at (0.3) should be [4px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-bottom-width> from [thick\] to [15px\] at (0.3) should be [8px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-left-width> from neutral to [20px\] at (1) should be [20px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-left-width> from neutral to [20px\] at (0.3) should be [13px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-top-width> from [15px\] to [thick\] at (1.5) should be [0px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-left-width> from [initial\] to [20px\] at (-0.3) should be [0px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-left-width> from [medium\] to [13px\] at (-2) should be [0px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-left-width> from [medium\] to [13px\] at (-2) should be [0px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-left-width> from [0px\] to [10px\] at (0.6) should be [6px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-left-width> from [medium\] to [13px\] at (0.3) should be [6px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-left-width> from [unset\] to [20px\] at (0) should be [3px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-left-width> from [unset\] to [20px\] at (0) should be [3px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-bottom-width> from [thick\] to [15px\] at (1.5) should be [20px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-top-width> from [15px\] to [thick\] at (-2) should be [35px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-left-width> from [initial\] to [20px\] at (0) should be [3px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-left-width> from [initial\] to [20px\] at (1) should be [20px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-left-width> from [unset\] to [20px\] at (-0.3) should be [0px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-left-width> from [inherit\] to [20px\] at (0.6) should be [12px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-left-width> from [unset\] to [20px\] at (-0.3) should be [0px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-left-width> from [0px\] to [10px\] at (0.6) should be [6px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-left-width> from [medium\] to [13px\] at (1.5) should be [18px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-left-width> from [medium\] to [13px\] at (1.5) should be [18px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-right-width> from [thin\] to [11px\] at (-2) should be [0px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-bottom-width> from [thick\] to [15px\] at (0.6) should be [11px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-bottom-width> from [thick\] to [15px\] at (0) should be [5px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-left-width> from [unset\] to [20px\] at (0.6) should be [13.2px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-left-width> from [0px\] to [10px\] at (0.6) should be [6px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-right-width> from [thin\] to [11px\] at (-0.3) should be [0px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-left-width> from [medium\] to [13px\] at (0) should be [3px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-left-width> from neutral to [20px\] at (1.5) should be [25px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-bottom-width> from [thick\] to [15px\] at (1.5) should be [20px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-left-width> from [initial\] to [20px\] at (0) should be [3px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-left-width> from neutral to [20px\] at (-0.3) should be [7px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-left-width> from [inherit\] to [20px\] at (-0.3) should be [0px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-left-width> from [unset\] to [20px\] at (1.5) should be [28.5px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-left-width> from [inherit\] to [20px\] at (1.5) should be [30px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-left-width> from [inherit\] to [20px\] at (0.3) should be [6px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-left-width> from [medium\] to [13px\] at (0.6) should be [9px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-left-width> from [initial\] to [20px\] at (0.3) should be [8.1px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-left-width> from [medium\] to [13px\] at (0.6) should be [9px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-left-width> from neutral to [20px\] at (0.6) should be [16px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-left-width> from [inherit\] to [20px\] at (0.6) should be [12px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-right-width> from [thin\] to [11px\] at (0.6) should be [7px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-top-width> from [15px\] to [thick\] at (1.5) should be [0px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-bottom-width> from [thick\] to [15px\] at (-2) should be [0px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-left-width> from [unset\] to [20px\] at (0.3) should be [8.1px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-left-width> from [inherit\] to [20px\] at (0) should be [0px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-bottom-width> from [thick\] to [15px\] at (1.5) should be [20px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-left-width> from [initial\] to [20px\] at (-0.3) should be [0px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-top-width> from [15px\] to [thick\] at (0.6) should be [9px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-left-width> from [initial\] to [20px\] at (0) should be [3px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-left-width> from [0px\] to [10px\] at (-0.3) should be [0px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-left-width> from [medium\] to [13px\] at (-0.25) should be [0.5px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-left-width> from neutral to [20px\] at (1.5) should be [25px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-left-width> from [inherit\] to [20px\] at (1.5) should be [30px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-top-width> from [15px\] to [thick\] at (-0.3) should be [18px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-left-width> from neutral to [20px\] at (0) should be [10px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-left-width> from [0px\] to [10px\] at (0) should be [0px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-right-width> from [thin\] to [11px\] at (0.6) should be [7px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-bottom-width> from [thick\] to [15px\] at (-2) should be [0px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-left-width> from [inherit\] to [20px\] at (1.5) should be [30px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-bottom-width> from [thick\] to [15px\] at (-0.3) should be [2px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-top-width> from [15px\] to [thick\] at (0.3) should be [12px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-left-width> from [initial\] to [20px\] at (0.3) should be [8.1px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-left-width> from [inherit\] to [20px\] at (0.3) should be [6px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-left-width> from [medium\] to [13px\] at (1.5) should be [18px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-left-width> from [unset\] to [20px\] at (0.6) should be [13.2px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-left-width> from [inherit\] to [20px\] at (1) should be [20px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-left-width> from [initial\] to [20px\] at (1.5) should be [28.5px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-top-width> from [15px\] to [thick\] at (-0.3) should be [18px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-left-width> from [medium\] to [13px\] at (0) should be [3px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-left-width> from neutral to [20px\] at (0.6) should be [16px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-left-width> from [0px\] to [10px\] at (0) should be [0px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-left-width> from [0px\] to [10px\] at (1.5) should be [15px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-left-width> from [unset\] to [20px\] at (0) should be [3px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-left-width> from [inherit\] to [20px\] at (0.6) should be [12px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-left-width> from [initial\] to [20px\] at (0.6) should be [13.2px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-left-width> from [medium\] to [13px\] at (0.3) should be [6px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-left-width> from [unset\] to [20px\] at (1.5) should be [28.5px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-left-width> from [0px\] to [10px\] at (0.3) should be [3px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-right-width> from [thin\] to [11px\] at (0.3) should be [4px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-left-width> from [inherit\] to [20px\] at (-0.3) should be [0px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-top-width> from [15px\] to [thick\] at (0) should be [15px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-right-width> from [thin\] to [11px\] at (-2) should be [0px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-right-width> from [thin\] to [11px\] at (0.6) should be [7px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-left-width> from [initial\] to [20px\] at (0.6) should be [13.2px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-bottom-width> from [thick\] to [15px\] at (-0.3) should be [2px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-right-width> from [thin\] to [11px\] at (1) should be [11px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-left-width> from neutral to [20px\] at (0) should be [10px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-top-width> from [15px\] to [thick\] at (1) should be [5px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-left-width> from [unset\] to [20px\] at (-0.3) should be [0px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-left-width> from neutral to [20px\] at (1.5) should be [25px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-right-width> from [thin\] to [11px\] at (1.5) should be [16px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-left-width> from neutral to [20px\] at (0.3) should be [13px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-left-width> from [0px\] to [10px\] at (0) should be [0px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-bottom-width> from [thick\] to [15px\] at (-0.3) should be [2px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-right-width> from [thin\] to [11px\] at (1.5) should be [16px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-bottom-width> from [thick\] to [15px\] at (0.6) should be [11px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-left-width> from [medium\] to [13px\] at (0) should be [3px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-left-width> from [unset\] to [20px\] at (0.6) should be [13.2px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-left-width> from [unset\] to [20px\] at (0.3) should be [8.1px\]]
+    expected: FAIL
+

tests/wpt/metadata-layout-2020/css/css-backgrounds/background-331.html.ini

@@ -1,25 +1,4 @@
 [background-331.html]
-  [background_initial_clip]
-    expected: FAIL
-
-  [background_initial_image]
-    expected: FAIL
-
-  [background_initial_repeat]
-    expected: FAIL
-
-  [background_initial_origin]
-    expected: FAIL
-
-  [background_initial_attachment]
-    expected: FAIL
-
   [background_initial_position]
     expected: FAIL
 
-  [background_initial_size]
-    expected: FAIL
-
-  [background_initial_color]
-    expected: FAIL
-

tests/wpt/metadata-layout-2020/css/css-backgrounds/background-332.html.ini

@@ -1,7 +1,4 @@
 [background-332.html]
-  [background_specified_clip]
-    expected: FAIL
-
   [Computed value for background-image after setting background shorthand]
     expected: FAIL
 

tests/wpt/metadata-layout-2020/css/css-backgrounds/background-333.html.ini

@@ -1,25 +1,4 @@
 [background-333.html]
-  [background_specified_color_image]
-    expected: FAIL
-
-  [background_specified_color_clip]
-    expected: FAIL
-
-  [background_specified_color_size]
-    expected: FAIL
-
-  [background_specified_color_color]
-    expected: FAIL
-
   [background_specified_color_position]
     expected: FAIL
 
-  [background_specified_color_origin]
-    expected: FAIL
-
-  [background_specified_color_repeat]
-    expected: FAIL
-
-  [background_specified_color_attachment]
-    expected: FAIL
-

tests/wpt/metadata-layout-2020/css/css-backgrounds/background-335.html.ini

@@ -1,7 +0,0 @@
-[background-335.html]
-  [background_specified_box_one_clip]
-    expected: FAIL
-
-  [background_specified_box_one_origin]
-    expected: FAIL
-

tests/wpt/metadata-layout-2020/css/css-backgrounds/background-336.html.ini

@@ -1,7 +0,0 @@
-[background-336.html]
-  [background_specified_box_two_origin]
-    expected: FAIL
-
-  [background_specified_box_two_clip]
-    expected: FAIL
-

tests/wpt/metadata-layout-2020/css/css-backgrounds/background-clip-001.html.ini

@@ -1,13 +0,0 @@
-[background-clip-001.html]
-  [background-clip_initial]
-    expected: FAIL
-
-  [background-clip_padding-box]
-    expected: FAIL
-
-  [background-clip_content-box]
-    expected: FAIL
-
-  [background-clip_border-box]
-    expected: FAIL
-

tests/wpt/metadata-layout-2020/css/css-backgrounds/background-origin-001.html.ini

@@ -1,13 +0,0 @@
-[background-origin-001.html]
-  [background-origin_border-box]
-    expected: FAIL
-
-  [background-origin_content-box]
-    expected: FAIL
-
-  [background-origin_padding-box]
-    expected: FAIL
-
-  [background-origin_initial]
-    expected: FAIL
-

tests/wpt/metadata-layout-2020/css/css-backgrounds/background-repeat/background-repeat-round-roundup.xht.ini

@@ -0,0 +1,2 @@
+[background-repeat-round-roundup.xht]
+  expected: FAIL

tests/wpt/metadata-layout-2020/css/css-backgrounds/background-size-001.html.ini

@@ -1,61 +0,0 @@
-[background-size-001.html]
-  [background-size_auto_length]
-    expected: FAIL
-
-  [background-size_percentage_min]
-    expected: FAIL
-
-  [background-size_percentage_max]
-    expected: FAIL
-
-  [background-size_length_auto]
-    expected: FAIL
-
-  [background-size_length_positive_zero]
-    expected: FAIL
-
-  [background-size_length_percentage]
-    expected: FAIL
-
-  [background-size_initial]
-    expected: FAIL
-
-  [background-size_length_normal]
-    expected: FAIL
-
-  [background-size_percentage_auto]
-    expected: FAIL
-
-  [background-size_contain]
-    expected: FAIL
-
-  [background-size_percentage_length]
-    expected: FAIL
-
-  [background-size_auto]
-    expected: FAIL
-
-  [background-size_length_negative_zero]
-    expected: FAIL
-
-  [background-size_auto_percentage]
-    expected: FAIL
-
-  [background-size_cover]
-    expected: FAIL
-
-  [background-size_percentage_normal]
-    expected: FAIL
-
-  [background-size_length_length]
-    expected: FAIL
-
-  [background-size_length_zero]
-    expected: FAIL
-
-  [background-size_percentage_percentage]
-    expected: FAIL
-
-  [background-size_auto_auto]
-    expected: FAIL
-

tests/wpt/metadata-layout-2020/css/css-backgrounds/background-size-025.html.ini

@@ -0,0 +1,2 @@
+[background-size-025.html]
+  expected: FAIL

tests/wpt/metadata-layout-2020/css/css-backgrounds/border-image-repeat_repeatnegx_none_50px.html.ini

@@ -1,4 +0,0 @@
-[border-image-repeat_repeatnegx_none_50px.html]
-  [ CSS Background Border Test: "border-image-repeat:repeat-x;height:200px;width:200px;border-image-source:none;border-image-width:50px" on test div]
-    expected: FAIL
-

tests/wpt/metadata-layout-2020/css/css-backgrounds/parsing/background-clip-computed.html.ini

@@ -2,12 +2,3 @@
   [Property background-clip value 'border-box, padding-box, content-box']
     expected: FAIL
 
-  [Property background-clip value 'content-box']
-    expected: FAIL
-
-  [Property background-clip value 'padding-box']
-    expected: FAIL
-
-  [Property background-clip value 'border-box']
-    expected: FAIL
-

tests/wpt/metadata-layout-2020/css/css-backgrounds/parsing/background-color-computed.html.ini

@@ -1,22 +0,0 @@
-[background-color-computed.html]
-  [Property background-color value '#00FF00']
-    expected: FAIL
-
-  [Property background-color value 'currentcolor']
-    expected: FAIL
-
-  [Property background-color value 'transparent']
-    expected: FAIL
-
-  [Property background-color value 'rgb(0, 0, 255)']
-    expected: FAIL
-
-  [Property background-color value 'red']
-    expected: FAIL
-
-  [Property background-color value 'rgb(100%, 100%, 0%)']
-    expected: FAIL
-
-  [Property background-color value 'hsl(120, 100%, 50%)']
-    expected: FAIL
-

tests/wpt/metadata-layout-2020/css/css-backgrounds/parsing/background-computed.html.ini

@@ -29,9 +29,6 @@
   [Property background-position-y value '0.5em']
     expected: FAIL
 
-  [Property background-size value 'auto 1px, 2% 3%, contain']
-    expected: FAIL
-
   [Property background-attachment value 'local, fixed, scroll']
     expected: FAIL
 
@@ -44,21 +41,12 @@
   [Property background-position value '50% 6px']
     expected: FAIL
 
-  [Property background-position-x value 'center, left, right']
-    expected: FAIL
-
-  [Property background-repeat value 'repeat space, round no-repeat, repeat-x']
-    expected: FAIL
-
   [Property background-attachment value 'scroll, fixed']
     expected: FAIL
 
   [Property background-origin value 'content-box, border-box']
     expected: FAIL
 
-  [Property background-position-y value 'center, top, bottom']
-    expected: FAIL
-
   [Property background-size value 'contain']
     expected: FAIL
 
@@ -80,21 +68,12 @@
   [Property background-size value 'auto 1px, 2% 3%, contain, 7px 8px']
     expected: FAIL
 
-  [Property background-origin value 'border-box, padding-box, content-box']
-    expected: FAIL
-
-  [Property background-color value 'rgb(255, 0, 0)']
-    expected: FAIL
-
   [Property background-size value 'auto 1px, 2% 3%']
     expected: FAIL
 
   [Property background-position value '12px 13px, 50% 6px']
     expected: FAIL
 
-  [Property background-clip value 'border-box, padding-box, content-box']
-    expected: FAIL
-
   [Property background-position-x value '-20%, 10px']
     expected: FAIL
 

tests/wpt/metadata-layout-2020/css/css-backgrounds/parsing/background-image-computed.sub.html.ini

@@ -1,67 +1,13 @@
 [background-image-computed.sub.html]
-  [Property background-image value 'radial-gradient(at 10px 10px, rgb(255, 0, 0), rgb(0, 0, 255))']
-    expected: FAIL
-
-  [Property background-image value 'radial-gradient(farthest-corner at 10px 10px, red, blue)']
-    expected: FAIL
-
-  [Property background-image value 'radial-gradient(10px at 20px 30px, rgb(255, 0, 0), rgb(0, 0, 255))']
-    expected: FAIL
-
-  [Property background-image value 'radial-gradient(circle calc(-0.5em + 10px) at calc(-1em + 10px) calc(-2em + 10px), red, blue)']
-    expected: FAIL
-
-  [Property background-image value 'radial-gradient(ellipse calc(0.5em + 10px) calc(-0.5em + 10px) at 20px 30px, red, blue)']
-    expected: FAIL
-
-  [Property background-image value 'radial-gradient(farthest-side at 10px 10px, rgb(255, 0, 0), rgb(0, 0, 255))']
-    expected: FAIL
-
-  [Property background-image value 'none']
-    expected: FAIL
-
-  [Property background-image value 'url("http://web-platform.test/")']
-    expected: FAIL
-
-  [Property background-image value 'linear-gradient(to left bottom, red, blue)']
-    expected: FAIL
-
-  [Property background-image value 'none, url("http://web-platform.test/")']
-    expected: FAIL
-
-  [Property background-image value 'radial-gradient(ellipse calc(-0.5em + 10px) calc(0.5em + 10px) at 20px 30px, red, blue)']
-    expected: FAIL
-
   [Property background-image value 'conic-gradient(at center, red, blue)']
     expected: FAIL
 
   [Property background-image value 'conic-gradient(from 45deg at 10px 10px, red, blue)']
     expected: FAIL
 
-  [Property background-image value 'radial-gradient(at 50%, red, blue)']
-    expected: FAIL
-
-  [Property background-image value 'radial-gradient(farthest-side, rgb(255, 0, 0), rgb(0, 0, 255))']
-    expected: FAIL
-
-  [Property background-image value 'radial-gradient(farthest-corner at 50%, red, blue)']
-    expected: FAIL
-
-  [Property background-image value 'radial-gradient(farthest-corner at center, red, blue)']
-    expected: FAIL
-
-  [Property background-image value 'radial-gradient(at center, red, blue)']
-    expected: FAIL
-
   [Property background-image value 'conic-gradient(from 0deg, red, blue)']
     expected: FAIL
 
-  [Property background-image value 'radial-gradient(farthest-corner, red, blue)']
-    expected: FAIL
-
-  [Property background-image value 'radial-gradient(rgb(255, 0, 0), rgb(0, 0, 255))']
-    expected: FAIL
-
   [Property background-image value 'conic-gradient(at 10px 10px, rgb(255, 0, 0), rgb(0, 0, 255))']
     expected: FAIL
 

tests/wpt/metadata-layout-2020/css/css-backgrounds/parsing/background-origin-computed.html.ini

@@ -1,13 +1,4 @@
 [background-origin-computed.html]
-  [Property background-origin value 'border-box']
-    expected: FAIL
-
-  [Property background-origin value 'content-box']
-    expected: FAIL
-
-  [Property background-origin value 'padding-box']
-    expected: FAIL
-
   [Property background-origin value 'border-box, padding-box, content-box']
     expected: FAIL
 

tests/wpt/metadata-layout-2020/css/css-backgrounds/parsing/background-position-x-computed.html.ini

@@ -8,42 +8,15 @@
   [Property background-position-x value '0.5em, x-start, x-end']
     expected: FAIL
 
-  [Property background-position-x value '-20%']
-    expected: FAIL
-
-  [Property background-position-x value '10px']
-    expected: FAIL
-
-  [Property background-position-x value 'right -10px']
-    expected: FAIL
-
   [Property background-position-x value 'x-end']
     expected: FAIL
 
-  [Property background-position-x value 'right']
-    expected: FAIL
-
   [Property background-position-x value 'x-start']
     expected: FAIL
 
-  [Property background-position-x value 'left']
-    expected: FAIL
-
-  [Property background-position-x value 'calc(10px - 0.5em)']
-    expected: FAIL
-
-  [Property background-position-x value 'left -20%']
-    expected: FAIL
-
   [Property background-position-x value 'calc(10px - 0.5em), -20%, 10px']
     expected: FAIL
 
-  [Property background-position-x value 'center']
-    expected: FAIL
-
-  [Property background-position-x value '0.5em']
-    expected: FAIL
-
   [Property background-position-x value '-20%, 10px']
     expected: FAIL
 

tests/wpt/metadata-layout-2020/css/css-backgrounds/parsing/background-position-y-computed.html.ini

@@ -2,27 +2,9 @@
   [Property background-position-y value 'y-end']
     expected: FAIL
 
-  [Property background-position-y value 'bottom']
-    expected: FAIL
-
-  [Property background-position-y value 'top']
-    expected: FAIL
-
   [Property background-position-y value '0.5em, y-start, y-end']
     expected: FAIL
 
-  [Property background-position-y value 'bottom -10px']
-    expected: FAIL
-
-  [Property background-position-y value 'top -20%']
-    expected: FAIL
-
-  [Property background-position-y value '-20%']
-    expected: FAIL
-
-  [Property background-position-y value 'calc(10px - 0.5em)']
-    expected: FAIL
-
   [Property background-position-y value 'calc(10px - 0.5em), top -20%, bottom 10px']
     expected: FAIL
 
@@ -32,18 +14,9 @@
   [Property background-position-y value 'calc(10px - 0.5em), -20%, 10px']
     expected: FAIL
 
-  [Property background-position-y value '10px']
-    expected: FAIL
-
   [Property background-position-y value '-20%, 10px']
     expected: FAIL
 
   [Property background-position-y value 'center, top, bottom']
     expected: FAIL
 
-  [Property background-position-y value 'center']
-    expected: FAIL
-
-  [Property background-position-y value '0.5em']
-    expected: FAIL
-

tests/wpt/metadata-layout-2020/css/css-backgrounds/parsing/background-repeat-computed.html.ini

@@ -1,31 +1,4 @@
 [background-repeat-computed.html]
-  [Property background-repeat value 'repeat space']
-    expected: FAIL
-
-  [Property background-repeat value 'no-repeat']
-    expected: FAIL
-
-  [Property background-repeat value 'round no-repeat']
-    expected: FAIL
-
-  [Property background-repeat value 'round']
-    expected: FAIL
-
-  [Property background-repeat value 'repeat repeat']
-    expected: FAIL
-
   [Property background-repeat value 'repeat-x, repeat-y, repeat']
     expected: FAIL
 
-  [Property background-repeat value 'repeat']
-    expected: FAIL
-
-  [Property background-repeat value 'repeat-y']
-    expected: FAIL
-
-  [Property background-repeat value 'space']
-    expected: FAIL
-
-  [Property background-repeat value 'repeat-x']
-    expected: FAIL
-

tests/wpt/metadata-layout-2020/css/css-backgrounds/parsing/background-size-computed.html.ini

@@ -1,34 +1,4 @@
 [background-size-computed.html]
-  [Property background-size value 'contain']
-    expected: FAIL
-
-  [Property background-size value 'calc(10px - 0.5em) calc(10px + 0.5em)']
-    expected: FAIL
-
-  [Property background-size value 'cover']
-    expected: FAIL
-
-  [Property background-size value '2% 3%']
-    expected: FAIL
-
-  [Property background-size value 'auto auto']
-    expected: FAIL
-
-  [Property background-size value 'calc(10px + 0.5em) calc(10px - 0.5em)']
-    expected: FAIL
-
   [Property background-size value 'auto 1px, 2% 3%, contain']
     expected: FAIL
 
-  [Property background-size value 'auto']
-    expected: FAIL
-
-  [Property background-size value '1px auto']
-    expected: FAIL
-
-  [Property background-size value 'auto 4%']
-    expected: FAIL
-
-  [Property background-size value '1px']
-    expected: FAIL
-

tests/wpt/metadata-layout-2020/css/css-backgrounds/parsing/border-color-computed.html.ini

@@ -2,24 +2,12 @@
   [Property border-color value 'red yellow currentcolor']
     expected: FAIL
 
-  [Property border-right-color value 'yellow']
-    expected: FAIL
-
-  [Property border-top-color value 'red']
-    expected: FAIL
-
-  [Property border-left-color value 'blue']
-    expected: FAIL
-
   [Property border-color value 'red yellow']
     expected: FAIL
 
   [Property border-color value 'red yellow green blue']
     expected: FAIL
 
-  [Property border-bottom-color value 'green']
-    expected: FAIL
-
   [Property border-color value 'currentcolor']
     expected: FAIL
 

tests/wpt/metadata-layout-2020/css/css-backgrounds/parsing/border-image-outset-computed.html.ini

@@ -1,16 +0,0 @@
-[border-image-outset-computed.html]
-  [Property border-image-outset value '1px 2 3px 4']
-    expected: FAIL
-
-  [Property border-image-outset value '0 calc(0.5em + 10px) 3 calc(-0.5em + 10px)']
-    expected: FAIL
-
-  [Property border-image-outset value '1px']
-    expected: FAIL
-
-  [Property border-image-outset value '1px 2 3px']
-    expected: FAIL
-
-  [Property border-image-outset value '1px 2']
-    expected: FAIL
-

tests/wpt/metadata-layout-2020/css/css-backgrounds/parsing/border-image-repeat-computed.html.ini

@@ -1,10 +0,0 @@
-[border-image-repeat-computed.html]
-  [Property border-image-repeat value 'round space']
-    expected: FAIL
-
-  [Property border-image-repeat value 'stretch repeat']
-    expected: FAIL
-
-  [Property border-image-repeat value 'round']
-    expected: FAIL
-

tests/wpt/metadata-layout-2020/css/css-backgrounds/parsing/border-image-slice-computed.html.ini

@@ -1,16 +0,0 @@
-[border-image-slice-computed.html]
-  [Property border-image-slice value '1']
-    expected: FAIL
-
-  [Property border-image-slice value '1 2% 3 4%']
-    expected: FAIL
-
-  [Property border-image-slice value '1 2%']
-    expected: FAIL
-
-  [Property border-image-slice value '1% 2 3% 4 fill']
-    expected: FAIL
-
-  [Property border-image-slice value '1 2% 3']
-    expected: FAIL
-

tests/wpt/metadata-layout-2020/css/css-backgrounds/parsing/border-image-source-computed.sub.html.ini

@@ -2,21 +2,3 @@
   [Property border-image-source value 'conic-gradient(from 90deg at 80% 90%, lime, black)']
     expected: FAIL
 
-  [Property border-image-source value 'none']
-    expected: FAIL
-
-  [Property border-image-source value 'url("http://web-platform.test/")']
-    expected: FAIL
-
-  [Property border-image-source value 'linear-gradient(-45deg, red, currentcolor)']
-    expected: FAIL
-
-  [url values are made absolute]
-    expected: FAIL
-
-  [Property border-image-source value 'repeating-linear-gradient(-45deg, red, 30%, currentcolor 70%, lime)']
-    expected: FAIL
-
-  [Property border-image-source value 'radial-gradient(10px at 20px 30px, currentcolor, lime)']
-    expected: FAIL
-

tests/wpt/metadata-layout-2020/css/css-backgrounds/parsing/border-image-width-computed.html.ini

@@ -1,37 +0,0 @@
-[border-image-width-computed.html]
-  [Property border-image-width value 'calc(-0.5em + 10px)']
-    expected: FAIL
-
-  [Property border-image-width value '20%']
-    expected: FAIL
-
-  [Property border-image-width value '1 auto 10px']
-    expected: FAIL
-
-  [Property border-image-width value 'auto']
-    expected: FAIL
-
-  [Property border-image-width value 'calc(20% + 10px)']
-    expected: FAIL
-
-  [Property border-image-width value '20% 10px auto 1']
-    expected: FAIL
-
-  [Property border-image-width value 'calc(0.5em + 10px)']
-    expected: FAIL
-
-  [Property border-image-width value '1 auto 10px 20%']
-    expected: FAIL
-
-  [Property border-image-width value '1']
-    expected: FAIL
-
-  [Property border-image-width value '0']
-    expected: FAIL
-
-  [Property border-image-width value '10px']
-    expected: FAIL
-
-  [Property border-image-width value '1 auto']
-    expected: FAIL
-

tests/wpt/metadata-layout-2020/css/css-backgrounds/parsing/border-radius-computed.html.ini

@@ -2,9 +2,6 @@
   [Property border-radius value '1px 2% 1px 1px']
     expected: FAIL
 
-  [Property border-top-left-radius value 'calc(-0.5em + 10px)']
-    expected: FAIL
-
   [Property border-radius value '1px 1px 2% 2%']
     expected: FAIL
 
@@ -17,21 +14,12 @@
   [Property border-radius value '5em / 1px 2% 3px 4%']
     expected: FAIL
 
-  [Property border-top-right-radius value '20%']
-    expected: FAIL
-
-  [Property border-bottom-left-radius value '50% 60px']
-    expected: FAIL
-
   [Property border-radius value '1px 1px 1px 2% / 1px 2% 1px 2%']
     expected: FAIL
 
   [Property border-radius value '1px 2% 3px 4% / 5em']
     expected: FAIL
 
-  [Property border-bottom-right-radius value 'calc(0.5em + 10px) 40%']
-    expected: FAIL
-
   [Property border-radius value '1px 2% 2% 2% / 1px 2% 3px 2%']
     expected: FAIL
 

tests/wpt/metadata-layout-2020/css/css-backgrounds/parsing/border-style-computed.html.ini

@@ -5,21 +5,9 @@
   [Property border-style value 'inset outset']
     expected: FAIL
 
-  [Property border-bottom-style value 'groove']
-    expected: FAIL
-
   [Property border-style value 'solid double groove ridge']
     expected: FAIL
 
-  [Property border-left-style value 'ridge']
-    expected: FAIL
-
   [Property border-style value 'none']
     expected: FAIL
 
-  [Property border-top-style value 'solid']
-    expected: FAIL
-
-  [Property border-right-style value 'double']
-    expected: FAIL
-

tests/wpt/metadata-layout-2020/css/css-backgrounds/parsing/border-width-computed.html.ini

@@ -8,24 +8,12 @@
   [Property border-width value '1px 2px 3px']
     expected: FAIL
 
-  [Property border-left-width value 'calc(0.5em + 10px)']
-    expected: FAIL
-
   [Property border-width value '2px thin medium thick']
     expected: FAIL
 
-  [Property border-bottom-width value 'calc(-0.5em + 10px)']
-    expected: FAIL
-
-  [Property border-top-width value '0px']
-    expected: FAIL
-
   [Property border-width value '1px']
     expected: FAIL
 
   [Property border-width value '0.5em']
     expected: FAIL
 
-  [Property border-right-width value '10px']
-    expected: FAIL
-

tests/wpt/metadata-layout-2020/css/css-color/animation/color-composition.html.ini

@@ -0,0 +1,28 @@
+[color-composition.html]
+  [Compositing: property <color> underlying [rgb(60, 60, 60)\] from add [rgb(0, 0, 0)\] to replace [rgb(50, 50, 50)\] at (1.2) should be [rgb(48, 48, 48)\]]
+    expected: FAIL
+
+  [Compositing: property <color> underlying [rgb(50, 50, 50)\] from add [rgb(10, 10, 10)\] to replace [rgb(30, 30, 30)\] at (1.2) should be [rgb(24, 24, 24)\]]
+    expected: FAIL
+
+  [Compositing: property <color> underlying [rgb(50, 50, 50)\] from add [rgb(10, 10, 10)\] to replace [rgb(30, 30, 30)\] at (1) should be [rgb(30, 30, 30)\]]
+    expected: FAIL
+
+  [Compositing: property <color> underlying [rgb(60, 60, 60)\] from add [rgb(0, 0, 0)\] to replace [rgb(50, 50, 50)\] at (1) should be [rgb(50, 50, 50)\]]
+    expected: FAIL
+
+  [Compositing: property <color> underlying [rgb(60, 60, 60)\] from add [rgb(0, 0, 0)\] to replace [rgb(50, 50, 50)\] at (0.5) should be [rgb(55, 55, 55)\]]
+    expected: FAIL
+
+  [Compositing: property <color> underlying [rgb(50, 50, 50)\] from add [rgb(10, 10, 10)\] to replace [rgb(30, 30, 30)\] at (0) should be [rgb(60, 60, 60)\]]
+    expected: FAIL
+
+  [Compositing: property <color> underlying [rgb(50, 50, 50)\] from add [rgb(10, 10, 10)\] to replace [rgb(30, 30, 30)\] at (0.2) should be [rgb(54, 54, 54)\]]
+    expected: FAIL
+
+  [Compositing: property <color> underlying [rgb(60, 60, 60)\] from add [rgb(0, 0, 0)\] to replace [rgb(50, 50, 50)\] at (1.5) should be [rgb(45, 45, 45)\]]
+    expected: FAIL
+
+  [Compositing: property <color> underlying [rgb(50, 50, 50)\] from add [rgb(10, 10, 10)\] to replace [rgb(30, 30, 30)\] at (1.5) should be [rgb(15, 15, 15)\]]
+    expected: FAIL
+

tests/wpt/metadata-layout-2020/css/css-color/animation/color-interpolation.html.ini

@@ -89,3 +89,237 @@
   [Web Animations: property <color> from [inherit\] to [green\] at (1.5) should be [rgb(0, 192, 0)\]]
     expected: FAIL
 
+  [CSS Transitions with transition: all: property <color> from [initial\] to [green\] at (1.5) should be [rgb(0, 192, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <color> from [initial\] to [green\] at (0.6) should be [rgb(0, 77, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <color> from [initial\] to [green\] at (1.5) should be [rgb(0, 192, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <color> from [black\] to [orange\] at (1.5) should be [rgb(255, 248, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <color> from [black\] to [orange\] at (1) should be [rgb(255, 165, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <color> from [black\] to [orange\] at (-0.3) should be [rgb(0, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <color> from [black\] to [orange\] at (0.3) should be [rgb(77, 50, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <color> from [initial\] to [green\] at (0) should be [rgb(0, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <color> from [black\] to [orange\] at (0.3) should be [rgb(77, 50, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <color> from [inherit\] to [green\] at (0.6) should be [rgb(0, 77, 102)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <color> from [initial\] to [green\] at (0.6) should be [rgb(0, 77, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <color> from [inherit\] to [green\] at (0.3) should be [rgb(0, 38, 179)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <color> from neutral to [green\] at (1.5) should be [rgb(0, 65, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <color> from [initial\] to [green\] at (0) should be [rgb(0, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <color> from neutral to [green\] at (0) should be [rgb(255, 255, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <color> from [initial\] to [green\] at (-0.3) should be [rgb(0, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <color> from [unset\] to [green\] at (0.3) should be [rgb(0, 38, 179)\]]
+    expected: FAIL
+
+  [CSS Animations: property <color> from [unset\] to [green\] at (0.3) should be [rgb(0, 38, 179)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <color> from [initial\] to [green\] at (0.6) should be [rgb(0, 77, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <color> from [unset\] to [green\] at (1) should be [rgb(0, 128, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <color> from [inherit\] to [green\] at (0.3) should be [rgb(0, 38, 179)\]]
+    expected: FAIL
+
+  [CSS Animations: property <color> from [unset\] to [green\] at (-0.3) should be [rgb(0, 0, 255)\]]
+    expected: FAIL
+
+  [CSS Animations: property <color> from [black\] to [orange\] at (0) should be [rgb(0, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <color> from [inherit\] to [green\] at (-0.3) should be [rgb(0, 0, 255)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <color> from [black\] to [orange\] at (1.5) should be [rgb(255, 248, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <color> from neutral to [green\] at (0) should be [rgb(255, 255, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <color> from neutral to [green\] at (1.5) should be [rgb(0, 65, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <color> from [inherit\] to [green\] at (0.6) should be [rgb(0, 77, 102)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <color> from [black\] to [orange\] at (0) should be [rgb(0, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <color> from [unset\] to [green\] at (1.5) should be [rgb(0, 192, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <color> from neutral to [green\] at (0.3) should be [rgb(179, 217, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <color> from [black\] to [orange\] at (0.3) should be [rgb(77, 50, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <color> from [initial\] to [green\] at (-0.3) should be [rgb(0, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <color> from neutral to [green\] at (1) should be [rgb(0, 128, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <color> from [black\] to [orange\] at (1.5) should be [rgb(255, 248, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <color> from [unset\] to [green\] at (0.3) should be [rgb(0, 38, 179)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <color> from [inherit\] to [green\] at (0.6) should be [rgb(0, 77, 102)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <color> from [inherit\] to [green\] at (0) should be [rgb(0, 0, 255)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <color> from neutral to [green\] at (-0.3) should be [rgb(255, 255, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <color> from [unset\] to [green\] at (1.5) should be [rgb(0, 192, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <color> from neutral to [green\] at (0.6) should be [rgb(102, 179, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <color> from [black\] to [orange\] at (0.6) should be [rgb(153, 99, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <color> from [inherit\] to [green\] at (1.5) should be [rgb(0, 192, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <color> from [inherit\] to [green\] at (-0.3) should be [rgb(0, 0, 255)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <color> from [unset\] to [green\] at (0.6) should be [rgb(0, 77, 102)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <color> from neutral to [green\] at (0.3) should be [rgb(179, 217, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <color> from [black\] to [orange\] at (-0.3) should be [rgb(0, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <color> from [inherit\] to [green\] at (0) should be [rgb(0, 0, 255)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <color> from [inherit\] to [green\] at (-0.3) should be [rgb(0, 0, 255)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <color> from [initial\] to [green\] at (0.3) should be [rgb(0, 38, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <color> from [black\] to [orange\] at (0.6) should be [rgb(153, 99, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <color> from [initial\] to [green\] at (0.3) should be [rgb(0, 38, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <color> from [unset\] to [green\] at (0) should be [rgb(0, 0, 255)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <color> from neutral to [green\] at (0.6) should be [rgb(102, 179, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <color> from [unset\] to [green\] at (1.5) should be [rgb(0, 192, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <color> from [black\] to [orange\] at (0) should be [rgb(0, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <color> from neutral to [green\] at (-0.3) should be [rgb(255, 255, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <color> from [unset\] to [green\] at (-0.3) should be [rgb(0, 0, 255)\]]
+    expected: FAIL
+
+  [CSS Animations: property <color> from [inherit\] to [green\] at (1.5) should be [rgb(0, 192, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <color> from [unset\] to [green\] at (0) should be [rgb(0, 0, 255)\]]
+    expected: FAIL
+
+  [CSS Animations: property <color> from [unset\] to [green\] at (0.6) should be [rgb(0, 77, 102)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <color> from [black\] to [orange\] at (0.6) should be [rgb(153, 99, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <color> from [black\] to [orange\] at (-0.3) should be [rgb(0, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <color> from [inherit\] to [green\] at (0) should be [rgb(0, 0, 255)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <color> from neutral to [green\] at (0.3) should be [rgb(179, 217, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <color> from [unset\] to [green\] at (0) should be [rgb(0, 0, 255)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <color> from [inherit\] to [green\] at (1.5) should be [rgb(0, 192, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <color> from [unset\] to [green\] at (-0.3) should be [rgb(0, 0, 255)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <color> from [initial\] to [green\] at (0) should be [rgb(0, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <color> from neutral to [green\] at (0.6) should be [rgb(102, 179, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <color> from [inherit\] to [green\] at (1) should be [rgb(0, 128, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <color> from [inherit\] to [green\] at (0.3) should be [rgb(0, 38, 179)\]]
+    expected: FAIL
+
+  [CSS Animations: property <color> from [initial\] to [green\] at (0.3) should be [rgb(0, 38, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <color> from [unset\] to [green\] at (0.6) should be [rgb(0, 77, 102)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <color> from neutral to [green\] at (1.5) should be [rgb(0, 65, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <color> from [initial\] to [green\] at (-0.3) should be [rgb(0, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <color> from [initial\] to [green\] at (1) should be [rgb(0, 128, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <color> from [initial\] to [green\] at (1.5) should be [rgb(0, 192, 0)\]]
+    expected: FAIL
+

tests/wpt/metadata-layout-2020/css/css-color/animation/opacity-interpolation.html.ini

@@ -89,3 +89,234 @@
   [Web Animations: property <opacity> from [initial\] to [0.2\] at (0.3) should be [0.76\]]
     expected: FAIL
 
+  [CSS Transitions: property <opacity> from neutral to [0.2\] at (0) should be [0.1\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <opacity> from neutral to [0.2\] at (0.3) should be [0.13\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <opacity> from [inherit\] to [0.2\] at (1.5) should be [0\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <opacity> from [unset\] to [0.2\] at (0.3) should be [0.76\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <opacity> from [initial\] to [0.2\] at (1.5) should be [0\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <opacity> from [initial\] to [0.2\] at (0.6) should be [0.52\]]
+    expected: FAIL
+
+  [CSS Transitions: property <opacity> from [inherit\] to [0.2\] at (1.5) should be [0\]]
+    expected: FAIL
+
+  [CSS Transitions: property <opacity> from [unset\] to [0.2\] at (0.3) should be [0.76\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <opacity> from neutral to [0.2\] at (0) should be [0.1\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <opacity> from neutral to [0.2\] at (0.6) should be [0.16\]]
+    expected: FAIL
+
+  [CSS Animations: property <opacity> from [unset\] to [0.2\] at (1) should be [0.2\]]
+    expected: FAIL
+
+  [CSS Animations: property <opacity> from neutral to [0.2\] at (-0.3) should be [0.07\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <opacity> from [unset\] to [0.2\] at (1.5) should be [0\]]
+    expected: FAIL
+
+  [CSS Transitions: property <opacity> from [unset\] to [0.2\] at (0.6) should be [0.52\]]
+    expected: FAIL
+
+  [CSS Transitions: property <opacity> from [0\] to [1\] at (0) should be [0\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <opacity> from [unset\] to [0.2\] at (0) should be [1\]]
+    expected: FAIL
+
+  [CSS Transitions: property <opacity> from [0\] to [1\] at (0.6) should be [0.6\]]
+    expected: FAIL
+
+  [CSS Transitions: property <opacity> from [unset\] to [0.2\] at (0) should be [1\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <opacity> from [0\] to [1\] at (-0.3) should be [0\]]
+    expected: FAIL
+
+  [CSS Animations: property <opacity> from neutral to [0.2\] at (0.3) should be [0.13\]]
+    expected: FAIL
+
+  [CSS Transitions: property <opacity> from [inherit\] to [0.2\] at (-0.3) should be [0.98\]]
+    expected: FAIL
+
+  [CSS Animations: property <opacity> from [inherit\] to [0.2\] at (1.5) should be [0\]]
+    expected: FAIL
+
+  [CSS Transitions: property <opacity> from [initial\] to [0.2\] at (0.6) should be [0.52\]]
+    expected: FAIL
+
+  [CSS Transitions: property <opacity> from [initial\] to [0.2\] at (1.5) should be [0\]]
+    expected: FAIL
+
+  [CSS Animations: property <opacity> from [unset\] to [0.2\] at (-0.3) should be [1\]]
+    expected: FAIL
+
+  [CSS Transitions: property <opacity> from neutral to [0.2\] at (1.5) should be [0.25\]]
+    expected: FAIL
+
+  [CSS Transitions: property <opacity> from [inherit\] to [0.2\] at (0.3) should be [0.62\]]
+    expected: FAIL
+
+  [CSS Transitions: property <opacity> from neutral to [0.2\] at (-0.3) should be [0.07\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <opacity> from [initial\] to [0.2\] at (0) should be [1\]]
+    expected: FAIL
+
+  [CSS Transitions: property <opacity> from [unset\] to [0.2\] at (1.5) should be [0\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <opacity> from [inherit\] to [0.2\] at (-0.3) should be [0.98\]]
+    expected: FAIL
+
+  [CSS Animations: property <opacity> from neutral to [0.2\] at (1) should be [0.2\]]
+    expected: FAIL
+
+  [CSS Animations: property <opacity> from neutral to [0.2\] at (0.6) should be [0.16\]]
+    expected: FAIL
+
+  [CSS Transitions: property <opacity> from neutral to [0.2\] at (0.6) should be [0.16\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <opacity> from [inherit\] to [0.2\] at (0) should be [0.8\]]
+    expected: FAIL
+
+  [CSS Transitions: property <opacity> from [inherit\] to [0.2\] at (0) should be [0.8\]]
+    expected: FAIL
+
+  [CSS Animations: property <opacity> from [0\] to [1\] at (1.5) should be [1\]]
+    expected: FAIL
+
+  [CSS Animations: property <opacity> from [0\] to [1\] at (0) should be [0\]]
+    expected: FAIL
+
+  [CSS Animations: property <opacity> from [inherit\] to [0.2\] at (1) should be [0.2\]]
+    expected: FAIL
+
+  [CSS Animations: property <opacity> from [0\] to [1\] at (1) should be [1\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <opacity> from neutral to [0.2\] at (-0.3) should be [0.07\]]
+    expected: FAIL
+
+  [CSS Animations: property <opacity> from [initial\] to [0.2\] at (0) should be [1\]]
+    expected: FAIL
+
+  [CSS Animations: property <opacity> from [initial\] to [0.2\] at (1.5) should be [0\]]
+    expected: FAIL
+
+  [CSS Animations: property <opacity> from [initial\] to [0.2\] at (1) should be [0.2\]]
+    expected: FAIL
+
+  [CSS Animations: property <opacity> from [0\] to [1\] at (-0.3) should be [0\]]
+    expected: FAIL
+
+  [CSS Transitions: property <opacity> from [initial\] to [0.2\] at (0) should be [1\]]
+    expected: FAIL
+
+  [CSS Animations: property <opacity> from [unset\] to [0.2\] at (0.3) should be [0.76\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <opacity> from [unset\] to [0.2\] at (0.6) should be [0.52\]]
+    expected: FAIL
+
+  [CSS Transitions: property <opacity> from neutral to [0.2\] at (0.3) should be [0.13\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <opacity> from [0\] to [1\] at (0.6) should be [0.6\]]
+    expected: FAIL
+
+  [CSS Transitions: property <opacity> from [initial\] to [0.2\] at (-0.3) should be [1\]]
+    expected: FAIL
+
+  [CSS Animations: property <opacity> from [unset\] to [0.2\] at (1.5) should be [0\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <opacity> from [initial\] to [0.2\] at (-0.3) should be [1\]]
+    expected: FAIL
+
+  [CSS Animations: property <opacity> from neutral to [0.2\] at (1.5) should be [0.25\]]
+    expected: FAIL
+
+  [CSS Transitions: property <opacity> from [0\] to [1\] at (-0.3) should be [0\]]
+    expected: FAIL
+
+  [CSS Animations: property <opacity> from [unset\] to [0.2\] at (0) should be [1\]]
+    expected: FAIL
+
+  [CSS Transitions: property <opacity> from [unset\] to [0.2\] at (-0.3) should be [1\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <opacity> from [0\] to [1\] at (0.3) should be [0.3\]]
+    expected: FAIL
+
+  [CSS Transitions: property <opacity> from [0\] to [1\] at (0.3) should be [0.3\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <opacity> from [initial\] to [0.2\] at (0.3) should be [0.76\]]
+    expected: FAIL
+
+  [CSS Animations: property <opacity> from [inherit\] to [0.2\] at (0.6) should be [0.44\]]
+    expected: FAIL
+
+  [CSS Animations: property <opacity> from [unset\] to [0.2\] at (0.6) should be [0.52\]]
+    expected: FAIL
+
+  [CSS Transitions: property <opacity> from [inherit\] to [0.2\] at (0.6) should be [0.44\]]
+    expected: FAIL
+
+  [CSS Animations: property <opacity> from [0\] to [1\] at (0.6) should be [0.6\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <opacity> from neutral to [0.2\] at (1.5) should be [0.25\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <opacity> from [unset\] to [0.2\] at (-0.3) should be [1\]]
+    expected: FAIL
+
+  [CSS Animations: property <opacity> from [inherit\] to [0.2\] at (0) should be [0.8\]]
+    expected: FAIL
+
+  [CSS Animations: property <opacity> from [0\] to [1\] at (0.3) should be [0.3\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <opacity> from [inherit\] to [0.2\] at (0.3) should be [0.62\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <opacity> from [0\] to [1\] at (0) should be [0\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <opacity> from [inherit\] to [0.2\] at (0.6) should be [0.44\]]
+    expected: FAIL
+
+  [CSS Animations: property <opacity> from [initial\] to [0.2\] at (-0.3) should be [1\]]
+    expected: FAIL
+
+  [CSS Transitions: property <opacity> from [initial\] to [0.2\] at (0.3) should be [0.76\]]
+    expected: FAIL
+
+  [CSS Animations: property <opacity> from [initial\] to [0.2\] at (0.3) should be [0.76\]]
+    expected: FAIL
+
+  [CSS Animations: property <opacity> from [inherit\] to [0.2\] at (-0.3) should be [0.98\]]
+    expected: FAIL
+
+  [CSS Animations: property <opacity> from [initial\] to [0.2\] at (0.6) should be [0.52\]]
+    expected: FAIL
+
+  [CSS Animations: property <opacity> from [inherit\] to [0.2\] at (0.3) should be [0.62\]]
+    expected: FAIL
+

tests/wpt/metadata-layout-2020/css/css-color/color-function-parsing.html.ini

@@ -5,9 +5,6 @@
   [Alpha > 1 should clamp]
     expected: FAIL
 
-  [No color space]
-    expected: FAIL
-
   [sRGB color with negative component should clamp to 0]
     expected: FAIL
 
@@ -17,15 +14,9 @@
   [sRGB white with 50% alpha]
     expected: FAIL
 
-  [Junk after alpha]
-    expected: FAIL
-
   [sRGB white with 0% alpha]
     expected: FAIL
 
-  [Empty]
-    expected: FAIL
-
   [Two missing components are 0]
     expected: FAIL
 
@@ -47,42 +38,24 @@
   [Different case for sRGB]
     expected: FAIL
 
-  [Bad parameters]
-    expected: FAIL
-
   [Unknown color space should fallback]
     expected: FAIL
 
-  [Way too many parameters]
-    expected: FAIL
-
   [sRGB white with 0 alpha]
     expected: FAIL
 
   [Display P3 color]
     expected: FAIL
 
-  [Too many parameters]
-    expected: FAIL
-
   [Negative alpha should clamp]
     expected: FAIL
 
   [sRGB white with 0.5 alpha]
     expected: FAIL
 
-  [Bad alpha]
-    expected: FAIL
-
   [White with lots of space]
     expected: FAIL
 
-  [Bad Display P3 color space]
-    expected: FAIL
-
-  [Bad color space]
-    expected: FAIL
-
   [Different case for Display P3]
     expected: FAIL
 

tests/wpt/metadata-layout-2020/css/css-color/color-resolving.html.ini

@@ -1,382 +0,0 @@
-[color-resolving.html]
-  [Should not parse invalid keyword: current-Color]
-    expected: FAIL
-
-  [The rgb function requires 3 or 4 arguments: rgb(0)]
-    expected: FAIL
-
-  [Values must be all numbers or all percentages: rgb(255, 50%, 0%)]
-    expected: FAIL
-
-  [Comma optional syntax requires no commas at all: rgb(0, 0 0)]
-    expected: FAIL
-
-  [Percent alpha values are accepted in hsl/hsla: hsla(0, 0%, 0%, 50%)]
-    expected: FAIL
-
-  [Capitalization should not affect parsing: RGB(153, 204, 255)]
-    expected: FAIL
-
-  [Capitalization should not affect parsing: RGBA(100%, 100%, 100%, 0)]
-    expected: FAIL
-
-  [Valid numbers should be parsed: hsl(60, 100%, 37.5%)]
-    expected: FAIL
-
-  [Invalid alpha values should be clamped to 0 and 1 respectively: rgba(0%, 20%, 100%, 37)]
-    expected: FAIL
-
-  [The hsl function requires 3 or 4 arguments: hsl()]
-    expected: FAIL
-
-  [The first parameter of hsl/hsla must be a number or angle: hsla(50%, 50%, 0%, 1)]
-    expected: FAIL
-
-  [Comments should not affect parsing: rgb(/* R */ 10%, /* G */ 20%, /* B */ 30%)]
-    expected: FAIL
-
-  [Should parse to completely transparent: TransParent]
-    expected: FAIL
-
-  [Valid 3-digit hex: #fff]
-    expected: FAIL
-
-  [Should parse as correct value: fuchsia]
-    expected: FAIL
-
-  [Capitalization should not affect parsing: rgB(10%, 20%, 30%)]
-    expected: FAIL
-
-  [Comma optional syntax requires no commas at all: hsla(0, 0% 0%, 1)]
-    expected: FAIL
-
-  [RGB and RGBA are synonyms: rgb(0%, 0%, 0%, 0%)]
-    expected: FAIL
-
-  [Valid numbers should be parsed: rgba(0, 51, 255, 0)]
-    expected: FAIL
-
-  [Capitalization should not affect parsing: HSL(0, 0%, 0%)]
-    expected: FAIL
-
-  [Invalid values should be clamped to 0 and 255 respectively: rgb(-12%, 110%, 1400%)]
-    expected: FAIL
-
-  [Percent alpha values are accepted in rgb/rgba: rgba(0%, 0%, 0%, 0%)]
-    expected: FAIL
-
-  [The first parameter of hsl/hsla must be a number or angle: hsl(50%, 50%, 0%)]
-    expected: FAIL
-
-  [Invalid alpha values should be clamped to 0 and 1 respectively: rgba(0, 51, 255, -0.1)]
-    expected: FAIL
-
-  [Should not parse invalid hex: #fffffg]
-    expected: FAIL
-
-  [Valid percentages should be parsed: rgba(42%, 3%, 50%, 0.3)]
-    expected: FAIL
-
-  [Keywords are not accepted in the hsl function: hsl(0, 0%, light)]
-    expected: FAIL
-
-  [Valid 8-digit hex: #ffffffff]
-    expected: FAIL
-
-  [Should not parse invalid keyword:  /* hey */\n]
-    expected: FAIL
-
-  [Comma optional syntax requires no commas at all: hsl(0, 0% 0%)]
-    expected: FAIL
-
-  [Correct escape sequences should still parse: r\\67 b(00, 51, 102)]
-    expected: FAIL
-
-  [Valid percentages should be parsed: rgba(0%, 20%, 100%, 0.42)]
-    expected: FAIL
-
-  [Angles are represented as a part of a circle and wrap around: hsla(-300, 100%, 37.5%, 0.2)]
-    expected: FAIL
-
-  [Valid numbers should be parsed: rgba(0, 51, 255, 0.42)]
-    expected: FAIL
-
-  [The hsla function requires 3 or 4 arguments: hsla()]
-    expected: FAIL
-
-  [The hsla function requires 3 or 4 arguments: hsla(0, 0%)]
-    expected: FAIL
-
-  [Invalid alpha values should be clamped to 0 and 1 respectively: hsla(-300, 100%, 37.5%, -3)]
-    expected: FAIL
-
-  [The rgb function requires 3 or 4 arguments: rgb(0, 0)]
-    expected: FAIL
-
-  [Values must be all numbers or all percentages: rgb(10%, 50%, 0)]
-    expected: FAIL
-
-  [RGB and RGBA are synonyms: rgb(0, 0, 0, 0)]
-    expected: FAIL
-
-  [Should parse as correct value: cyan]
-    expected: FAIL
-
-  [Should not parse invalid hex: #fffff]
-    expected: FAIL
-
-  [Invalid alpha values should be clamped to 0 and 1 respectively: hsLA(-300, 100%, 37.5%, 12)]
-    expected: FAIL
-
-  [Angles are not accepted in the rgb function: rgb(0, 0, 0deg)]
-    expected: FAIL
-
-  [Comma optional syntax requires no commas at all: rgba(0, 0, 0 0)]
-    expected: FAIL
-
-  [Should not parse invalid hex: #fffffffff]
-    expected: FAIL
-
-  [Should not parse invalid hex: #fffffff]
-    expected: FAIL
-
-  [Capitalization should not affect parsing: rgB(0, 51, 255)]
-    expected: FAIL
-
-  [Capitalization should not affect parsing: RGB(100%, 100%, 100%)]
-    expected: FAIL
-
-  [Angles are represented as a part of a circle and wrap around: hsl(-300, 100%, 37.5%)]
-    expected: FAIL
-
-  [Lack of whitespace should not affect parsing: rgb(0,51,255)]
-    expected: FAIL
-
-  [Invalid alpha values should be clamped to 0 and 1 respectively: rgba(0, 51, 255, -139)]
-    expected: FAIL
-
-  [Whitespace should not affect parsing: rgb(10%\t,  20% ,30%)]
-    expected: FAIL
-
-  [Should be same as parent color: CURRENTcolor]
-    expected: FAIL
-
-  [Valid 3-digit hex: #369]
-    expected: FAIL
-
-  [The second and third parameters of hsl/hsla must be a percent: hsl(10, 50%, 0)]
-    expected: FAIL
-
-  [The rgba function requires 3 or 4 arguments: rgba(0%)]
-    expected: FAIL
-
-  [Should not parse invalid keyword: ]
-    expected: FAIL
-
-  [Should not parse invalid hex: #fffffffg]
-    expected: FAIL
-
-  [Keywords are not accepted in the rgb function: rgb(0, 0, light)]
-    expected: FAIL
-
-  [RGB and RGBA are synonyms: rgba(0%, 0%, 0%)]
-    expected: FAIL
-
-  [Capitalization should not affect parsing: RGBA(255, 255, 255, 0)]
-    expected: FAIL
-
-  [The rgb function requires 3 or 4 arguments: rgb()]
-    expected: FAIL
-
-  [Valid percentages should be parsed: rgb(42%, 3%, 50%)]
-    expected: FAIL
-
-  [Valid 6-digit hex: #ffffff]
-    expected: FAIL
-
-  [Correct escape sequences should still parse: r\\gb(00, 51, 102)]
-    expected: FAIL
-
-  [Should parse to completely transparent: transparent]
-    expected: FAIL
-
-  [Should not parse invalid keyword: 4]
-    expected: FAIL
-
-  [Valid 4-digit hex: #ffff]
-    expected: FAIL
-
-  [The rgb function requires 3 or 4 arguments: rgb(0%, 0%)]
-    expected: FAIL
-
-  [Should parse as correct value: white]
-    expected: FAIL
-
-  [Angles are accepted in HSL/HSLA: hsla(30deg, 100%, 100%, 1)]
-    expected: FAIL
-
-  [The rgba function requires 3 or 4 arguments: rgba(0%, 0%)]
-    expected: FAIL
-
-  [Invalid alpha values should be clamped to 0 and 1 respectively: rgba(0%, 20%, 100%, -139)]
-    expected: FAIL
-
-  [Percent alpha values are accepted in rgb/rgba: rgba(255, 255, 255, 0%)]
-    expected: FAIL
-
-  [Angles are represented as a part of a circle and wrap around: HSLA(-300, 100%, 37.5%, 1)]
-    expected: FAIL
-
-  [Angles are accepted in HSL/HSLA: hsl(30deg, 100%, 100%)]
-    expected: FAIL
-
-  [Should not parse invalid hex: #ff]
-    expected: FAIL
-
-  [Capitalization should not affect parsing: rgBA(0%, 20%, 100%, 1)]
-    expected: FAIL
-
-  [Valid numbers should be parsed: rgb(00, 51, 102)]
-    expected: FAIL
-
-  [The rgba function requires 3 or 4 arguments: rgba(0)]
-    expected: FAIL
-
-  [Invalid alpha values should be clamped to 0 and 1 respectively: rgba(0, 51, 255, 1.1)]
-    expected: FAIL
-
-  [The rgb function requires 3 or 4 arguments: rgb(0%)]
-    expected: FAIL
-
-  [Should parse to completely transparent: /**/transparent]
-    expected: FAIL
-
-  [Valid numbers should be parsed: rgba(0, 0, 0, 0)]
-    expected: FAIL
-
-  [Values must be all numbers or all percentages: rgba(10%, 50%, 0, 1)]
-    expected: FAIL
-
-  [Capitalization should not affect parsing: rgBA(0, 51, 255, 1)]
-    expected: FAIL
-
-  [Capitalization should not affect parsing: rgB(0%, 0%, 0%)]
-    expected: FAIL
-
-  [HSL and HSLA are synonyms: hsl(0, 0%, 0%, 0%)]
-    expected: FAIL
-
-  [Values must be all numbers or all percentages: rgba(255, 50%, 0%, 1)]
-    expected: FAIL
-
-  [Valid numbers should be parsed: hsl(300, 50%, 50%)]
-    expected: FAIL
-
-  [The second and third parameters of hsl/hsla must be a percent: hsla(10, 50%, 0, 1)]
-    expected: FAIL
-
-  [Keywords are not accepted in the hsla function: hsla(0, 0%, light, 1)]
-    expected: FAIL
-
-  [Should not parse invalid hex: #fffg]
-    expected: FAIL
-
-  [Keywords are not accepted in the rgb function: rgba(0, 0, 0, light)]
-    expected: FAIL
-
-  [The hsla function requires 3 or 4 arguments: hsla(0, 0%, 0%, 1, 0%)]
-    expected: FAIL
-
-  [Capitalization should not affect parsing: hsL(0, 100%, 50%)]
-    expected: FAIL
-
-  [Should parse to completely transparent:  transparent\n]
-    expected: FAIL
-
-  [The hsla function requires 3 or 4 arguments: hsla(0)]
-    expected: FAIL
-
-  [Comments should be allowed within function: rgb(/* R */0, /* G */51, /* B */255)]
-    expected: FAIL
-
-  [RGB and RGBA are synonyms: rgb(0%, 0%, 0%, 0)]
-    expected: FAIL
-
-  [Valid 6-digit hex: #FFCc99]
-    expected: FAIL
-
-  [Should not parse invalid hex: #ffg]
-    expected: FAIL
-
-  [Should be same as parent color: currentColor]
-    expected: FAIL
-
-  [Invalid values should be clamped to 0 and 255 respectively: rgb(-51, 306, 0)]
-    expected: FAIL
-
-  [The rgba function requires 3 or 4 arguments: rgba()]
-    expected: FAIL
-
-  [Invalid alpha values should be clamped to 0 and 1 respectively: rgba(0%, 20%, 100%, -0.1)]
-    expected: FAIL
-
-  [The hsl function requires 3 or 4 arguments: hsl(0, 0%)]
-    expected: FAIL
-
-  [Valid numbers should be parsed: rgba(204, 0, 102, 0.3)]
-    expected: FAIL
-
-  [Invalid alpha values should be clamped to 0 and 1 respectively: rgba(0, 51, 255, 37)]
-    expected: FAIL
-
-  [Should not parse invalid hex: #]
-    expected: FAIL
-
-  [RGB and RGBA are synonyms: rgba(0, 0, 0)]
-    expected: FAIL
-
-  [Angles are represented as a part of a circle and wrap around: hsl(780, 100%, 37.5%)]
-    expected: FAIL
-
-  [Whitespace should not affect parsing: rgb(10%,20%,30%)]
-    expected: FAIL
-
-  [Invalid alpha values should be clamped to 0 and 1 respectively: rgba(0%, 20%, 100%, 1.1)]
-    expected: FAIL
-
-  [Whitespace should not affect parsing: rgb(0\t,  51 ,255)]
-    expected: FAIL
-
-  [Should not parse invalid keyword: top]
-    expected: FAIL
-
-  [Valid percentages should be parsed: rgba(0%, 20%, 100%, 0)]
-    expected: FAIL
-
-  [The hsl function requires 3 or 4 arguments: hsl(0)]
-    expected: FAIL
-
-  [Capitalization should not affect parsing: rgB(0, 0, 0)]
-    expected: FAIL
-
-  [Angles are represented as a part of a circle and wrap around: hsla(-300, 100%, 37.5%, 0)]
-    expected: FAIL
-
-  [The rgba function requires 3 or 4 arguments: rgba(0%, 0%, 0%, 0%, 0%)]
-    expected: FAIL
-
-  [Should not parse invalid hex: #f]
-    expected: FAIL
-
-  [Should parse as cyan: CyAn]
-    expected: FAIL
-
-  [The rgba function requires 3 or 4 arguments: rgba(0, 0, 0, 0, 0)]
-    expected: FAIL
-
-  [Angles are not accepted in the rgb function: rgba(0, 0, 0, 0deg)]
-    expected: FAIL
-
-  [Should parse as correct value: black]
-    expected: FAIL
-

tests/wpt/metadata-layout-2020/css/css-color/inheritance.html.ini

@@ -1,13 +0,0 @@
-[inheritance.html]
-  [Property opacity does not inherit]
-    expected: FAIL
-
-  [Property color inherits]
-    expected: FAIL
-
-  [Property opacity has initial value 1]
-    expected: FAIL
-
-  [Property color has initial value rgb(0, 0, 0)]
-    expected: FAIL
-

tests/wpt/metadata-layout-2020/css/css-color/parsing/color-computed.html.ini

@@ -1,49 +0,0 @@
-[color-computed.html]
-  [Property color value 'hsl(120, 100%, 50%)']
-    expected: FAIL
-
-  [Property color value 'currentcolor']
-    expected: FAIL
-
-  [Property color value 'rgb(2, 3, 4)']
-    expected: FAIL
-
-  [Property color value 'rgba(2, 3, 4, 50%)']
-    expected: FAIL
-
-  [Property color value 'red']
-    expected: FAIL
-
-  [Property color value 'rgb(100, 200, 300)']
-    expected: FAIL
-
-  [Property color value 'hsla(120, 100%, 50%, 0.25)']
-    expected: FAIL
-
-  [Property color value '#FEDCBA']
-    expected: FAIL
-
-  [Property color value 'magenta']
-    expected: FAIL
-
-  [Property color value 'rgb(20, 10, 0, -10)']
-    expected: FAIL
-
-  [Property color value 'transparent']
-    expected: FAIL
-
-  [Property color value 'rgba(2, 3, 4, 0.5)']
-    expected: FAIL
-
-  [Property color value 'rgb(100%, 200%, 300%)']
-    expected: FAIL
-
-  [Property color value 'rgb(-2, 3, 4)']
-    expected: FAIL
-
-  [Property color value '#234']
-    expected: FAIL
-
-  [Property color value 'rgb(100%, 0%, 0%)']
-    expected: FAIL
-

tests/wpt/metadata-layout-2020/css/css-color/parsing/opacity-computed.html.ini

@@ -1,25 +0,0 @@
-[opacity-computed.html]
-  [Property opacity value '-100%']
-    expected: FAIL
-
-  [Property opacity value '300%']
-    expected: FAIL
-
-  [Property opacity value '3']
-    expected: FAIL
-
-  [Property opacity value '50%']
-    expected: FAIL
-
-  [Property opacity value '0']
-    expected: FAIL
-
-  [Property opacity value '1']
-    expected: FAIL
-
-  [Property opacity value '0.5']
-    expected: FAIL
-
-  [Property opacity value '-2']
-    expected: FAIL
-

tests/wpt/metadata-layout-2020/css/css-color/rgb-rounding-001.html.ini

@@ -1,4 +0,0 @@
-[rgb-rounding-001.html]
-  [Tests that RGB channels are rounded appropriately]
-    expected: FAIL
-

tests/wpt/metadata-layout-2020/css/css-text-decor/inheritance.html.ini

@@ -5,48 +5,30 @@
   [Property text-emphasis-style has initial value none]
     expected: FAIL
 
-  [Property text-decoration-style has initial value solid]
-    expected: FAIL
-
   [Property text-underline-position has initial value auto]
     expected: FAIL
 
-  [Property text-decoration-line has initial value none]
-    expected: FAIL
-
   [Property text-emphasis-color has initial value rgba(2, 3, 4, 0.5)]
     expected: FAIL
 
   [Property text-shadow has initial value none]
     expected: FAIL
 
-  [Property text-decoration-color has initial value rgba(2, 3, 4, 0.5)]
-    expected: FAIL
-
   [Property text-decoration-skip-ink inherits]
     expected: FAIL
 
   [Property text-decoration-skip-ink has initial value auto]
     expected: FAIL
 
-  [Property text-decoration-line does not inherit]
-    expected: FAIL
-
   [Property text-underline-position inherits]
     expected: FAIL
 
   [Property text-emphasis-position inherits]
     expected: FAIL
 
-  [Property text-decoration-color does not inherit]
-    expected: FAIL
-
   [Property text-emphasis-position has initial value over right]
     expected: FAIL
 
-  [Property text-decoration-style does not inherit]
-    expected: FAIL
-
   [Property text-shadow inherits]
     expected: FAIL
 

tests/wpt/metadata-layout-2020/css/css-text-decor/parsing/text-decoration-color-computed.html.ini

@@ -1,10 +0,0 @@
-[text-decoration-color-computed.html]
-  [Property text-decoration-color value 'inherit']
-    expected: FAIL
-
-  [Property text-decoration-color value 'rgb(0, 0, 255)']
-    expected: FAIL
-
-  [Property text-decoration-color value 'currentcolor']
-    expected: FAIL
-

tests/wpt/metadata-layout-2020/css/css-text-decor/parsing/text-decoration-line-computed.html.ini

@@ -1,55 +1,7 @@
 [text-decoration-line-computed.html]
-  [Property text-decoration-line value 'underline overline']
-    expected: FAIL
-
-  [Property text-decoration-line value 'overline blink']
-    expected: FAIL
-
-  [Property text-decoration-line value 'underline line-through blink']
-    expected: FAIL
-
-  [Property text-decoration-line value 'underline overline blink']
-    expected: FAIL
-
-  [Property text-decoration-line value 'blink']
-    expected: FAIL
-
-  [Property text-decoration-line value 'line-through blink']
-    expected: FAIL
-
-  [Property text-decoration-line value 'underline']
-    expected: FAIL
-
-  [Property text-decoration-line value 'underline line-through']
-    expected: FAIL
-
-  [Property text-decoration-line value 'overline line-through blink']
-    expected: FAIL
-
-  [Property text-decoration-line value 'line-through']
-    expected: FAIL
-
-  [Property text-decoration-line value 'underline blink']
-    expected: FAIL
-
-  [Property text-decoration-line value 'overline line-through']
-    expected: FAIL
-
   [Property text-decoration-line value 'spelling-error']
     expected: FAIL
 
-  [Property text-decoration-line value 'underline overline line-through']
-    expected: FAIL
-
-  [Property text-decoration-line value 'none']
-    expected: FAIL
-
   [Property text-decoration-line value 'grammar-error']
     expected: FAIL
 
-  [Property text-decoration-line value 'underline overline line-through blink']
-    expected: FAIL
-
-  [Property text-decoration-line value 'overline']
-    expected: FAIL
-

tests/wpt/metadata-layout-2020/css/css-text-decor/parsing/text-decoration-style-computed.html.ini

@@ -1,16 +0,0 @@
-[text-decoration-style-computed.html]
-  [Property text-decoration-style value 'wavy']
-    expected: FAIL
-
-  [Property text-decoration-style value 'dashed']
-    expected: FAIL
-
-  [Property text-decoration-style value 'dotted']
-    expected: FAIL
-
-  [Property text-decoration-style value 'double']
-    expected: FAIL
-
-  [Property text-decoration-style value 'solid']
-    expected: FAIL
-

tests/wpt/metadata-layout-2020/css/css-transforms/animation/list-interpolation.html.ini

@@ -56,3 +56,165 @@
   [Web Animations: property <transform> from [none\] to [translate(200px) rotate(720deg)\] at (0.25) should be [translate(50px) rotate(180deg)\]]
     expected: FAIL
 
+  [CSS Animations: property <transform> from [none\] to [translate(200px) rotate(720deg)\] at (0.25) should be [translate(50px) rotate(180deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotate(720deg) translateX(0px) scaleX(2)\] to [rotate(0deg) scaleX(1)\] at (0.25) should be [rotate(540deg) matrix(1.75, 0, 0, 1, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotate(0deg) scaleX(1)\] to [rotate(720deg) translateX(0px) scaleX(2)\] at (0.25) should be [rotate(180deg) matrix(1.25, 0, 0, 1, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [scaleX(-3) scaleY(2)\] to [scaleY(-3) translateX(0px) scaleX(2)\] at (0.25) should be [scale(-2, 0) matrix(1.25, 0, 0, 1.75, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [scaleX(-3) scaleY(2)\] to [scaleY(-3) translateX(0px) scaleX(2)\] at (0.25) should be [scale(-2, 0) matrix(1.25, 0, 0, 1.75, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [translate(100px) rotate(720deg)\] to [translate(200px)\] at (0.25) should be [translate(125px) rotate(540deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [scaleY(-3) translateX(0px)\] to [scaleX(-3) scaleY(2)\] at (0.25) should be [scale(0, -2) matrix(1, 0, 0, 1.25, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotate3d(1, 0, 0, 360deg) translateX(100px)\] to [rotate3d(0, 1, 0, -720deg) translateY(200px)\] at (0.25) should be [rotate3d(0, 0, 1, 0deg) translate(75px, 50px)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [scale(2) rotate(0deg) translate(100px)\] to [rotate(720deg) scale(2) translate(200px)\] at (0.25) should be [matrix(2, 0, 0, 2, 250, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [none\] to [translate(200px) rotate(720deg)\] at (0.25) should be [translate(50px) rotate(180deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [translateX(100px) scaleX(3) translate(500px) scale(2)\] to [translateY(200px) scale(5) translateX(100px) scaleY(3)\] at (0.25) should be [translate(75px, 50px) scale(3.5, 2) translate(400px, 0px) scale(1.75, 2.25)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [scale(2) rotate(0deg)\] to [rotate(720deg) scale(2) translate(200px)\] at (0.25) should be [matrix(2, 0, 0, 2, 100, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotateX(90deg) translateX(100px)\] to [rotate3d(50, 0, 0, 180deg) translateY(200px)\] at (0.25) should be [rotateX(112.5deg) translate(75px, 50px)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [translate(200px) rotate(720deg)\] to [none\] at (0.25) should be [translate(150px) rotate(540deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [translate(200px) rotate(720deg)\] to [none\] at (0.25) should be [translate(150px) rotate(540deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [scale(2) rotate(360deg) translate(100px) matrix(1, 0, 0, 1, 100, 0) skew(0deg)\] to [scale(3) rotate(1080deg) translate(200px) matrix(1, 0, 0, 1, 0, 200) skew(720deg)\] at (0.25) should be [scale(2.25) rotate(540deg) translate(125px) matrix(1, 0, 0, 1, 75, 50) skew(180deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [translate(100px) rotate(720deg)\] to [translate(200px)\] at (0.25) should be [translate(125px) rotate(540deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotate(0deg) translate(100px)\] to [rotate(720deg) scale(2) translate(200px)\] at (0.25) should be [rotate(180deg) matrix(1.25, 0, 0, 1.25, 175, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [rotate(0deg) translate(100px)\] to [rotate(720deg) scale(2) translate(200px)\] at (0.25) should be [rotate(180deg) matrix(1.25, 0, 0, 1.25, 175, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotate3d(1, 0, 0, 360deg) translateX(100px)\] to [rotate3d(0, 1, 0, -720deg) translateY(200px)\] at (0.25) should be [rotate3d(0, 0, 1, 0deg) translate(75px, 50px)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [scaleX(-3) scaleY(2)\] to [scaleY(-3) translateX(0px) scaleX(2)\] at (0.25) should be [scale(-2, 0) matrix(1.25, 0, 0, 1.75, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [rotate(0deg) scaleX(1)\] to [rotate(720deg) translateX(0px) scaleX(2)\] at (0.25) should be [rotate(180deg) matrix(1.25, 0, 0, 1, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotateX(90deg) translateX(100px)\] to [rotateY(0deg) translateY(200px)\] at (0.25) should be [rotateX(67.5deg) translate(75px, 50px)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [scaleY(-3) translateX(0px)\] to [scaleX(-3) scaleY(2)\] at (0.25) should be [scale(0, -2) matrix(1, 0, 0, 1.25, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotateX(90deg) translateX(100px)\] to [rotateY(0deg) translateY(200px)\] at (0.25) should be [rotateX(67.5deg) translate(75px, 50px)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotateX(90deg) translateX(100px)\] to [rotate3d(50, 0, 0, 180deg) translateY(200px)\] at (0.25) should be [rotateX(112.5deg) translate(75px, 50px)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [none\] to [translate(200px) rotate(720deg)\] at (0.25) should be [translate(50px) rotate(180deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [rotateX(90deg) translateX(100px)\] to [rotateY(0deg) translateY(200px)\] at (0.25) should be [rotateX(67.5deg) translate(75px, 50px)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotate3d(1, 1, 1, -60deg) translateX(100px)\] to [rotate3d(2, 2, 2, 60deg) translateY(200px)\] at (0.25) should be [rotate3d(1, 1, 1, -30deg) translate(75px, 50px)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [translateX(100px) scaleX(3) translate(500px) scale(2)\] to [translateY(200px) scale(5) translateX(100px) scaleY(3)\] at (0.25) should be [translate(75px, 50px) scale(3.5, 2) translate(400px, 0px) scale(1.75, 2.25)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [rotate(720deg) translateX(0px) scaleX(2)\] to [rotate(0deg) scaleX(1)\] at (0.25) should be [rotate(540deg) matrix(1.75, 0, 0, 1, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [rotate3d(1, 1, 1, -60deg) translateX(100px)\] to [rotate3d(2, 2, 2, 60deg) translateY(200px)\] at (0.25) should be [rotate3d(1, 1, 1, -30deg) translate(75px, 50px)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotate(0deg) translate(100px)\] to [rotate(720deg) scale(2) translate(200px)\] at (0.25) should be [rotate(180deg) matrix(1.25, 0, 0, 1.25, 175, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [scale(2) rotate(360deg) translate(100px) matrix(1, 0, 0, 1, 100, 0) skew(0deg)\] to [scale(3) rotate(1080deg) translate(200px) matrix(1, 0, 0, 1, 0, 200) skew(720deg)\] at (0.25) should be [scale(2.25) rotate(540deg) translate(125px) matrix(1, 0, 0, 1, 75, 50) skew(180deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [translateX(100px) scaleX(3) translate(500px) scale(2)\] to [translateY(200px) scale(5) translateX(100px) scaleY(3)\] at (0.25) should be [translate(75px, 50px) scale(3.5, 2) translate(400px, 0px) scale(1.75, 2.25)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [scale(2) rotate(0deg) translate(100px)\] to [rotate(720deg) scale(2) translate(200px)\] at (0.25) should be [matrix(2, 0, 0, 2, 250, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [scale(2) rotate(360deg) translate(100px) matrix(1, 0, 0, 1, 100, 0) skew(0deg)\] to [scale(3) rotate(1080deg) translate(200px) matrix(1, 0, 0, 1, 0, 200) skew(720deg)\] at (0.25) should be [scale(2.25) rotate(540deg) translate(125px) matrix(1, 0, 0, 1, 75, 50) skew(180deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [scaleY(-3) translateX(0px) scaleX(2)\] to [scaleX(-3) scaleY(2)\] at (0.25) should be [scale(0, -2) matrix(1.75, 0, 0, 1.25, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotate(720deg) translateX(0px) scaleX(2)\] to [rotate(0deg) scaleX(1)\] at (0.25) should be [rotate(540deg) matrix(1.75, 0, 0, 1, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [translate(100px)\] to [translate(200px) rotate(720deg)\] at (0.25) should be [translate(125px) rotate(180deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [scale(2) rotate(0deg) translate(100px)\] to [rotate(720deg) scale(2) translate(200px)\] at (0.25) should be [matrix(2, 0, 0, 2, 250, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [scale(2) rotate(0deg)\] to [rotate(720deg) scale(2) translate(200px)\] at (0.25) should be [matrix(2, 0, 0, 2, 100, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [rotate3d(1, 0, 0, 360deg) translateX(100px)\] to [rotate3d(0, 1, 0, -720deg) translateY(200px)\] at (0.25) should be [rotate3d(0, 0, 1, 0deg) translate(75px, 50px)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotate(0deg) scaleX(1)\] to [rotate(720deg) translateX(0px) scaleX(2)\] at (0.25) should be [rotate(180deg) matrix(1.25, 0, 0, 1, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [scale(2) rotate(0deg)\] to [rotate(720deg) scale(2) translate(200px)\] at (0.25) should be [matrix(2, 0, 0, 2, 100, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [scaleY(-3) translateX(0px) scaleX(2)\] to [scaleX(-3) scaleY(2)\] at (0.25) should be [scale(0, -2) matrix(1.75, 0, 0, 1.25, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [translate(100px) rotate(720deg)\] to [translate(200px)\] at (0.25) should be [translate(125px) rotate(540deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [rotateX(90deg) translateX(100px)\] to [rotate3d(50, 0, 0, 180deg) translateY(200px)\] at (0.25) should be [rotateX(112.5deg) translate(75px, 50px)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [scaleY(-3) translateX(0px)\] to [scaleX(-3) scaleY(2)\] at (0.25) should be [scale(0, -2) matrix(1, 0, 0, 1.25, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [translate(200px) rotate(720deg)\] to [none\] at (0.25) should be [translate(150px) rotate(540deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [translate(100px)\] to [translate(200px) rotate(720deg)\] at (0.25) should be [translate(125px) rotate(180deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [translate(100px)\] to [translate(200px) rotate(720deg)\] at (0.25) should be [translate(125px) rotate(180deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [scaleY(-3) translateX(0px) scaleX(2)\] to [scaleX(-3) scaleY(2)\] at (0.25) should be [scale(0, -2) matrix(1.75, 0, 0, 1.25, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotate3d(1, 1, 1, -60deg) translateX(100px)\] to [rotate3d(2, 2, 2, 60deg) translateY(200px)\] at (0.25) should be [rotate3d(1, 1, 1, -30deg) translate(75px, 50px)\]]
+    expected: FAIL
+

tests/wpt/metadata-layout-2020/css/css-transforms/animation/matrix-interpolation.html.ini

@@ -2,3 +2,12 @@
   [Web Animations: property <transform> from [rotateY(360deg)\] to [rotateX(720deg)\] at (0.5) should be [matrix(1, 0, 0, 1, 0, 0)\]]
     expected: FAIL
 
+  [CSS Transitions: property <transform> from [rotateY(360deg)\] to [rotateX(720deg)\] at (0.5) should be [matrix(1, 0, 0, 1, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotateY(360deg)\] to [rotateX(720deg)\] at (0.5) should be [matrix(1, 0, 0, 1, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotateY(360deg)\] to [rotateX(720deg)\] at (0.5) should be [matrix(1, 0, 0, 1, 0, 0)\]]
+    expected: FAIL
+

tests/wpt/metadata-layout-2020/css/css-transforms/animation/perspective-composition.html.ini

@@ -0,0 +1,61 @@
+[perspective-composition.html]
+  [Compositing: property <perspective> underlying [50px\] from add [100px\] to replace [200px\] at (1.5) should be [225px\]]
+    expected: FAIL
+
+  [Compositing: property <perspective> underlying [100px\] from add [100px\] to add [none\] at (1.5) should be [none\]]
+    expected: FAIL
+
+  [Compositing: property <perspective> underlying [50px\] from add [100px\] to add [200px\] at (0.5) should be [200px\]]
+    expected: FAIL
+
+  [Compositing: property <perspective> underlying [100px\] from add [100px\] to add [none\] at (1) should be [none\]]
+    expected: FAIL
+
+  [Compositing: property <perspective> underlying [100px\] from add [100px\] to add [none\] at (-0.3) should be [200px\]]
+    expected: FAIL
+
+  [Compositing: property <perspective> underlying [100px\] from add [10px\] to add [2px\] at (0.5) should be [106px\]]
+    expected: FAIL
+
+  [Compositing: property <perspective> underlying [100px\] from add [10px\] to add [2px\] at (1) should be [102px\]]
+    expected: FAIL
+
+  [Compositing: property <perspective> underlying [100px\] from add [10px\] to add [2px\] at (-0.5) should be [114px\]]
+    expected: FAIL
+
+  [Compositing: property <perspective> underlying [50px\] from add [100px\] to add [200px\] at (1) should be [250px\]]
+    expected: FAIL
+
+  [Compositing: property <perspective> underlying [100px\] from add [100px\] to add [none\] at (0.5) should be [none\]]
+    expected: FAIL
+
+  [Compositing: property <perspective> underlying [50px\] from add [100px\] to add [200px\] at (1.5) should be [300px\]]
+    expected: FAIL
+
+  [Compositing: property <perspective> underlying [100px\] from add [10px\] to add [2px\] at (0) should be [110px\]]
+    expected: FAIL
+
+  [Compositing: property <perspective> underlying [50px\] from add [100px\] to replace [200px\] at (0.5) should be [175px\]]
+    expected: FAIL
+
+  [Compositing: property <perspective> underlying [50px\] from add [100px\] to replace [200px\] at (1) should be [200px\]]
+    expected: FAIL
+
+  [Compositing: property <perspective> underlying [50px\] from add [100px\] to add [200px\] at (0) should be [150px\]]
+    expected: FAIL
+
+  [Compositing: property <perspective> underlying [50px\] from add [100px\] to replace [200px\] at (0) should be [150px\]]
+    expected: FAIL
+
+  [Compositing: property <perspective> underlying [50px\] from add [100px\] to add [200px\] at (-0.3) should be [120px\]]
+    expected: FAIL
+
+  [Compositing: property <perspective> underlying [100px\] from add [100px\] to add [none\] at (0) should be [200px\]]
+    expected: FAIL
+
+  [Compositing: property <perspective> underlying [100px\] from add [10px\] to add [2px\] at (1.5) should be [98px\]]
+    expected: FAIL
+
+  [Compositing: property <perspective> underlying [50px\] from add [100px\] to replace [200px\] at (-0.3) should be [135px\]]
+    expected: FAIL
+

tests/wpt/metadata-layout-2020/css/css-transforms/animation/perspective-interpolation.html.ini

@@ -134,3 +134,261 @@
   [Web Animations: property <perspective> from [inherit\] to [20px\] at (0.3) should be [27px\]]
     expected: FAIL
 
+  [CSS Transitions: property <perspective> from [inherit\] to [20px\] at (-0.3) should be [33px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <perspective> from [50px\] to [100px\] at (1.5) should be [125px\]]
+    expected: FAIL
+
+  [CSS Animations: property <perspective> from [50px\] to [none\] at (1) should be [none\]]
+    expected: FAIL
+
+  [CSS Animations: property <perspective> from [50px\] to [none\] at (0.3) should be [50px\]]
+    expected: FAIL
+
+  [CSS Animations: property <perspective> from [inherit\] to [20px\] at (1) should be [20px\]]
+    expected: FAIL
+
+  [CSS Animations: property <perspective> from [inherit\] to [20px\] at (0) should be [30px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <perspective> from neutral to [20px\] at (1.5) should be [25px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <perspective> from [50px\] to [100px\] at (0) should be [50px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <perspective> from [50px\] to [100px\] at (-0.3) should be [35px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <perspective> from [50px\] to [100px\] at (-20) should be [none\]]
+    expected: FAIL
+
+  [CSS Animations: property <perspective> from [inherit\] to [20px\] at (-20) should be [230px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <perspective> from [50px\] to [100px\] at (-1) should be [none\]]
+    expected: FAIL
+
+  [CSS Animations: property <perspective> from neutral to [20px\] at (0.6) should be [16px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <perspective> from neutral to [20px\] at (0.6) should be [16px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <perspective> from [50px\] to [100px\] at (1.5) should be [125px\]]
+    expected: FAIL
+
+  [CSS Animations: property <perspective> from [50px\] to [100px\] at (1.5) should be [125px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <perspective> from neutral to [20px\] at (-20) should be [none\]]
+    expected: FAIL
+
+  [CSS Animations: property <perspective> from neutral to [20px\] at (-20) should be [none\]]
+    expected: FAIL
+
+  [CSS Animations: property <perspective> from [50px\] to [100px\] at (-0.3) should be [35px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <perspective> from [inherit\] to [20px\] at (0) should be [30px\]]
+    expected: FAIL
+
+  [CSS Animations: property <perspective> from [initial\] to [20px\] at (-0.3) should be [initial\]]
+    expected: FAIL
+
+  [CSS Animations: property <perspective> from [unset\] to [20px\] at (0.3) should be [unset\]]
+    expected: FAIL
+
+  [CSS Animations: property <perspective> from [unset\] to [20px\] at (0) should be [unset\]]
+    expected: FAIL
+
+  [CSS Animations: property <perspective> from [50px\] to [100px\] at (-1) should be [none\]]
+    expected: FAIL
+
+  [CSS Transitions: property <perspective> from [50px\] to [100px\] at (-1) should be [none\]]
+    expected: FAIL
+
+  [CSS Animations: property <perspective> from [50px\] to [none\] at (0) should be [50px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <perspective> from neutral to [20px\] at (1.5) should be [25px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <perspective> from [50px\] to [100px\] at (-20) should be [none\]]
+    expected: FAIL
+
+  [CSS Animations: property <perspective> from [unset\] to [20px\] at (-0.3) should be [unset\]]
+    expected: FAIL
+
+  [CSS Animations: property <perspective> from [inherit\] to [20px\] at (1.5) should be [15px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <perspective> from [50px\] to [100px\] at (0.3) should be [65px\]]
+    expected: FAIL
+
+  [CSS Animations: property <perspective> from [initial\] to [20px\] at (0) should be [initial\]]
+    expected: FAIL
+
+  [CSS Transitions: property <perspective> from [inherit\] to [20px\] at (0.6) should be [24px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <perspective> from [inherit\] to [20px\] at (-1) should be [40px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <perspective> from [50px\] to [100px\] at (0.6) should be [80px\]]
+    expected: FAIL
+
+  [CSS Animations: property <perspective> from [50px\] to [100px\] at (1) should be [100px\]]
+    expected: FAIL
+
+  [CSS Animations: property <perspective> from [50px\] to [100px\] at (0.3) should be [65px\]]
+    expected: FAIL
+
+  [CSS Animations: property <perspective> from [inherit\] to [20px\] at (0.6) should be [24px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <perspective> from [inherit\] to [20px\] at (0.6) should be [24px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <perspective> from neutral to [20px\] at (-0.3) should be [7px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <perspective> from [inherit\] to [20px\] at (0.3) should be [27px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <perspective> from [inherit\] to [20px\] at (-20) should be [230px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <perspective> from [inherit\] to [20px\] at (1.5) should be [15px\]]
+    expected: FAIL
+
+  [CSS Animations: property <perspective> from [unset\] to [20px\] at (1) should be [20px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <perspective> from neutral to [20px\] at (-1) should be [none\]]
+    expected: FAIL
+
+  [CSS Transitions: property <perspective> from [50px\] to [100px\] at (0) should be [50px\]]
+    expected: FAIL
+
+  [CSS Animations: property <perspective> from [50px\] to [none\] at (0.5) should be [none\]]
+    expected: FAIL
+
+  [CSS Animations: property <perspective> from [50px\] to [100px\] at (0.6) should be [80px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <perspective> from [inherit\] to [20px\] at (0.3) should be [27px\]]
+    expected: FAIL
+
+  [CSS Animations: property <perspective> from [50px\] to [none\] at (-0.3) should be [50px\]]
+    expected: FAIL
+
+  [CSS Animations: property <perspective> from [50px\] to [none\] at (0.6) should be [none\]]
+    expected: FAIL
+
+  [CSS Animations: property <perspective> from [unset\] to [20px\] at (0.5) should be [20px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <perspective> from [50px\] to [100px\] at (0.6) should be [80px\]]
+    expected: FAIL
+
+  [CSS Animations: property <perspective> from [50px\] to [100px\] at (-20) should be [none\]]
+    expected: FAIL
+
+  [CSS Transitions: property <perspective> from neutral to [20px\] at (0.3) should be [13px\]]
+    expected: FAIL
+
+  [CSS Animations: property <perspective> from neutral to [20px\] at (0.3) should be [13px\]]
+    expected: FAIL
+
+  [CSS Animations: property <perspective> from [initial\] to [20px\] at (0.5) should be [20px\]]
+    expected: FAIL
+
+  [CSS Animations: property <perspective> from [inherit\] to [20px\] at (-0.3) should be [33px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <perspective> from [inherit\] to [20px\] at (-20) should be [230px\]]
+    expected: FAIL
+
+  [CSS Animations: property <perspective> from [initial\] to [20px\] at (0.6) should be [20px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <perspective> from neutral to [20px\] at (0) should be [10px\]]
+    expected: FAIL
+
+  [CSS Animations: property <perspective> from neutral to [20px\] at (-1) should be [none\]]
+    expected: FAIL
+
+  [CSS Transitions: property <perspective> from neutral to [20px\] at (-20) should be [none\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <perspective> from neutral to [20px\] at (0.3) should be [13px\]]
+    expected: FAIL
+
+  [CSS Animations: property <perspective> from neutral to [20px\] at (1) should be [20px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <perspective> from [50px\] to [100px\] at (-0.3) should be [35px\]]
+    expected: FAIL
+
+  [CSS Animations: property <perspective> from neutral to [20px\] at (1.5) should be [25px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <perspective> from neutral to [20px\] at (-0.3) should be [7px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <perspective> from [inherit\] to [20px\] at (0) should be [30px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <perspective> from [50px\] to [100px\] at (0.3) should be [65px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <perspective> from [inherit\] to [20px\] at (1.5) should be [15px\]]
+    expected: FAIL
+
+  [CSS Animations: property <perspective> from [initial\] to [20px\] at (1) should be [20px\]]
+    expected: FAIL
+
+  [CSS Animations: property <perspective> from neutral to [20px\] at (-0.3) should be [7px\]]
+    expected: FAIL
+
+  [CSS Animations: property <perspective> from [unset\] to [20px\] at (0.6) should be [20px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <perspective> from neutral to [20px\] at (0.6) should be [16px\]]
+    expected: FAIL
+
+  [CSS Animations: property <perspective> from [50px\] to [100px\] at (0) should be [50px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <perspective> from [inherit\] to [20px\] at (-0.3) should be [33px\]]
+    expected: FAIL
+
+  [CSS Animations: property <perspective> from [50px\] to [none\] at (1.5) should be [none\]]
+    expected: FAIL
+
+  [CSS Transitions: property <perspective> from neutral to [20px\] at (-1) should be [none\]]
+    expected: FAIL
+
+  [CSS Animations: property <perspective> from [inherit\] to [20px\] at (-1) should be [40px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <perspective> from [inherit\] to [20px\] at (-1) should be [40px\]]
+    expected: FAIL
+
+  [CSS Animations: property <perspective> from [initial\] to [20px\] at (1.5) should be [20px\]]
+    expected: FAIL
+
+  [CSS Animations: property <perspective> from [unset\] to [20px\] at (1.5) should be [20px\]]
+    expected: FAIL
+
+  [CSS Animations: property <perspective> from [initial\] to [20px\] at (0.3) should be [initial\]]
+    expected: FAIL
+
+  [CSS Animations: property <perspective> from [inherit\] to [20px\] at (0.3) should be [27px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <perspective> from neutral to [20px\] at (0) should be [10px\]]
+    expected: FAIL
+

tests/wpt/metadata-layout-2020/css/css-transforms/animation/perspective-origin-interpolation.html.ini

@@ -89,3 +89,240 @@
   [Web Animations: property <perspective-origin> from neutral to [20px 20px\] at (0) should be [10px 30px\]]
     expected: FAIL
 
+  [CSS Transitions: property <perspective-origin> from [unset\] to [20px 20px\] at (1.5) should be [17.5px 17.5px\]]
+    expected: FAIL
+
+  [CSS Animations: property <perspective-origin> from [0% 50%\] to [100% 150%\] at (0.6) should be [60% 110%\]]
+    expected: FAIL
+
+  [CSS Animations: property <perspective-origin> from [unset\] to [20px 20px\] at (0) should be [25px 25px\]]
+    expected: FAIL
+
+  [CSS Animations: property <perspective-origin> from [0% 50%\] to [100% 150%\] at (1) should be [100% 150%\]]
+    expected: FAIL
+
+  [CSS Animations: property <perspective-origin> from [initial\] to [20px 20px\] at (0.6) should be [22px 22px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <perspective-origin> from [inherit\] to [20px 20px\] at (0.6) should be [24px 16px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <perspective-origin> from [initial\] to [20px 20px\] at (0.3) should be [23.5px 23.5px\]]
+    expected: FAIL
+
+  [CSS Animations: property <perspective-origin> from neutral to [20px 20px\] at (0.6) should be [16px 24px\]]
+    expected: FAIL
+
+  [CSS Animations: property <perspective-origin> from [inherit\] to [20px 20px\] at (1) should be [20px 20px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <perspective-origin> from [inherit\] to [20px 20px\] at (0.3) should be [27px 13px\]]
+    expected: FAIL
+
+  [CSS Animations: property <perspective-origin> from [initial\] to [20px 20px\] at (0.3) should be [23.5px 23.5px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <perspective-origin> from [0% 50%\] to [100% 150%\] at (-0.3) should be [-30% 20%\]]
+    expected: FAIL
+
+  [CSS Animations: property <perspective-origin> from neutral to [20px 20px\] at (1) should be [20px 20px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <perspective-origin> from [0% 50%\] to [100% 150%\] at (0.3) should be [30% 80%\]]
+    expected: FAIL
+
+  [CSS Transitions: property <perspective-origin> from neutral to [20px 20px\] at (0.3) should be [13px 27px\]]
+    expected: FAIL
+
+  [CSS Animations: property <perspective-origin> from [0% 50%\] to [100% 150%\] at (1.5) should be [150% 200%\]]
+    expected: FAIL
+
+  [CSS Transitions: property <perspective-origin> from [unset\] to [20px 20px\] at (-0.3) should be [26.5px 26.5px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <perspective-origin> from [inherit\] to [20px 20px\] at (-0.3) should be [33px 7px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <perspective-origin> from [inherit\] to [20px 20px\] at (0.3) should be [27px 13px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <perspective-origin> from neutral to [20px 20px\] at (0.6) should be [16px 24px\]]
+    expected: FAIL
+
+  [CSS Animations: property <perspective-origin> from [inherit\] to [20px 20px\] at (0.3) should be [27px 13px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <perspective-origin> from [inherit\] to [20px 20px\] at (0) should be [30px 10px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <perspective-origin> from [unset\] to [20px 20px\] at (0.3) should be [23.5px 23.5px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <perspective-origin> from [unset\] to [20px 20px\] at (0) should be [25px 25px\]]
+    expected: FAIL
+
+  [CSS Animations: property <perspective-origin> from neutral to [20px 20px\] at (0.3) should be [13px 27px\]]
+    expected: FAIL
+
+  [CSS Animations: property <perspective-origin> from [inherit\] to [20px 20px\] at (0.6) should be [24px 16px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <perspective-origin> from [initial\] to [20px 20px\] at (0) should be [25px 25px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <perspective-origin> from [unset\] to [20px 20px\] at (0.6) should be [22px 22px\]]
+    expected: FAIL
+
+  [CSS Animations: property <perspective-origin> from [initial\] to [20px 20px\] at (0) should be [25px 25px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <perspective-origin> from [unset\] to [20px 20px\] at (0.3) should be [23.5px 23.5px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <perspective-origin> from neutral to [20px 20px\] at (0.6) should be [16px 24px\]]
+    expected: FAIL
+
+  [CSS Animations: property <perspective-origin> from [unset\] to [20px 20px\] at (1.5) should be [17.5px 17.5px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <perspective-origin> from [initial\] to [20px 20px\] at (0.6) should be [22px 22px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <perspective-origin> from [0% 50%\] to [100% 150%\] at (1.5) should be [150% 200%\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <perspective-origin> from neutral to [20px 20px\] at (-0.3) should be [7px 33px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <perspective-origin> from neutral to [20px 20px\] at (0) should be [10px 30px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <perspective-origin> from [0% 50%\] to [100% 150%\] at (0.3) should be [30% 80%\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <perspective-origin> from [inherit\] to [20px 20px\] at (-0.3) should be [33px 7px\]]
+    expected: FAIL
+
+  [CSS Animations: property <perspective-origin> from [initial\] to [20px 20px\] at (-0.3) should be [26.5px 26.5px\]]
+    expected: FAIL
+
+  [CSS Animations: property <perspective-origin> from [initial\] to [20px 20px\] at (1.5) should be [17.5px 17.5px\]]
+    expected: FAIL
+
+  [CSS Animations: property <perspective-origin> from [inherit\] to [20px 20px\] at (1.5) should be [15px 25px\]]
+    expected: FAIL
+
+  [CSS Animations: property <perspective-origin> from [unset\] to [20px 20px\] at (-0.3) should be [26.5px 26.5px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <perspective-origin> from [inherit\] to [20px 20px\] at (0.6) should be [24px 16px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <perspective-origin> from [0% 50%\] to [100% 150%\] at (0) should be [0% 50%\]]
+    expected: FAIL
+
+  [CSS Transitions: property <perspective-origin> from [inherit\] to [20px 20px\] at (0) should be [30px 10px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <perspective-origin> from [initial\] to [20px 20px\] at (0) should be [25px 25px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <perspective-origin> from [initial\] to [20px 20px\] at (1.5) should be [17.5px 17.5px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <perspective-origin> from [initial\] to [20px 20px\] at (1.5) should be [17.5px 17.5px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <perspective-origin> from [inherit\] to [20px 20px\] at (1.5) should be [15px 25px\]]
+    expected: FAIL
+
+  [CSS Animations: property <perspective-origin> from [unset\] to [20px 20px\] at (1) should be [20px 20px\]]
+    expected: FAIL
+
+  [CSS Animations: property <perspective-origin> from [inherit\] to [20px 20px\] at (0) should be [30px 10px\]]
+    expected: FAIL
+
+  [CSS Animations: property <perspective-origin> from [unset\] to [20px 20px\] at (0.6) should be [22px 22px\]]
+    expected: FAIL
+
+  [CSS Animations: property <perspective-origin> from [unset\] to [20px 20px\] at (0.3) should be [23.5px 23.5px\]]
+    expected: FAIL
+
+  [CSS Animations: property <perspective-origin> from [0% 50%\] to [100% 150%\] at (-0.3) should be [-30% 20%\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <perspective-origin> from neutral to [20px 20px\] at (0.3) should be [13px 27px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <perspective-origin> from [inherit\] to [20px 20px\] at (1.5) should be [15px 25px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <perspective-origin> from [unset\] to [20px 20px\] at (1.5) should be [17.5px 17.5px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <perspective-origin> from [0% 50%\] to [100% 150%\] at (0) should be [0% 50%\]]
+    expected: FAIL
+
+  [CSS Transitions: property <perspective-origin> from [initial\] to [20px 20px\] at (0.6) should be [22px 22px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <perspective-origin> from [unset\] to [20px 20px\] at (-0.3) should be [26.5px 26.5px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <perspective-origin> from [initial\] to [20px 20px\] at (-0.3) should be [26.5px 26.5px\]]
+    expected: FAIL
+
+  [CSS Animations: property <perspective-origin> from neutral to [20px 20px\] at (1.5) should be [25px 15px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <perspective-origin> from neutral to [20px 20px\] at (1.5) should be [25px 15px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <perspective-origin> from [0% 50%\] to [100% 150%\] at (0.6) should be [60% 110%\]]
+    expected: FAIL
+
+  [CSS Transitions: property <perspective-origin> from [0% 50%\] to [100% 150%\] at (-0.3) should be [-30% 20%\]]
+    expected: FAIL
+
+  [CSS Animations: property <perspective-origin> from [inherit\] to [20px 20px\] at (-0.3) should be [33px 7px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <perspective-origin> from [unset\] to [20px 20px\] at (0.6) should be [22px 22px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <perspective-origin> from [0% 50%\] to [100% 150%\] at (0.6) should be [60% 110%\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <perspective-origin> from [initial\] to [20px 20px\] at (-0.3) should be [26.5px 26.5px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <perspective-origin> from [0% 50%\] to [100% 150%\] at (1.5) should be [150% 200%\]]
+    expected: FAIL
+
+  [CSS Animations: property <perspective-origin> from [initial\] to [20px 20px\] at (1) should be [20px 20px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <perspective-origin> from neutral to [20px 20px\] at (0) should be [10px 30px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <perspective-origin> from neutral to [20px 20px\] at (-0.3) should be [7px 33px\]]
+    expected: FAIL
+
+  [CSS Animations: property <perspective-origin> from neutral to [20px 20px\] at (-0.3) should be [7px 33px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <perspective-origin> from [unset\] to [20px 20px\] at (0) should be [25px 25px\]]
+    expected: FAIL
+
+  [CSS Animations: property <perspective-origin> from [0% 50%\] to [100% 150%\] at (0.3) should be [30% 80%\]]
+    expected: FAIL
+
+  [CSS Animations: property <perspective-origin> from [0% 50%\] to [100% 150%\] at (0) should be [0% 50%\]]
+    expected: FAIL
+
+  [CSS Transitions: property <perspective-origin> from neutral to [20px 20px\] at (1.5) should be [25px 15px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <perspective-origin> from [initial\] to [20px 20px\] at (0.3) should be [23.5px 23.5px\]]
+    expected: FAIL
+

tests/wpt/metadata-layout-2020/css/css-transforms/animation/transform-composition.html.ini

@@ -0,0 +1,64 @@
+[transform-composition.html]
+  [Compositing: property <transform> underlying [rotateX(90deg)\] from add [translate(100px, 100px)\] to add [scale(2)\] at (1) should be [matrix3d(2, 0, 0, 0, 0, 1.22465e-16, 2, 0, 0, -1, 6.12323e-17, 0, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotateX(90deg)\] from add [translate(100px, 100px)\] to add [scale(2)\] at (0) should be [matrix3d(1, 0, 0, 0, 0, 6.12323e-17, 1, 0, 0, -1, 6.12323e-17, 0, 100, 6.12323e-15, 100, 1)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotateX(100deg) rotateY(100deg)\] from add [translate(10px, 20px)\] to replace [rotateX(200deg) rotateY(200deg) translate(110px, 220px)\] at (0.5) should be [rotateX(150deg) rotateY(150deg) translate(60px, 120px)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotateX(100deg) rotateY(100deg)\] from add [translate(10px, 20px)\] to replace [rotateX(200deg) rotateY(200deg) translate(110px, 220px)\] at (1) should be [rotateX(200deg) rotateY(200deg) translate(110px, 220px)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotateX(90deg)\] from add [translate(100px, 100px)\] to add [scale(2)\] at (0.75) should be [matrix3d(1.75, 0, 0, 0, 0, 3.88578e-16, 1.75, 0, 0, -1, 2.22045e-16, 0, 25, 1.53081e-15, 25, 1)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotateX(100deg) rotateY(100deg)\] from add [translate(10px, 20px)\] to replace [rotateX(200deg) rotateY(200deg) translate(110px, 220px)\] at (1.5) should be [rotateX(250deg) rotateY(250deg) translate(160px, 320px)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotateX(100deg) rotateY(100deg)\] from add [translate(10px, 20px)\] to replace [rotateX(200deg) rotateY(200deg) translate(110px, 220px)\] at (-0.5) should be [rotateX(50deg) rotateY(50deg) translate(-40px, -80px)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotateX(45deg)\] from add [none\] to add [rotateY(360deg)\] at (0.5) should be [rotateX(45deg) rotateY(180deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotateX(100deg) rotateY(100deg)\] from add [translate(10px, 20px)\] to replace [rotateX(200deg) rotateY(200deg) translate(110px, 220px)\] at (0) should be [rotateX(100deg) rotateY(100deg) translate(10px, 20px)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotateX(90deg)\] from add [translate(100px, 100px)\] to add [scale(2)\] at (0.5) should be [matrix3d(1.5, 0, 0, 0, 0, 3.33067e-16, 1.5, 0, 0, -1, 2.22045e-16, 0, 50, 3.06162e-15, 50, 1)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotateX(90deg)\] from add [translate(100px, 100px)\] to add [scale(2)\] at (0.25) should be [matrix3d(1.25, 0, 0, 0, 0, 2.77556e-16, 1.25, 0, 0, -1, 2.22045e-16, 0, 75, 4.59243e-15, 75, 1)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotateX(45deg)\] from add [none\] to add [rotateY(360deg)\] at (0) should be [rotateX(45deg) rotateY(0deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotateX(90deg)\] from add [translate(100px, 100px)\] to add [scale(2)\] at (-0.5) should be [matrix3d(0.5, 0, 0, 0, 0, 1.11022e-16, 0.5, 0, 0, -1, 2.22045e-16, 0, 150, 9.18485e-15, 150, 1)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotateX(100deg) rotateY(100deg)\] from add [translate(10px, 20px)\] to replace [rotateX(200deg) rotateY(200deg) translate(110px, 220px)\] at (0.75) should be [rotateX(175deg) rotateY(175deg) translate(85px, 170px)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotateX(45deg)\] from add [none\] to add [rotateY(360deg)\] at (1) should be [rotateX(45deg) rotateY(360deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotateX(90deg)\] from add [translate(100px, 100px)\] to add [scale(2)\] at (1.5) should be [matrix3d(2.5, 0, 0, 0, 0, 5.55112e-16, 2.5, 0, 0, -1, 2.22045e-16, 0, -50, -3.06162e-15, -50, 1)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotateX(45deg)\] from add [none\] to add [rotateY(360deg)\] at (1.5) should be [rotateX(45deg) rotateY(540deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotateX(45deg)\] from add [none\] to add [rotateY(360deg)\] at (0.75) should be [rotateX(45deg) rotateY(270deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotateX(100deg) rotateY(100deg)\] from add [translate(10px, 20px)\] to replace [rotateX(200deg) rotateY(200deg) translate(110px, 220px)\] at (0.25) should be [rotateX(125deg) rotateY(125deg) translate(35px, 70px)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotateX(45deg)\] from add [none\] to add [rotateY(360deg)\] at (-0.5) should be [rotateX(45deg) rotateY(-180deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotateX(45deg)\] from add [none\] to add [rotateY(360deg)\] at (0.25) should be [rotateX(45deg) rotateY(90deg)\]]
+    expected: FAIL
+

tests/wpt/metadata-layout-2020/css/css-transforms/animation/transform-interpolation-001.html.ini

@@ -305,3 +305,837 @@
   [Web Animations: property <transform> from [rotate3d(1, 1, 0, 90deg)\] to [rotate3d(0, 1, 1, 180deg)\] at (0.75) should be [rotate3d(0.163027, 0.774382, 0.611354, 153.99deg)\]]
     expected: FAIL
 
+  [CSS Transitions with transition: all: property <transform> from [skewX(10rad) perspective(400px)\] to [skewX(20rad) perspective(500px)\] at (2) should be [skewX(30rad) perspective(600px)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotate3d(1, 1, 0, 90deg)\] to [rotate3d(0, 1, 1, 180deg)\] at (0) should be [rotate3d(1, 1, 0, 90deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [rotate3d(1, 1, 0, 90deg)\] to [rotate3d(0, 1, 1, 180deg)\] at (0) should be [rotate3d(1, 1, 0, 90deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [perspective(400px)\] to [perspective(500px)\] at (0.75) should be [perspective(475px)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [perspective(400px)\] to [perspective(500px)\] at (2) should be [perspective(600px)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotate(90deg)\] to [none\] at (1) should be [rotate(0deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotateX(0deg) rotateY(0deg) rotateZ(0deg)\] to [rotateX(700deg) rotateY(800deg) rotateZ(900deg)\] at (0) should be [rotateX(0deg) rotateY(0deg) rotateZ(0deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [skewX(10rad) perspective(400px)\] to [skewX(20rad) perspective(500px)\] at (-1) should be [skewX(0rad) perspective(300px)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotate3d(0, 1, 0, 0deg)\] to [rotate3d(0, 2, 0, 450deg)\] at (1) should be [rotate3d(0, 1, 0, 450deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotate3d(1, 1, 0, 90deg)\] to [rotate3d(0, 1, 1, 180deg)\] at (0.25) should be [rotate3d(0.524083, 0.804261, 0.280178, 106.91deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotate3d(0, 1, 0, 0deg)\] to [rotate3d(0, 2, 0, 450deg)\] at (0.25) should be [rotate3d(0, 1, 0, 112.5deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [scaleZ(1) perspective(400px)\] to [scaleZ(2) perspective(500px)\] at (2) should be [scaleZ(3) perspective(600px)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotate3d(0, 1, 0, 0deg)\] to [rotate3d(0, 2, 0, 450deg)\] at (0.75) should be [rotate3d(0, 1, 0, 337.5deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [scaleZ(1) perspective(400px)\] to [scaleZ(2) perspective(500px)\] at (2) should be [scaleZ(3) perspective(600px)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [none\] to [rotate(90deg)\] at (0.25) should be [rotate(22.5deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [skewX(10rad) perspective(400px)\] to [skewX(20rad) perspective(500px)\] at (0) should be [skewX(10rad) perspective(400px)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [rotateY(900deg)\] to [rotateZ(0deg)\] at (0) should be [rotateY(900deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [none\] to [rotate(90deg)\] at (0.75) should be [rotate(67.5deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotateX(0deg) rotateY(0deg) rotateZ(0deg)\] to [rotateX(700deg) rotateY(800deg) rotateZ(900deg)\] at (-1) should be [rotateX(-700deg) rotateY(-800deg) rotateZ(-900deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [rotateZ(0deg)\] to [rotateZ(900deg)\] at (0.75) should be [rotateZ(675deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [scaleZ(1) perspective(400px)\] to [scaleZ(2) perspective(500px)\] at (0.25) should be [scaleZ(1.25) perspective(425px)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [skewX(10rad) perspective(400px)\] to [skewX(20rad) perspective(500px)\] at (0) should be [skewX(10rad) perspective(400px)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotate(90deg)\] to [none\] at (-1) should be [rotate(180deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotate3d(0, 1, 0, 0deg)\] to [rotate3d(0, 2, 0, 450deg)\] at (2) should be [rotate3d(0, 1, 0, 900deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [skewX(10rad) perspective(400px)\] to [skewX(20rad) perspective(500px)\] at (2) should be [skewX(30rad) perspective(600px)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotate3d(1, 1, 0, 90deg)\] to [rotate3d(0, 1, 1, 180deg)\] at (2) should be [rotate3d(0.71, 0, -0.71, 90deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [rotate(90deg)\] to [none\] at (1) should be [rotate(0deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotate3d(7, 8, 9, 0deg)\] to [rotate3d(7, 8, 9, 450deg)\] at (0.75) should be [rotate3d(7, 8, 9, 337.5deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [rotateY(0deg)\] to [rotateY(800deg)\] at (2) should be [rotateY(1600deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotate3d(0, 1, 0, 0deg)\] to [rotate3d(0, 1, 0, 450deg)\] at (0) should be [rotate3d(0, 1, 0, 0deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotate3d(7, 8, 9, 0deg)\] to [rotate3d(7, 8, 9, 450deg)\] at (1) should be [rotate3d(7, 8, 9, 450deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotate3d(7, 8, 9, 0deg)\] to [rotate3d(7, 8, 9, 450deg)\] at (2) should be [rotate3d(7, 8, 9, 900deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [rotate3d(7, 8, 9, 100deg)\] to [rotate3d(7, 8, 9, 260deg)\] at (0.25) should be [rotate3d(7, 8, 9, 140deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [rotate3d(7, 8, 9, 0deg)\] to [rotate3d(7, 8, 9, 450deg)\] at (2) should be [rotate3d(7, 8, 9, 900deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotate3d(0, 1, 0, 0deg)\] to [rotate3d(0, 1, 0, 450deg)\] at (0.75) should be [rotate3d(0, 1, 0, 337.5deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotate(90deg)\] to [none\] at (-1) should be [rotate(180deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotate3d(0, 1, 0, 0deg)\] to [rotate3d(0, 2, 0, 450deg)\] at (0.75) should be [rotate3d(0, 1, 0, 337.5deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [scaleZ(1) perspective(400px)\] to [scaleZ(2) perspective(500px)\] at (0) should be [scaleZ(1) perspective(400px)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotateY(900deg)\] to [rotateZ(0deg)\] at (0.25) should be [rotateY(675deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [perspective(400px)\] to [perspective(500px)\] at (1) should be [perspective(500px)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotate3d(1, 1, 0, 90deg)\] to [rotate3d(0, 1, 1, 180deg)\] at (0.75) should be [rotate3d(0.163027, 0.774382, 0.611354, 153.99deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotateX(0deg) rotateY(0deg) rotateZ(0deg)\] to [rotateX(700deg) rotateY(800deg) rotateZ(900deg)\] at (-1) should be [rotateX(-700deg) rotateY(-800deg) rotateZ(-900deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [scaleZ(1) perspective(400px)\] to [scaleZ(2) perspective(500px)\] at (2) should be [scaleZ(3) perspective(600px)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [rotateX(0deg) rotateY(0deg) rotateZ(0deg)\] to [rotateX(700deg) rotateY(800deg) rotateZ(900deg)\] at (-1) should be [rotateX(-700deg) rotateY(-800deg) rotateZ(-900deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotate3d(0, 1, 0, 0deg)\] to [rotate3d(0, 1, 0, 450deg)\] at (2) should be [rotate3d(0, 1, 0, 900deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotateX(0deg)\] to [rotateY(900deg)\] at (0) should be [rotateY(0deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [skewX(10rad) perspective(400px)\] to [skewX(20rad) perspective(500px)\] at (1) should be [skewX(20rad) perspective(500px)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotate3d(1, 1, 0, 90deg)\] to [rotate3d(0, 1, 1, 180deg)\] at (1) should be [rotate3d(0, 1, 1, 180deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [rotateX(0deg)\] to [rotateY(900deg)\] at (0) should be [rotateY(0deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotate3d(1, 1, 0, 90deg)\] to [rotate3d(0, 1, 1, 180deg)\] at (0.75) should be [rotate3d(0.163027, 0.774382, 0.611354, 153.99deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotateX(0deg)\] to [rotateX(700deg)\] at (0.25) should be [rotateX(175deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotateY(0deg)\] to [rotateY(800deg)\] at (0.75) should be [rotateY(600deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotateX(0deg)\] to [rotateY(900deg)\] at (0.25) should be [rotateY(225deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [none\] to [rotate(90deg)\] at (0.25) should be [rotate(22.5deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [none\] to [rotate(90deg)\] at (0) should be [rotate(0deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotateX(0deg)\] to [rotateX(700deg)\] at (1) should be [rotateX(700deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [rotate3d(1, 1, 0, 90deg)\] to [rotate3d(0, 1, 1, 180deg)\] at (0.25) should be [rotate3d(0.524083, 0.804261, 0.280178, 106.91deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotate3d(0, 1, 0, 0deg)\] to [rotate3d(0, 2, 0, 450deg)\] at (0) should be [rotate3d(0, 1, 0, 0deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotate(30deg)\] to [rotate(330deg)\] at (2) should be [rotate(630deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotate(30deg)\] to [rotate(330deg)\] at (0.25) should be [rotate(105deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotate3d(7, 8, 9, 100deg)\] to [rotate3d(7, 8, 9, 260deg)\] at (-1) should be [rotate3d(7, 8, 9, -60deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotate3d(1, 1, 0, 90deg)\] to [rotate3d(0, 1, 1, 180deg)\] at (-1) should be [rotate3d(0.41, -0.41, -0.82, 120deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotateY(0deg)\] to [rotateY(800deg)\] at (0.75) should be [rotateY(600deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [rotate(90deg)\] to [none\] at (2) should be [rotate(-90deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [perspective(400px)\] to [perspective(500px)\] at (-1) should be [perspective(300px)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [skewX(10rad) perspective(400px)\] to [skewX(20rad) perspective(500px)\] at (0.25) should be [skewX(12.5rad) perspective(425px)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [perspective(400px)\] to [perspective(500px)\] at (2) should be [perspective(600px)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [scaleZ(1) perspective(400px)\] to [scaleZ(2) perspective(500px)\] at (0) should be [scaleZ(1) perspective(400px)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [rotate3d(0, 1, 0, 0deg)\] to [rotate3d(0, 2, 0, 450deg)\] at (0.75) should be [rotate3d(0, 1, 0, 337.5deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [rotate3d(7, 8, 9, 0deg)\] to [rotate3d(7, 8, 9, 450deg)\] at (0.25) should be [rotate3d(7, 8, 9, 112.5deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [none\] to [rotate(90deg)\] at (0.75) should be [rotate(67.5deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [none\] to [rotate(90deg)\] at (-1) should be [rotate(-90deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [rotateX(0deg)\] to [rotateY(900deg)\] at (-1) should be [rotateY(-900deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotateZ(0deg)\] to [rotateZ(900deg)\] at (0) should be [rotateZ(0deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotateX(0deg)\] to [rotateX(700deg)\] at (0.75) should be [rotateX(525deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotate3d(0, 1, 0, 0deg)\] to [rotate3d(0, 1, 0, 450deg)\] at (0.75) should be [rotate3d(0, 1, 0, 337.5deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotateX(0deg)\] to [rotateY(900deg)\] at (1) should be [rotateY(900deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotateX(0deg) rotateY(0deg) rotateZ(0deg)\] to [rotateX(700deg) rotateY(800deg) rotateZ(900deg)\] at (0.75) should be [rotateX(525deg) rotateY(600deg) rotateZ(675deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotate3d(7, 8, 9, 100deg)\] to [rotate3d(7, 8, 9, 260deg)\] at (0) should be [rotate3d(7, 8, 9, 100deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotateX(0deg)\] to [rotateY(900deg)\] at (0) should be [rotateY(0deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotateZ(0deg)\] to [rotateZ(900deg)\] at (0.75) should be [rotateZ(675deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotate3d(7, 8, 9, 100deg)\] to [rotate3d(7, 8, 9, 260deg)\] at (1) should be [rotate3d(7, 8, 9, 260deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotate3d(7, 8, 9, 0deg)\] to [rotate3d(7, 8, 9, 450deg)\] at (0) should be [rotate3d(7, 8, 9, 0deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [scaleZ(1) perspective(400px)\] to [scaleZ(2) perspective(500px)\] at (-1) should be [scaleZ(0) perspective(300px)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotateY(0deg)\] to [rotateY(800deg)\] at (-1) should be [rotateY(-800deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [rotate(90deg)\] to [none\] at (0.25) should be [rotate(67.5deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [rotateX(0deg) rotateY(0deg) rotateZ(0deg)\] to [rotateX(700deg) rotateY(800deg) rotateZ(900deg)\] at (2) should be [rotateX(1400deg) rotateY(1600deg) rotateZ(1800deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotateX(0deg)\] to [rotateX(700deg)\] at (0) should be [rotateX(0deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotateY(0deg)\] to [rotateY(800deg)\] at (2) should be [rotateY(1600deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [rotateZ(0deg)\] to [rotateZ(900deg)\] at (0.25) should be [rotateZ(225deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotateY(900deg)\] to [rotateZ(0deg)\] at (0.25) should be [rotateY(675deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotateY(900deg)\] to [rotateZ(0deg)\] at (2) should be [rotateY(-900deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotateY(0deg)\] to [rotateY(800deg)\] at (-1) should be [rotateY(-800deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [scaleZ(1) perspective(400px)\] to [scaleZ(2) perspective(500px)\] at (0.25) should be [scaleZ(1.25) perspective(425px)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [none\] to [rotate(90deg)\] at (0.75) should be [rotate(67.5deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotate3d(1, 1, 0, 90deg)\] to [rotate3d(0, 1, 1, 180deg)\] at (-1) should be [rotate3d(0.41, -0.41, -0.82, 120deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotate3d(7, 8, 9, 100deg)\] to [rotate3d(7, 8, 9, 260deg)\] at (0.25) should be [rotate3d(7, 8, 9, 140deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [rotateX(0deg)\] to [rotateX(700deg)\] at (0) should be [rotateX(0deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotateX(0deg)\] to [rotateX(700deg)\] at (-1) should be [rotateX(-700deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [rotateX(0deg) rotateY(0deg) rotateZ(0deg)\] to [rotateX(700deg) rotateY(800deg) rotateZ(900deg)\] at (0) should be [rotateX(0deg) rotateY(0deg) rotateZ(0deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotateY(900deg)\] to [rotateZ(0deg)\] at (0) should be [rotateY(900deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [rotate3d(0, 1, 0, 0deg)\] to [rotate3d(0, 1, 0, 450deg)\] at (0.25) should be [rotate3d(0, 1, 0, 112.5deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [none\] to [rotate(90deg)\] at (0) should be [rotate(0deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotate3d(0, 1, 0, 0deg)\] to [rotate3d(0, 1, 0, 450deg)\] at (-1) should be [rotate3d(0, 1, 0, -450deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotate3d(7, 8, 9, 100deg)\] to [rotate3d(7, 8, 9, 260deg)\] at (2) should be [rotate3d(7, 8, 9, 420deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotateX(0deg) rotateY(0deg) rotateZ(0deg)\] to [rotateX(700deg) rotateY(800deg) rotateZ(900deg)\] at (2) should be [rotateX(1400deg) rotateY(1600deg) rotateZ(1800deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotateZ(0deg)\] to [rotateZ(900deg)\] at (-1) should be [rotateZ(-900deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotate3d(7, 8, 9, 0deg)\] to [rotate3d(7, 8, 9, 450deg)\] at (0) should be [rotate3d(7, 8, 9, 0deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [rotate3d(1, 1, 0, 90deg)\] to [rotate3d(0, 1, 1, 180deg)\] at (-1) should be [rotate3d(0.41, -0.41, -0.82, 120deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [scaleZ(1) perspective(400px)\] to [scaleZ(2) perspective(500px)\] at (1) should be [scaleZ(2) perspective(500px)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [rotate3d(0, 1, 0, 0deg)\] to [rotate3d(0, 2, 0, 450deg)\] at (1) should be [rotate3d(0, 1, 0, 450deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotate3d(7, 8, 9, 100deg)\] to [rotate3d(7, 8, 9, 260deg)\] at (0.25) should be [rotate3d(7, 8, 9, 140deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotate3d(7, 8, 9, 100deg)\] to [rotate3d(7, 8, 9, 260deg)\] at (0.75) should be [rotate3d(7, 8, 9, 220deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotateX(0deg) rotateY(0deg) rotateZ(0deg)\] to [rotateX(700deg) rotateY(800deg) rotateZ(900deg)\] at (0.25) should be [rotateX(175deg) rotateY(200deg) rotateZ(225deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotateX(0deg) rotateY(0deg) rotateZ(0deg)\] to [rotateX(700deg) rotateY(800deg) rotateZ(900deg)\] at (1) should be [rotateX(700deg) rotateY(800deg) rotateZ(900deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [rotateX(0deg)\] to [rotateX(700deg)\] at (2) should be [rotateX(1400deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotateZ(0deg)\] to [rotateZ(900deg)\] at (2) should be [rotateZ(1800deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [skewX(10rad) perspective(400px)\] to [skewX(20rad) perspective(500px)\] at (0.25) should be [skewX(12.5rad) perspective(425px)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotate(90deg)\] to [none\] at (2) should be [rotate(-90deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [rotate(30deg)\] to [rotate(330deg)\] at (2) should be [rotate(630deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotate3d(1, 1, 0, 90deg)\] to [rotate3d(0, 1, 1, 180deg)\] at (0.25) should be [rotate3d(0.524083, 0.804261, 0.280178, 106.91deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [rotate3d(1, 1, 0, 90deg)\] to [rotate3d(0, 1, 1, 180deg)\] at (2) should be [rotate3d(0.71, 0, -0.71, 90deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [rotateZ(0deg)\] to [rotateZ(900deg)\] at (2) should be [rotateZ(1800deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotate(30deg)\] to [rotate(330deg)\] at (-1) should be [rotate(-270deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [rotate3d(1, 1, 0, 90deg)\] to [rotate3d(0, 1, 1, 180deg)\] at (0.75) should be [rotate3d(0.163027, 0.774382, 0.611354, 153.99deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [rotate3d(0, 1, 0, 0deg)\] to [rotate3d(0, 1, 0, 450deg)\] at (2) should be [rotate3d(0, 1, 0, 900deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotate3d(0, 1, 0, 0deg)\] to [rotate3d(0, 2, 0, 450deg)\] at (1) should be [rotate3d(0, 1, 0, 450deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [none\] to [rotate(90deg)\] at (2) should be [rotate(180deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotate3d(1, 1, 0, 90deg)\] to [rotate3d(0, 1, 1, 180deg)\] at (2) should be [rotate3d(0.71, 0, -0.71, 90deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [rotate3d(7, 8, 9, 0deg)\] to [rotate3d(7, 8, 9, 450deg)\] at (0.75) should be [rotate3d(7, 8, 9, 337.5deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [scaleZ(1) perspective(400px)\] to [scaleZ(2) perspective(500px)\] at (0.75) should be [scaleZ(1.75) perspective(475px)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [skewX(10rad) perspective(400px)\] to [skewX(20rad) perspective(500px)\] at (2) should be [skewX(30rad) perspective(600px)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [rotate3d(7, 8, 9, 100deg)\] to [rotate3d(7, 8, 9, 260deg)\] at (0.75) should be [rotate3d(7, 8, 9, 220deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [none\] to [rotate(90deg)\] at (-1) should be [rotate(-90deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [rotate(90deg)\] to [none\] at (0.75) should be [rotate(22.5deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [rotate3d(0, 1, 0, 0deg)\] to [rotate3d(0, 2, 0, 450deg)\] at (-1) should be [rotate3d(0, 1, 0, -450deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotate3d(1, 1, 0, 90deg)\] to [rotate3d(0, 1, 1, 180deg)\] at (0) should be [rotate3d(1, 1, 0, 90deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotate3d(7, 8, 9, 100deg)\] to [rotate3d(7, 8, 9, 260deg)\] at (0) should be [rotate3d(7, 8, 9, 100deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotateX(0deg)\] to [rotateY(900deg)\] at (2) should be [rotateY(1800deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [rotateY(900deg)\] to [rotateZ(0deg)\] at (1) should be [rotateY(0deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotate3d(0, 1, 0, 0deg)\] to [rotate3d(0, 1, 0, 450deg)\] at (1) should be [rotate3d(0, 1, 0, 450deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [rotate3d(0, 1, 0, 0deg)\] to [rotate3d(0, 1, 0, 450deg)\] at (-1) should be [rotate3d(0, 1, 0, -450deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotateX(0deg) rotateY(0deg) rotateZ(0deg)\] to [rotateX(700deg) rotateY(800deg) rotateZ(900deg)\] at (2) should be [rotateX(1400deg) rotateY(1600deg) rotateZ(1800deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [rotateZ(0deg)\] to [rotateZ(900deg)\] at (-1) should be [rotateZ(-900deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotateX(0deg)\] to [rotateY(900deg)\] at (2) should be [rotateY(1800deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [skewX(10rad) perspective(400px)\] to [skewX(20rad) perspective(500px)\] at (-1) should be [skewX(0rad) perspective(300px)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotateZ(0deg)\] to [rotateZ(900deg)\] at (0) should be [rotateZ(0deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [perspective(400px)\] to [perspective(500px)\] at (0) should be [perspective(400px)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [rotateY(0deg)\] to [rotateY(800deg)\] at (0.75) should be [rotateY(600deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [rotate(90deg)\] to [none\] at (0) should be [rotate(90deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [rotateX(0deg)\] to [rotateY(900deg)\] at (0.75) should be [rotateY(675deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotateY(0deg)\] to [rotateY(800deg)\] at (1) should be [rotateY(800deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [skewX(10rad) perspective(400px)\] to [skewX(20rad) perspective(500px)\] at (0.75) should be [skewX(17.5rad) perspective(475px)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [rotate3d(7, 8, 9, 0deg)\] to [rotate3d(7, 8, 9, 450deg)\] at (-1) should be [rotate3d(7, 8, 9, -450deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotate3d(7, 8, 9, 0deg)\] to [rotate3d(7, 8, 9, 450deg)\] at (-1) should be [rotate3d(7, 8, 9, -450deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotate(30deg)\] to [rotate(330deg)\] at (-1) should be [rotate(-270deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [rotate3d(0, 1, 0, 0deg)\] to [rotate3d(0, 1, 0, 450deg)\] at (0) should be [rotate3d(0, 1, 0, 0deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [skewX(10rad) perspective(400px)\] to [skewX(20rad) perspective(500px)\] at (-1) should be [skewX(0rad) perspective(300px)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotate(30deg)\] to [rotate(330deg)\] at (0.75) should be [rotate(255deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotateX(0deg)\] to [rotateX(700deg)\] at (-1) should be [rotateX(-700deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [perspective(400px)\] to [perspective(500px)\] at (0) should be [perspective(400px)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotateZ(0deg)\] to [rotateZ(900deg)\] at (1) should be [rotateZ(900deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotate(90deg)\] to [none\] at (0) should be [rotate(90deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotate(90deg)\] to [none\] at (0) should be [rotate(90deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [rotateY(900deg)\] to [rotateZ(0deg)\] at (2) should be [rotateY(-900deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotateY(0deg)\] to [rotateY(800deg)\] at (2) should be [rotateY(1600deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [none\] to [rotate(90deg)\] at (2) should be [rotate(180deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotateX(0deg)\] to [rotateY(900deg)\] at (-1) should be [rotateY(-900deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [rotateX(0deg) rotateY(0deg) rotateZ(0deg)\] to [rotateX(700deg) rotateY(800deg) rotateZ(900deg)\] at (0.25) should be [rotateX(175deg) rotateY(200deg) rotateZ(225deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotateZ(0deg)\] to [rotateZ(900deg)\] at (-1) should be [rotateZ(-900deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [perspective(400px)\] to [perspective(500px)\] at (0) should be [perspective(400px)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotateY(900deg)\] to [rotateZ(0deg)\] at (-1) should be [rotateY(1800deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotateY(900deg)\] to [rotateZ(0deg)\] at (0.75) should be [rotateY(225deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotateY(900deg)\] to [rotateZ(0deg)\] at (0.75) should be [rotateY(225deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotateZ(0deg)\] to [rotateZ(900deg)\] at (0.75) should be [rotateZ(675deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotate(90deg)\] to [none\] at (0.75) should be [rotate(22.5deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [perspective(400px)\] to [perspective(500px)\] at (0.75) should be [perspective(475px)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotateX(0deg)\] to [rotateX(700deg)\] at (0.25) should be [rotateX(175deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotateY(900deg)\] to [rotateZ(0deg)\] at (1) should be [rotateY(0deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [rotate3d(7, 8, 9, 100deg)\] to [rotate3d(7, 8, 9, 260deg)\] at (-1) should be [rotate3d(7, 8, 9, -60deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotateY(900deg)\] to [rotateZ(0deg)\] at (-1) should be [rotateY(1800deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotate3d(7, 8, 9, 100deg)\] to [rotate3d(7, 8, 9, 260deg)\] at (0.75) should be [rotate3d(7, 8, 9, 220deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [rotate3d(7, 8, 9, 100deg)\] to [rotate3d(7, 8, 9, 260deg)\] at (2) should be [rotate3d(7, 8, 9, 420deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotateX(0deg)\] to [rotateY(900deg)\] at (0.25) should be [rotateY(225deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [scaleZ(1) perspective(400px)\] to [scaleZ(2) perspective(500px)\] at (0.25) should be [scaleZ(1.25) perspective(425px)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [rotate(30deg)\] to [rotate(330deg)\] at (0.25) should be [rotate(105deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [rotate(30deg)\] to [rotate(330deg)\] at (-1) should be [rotate(-270deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [perspective(400px)\] to [perspective(500px)\] at (-1) should be [perspective(300px)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotateX(0deg)\] to [rotateY(900deg)\] at (0.75) should be [rotateY(675deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [rotate3d(7, 8, 9, 100deg)\] to [rotate3d(7, 8, 9, 260deg)\] at (0) should be [rotate3d(7, 8, 9, 100deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [rotateY(0deg)\] to [rotateY(800deg)\] at (0.25) should be [rotateY(200deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotateZ(0deg)\] to [rotateZ(900deg)\] at (0.25) should be [rotateZ(225deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotateX(0deg) rotateY(0deg) rotateZ(0deg)\] to [rotateX(700deg) rotateY(800deg) rotateZ(900deg)\] at (0.25) should be [rotateX(175deg) rotateY(200deg) rotateZ(225deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [rotate3d(0, 1, 0, 0deg)\] to [rotate3d(0, 2, 0, 450deg)\] at (2) should be [rotate3d(0, 1, 0, 900deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotate3d(0, 1, 0, 0deg)\] to [rotate3d(0, 1, 0, 450deg)\] at (0.25) should be [rotate3d(0, 1, 0, 112.5deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [rotateX(0deg)\] to [rotateY(900deg)\] at (2) should be [rotateY(1800deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [rotateX(0deg)\] to [rotateX(700deg)\] at (0.75) should be [rotateX(525deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotateX(0deg)\] to [rotateY(900deg)\] at (0.75) should be [rotateY(675deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotate(90deg)\] to [none\] at (0.75) should be [rotate(22.5deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotate3d(7, 8, 9, 100deg)\] to [rotate3d(7, 8, 9, 260deg)\] at (-1) should be [rotate3d(7, 8, 9, -60deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotate3d(0, 1, 0, 0deg)\] to [rotate3d(0, 2, 0, 450deg)\] at (-1) should be [rotate3d(0, 1, 0, -450deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotateY(0deg)\] to [rotateY(800deg)\] at (0) should be [rotateY(0deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [perspective(400px)\] to [perspective(500px)\] at (-1) should be [perspective(300px)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotate3d(0, 1, 0, 0deg)\] to [rotate3d(0, 2, 0, 450deg)\] at (0.25) should be [rotate3d(0, 1, 0, 112.5deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotate(90deg)\] to [none\] at (1) should be [rotate(0deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [scaleZ(1) perspective(400px)\] to [scaleZ(2) perspective(500px)\] at (-1) should be [scaleZ(0) perspective(300px)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotateY(0deg)\] to [rotateY(800deg)\] at (0.25) should be [rotateY(200deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [scaleZ(1) perspective(400px)\] to [scaleZ(2) perspective(500px)\] at (0.75) should be [scaleZ(1.75) perspective(475px)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotate(30deg)\] to [rotate(330deg)\] at (0.75) should be [rotate(255deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [perspective(400px)\] to [perspective(500px)\] at (0.25) should be [perspective(425px)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotateZ(0deg)\] to [rotateZ(900deg)\] at (2) should be [rotateZ(1800deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotateY(900deg)\] to [rotateZ(0deg)\] at (1) should be [rotateY(0deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [rotateY(900deg)\] to [rotateZ(0deg)\] at (0.25) should be [rotateY(675deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [rotateY(0deg)\] to [rotateY(800deg)\] at (0) should be [rotateY(0deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [rotate(30deg)\] to [rotate(330deg)\] at (0) should be [rotate(30deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [rotate(30deg)\] to [rotate(330deg)\] at (0.75) should be [rotate(255deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [rotateX(0deg)\] to [rotateX(700deg)\] at (-1) should be [rotateX(-700deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotateX(0deg)\] to [rotateX(700deg)\] at (0) should be [rotateX(0deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [scaleZ(1) perspective(400px)\] to [scaleZ(2) perspective(500px)\] at (-1) should be [scaleZ(0) perspective(300px)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotateX(0deg)\] to [rotateY(900deg)\] at (-1) should be [rotateY(-900deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotate(90deg)\] to [none\] at (0.25) should be [rotate(67.5deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotate3d(7, 8, 9, 0deg)\] to [rotate3d(7, 8, 9, 450deg)\] at (2) should be [rotate3d(7, 8, 9, 900deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [none\] to [rotate(90deg)\] at (-1) should be [rotate(-90deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [rotateZ(0deg)\] to [rotateZ(900deg)\] at (0) should be [rotateZ(0deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [rotateY(900deg)\] to [rotateZ(0deg)\] at (-1) should be [rotateY(1800deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [scaleZ(1) perspective(400px)\] to [scaleZ(2) perspective(500px)\] at (0) should be [scaleZ(1) perspective(400px)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotateY(0deg)\] to [rotateY(800deg)\] at (0) should be [rotateY(0deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotateY(900deg)\] to [rotateZ(0deg)\] at (0) should be [rotateY(900deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [perspective(400px)\] to [perspective(500px)\] at (0.25) should be [perspective(425px)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [rotateX(0deg) rotateY(0deg) rotateZ(0deg)\] to [rotateX(700deg) rotateY(800deg) rotateZ(900deg)\] at (0.75) should be [rotateX(525deg) rotateY(600deg) rotateZ(675deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotate3d(0, 1, 0, 0deg)\] to [rotate3d(0, 1, 0, 450deg)\] at (-1) should be [rotate3d(0, 1, 0, -450deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [rotate3d(7, 8, 9, 0deg)\] to [rotate3d(7, 8, 9, 450deg)\] at (0) should be [rotate3d(7, 8, 9, 0deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [rotate3d(0, 1, 0, 0deg)\] to [rotate3d(0, 2, 0, 450deg)\] at (0) should be [rotate3d(0, 1, 0, 0deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotate3d(7, 8, 9, 0deg)\] to [rotate3d(7, 8, 9, 450deg)\] at (0.75) should be [rotate3d(7, 8, 9, 337.5deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotateX(0deg) rotateY(0deg) rotateZ(0deg)\] to [rotateX(700deg) rotateY(800deg) rotateZ(900deg)\] at (0.75) should be [rotateX(525deg) rotateY(600deg) rotateZ(675deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotate3d(0, 1, 0, 0deg)\] to [rotate3d(0, 1, 0, 450deg)\] at (2) should be [rotate3d(0, 1, 0, 900deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotate3d(7, 8, 9, 100deg)\] to [rotate3d(7, 8, 9, 260deg)\] at (2) should be [rotate3d(7, 8, 9, 420deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotate(30deg)\] to [rotate(330deg)\] at (0) should be [rotate(30deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [perspective(400px)\] to [perspective(500px)\] at (0.75) should be [perspective(475px)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotateZ(0deg)\] to [rotateZ(900deg)\] at (0.25) should be [rotateZ(225deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [rotate(90deg)\] to [none\] at (-1) should be [rotate(180deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotate3d(0, 1, 0, 0deg)\] to [rotate3d(0, 1, 0, 450deg)\] at (0) should be [rotate3d(0, 1, 0, 0deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotateX(0deg)\] to [rotateX(700deg)\] at (2) should be [rotateX(1400deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [skewX(10rad) perspective(400px)\] to [skewX(20rad) perspective(500px)\] at (0.25) should be [skewX(12.5rad) perspective(425px)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotate(30deg)\] to [rotate(330deg)\] at (2) should be [rotate(630deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [rotateY(0deg)\] to [rotateY(800deg)\] at (-1) should be [rotateY(-800deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [none\] to [rotate(90deg)\] at (2) should be [rotate(180deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [none\] to [rotate(90deg)\] at (0) should be [rotate(0deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotate3d(0, 1, 0, 0deg)\] to [rotate3d(0, 1, 0, 450deg)\] at (0.25) should be [rotate3d(0, 1, 0, 112.5deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotate(30deg)\] to [rotate(330deg)\] at (0) should be [rotate(30deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [perspective(400px)\] to [perspective(500px)\] at (0.25) should be [perspective(425px)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [rotateX(0deg)\] to [rotateY(900deg)\] at (0.25) should be [rotateY(225deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [skewX(10rad) perspective(400px)\] to [skewX(20rad) perspective(500px)\] at (0.75) should be [skewX(17.5rad) perspective(475px)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotateX(0deg) rotateY(0deg) rotateZ(0deg)\] to [rotateX(700deg) rotateY(800deg) rotateZ(900deg)\] at (0) should be [rotateX(0deg) rotateY(0deg) rotateZ(0deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [none\] to [rotate(90deg)\] at (1) should be [rotate(90deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotateY(0deg)\] to [rotateY(800deg)\] at (0.25) should be [rotateY(200deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotateX(0deg)\] to [rotateX(700deg)\] at (0.75) should be [rotateX(525deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotate3d(0, 1, 0, 0deg)\] to [rotate3d(0, 2, 0, 450deg)\] at (-1) should be [rotate3d(0, 1, 0, -450deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotate(30deg)\] to [rotate(330deg)\] at (1) should be [rotate(330deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotate3d(0, 1, 0, 0deg)\] to [rotate3d(0, 2, 0, 450deg)\] at (0) should be [rotate3d(0, 1, 0, 0deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotateX(0deg)\] to [rotateX(700deg)\] at (2) should be [rotateX(1400deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [skewX(10rad) perspective(400px)\] to [skewX(20rad) perspective(500px)\] at (0) should be [skewX(10rad) perspective(400px)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [skewX(10rad) perspective(400px)\] to [skewX(20rad) perspective(500px)\] at (0.75) should be [skewX(17.5rad) perspective(475px)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [rotate3d(0, 1, 0, 0deg)\] to [rotate3d(0, 2, 0, 450deg)\] at (0.25) should be [rotate3d(0, 1, 0, 112.5deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [rotateX(0deg)\] to [rotateX(700deg)\] at (0.25) should be [rotateX(175deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotate(90deg)\] to [none\] at (2) should be [rotate(-90deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [none\] to [rotate(90deg)\] at (0.25) should be [rotate(22.5deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotate(30deg)\] to [rotate(330deg)\] at (0.25) should be [rotate(105deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotate3d(7, 8, 9, 0deg)\] to [rotate3d(7, 8, 9, 450deg)\] at (0.25) should be [rotate3d(7, 8, 9, 112.5deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [rotate3d(0, 1, 0, 0deg)\] to [rotate3d(0, 1, 0, 450deg)\] at (0.75) should be [rotate3d(0, 1, 0, 337.5deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotate3d(0, 1, 0, 0deg)\] to [rotate3d(0, 2, 0, 450deg)\] at (2) should be [rotate3d(0, 1, 0, 900deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotateY(900deg)\] to [rotateZ(0deg)\] at (2) should be [rotateY(-900deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotate(90deg)\] to [none\] at (0.25) should be [rotate(67.5deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotate3d(7, 8, 9, 0deg)\] to [rotate3d(7, 8, 9, 450deg)\] at (0.25) should be [rotate3d(7, 8, 9, 112.5deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [perspective(400px)\] to [perspective(500px)\] at (2) should be [perspective(600px)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [scaleZ(1) perspective(400px)\] to [scaleZ(2) perspective(500px)\] at (0.75) should be [scaleZ(1.75) perspective(475px)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotate3d(7, 8, 9, 0deg)\] to [rotate3d(7, 8, 9, 450deg)\] at (-1) should be [rotate3d(7, 8, 9, -450deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [rotateY(900deg)\] to [rotateZ(0deg)\] at (0.75) should be [rotateY(225deg)\]]
+    expected: FAIL
+

tests/wpt/metadata-layout-2020/css/css-transforms/animation/transform-interpolation-002.html.ini

@@ -161,3 +161,447 @@
   [Web Animations: property <transform> from [scaleX(10) scaleY(0.5) scaleZ(1)\] to [scaleX(20) scaleY(1) scaleZ(2)\] at (0.75) should be [scaleX(17.5) scaleY(0.875) scaleZ(1.75)\]]
     expected: FAIL
 
+  [CSS Transitions: property <transform> from [scale(10, 5)\] to [scale(20, 9)\] at (0) should be [scale(10, 5)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [scaleZ(1)\] to [scaleZ(2)\] at (0.75) should be [scaleZ(1.75)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [scaleY(5)\] to [scaleY(9)\] at (0.25) should be [scaleY(6)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [scaleX(0)\] to [scaleY(0)\] at (2) should be [scale(2, -1)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [scale3d(2, 3, 5)\] to [none\] at (0) should be [scale3d(2, 3, 5)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [scaleZ(1)\] to [scaleZ(2)\] at (0) should be [scaleZ(1)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [none\] to [scale3d(2, 3, 5)\] at (2) should be [scale3d(3, 5, 9)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [scale3d(2, 3, 5)\] to [none\] at (0) should be [scale3d(2, 3, 5)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [scaleX(10) scaleY(0.5) scaleZ(1)\] to [scaleX(20) scaleY(1) scaleZ(2)\] at (2) should be [scaleX(30) scaleY(1.5) scaleZ(3)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [scale(10, 5)\] to [scale(20, 9)\] at (1) should be [scale(20, 9)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [scale3d(2, 3, 5)\] to [none\] at (-1) should be [scale3d(3, 5, 9)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [scaleX(10) scaleY(0.5) scaleZ(1)\] to [scaleX(20) scaleY(1) scaleZ(2)\] at (0.25) should be [scaleX(12.5) scaleY(0.625) scaleZ(1.25)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [scaleX(0)\] to [scaleY(0)\] at (1) should be [scale(1, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [scale3d(2, 3, 5)\] to [none\] at (2) should be [scale3d(0, -1, -3)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [scale(10, 5)\] to [scale(20, 9)\] at (0.75) should be [scale(17.5, 8)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [scaleZ(1)\] to [scaleZ(2)\] at (-1) should be [scaleZ(0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [scaleX(10)\] to [scaleX(20)\] at (-1) should be [scaleX(0)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [none\] to [scale3d(2, 3, 5)\] at (0.25) should be [scale3d(1.25, 1.5, 2)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [scaleX(0)\] to [scaleY(0)\] at (0.25) should be [scale(0.25, 0.75)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [scaleZ(1)\] to [scaleZ(2)\] at (2) should be [scaleZ(3)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [scaleX(0)\] to [scaleY(0)\] at (0) should be [scale(0, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [scaleX(10) scaleY(0.5) scaleZ(1)\] to [scaleX(20) scaleY(1) scaleZ(2)\] at (-1) should be [scaleX(0) scaleY(0) scaleZ(0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [scaleX(0)\] to [scaleY(0)\] at (2) should be [scale(2, -1)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [scaleX(0)\] to [scaleY(0)\] at (0.25) should be [scale(0.25, 0.75)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [scaleX(10) scaleY(0.5) scaleZ(1)\] to [scaleX(20) scaleY(1) scaleZ(2)\] at (0) should be [scaleX(10) scaleY(0.5) scaleZ(1)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [scale(10, 5)\] to [scale(20, 9)\] at (0.25) should be [scale(12.5, 6)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [scale3d(10, 0.5, 1)\] to [scale3d(20, 1, 2)\] at (2) should be [scale3d(30, 1.5, 3)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [scale3d(10, 0.5, 1)\] to [scale3d(20, 1, 2)\] at (0.25) should be [scale3d(12.5, 0.625, 1.25)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [scale3d(10, 0.5, 1)\] to [scale3d(20, 1, 2)\] at (-1) should be [scale3d(0, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [scale(10, 5)\] to [scale(20, 9)\] at (0.75) should be [scale(17.5, 8)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [scale3d(2, 3, 5)\] to [none\] at (0.75) should be [scale3d(1.25, 1.5, 2)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [scaleZ(1)\] to [scaleZ(2)\] at (0.75) should be [scaleZ(1.75)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [scaleX(0)\] to [scaleY(0)\] at (-1) should be [scale(-1, 2)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [none\] to [scale3d(2, 3, 5)\] at (0.25) should be [scale3d(1.25, 1.5, 2)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [scale3d(10, 0.5, 1)\] to [scale3d(20, 1, 2)\] at (-1) should be [scale3d(0, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [scaleZ(1)\] to [scaleZ(2)\] at (0) should be [scaleZ(1)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [scaleY(5)\] to [scaleY(9)\] at (0) should be [scaleY(5)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [scaleX(10) scaleY(0.5) scaleZ(1)\] to [scaleX(20) scaleY(1) scaleZ(2)\] at (0.25) should be [scaleX(12.5) scaleY(0.625) scaleZ(1.25)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [scale(10, 5)\] to [scale(20, 9)\] at (2) should be [scale(30, 13)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [scale(10, 5)\] to [scale(20, 9)\] at (2) should be [scale(30, 13)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [scale3d(10, 0.5, 1)\] to [scale3d(20, 1, 2)\] at (0.25) should be [scale3d(12.5, 0.625, 1.25)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [scaleX(10)\] to [scaleX(20)\] at (0) should be [scaleX(10)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [scaleX(10) scaleY(0.5) scaleZ(1)\] to [scaleX(20) scaleY(1) scaleZ(2)\] at (0.75) should be [scaleX(17.5) scaleY(0.875) scaleZ(1.75)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [scaleY(5)\] to [scaleY(9)\] at (0.75) should be [scaleY(8)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [none\] to [scale3d(2, 3, 5)\] at (0) should be [scale3d(1, 1, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [scale3d(10, 0.5, 1)\] to [scale3d(20, 1, 2)\] at (2) should be [scale3d(30, 1.5, 3)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [scale3d(10, 0.5, 1)\] to [scale3d(20, 1, 2)\] at (0.75) should be [scale3d(17.5, 0.875, 1.75)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [scaleX(10)\] to [scaleX(20)\] at (2) should be [scaleX(30)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [scale(10, 5)\] to [scale(20, 9)\] at (-1) should be [scale(0, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [scaleX(0)\] to [scaleY(0)\] at (0.75) should be [scale(0.75, 0.25)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [scaleX(10)\] to [scaleX(20)\] at (-1) should be [scaleX(0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [scaleX(10)\] to [scaleX(20)\] at (0.25) should be [scaleX(12.5)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [none\] to [scale3d(2, 3, 5)\] at (0.75) should be [scale3d(1.75, 2.5, 4)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [scaleX(10)\] to [scaleX(20)\] at (0.75) should be [scaleX(17.5)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [scaleX(0)\] to [scaleY(0)\] at (0.75) should be [scale(0.75, 0.25)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [none\] to [scale3d(2, 3, 5)\] at (-1) should be [scale3d(0, -1, -3)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [scaleY(5)\] to [scaleY(9)\] at (-1) should be [scaleY(1)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [scale3d(2, 3, 5)\] to [none\] at (0.25) should be [scale3d(1.75, 2.5, 4)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [scaleY(5)\] to [scaleY(9)\] at (0.25) should be [scaleY(6)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [scaleY(5)\] to [scaleY(9)\] at (0) should be [scaleY(5)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [scale3d(10, 0.5, 1)\] to [scale3d(20, 1, 2)\] at (-1) should be [scale3d(0, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [scale(10, 5)\] to [scale(20, 9)\] at (0) should be [scale(10, 5)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [scale3d(10, 0.5, 1)\] to [scale3d(20, 1, 2)\] at (0.75) should be [scale3d(17.5, 0.875, 1.75)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [scaleX(10) scaleY(0.5) scaleZ(1)\] to [scaleX(20) scaleY(1) scaleZ(2)\] at (0) should be [scaleX(10) scaleY(0.5) scaleZ(1)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [scale(10, 5)\] to [scale(20, 9)\] at (2) should be [scale(30, 13)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [none\] to [scale3d(2, 3, 5)\] at (0.25) should be [scale3d(1.25, 1.5, 2)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [scale3d(10, 0.5, 1)\] to [scale3d(20, 1, 2)\] at (0) should be [scale3d(10, 0.5, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [scaleX(0)\] to [scaleY(0)\] at (0) should be [scale(0, 1)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [scaleZ(1)\] to [scaleZ(2)\] at (1) should be [scaleZ(2)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [scale3d(2, 3, 5)\] to [none\] at (2) should be [scale3d(0, -1, -3)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [scaleX(0)\] to [scaleY(0)\] at (-1) should be [scale(-1, 2)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [scaleX(0)\] to [scaleY(0)\] at (0) should be [scale(0, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [scaleX(10)\] to [scaleX(20)\] at (0.75) should be [scaleX(17.5)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [scale3d(10, 0.5, 1)\] to [scale3d(20, 1, 2)\] at (0.75) should be [scale3d(17.5, 0.875, 1.75)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [scaleX(10) scaleY(0.5) scaleZ(1)\] to [scaleX(20) scaleY(1) scaleZ(2)\] at (2) should be [scaleX(30) scaleY(1.5) scaleZ(3)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [scaleX(10) scaleY(0.5) scaleZ(1)\] to [scaleX(20) scaleY(1) scaleZ(2)\] at (1) should be [scaleX(20) scaleY(1) scaleZ(2)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [scaleX(10) scaleY(0.5) scaleZ(1)\] to [scaleX(20) scaleY(1) scaleZ(2)\] at (0.75) should be [scaleX(17.5) scaleY(0.875) scaleZ(1.75)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [scale3d(2, 3, 5)\] to [none\] at (2) should be [scale3d(0, -1, -3)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [scaleX(10) scaleY(0.5) scaleZ(1)\] to [scaleX(20) scaleY(1) scaleZ(2)\] at (0.75) should be [scaleX(17.5) scaleY(0.875) scaleZ(1.75)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [scaleX(10)\] to [scaleX(20)\] at (1) should be [scaleX(20)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [none\] to [scale3d(2, 3, 5)\] at (2) should be [scale3d(3, 5, 9)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [scale3d(2, 3, 5)\] to [none\] at (1) should be [scale3d(1, 1, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [scale3d(2, 3, 5)\] to [none\] at (0.25) should be [scale3d(1.75, 2.5, 4)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [none\] to [scale3d(2, 3, 5)\] at (2) should be [scale3d(3, 5, 9)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [scaleZ(1)\] to [scaleZ(2)\] at (0.25) should be [scaleZ(1.25)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [scale(10, 5)\] to [scale(20, 9)\] at (-1) should be [scale(0, 1)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [scale(10, 5)\] to [scale(20, 9)\] at (-1) should be [scale(0, 1)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [none\] to [scale3d(2, 3, 5)\] at (0.75) should be [scale3d(1.75, 2.5, 4)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [scaleZ(1)\] to [scaleZ(2)\] at (-1) should be [scaleZ(0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [scaleX(10)\] to [scaleX(20)\] at (0.75) should be [scaleX(17.5)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [scale3d(2, 3, 5)\] to [none\] at (-1) should be [scale3d(3, 5, 9)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [scale(10, 5)\] to [scale(20, 9)\] at (0) should be [scale(10, 5)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [scaleY(5)\] to [scaleY(9)\] at (-1) should be [scaleY(1)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [scaleX(10)\] to [scaleX(20)\] at (-1) should be [scaleX(0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [scaleX(10)\] to [scaleX(20)\] at (2) should be [scaleX(30)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [scaleX(0)\] to [scaleY(0)\] at (1) should be [scale(1, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [scaleX(10) scaleY(0.5) scaleZ(1)\] to [scaleX(20) scaleY(1) scaleZ(2)\] at (2) should be [scaleX(30) scaleY(1.5) scaleZ(3)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [scaleY(5)\] to [scaleY(9)\] at (1) should be [scaleY(9)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [scale(10, 5)\] to [scale(20, 9)\] at (0.25) should be [scale(12.5, 6)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [scale3d(10, 0.5, 1)\] to [scale3d(20, 1, 2)\] at (2) should be [scale3d(30, 1.5, 3)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [none\] to [scale3d(2, 3, 5)\] at (0) should be [scale3d(1, 1, 1)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [scaleZ(1)\] to [scaleZ(2)\] at (-1) should be [scaleZ(0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [none\] to [scale3d(2, 3, 5)\] at (-1) should be [scale3d(0, -1, -3)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [scale3d(2, 3, 5)\] to [none\] at (1) should be [scale3d(1, 1, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [scaleY(5)\] to [scaleY(9)\] at (0.75) should be [scaleY(8)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [scale3d(2, 3, 5)\] to [none\] at (-1) should be [scale3d(3, 5, 9)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [scaleZ(1)\] to [scaleZ(2)\] at (0) should be [scaleZ(1)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [scaleX(10) scaleY(0.5) scaleZ(1)\] to [scaleX(20) scaleY(1) scaleZ(2)\] at (-1) should be [scaleX(0) scaleY(0) scaleZ(0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [scale3d(10, 0.5, 1)\] to [scale3d(20, 1, 2)\] at (0) should be [scale3d(10, 0.5, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [scale3d(10, 0.5, 1)\] to [scale3d(20, 1, 2)\] at (0) should be [scale3d(10, 0.5, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [scale3d(10, 0.5, 1)\] to [scale3d(20, 1, 2)\] at (0.25) should be [scale3d(12.5, 0.625, 1.25)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [scaleX(10)\] to [scaleX(20)\] at (0.25) should be [scaleX(12.5)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [scaleX(10) scaleY(0.5) scaleZ(1)\] to [scaleX(20) scaleY(1) scaleZ(2)\] at (0.25) should be [scaleX(12.5) scaleY(0.625) scaleZ(1.25)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [scaleX(0)\] to [scaleY(0)\] at (0.25) should be [scale(0.25, 0.75)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [scaleZ(1)\] to [scaleZ(2)\] at (2) should be [scaleZ(3)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [none\] to [scale3d(2, 3, 5)\] at (-1) should be [scale3d(0, -1, -3)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [scale3d(2, 3, 5)\] to [none\] at (0.75) should be [scale3d(1.25, 1.5, 2)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [scale(10, 5)\] to [scale(20, 9)\] at (0.75) should be [scale(17.5, 8)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [scaleX(10)\] to [scaleX(20)\] at (0) should be [scaleX(10)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [scaleZ(1)\] to [scaleZ(2)\] at (2) should be [scaleZ(3)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [scale3d(2, 3, 5)\] to [none\] at (0) should be [scale3d(2, 3, 5)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [scale3d(2, 3, 5)\] to [none\] at (0.75) should be [scale3d(1.25, 1.5, 2)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [none\] to [scale3d(2, 3, 5)\] at (0.75) should be [scale3d(1.75, 2.5, 4)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [scale3d(2, 3, 5)\] to [none\] at (0.25) should be [scale3d(1.75, 2.5, 4)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [scaleZ(1)\] to [scaleZ(2)\] at (0.75) should be [scaleZ(1.75)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [scale3d(10, 0.5, 1)\] to [scale3d(20, 1, 2)\] at (1) should be [scale3d(20, 1, 2)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [scaleX(10) scaleY(0.5) scaleZ(1)\] to [scaleX(20) scaleY(1) scaleZ(2)\] at (-1) should be [scaleX(0) scaleY(0) scaleZ(0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [scaleY(5)\] to [scaleY(9)\] at (-1) should be [scaleY(1)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [scaleX(0)\] to [scaleY(0)\] at (2) should be [scale(2, -1)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [scaleY(5)\] to [scaleY(9)\] at (2) should be [scaleY(13)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [scaleZ(1)\] to [scaleZ(2)\] at (0.25) should be [scaleZ(1.25)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [scaleX(0)\] to [scaleY(0)\] at (0.75) should be [scale(0.75, 0.25)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [scaleX(10)\] to [scaleX(20)\] at (0.25) should be [scaleX(12.5)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [scale(10, 5)\] to [scale(20, 9)\] at (0.25) should be [scale(12.5, 6)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [none\] to [scale3d(2, 3, 5)\] at (0) should be [scale3d(1, 1, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [scaleY(5)\] to [scaleY(9)\] at (0.25) should be [scaleY(6)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [scaleX(0)\] to [scaleY(0)\] at (-1) should be [scale(-1, 2)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [scale3d(2, 3, 5)\] to [none\] at (1) should be [scale3d(1, 1, 1)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [none\] to [scale3d(2, 3, 5)\] at (1) should be [scale3d(2, 3, 5)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [scaleZ(1)\] to [scaleZ(2)\] at (0.25) should be [scaleZ(1.25)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [scaleY(5)\] to [scaleY(9)\] at (0) should be [scaleY(5)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [scaleY(5)\] to [scaleY(9)\] at (2) should be [scaleY(13)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [scaleX(0)\] to [scaleY(0)\] at (1) should be [scale(1, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [scaleY(5)\] to [scaleY(9)\] at (2) should be [scaleY(13)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [scaleX(10) scaleY(0.5) scaleZ(1)\] to [scaleX(20) scaleY(1) scaleZ(2)\] at (0) should be [scaleX(10) scaleY(0.5) scaleZ(1)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [scaleY(5)\] to [scaleY(9)\] at (0.75) should be [scaleY(8)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [scaleX(10)\] to [scaleX(20)\] at (2) should be [scaleX(30)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [scaleX(10)\] to [scaleX(20)\] at (0) should be [scaleX(10)\]]
+    expected: FAIL
+

tests/wpt/metadata-layout-2020/css/css-transforms/animation/transform-interpolation-003.html.ini

@@ -125,3 +125,345 @@
   [Web Animations: property <transform> from [translateY(70%) scaleZ(1)\] to [translateY(90%) scaleZ(2)\] at (0) should be [translateY(70%) scaleZ(1)\]]
     expected: FAIL
 
+  [CSS Transitions: property <transform> from [skewX(10rad)\] to [skewX(20rad)\] at (2) should be [skewX(30rad)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [skewX(10rad) scaleZ(1)\] to [skewX(20rad) scaleZ(2)\] at (0.25) should be [skewX(12.5rad) scaleZ(1.25)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [skewX(10rad) scaleZ(1)\] to [skewX(20rad) scaleZ(2)\] at (0.75) should be [skewX(17.5rad) scaleZ(1.75)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [translateY(70%) scaleZ(1)\] to [translateY(90%) scaleZ(2)\] at (-1) should be [translateY(50%) scaleZ(0)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [skewY(10rad)\] to [skewY(20rad)\] at (0.75) should be [skewY(17.5rad)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [translateY(70%)\] to [translateY(90%) scaleZ(2)\] at (2) should be [translateY(110%) scaleZ(3)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [translateY(70%) scaleZ(1)\] to [translateY(90%) scaleZ(2)\] at (0.25) should be [translateY(75%) scaleZ(1.25)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [translateY(70%)\] to [translateY(90%) scaleZ(2)\] at (2) should be [translateY(110%) scaleZ(3)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [skewX(10rad)\] to [skewX(20rad)\] at (0.75) should be [skewX(17.5rad)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [scaleZ(3) perspective(400px)\] to [scaleZ(4) skewX(1rad) perspective(500px)\] at (0.25) should be [scaleZ(3.25) matrix3d(1, 0, 0, 0, 0.389352, 1, 0, 0, 0, 0, 1, -0.002375, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [skewX(10rad) scaleZ(1)\] to [skewX(20rad) scaleZ(2)\] at (2) should be [skewX(30rad) scaleZ(3)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [scaleZ(3) perspective(400px)\] to [scaleZ(4) skewX(1rad) perspective(500px)\] at (0.75) should be [scaleZ(3.75) matrix3d(1, 0, 0, 0, 1.16806, 1, 0, 0, 0, 0, 1, -0.002125, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [translateY(70%)\] to [translateY(90%) scaleZ(2)\] at (0.75) should be [translateY(85%) scaleZ(1.75)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [skewX(10rad)\] to [skewX(20rad)\] at (2) should be [skewX(30rad)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [skewY(10rad)\] to [skewY(20rad)\] at (0.25) should be [skewY(12.5rad)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [scaleZ(3) perspective(400px)\] to [scaleZ(4) skewX(1rad) perspective(500px)\] at (0.75) should be [scaleZ(3.75) matrix3d(1, 0, 0, 0, 1.16806, 1, 0, 0, 0, 0, 1, -0.002125, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [translateY(70%) scaleZ(1)\] to [translateY(90%) scaleZ(2)\] at (0.75) should be [translateY(85%) scaleZ(1.75)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [skewX(10rad)\] to [skewX(20rad)\] at (2) should be [skewX(30rad)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [translateY(70%) scaleZ(1)\] to [translateY(90%) scaleZ(2)\] at (0) should be [translateY(70%) scaleZ(1)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [skewX(10rad) scaleZ(1)\] to [skewX(20rad) scaleZ(2)\] at (0.75) should be [skewX(17.5rad) scaleZ(1.75)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [scaleZ(3) perspective(400px)\] to [scaleZ(4) skewX(1rad) perspective(500px)\] at (0.75) should be [scaleZ(3.75) matrix3d(1, 0, 0, 0, 1.16806, 1, 0, 0, 0, 0, 1, -0.002125, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [translateY(70%)\] to [translateY(90%) scaleZ(2)\] at (0) should be [translateY(70%)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [translateY(70%) scaleZ(1)\] to [translateY(90%) scaleZ(2)\] at (2) should be [translateY(110%) scaleZ(3)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [skewY(10rad)\] to [skewY(20rad)\] at (2) should be [skewY(30rad)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [skewX(10rad) scaleZ(1)\] to [skewX(20rad) scaleZ(2)\] at (0) should be [skewX(10rad) scaleZ(1)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [skewY(10rad)\] to [skewY(20rad)\] at (0.75) should be [skewY(17.5rad)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [translateY(70%)\] to [translateY(90%) scaleZ(2)\] at (0.75) should be [translateY(85%) scaleZ(1.75)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [skewX(10rad)\] to [skewX(20rad)\] at (0.25) should be [skewX(12.5rad)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [scaleZ(3) perspective(400px)\] to [scaleZ(4) skewX(1rad) perspective(500px)\] at (1) should be [scaleZ(4) matrix3d(1, 0, 0, 0, 1.55741, 1, 0, 0, 0, 0, 1, -0.002, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [skewX(10rad)\] to [skewX(20rad)\] at (0.25) should be [skewX(12.5rad)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [skewX(10rad) scaleZ(1)\] to [skewX(20rad) scaleZ(2)\] at (1) should be [skewX(20rad) scaleZ(2)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [skewY(10rad)\] to [skewY(20rad)\] at (2) should be [skewY(30rad)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [skewX(10rad)\] to [skewX(20rad) scaleZ(2)\] at (-1) should be [skewX(0rad) scaleZ(0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [skewX(10rad)\] to [skewX(20rad) scaleZ(2)\] at (0) should be [skewX(10rad) scaleZ(1)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [scaleZ(3) perspective(400px)\] to [scaleZ(4) skewX(1rad) perspective(500px)\] at (1) should be [scaleZ(4) matrix3d(1, 0, 0, 0, 1.55741, 1, 0, 0, 0, 0, 1, -0.002, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [translateY(70%)\] to [translateY(90%) scaleZ(2)\] at (0.75) should be [translateY(85%) scaleZ(1.75)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [skewY(10rad)\] to [skewY(20rad)\] at (2) should be [skewY(30rad)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [translateY(70%) scaleZ(1)\] to [translateY(90%) scaleZ(2)\] at (-1) should be [translateY(50%) scaleZ(0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [translateY(70%) scaleZ(1)\] to [translateY(90%) scaleZ(2)\] at (0.25) should be [translateY(75%) scaleZ(1.25)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [skewX(10rad)\] to [skewX(20rad)\] at (0) should be [skewX(10rad)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [scaleZ(3) perspective(400px)\] to [scaleZ(4) skewX(1rad) perspective(500px)\] at (1) should be [scaleZ(4) matrix3d(1, 0, 0, 0, 1.55741, 1, 0, 0, 0, 0, 1, -0.002, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [translateY(70%)\] to [translateY(90%) scaleZ(2)\] at (0) should be [translateY(70%)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [scaleZ(3) perspective(400px)\] to [scaleZ(4) skewX(1rad) perspective(500px)\] at (2) should be [scaleZ(5) matrix3d(1, 0, 0, 0, 3.11482, 1, 0, 0, 0, 0, 1, -0.0015, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [skewX(10rad)\] to [skewX(20rad)\] at (0) should be [skewX(10rad)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [scaleZ(3) perspective(400px)\] to [scaleZ(4) skewX(1rad) perspective(500px)\] at (0) should be [scaleZ(3) matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, -0.0025, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [skewX(10rad)\] to [skewX(20rad)\] at (-1) should be [skewX(0rad)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [skewX(10rad) scaleZ(1)\] to [skewX(20rad) scaleZ(2)\] at (-1) should be [skewX(0rad) scaleZ(0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [translateY(70%)\] to [translateY(90%) scaleZ(2)\] at (1) should be [translateY(90%) scaleZ(2)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [skewX(10rad)\] to [skewX(20rad) scaleZ(2)\] at (0) should be [skewX(10rad) scaleZ(1)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [skewX(10rad)\] to [skewX(20rad) scaleZ(2)\] at (-1) should be [skewX(0rad) scaleZ(0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [skewX(10rad) scaleZ(1)\] to [skewX(20rad) scaleZ(2)\] at (0.25) should be [skewX(12.5rad) scaleZ(1.25)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [translateY(70%)\] to [translateY(90%) scaleZ(2)\] at (0) should be [translateY(70%)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [skewX(10rad) scaleZ(1)\] to [skewX(20rad) scaleZ(2)\] at (2) should be [skewX(30rad) scaleZ(3)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [scaleZ(3) perspective(400px)\] to [scaleZ(4) skewX(1rad) perspective(500px)\] at (0.25) should be [scaleZ(3.25) matrix3d(1, 0, 0, 0, 0.389352, 1, 0, 0, 0, 0, 1, -0.002375, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [skewX(10rad)\] to [skewX(20rad) scaleZ(2)\] at (2) should be [skewX(30rad) scaleZ(3)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [scaleZ(3) perspective(400px)\] to [scaleZ(4) skewX(1rad) perspective(500px)\] at (-1) should be [scaleZ(2) matrix3d(1, 0, 0, 0, -1.55741, 1, 0, 0, 0, 0, 1, -0.003, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [skewX(10rad)\] to [skewX(20rad) scaleZ(2)\] at (0.75) should be [skewX(17.5rad) scaleZ(1.75)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [skewX(10rad)\] to [skewX(20rad) scaleZ(2)\] at (2) should be [skewX(30rad) scaleZ(3)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [translateY(70%) scaleZ(1)\] to [translateY(90%) scaleZ(2)\] at (0) should be [translateY(70%) scaleZ(1)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [translateY(70%)\] to [translateY(90%) scaleZ(2)\] at (-1) should be [translateY(50%) scaleZ(0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [scaleZ(3) perspective(400px)\] to [scaleZ(4) skewX(1rad) perspective(500px)\] at (-1) should be [scaleZ(2) matrix3d(1, 0, 0, 0, -1.55741, 1, 0, 0, 0, 0, 1, -0.003, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [skewX(10rad)\] to [skewX(20rad) scaleZ(2)\] at (0.75) should be [skewX(17.5rad) scaleZ(1.75)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [skewX(10rad) scaleZ(1)\] to [skewX(20rad) scaleZ(2)\] at (0.25) should be [skewX(12.5rad) scaleZ(1.25)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [skewY(10rad)\] to [skewY(20rad)\] at (0.25) should be [skewY(12.5rad)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [translateY(70%) scaleZ(1)\] to [translateY(90%) scaleZ(2)\] at (0) should be [translateY(70%) scaleZ(1)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [skewX(10rad) scaleZ(1)\] to [skewX(20rad) scaleZ(2)\] at (-1) should be [skewX(0rad) scaleZ(0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [translateY(70%) scaleZ(1)\] to [translateY(90%) scaleZ(2)\] at (-1) should be [translateY(50%) scaleZ(0)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [translateY(70%)\] to [translateY(90%) scaleZ(2)\] at (0.25) should be [translateY(75%) scaleZ(1.25)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [skewX(10rad)\] to [skewX(20rad) scaleZ(2)\] at (0.25) should be [skewX(12.5rad) scaleZ(1.25)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [translateY(70%) scaleZ(1)\] to [translateY(90%) scaleZ(2)\] at (2) should be [translateY(110%) scaleZ(3)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [skewY(10rad)\] to [skewY(20rad)\] at (-1) should be [skewY(0rad)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [scaleZ(3) perspective(400px)\] to [scaleZ(4) skewX(1rad) perspective(500px)\] at (0) should be [scaleZ(3) matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, -0.0025, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [translateY(70%)\] to [translateY(90%) scaleZ(2)\] at (2) should be [translateY(110%) scaleZ(3)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [scaleZ(3) perspective(400px)\] to [scaleZ(4) skewX(1rad) perspective(500px)\] at (2) should be [scaleZ(5) matrix3d(1, 0, 0, 0, 3.11482, 1, 0, 0, 0, 0, 1, -0.0015, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [translateY(70%) scaleZ(1)\] to [translateY(90%) scaleZ(2)\] at (0.75) should be [translateY(85%) scaleZ(1.75)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [skewX(10rad)\] to [skewX(20rad) scaleZ(2)\] at (-1) should be [skewX(0rad) scaleZ(0)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [skewX(10rad)\] to [skewX(20rad)\] at (-1) should be [skewX(0rad)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [skewX(10rad)\] to [skewX(20rad) scaleZ(2)\] at (2) should be [skewX(30rad) scaleZ(3)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [skewX(10rad) scaleZ(1)\] to [skewX(20rad) scaleZ(2)\] at (2) should be [skewX(30rad) scaleZ(3)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [translateY(70%) scaleZ(1)\] to [translateY(90%) scaleZ(2)\] at (1) should be [translateY(90%) scaleZ(2)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [skewY(10rad)\] to [skewY(20rad)\] at (0) should be [skewY(10rad)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [skewY(10rad)\] to [skewY(20rad)\] at (0.75) should be [skewY(17.5rad)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [skewX(10rad) scaleZ(1)\] to [skewX(20rad) scaleZ(2)\] at (0) should be [skewX(10rad) scaleZ(1)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [skewY(10rad)\] to [skewY(20rad)\] at (0) should be [skewY(10rad)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [skewY(10rad)\] to [skewY(20rad)\] at (-1) should be [skewY(0rad)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [scaleZ(3) perspective(400px)\] to [scaleZ(4) skewX(1rad) perspective(500px)\] at (2) should be [scaleZ(5) matrix3d(1, 0, 0, 0, 3.11482, 1, 0, 0, 0, 0, 1, -0.0015, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [skewX(10rad)\] to [skewX(20rad)\] at (0) should be [skewX(10rad)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [skewX(10rad)\] to [skewX(20rad)\] at (0.75) should be [skewX(17.5rad)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [skewX(10rad) scaleZ(1)\] to [skewX(20rad) scaleZ(2)\] at (-1) should be [skewX(0rad) scaleZ(0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [skewX(10rad)\] to [skewX(20rad)\] at (1) should be [skewX(20rad)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [translateY(70%)\] to [translateY(90%) scaleZ(2)\] at (0.25) should be [translateY(75%) scaleZ(1.25)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [skewX(10rad)\] to [skewX(20rad) scaleZ(2)\] at (0) should be [skewX(10rad) scaleZ(1)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [translateY(70%)\] to [translateY(90%) scaleZ(2)\] at (-1) should be [translateY(50%) scaleZ(0)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [skewX(10rad)\] to [skewX(20rad) scaleZ(2)\] at (0.75) should be [skewX(17.5rad) scaleZ(1.75)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [skewX(10rad)\] to [skewX(20rad)\] at (0.75) should be [skewX(17.5rad)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [skewX(10rad)\] to [skewX(20rad) scaleZ(2)\] at (1) should be [skewX(20rad) scaleZ(2)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [skewX(10rad) scaleZ(1)\] to [skewX(20rad) scaleZ(2)\] at (0.75) should be [skewX(17.5rad) scaleZ(1.75)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [skewX(10rad)\] to [skewX(20rad) scaleZ(2)\] at (0.25) should be [skewX(12.5rad) scaleZ(1.25)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [scaleZ(3) perspective(400px)\] to [scaleZ(4) skewX(1rad) perspective(500px)\] at (0) should be [scaleZ(3) matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, -0.0025, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [scaleZ(3) perspective(400px)\] to [scaleZ(4) skewX(1rad) perspective(500px)\] at (0.25) should be [scaleZ(3.25) matrix3d(1, 0, 0, 0, 0.389352, 1, 0, 0, 0, 0, 1, -0.002375, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [skewY(10rad)\] to [skewY(20rad)\] at (0.25) should be [skewY(12.5rad)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [translateY(70%)\] to [translateY(90%) scaleZ(2)\] at (-1) should be [translateY(50%) scaleZ(0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [skewX(10rad) scaleZ(1)\] to [skewX(20rad) scaleZ(2)\] at (0) should be [skewX(10rad) scaleZ(1)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [skewY(10rad)\] to [skewY(20rad)\] at (-1) should be [skewY(0rad)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [translateY(70%) scaleZ(1)\] to [translateY(90%) scaleZ(2)\] at (0.25) should be [translateY(75%) scaleZ(1.25)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [translateY(70%) scaleZ(1)\] to [translateY(90%) scaleZ(2)\] at (0.75) should be [translateY(85%) scaleZ(1.75)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [skewX(10rad)\] to [skewX(20rad)\] at (0.25) should be [skewX(12.5rad)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [skewX(10rad)\] to [skewX(20rad) scaleZ(2)\] at (0.25) should be [skewX(12.5rad) scaleZ(1.25)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [skewX(10rad)\] to [skewX(20rad)\] at (-1) should be [skewX(0rad)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [translateY(70%) scaleZ(1)\] to [translateY(90%) scaleZ(2)\] at (2) should be [translateY(110%) scaleZ(3)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [translateY(70%)\] to [translateY(90%) scaleZ(2)\] at (0.25) should be [translateY(75%) scaleZ(1.25)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [skewY(10rad)\] to [skewY(20rad)\] at (0) should be [skewY(10rad)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [scaleZ(3) perspective(400px)\] to [scaleZ(4) skewX(1rad) perspective(500px)\] at (-1) should be [scaleZ(2) matrix3d(1, 0, 0, 0, -1.55741, 1, 0, 0, 0, 0, 1, -0.003, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [skewY(10rad)\] to [skewY(20rad)\] at (1) should be [skewY(20rad)\]]
+    expected: FAIL
+

tests/wpt/metadata-layout-2020/css/css-transforms/animation/transform-interpolation-004.html.ini

@@ -215,3 +215,609 @@
   [Web Animations: property <transform> from [skewX(10rad) translateY(70%)\] to [skewX(20rad) translateY(90%)\] at (1) should be [skewX(20rad) translateY(90%)\]]
     expected: FAIL
 
+  [CSS Transitions with transition: all: property <transform> from [translate3d(8px, -4px, 12px) skewX(1rad) perspective(400px)\] to [translate3d(4px, -12px, 8px) skewX(2rad) scaleY(2)\] at (0.25) should be [translate3d(7px, -6px, 11px) skewX(1.25rad) matrix3d(1, 0, 0, 0, 0, 1.25, 0, 0, 0, 0, 1, -0.001875, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [translateX(12px) translateY(70%) translateZ(2em)\] to [translateX(13px) translateY(90%) translateZ(3em)\] at (-1) should be [translateX(11px) translateY(50%) translateZ(1em)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [translateX(12px) translateY(70%) translateZ(2em)\] to [translateX(13px) translateY(90%) translateZ(3em)\] at (0.75) should be [translateX(12.75px) translateY(85%) translateZ(2.75em)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [translateY(70%)\] to [translateY(90%)\] at (-1) should be [translateY(50%)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [translate3d(12px, 70%, 2em)\] to [translate3d(13px, 90%, 3em)\] at (0.75) should be [translate3d(12.75px, 85%, 2.75em)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [skewX(10rad) translateY(70%)\] to [skewX(20rad) translateY(90%)\] at (0.75) should be [skewX(17.5rad) translateY(85%)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [skewX(10rad) translateY(70%)\] to [skewX(20rad) translateY(90%)\] at (0.25) should be [skewX(12.5rad) translateY(75%)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [translateY(70%)\] to [translateY(90%)\] at (0.75) should be [translateY(85%)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [translate3d(12px, 70%, 2em)\] to [translate3d(13px, 90%, 3em)\] at (0.25) should be [translate3d(12.25px, 75%, 2.25em)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [translate3d(8px, -4px, 12px) skewX(1rad) perspective(400px)\] to [translate3d(4px, -12px, 8px) skewX(2rad) scaleY(2)\] at (-1) should be [translate3d(12px, 4px, 16px) skewX(0rad) matrix3d(1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, -0.005, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [translate(12px, 70%)\] to [translate(13px, 90%)\] at (0) should be [translate(12px, 70%)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [translateZ(2em)\] to [translateZ(3em)\] at (0.75) should be [translateZ(2.75em)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [translate3d(8px, -4px, 12px) skewX(1rad) perspective(400px)\] to [translate3d(4px, -12px, 8px) scaleY(2) perspective(500px)\] at (-1) should be [translate3d(12px, 4px, 16px) matrix3d(1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, -0.003, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [translate3d(8px, -4px, 12px) skewX(1rad) perspective(400px)\] to [translate3d(4px, -12px, 8px) scaleY(2) perspective(500px)\] at (-1) should be [translate3d(12px, 4px, 16px) matrix3d(1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, -0.003, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [translateZ(2em)\] to [translateZ(3em)\] at (0.75) should be [translateZ(2.75em)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [translateX(12px)\] to [translateX(13px)\] at (2) should be [translateX(14px)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [translate3d(8px, -4px, 12px) skewX(1rad) perspective(400px)\] to [scaleY(2) skewX(2rad) perspective(500px)\] at (0) should be [matrix3d(1, 0, 0, 0, 1.5574077246549023, 1, 0, 0, -0.02, 0.01, 0.97, -0.0025, 8, -4, 12, 1)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [translateX(12px)\] to [translateX(13px)\] at (0.25) should be [translateX(12.25px)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [skewX(10rad) translateY(70%)\] to [skewX(20rad) translateY(90%)\] at (0) should be [skewX(10rad) translateY(70%)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [translateY(70%)\] to [translateY(90%)\] at (0) should be [translateY(70%)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [translate(12px, 70%)\] to [translate(13px, 90%)\] at (0.75) should be [translate(12.75px, 85%)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [translate(12px, 70%)\] to [translate(13px, 90%)\] at (0.25) should be [translate(12.25px, 75%)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [translate(12px, 70%)\] to [translate(13px, 90%)\] at (2) should be [translate(14px, 110%)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [translate3d(8px, -4px, 12px) skewX(1rad) perspective(400px)\] to [scaleY(2) skewX(2rad) perspective(500px)\] at (2) should be [matrix3d(1, 0, 0, 0, -11.227342763749263, 3, 0, 0, 0.021237113402061854, -0.010618556701030927, 1.03, -0.0014653608247422677, -8, 4, -12, 0.9861443298969074)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [translateY(70%)\] to [translateY(90%)\] at (0.25) should be [translateY(75%)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [translate3D(100px, 200px, 300px)\] to [none\] at (-1) should be [matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 200, 400, 600, 1)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [translateZ(2em)\] to [translateZ(3em)\] at (-1) should be [translateZ(1em)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [translate3d(8px, -4px, 12px) skewX(1rad) perspective(400px)\] to [translate3d(4px, -12px, 8px) skewX(2rad) scaleY(2)\] at (0.25) should be [translate3d(7px, -6px, 11px) skewX(1.25rad) matrix3d(1, 0, 0, 0, 0, 1.25, 0, 0, 0, 0, 1, -0.001875, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [translate3d(8px, -4px, 12px) skewX(1rad) perspective(400px)\] to [translate3d(4px, -12px, 8px) scaleY(2) perspective(500px)\] at (0) should be [translate3d(8px, -4px, 12px) matrix3d(1, 0, 0, 0, 1.55741, 1, 0, 0, 0, 0, 1, -0.0025, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [translateX(12px)\] to [translateX(13px)\] at (0.75) should be [translateX(12.75px)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [translateY(70%)\] to [translateY(90%)\] at (0.75) should be [translateY(85%)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [translate3d(8px, -4px, 12px) skewX(1rad) perspective(400px)\] to [scaleY(2) skewX(2rad) perspective(500px)\] at (0.25) should be [matrix3d(1, 0, 0, 0, 1.1186572632293585, 1.25, 0, 0, -0.0151159793814433, 0.00755798969072165, 0.9775, -0.002378247422680413, 6, -3, 9, 1.0012989690721648)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [translateX(12px) translateY(70%) translateZ(2em)\] to [translateX(13px) translateY(90%) translateZ(3em)\] at (0) should be [translateX(12px) translateY(70%) translateZ(2em)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [translate3d(8px, -4px, 12px) skewX(1rad) perspective(400px)\] to [translate3d(4px, -12px, 8px) skewX(2rad) scaleY(2)\] at (2) should be [translate3d(0px, -20px, 4px) skewX(3rad) matrix3d(1, 0, 0, 0, 0, 3, 0, 0, 0, 0, 1, 0.0025, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [translate3d(8px, -4px, 12px) skewX(1rad) perspective(400px)\] to [scaleY(2) skewX(2rad) perspective(500px)\] at (0.75) should be [matrix3d(1, 0, 0, 0, -0.7525665307288518, 1.75, 0, 0, -0.005115979381443298, 0.002557989690721649, 0.9924999999999999, -0.002128247422680412, 2, -1, 3, 1.001298969072165)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [translateX(12px)\] to [translateX(13px)\] at (0.25) should be [translateX(12.25px)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [translate3d(12px, 70%, 2em)\] to [translate3d(13px, 90%, 3em)\] at (1) should be [translate3d(13px, 90%, 3em)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [translate3d(12px, 70%, 2em)\] to [translate3d(13px, 90%, 3em)\] at (-1) should be [translate3d(11px, 50%, 1em)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [translate3D(100px, 200px, 300px)\] to [none\] at (-1) should be [matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 200, 400, 600, 1)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [translate3D(100px, 200px, 300px)\] to [none\] at (1) should be [matrix(1, 0, 0, 1, 0, 0) \]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [translate3d(8px, -4px, 12px) skewX(1rad) perspective(400px)\] to [translate3d(4px, -12px, 8px) skewX(2rad) scaleY(2)\] at (0.25) should be [translate3d(7px, -6px, 11px) skewX(1.25rad) matrix3d(1, 0, 0, 0, 0, 1.25, 0, 0, 0, 0, 1, -0.001875, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [translate3d(8px, -4px, 12px) skewX(1rad) perspective(400px)\] to [scaleY(2) skewX(2rad) perspective(500px)\] at (-1) should be [matrix3d(1, 0, 0, 0, 0, 0, 0, 0, -0.03876288659793814, 0.01938144329896907, 0.94, -0.0029653608247422686, 16, -8, 24, 0.986144329896907)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [translate3d(12px, 70%, 2em)\] to [translate3d(13px, 90%, 3em)\] at (2) should be [translate3d(14px, 110%, 4em)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [translate3d(8px, -4px, 12px) skewX(1rad) perspective(400px)\] to [translate3d(4px, -12px, 8px) skewX(2rad) scaleY(2)\] at (0.75) should be [translate3d(5px, -10px, 9px) skewX(1.75rad) matrix3d(1, 0, 0, 0, 0, 1.75, 0, 0, 0, 0, 1, -0.000625, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [skewX(1rad)\] to [translate3d(8px, -4px, 12px) skewX(2rad)\] at (0.25) should be [matrix3d(1, 0, 0, 0, 0.621795827675797, 1, 0, 0, 0, 0, 1, 0, 2, -1, 3, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [translateX(12px)\] to [translateX(13px)\] at (0) should be [translateX(12px)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [translate3D(100px, 200px, 300px)\] to [none\] at (0.25) should be [matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 75, 150, 225, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [skewX(1rad)\] to [translate3d(8px, -4px, 12px) skewX(2rad)\] at (0) should be [matrix(1, 0, 1.5574077246549023, 1, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [translateX(12px) translateY(70%) translateZ(2em)\] to [translateX(13px) translateY(90%) translateZ(3em)\] at (0.75) should be [translateX(12.75px) translateY(85%) translateZ(2.75em)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [translate3d(8px, -4px, 12px) skewX(1rad) perspective(400px)\] to [scaleY(2) skewX(2rad) perspective(500px)\] at (2) should be [matrix3d(1, 0, 0, 0, -11.227342763749263, 3, 0, 0, 0.021237113402061854, -0.010618556701030927, 1.03, -0.0014653608247422677, -8, 4, -12, 0.9861443298969074)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [translateX(12px) translateY(70%) translateZ(2em)\] to [translateX(13px) translateY(90%) translateZ(3em)\] at (0.25) should be [translateX(12.25px) translateY(75%) translateZ(2.25em)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [translateY(70%)\] to [translateY(90%)\] at (0.25) should be [translateY(75%)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [translateX(12px)\] to [translateX(13px)\] at (2) should be [translateX(14px)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [translateX(12px) translateY(70%) translateZ(2em)\] to [translateX(13px) translateY(90%) translateZ(3em)\] at (2) should be [translateX(14px) translateY(110%) translateZ(4em)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [translateX(12px)\] to [translateX(13px)\] at (2) should be [translateX(14px)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [translate3d(8px, -4px, 12px) skewX(1rad) perspective(400px)\] to [scaleY(2) skewX(2rad) perspective(500px)\] at (-1) should be [matrix3d(1, 0, 0, 0, 0, 0, 0, 0, -0.03876288659793814, 0.01938144329896907, 0.94, -0.0029653608247422686, 16, -8, 24, 0.986144329896907)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [translate3d(8px, -4px, 12px) skewX(1rad) perspective(400px)\] to [translate3d(4px, -12px, 8px) scaleY(2) perspective(500px)\] at (1) should be [translate3d(4px, -12px, 8px) matrix3d(1, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1, -0.002, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [translate3D(100px, 200px, 300px)\] to [none\] at (0.75) should be [matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 25, 50, 75, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [skewX(1rad)\] to [translate3d(8px, -4px, 12px) skewX(2rad)\] at (0) should be [matrix(1, 0, 1.5574077246549023, 1, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [skewX(1rad)\] to [translate3d(8px, -4px, 12px) skewX(2rad)\] at (1) should be [matrix3d(1, 0, 0, 0, -2.185039863261519, 1, 0, 0, 0, 0, 1, 0, 8, -4, 12, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [translate(12px, 70%)\] to [translate(13px, 90%)\] at (-1) should be [translate(11px, 50%)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [translate3d(8px, -4px, 12px) skewX(1rad) perspective(400px)\] to [translate3d(4px, -12px, 8px) scaleY(2) perspective(500px)\] at (2) should be [translate3d(0px, -20px, 4px) matrix3d(1, 0, 0, 0, -4.67222, 3, 0, 0, 0, 0, 1, -0.0015, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [translateY(70%)\] to [translateY(90%)\] at (0.25) should be [translateY(75%)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [translate3d(8px, -4px, 12px) skewX(1rad) perspective(400px)\] to [translate3d(4px, -12px, 8px) skewX(2rad) scaleY(2)\] at (0) should be [translate3d(8px, -4px, 12px) skewX(1rad) matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, -0.0025, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [translate3d(8px, -4px, 12px) skewX(1rad) perspective(400px)\] to [scaleY(2) skewX(2rad) perspective(500px)\] at (1) should be [matrix3d(1, 0, 0, 0, -2.185039863261519, 2, 0, 0, 0, 0, 1, -0.002, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [translate(12px, 70%)\] to [translate(13px, 90%)\] at (0.75) should be [translate(12.75px, 85%)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [translate(12px, 70%)\] to [translate(13px, 90%)\] at (2) should be [translate(14px, 110%)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [skewX(1rad)\] to [translate3d(8px, -4px, 12px) skewX(2rad)\] at (0.75) should be [matrix3d(1, 0, 0, 0, -1.2494279662824135, 1, 0, 0, 0, 0, 1, 0, 6, -3, 9, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [skewX(10rad) translateY(70%)\] to [skewX(20rad) translateY(90%)\] at (0.25) should be [skewX(12.5rad) translateY(75%)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [skewX(1rad)\] to [translate3d(8px, -4px, 12px) skewX(2rad)\] at (2) should be [matrix3d(1, 0, 0, 0, -5.9274874511779405, 1, 0, 0, 0, 0, 1, 0, 16, -8, 24, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [translate3d(12px, 70%, 2em)\] to [translate3d(13px, 90%, 3em)\] at (0.25) should be [translate3d(12.25px, 75%, 2.25em)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [translateX(12px) translateY(70%) translateZ(2em)\] to [translateX(13px) translateY(90%) translateZ(3em)\] at (-1) should be [translateX(11px) translateY(50%) translateZ(1em)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [translate(12px, 70%)\] to [translate(13px, 90%)\] at (0) should be [translate(12px, 70%)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [translateZ(2em)\] to [translateZ(3em)\] at (0.75) should be [translateZ(2.75em)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [translate3D(100px, 200px, 300px)\] to [none\] at (1) should be [matrix(1, 0, 0, 1, 0, 0) \]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [translateZ(2em)\] to [translateZ(3em)\] at (0) should be [translateZ(2em)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [translate3D(100px, 200px, 300px)\] to [none\] at (0) should be [matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 100, 200, 300, 1)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [translate3d(8px, -4px, 12px) skewX(1rad) perspective(400px)\] to [translate3d(4px, -12px, 8px) skewX(2rad) scaleY(2)\] at (-1) should be [translate3d(12px, 4px, 16px) skewX(0rad) matrix3d(1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, -0.005, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [translate3d(12px, 70%, 2em)\] to [translate3d(13px, 90%, 3em)\] at (-1) should be [translate3d(11px, 50%, 1em)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [translate(12px, 70%)\] to [translate(13px, 90%)\] at (-1) should be [translate(11px, 50%)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [translateX(12px)\] to [translateX(13px)\] at (0.25) should be [translateX(12.25px)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [translate3d(12px, 70%, 2em)\] to [translate3d(13px, 90%, 3em)\] at (0.25) should be [translate3d(12.25px, 75%, 2.25em)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [translateX(12px) translateY(70%) translateZ(2em)\] to [translateX(13px) translateY(90%) translateZ(3em)\] at (2) should be [translateX(14px) translateY(110%) translateZ(4em)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [skewX(10rad) translateY(70%)\] to [skewX(20rad) translateY(90%)\] at (2) should be [skewX(30rad) translateY(110%)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [translateX(12px) translateY(70%) translateZ(2em)\] to [translateX(13px) translateY(90%) translateZ(3em)\] at (0.25) should be [translateX(12.25px) translateY(75%) translateZ(2.25em)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [translateY(70%)\] to [translateY(90%)\] at (-1) should be [translateY(50%)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [skewX(10rad) translateY(70%)\] to [skewX(20rad) translateY(90%)\] at (-1) should be [skewX(0rad) translateY(50%)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [skewX(1rad)\] to [translate3d(8px, -4px, 12px) skewX(2rad)\] at (0) should be [matrix(1, 0, 1.5574077246549023, 1, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [translate3d(12px, 70%, 2em)\] to [translate3d(13px, 90%, 3em)\] at (-1) should be [translate3d(11px, 50%, 1em)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [translate3d(8px, -4px, 12px) skewX(1rad) perspective(400px)\] to [scaleY(2) skewX(2rad) perspective(500px)\] at (1) should be [matrix3d(1, 0, 0, 0, -2.185039863261519, 2, 0, 0, 0, 0, 1, -0.002, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [translateZ(2em)\] to [translateZ(3em)\] at (0.25) should be [translateZ(2.25em)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [translateY(70%)\] to [translateY(90%)\] at (2) should be [translateY(110%)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [translate3D(100px, 200px, 300px)\] to [none\] at (2) should be [matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -100, -200, -300, 1)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [translateX(12px) translateY(70%) translateZ(2em)\] to [translateX(13px) translateY(90%) translateZ(3em)\] at (0) should be [translateX(12px) translateY(70%) translateZ(2em)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [translate(12px, 70%)\] to [translate(13px, 90%)\] at (1) should be [translate(13px, 90%)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [translate3d(8px, -4px, 12px) skewX(1rad) perspective(400px)\] to [translate3d(4px, -12px, 8px) scaleY(2) perspective(500px)\] at (0) should be [translate3d(8px, -4px, 12px) matrix3d(1, 0, 0, 0, 1.55741, 1, 0, 0, 0, 0, 1, -0.0025, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [translateY(70%)\] to [translateY(90%)\] at (2) should be [translateY(110%)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [skewX(10rad) translateY(70%)\] to [skewX(20rad) translateY(90%)\] at (1) should be [skewX(20rad) translateY(90%)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [translate3D(100px, 200px, 300px)\] to [none\] at (1) should be [matrix(1, 0, 0, 1, 0, 0) \]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [translateZ(2em)\] to [translateZ(3em)\] at (-1) should be [translateZ(1em)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [translateZ(2em)\] to [translateZ(3em)\] at (0.25) should be [translateZ(2.25em)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [translate3d(8px, -4px, 12px) skewX(1rad) perspective(400px)\] to [scaleY(2) skewX(2rad) perspective(500px)\] at (0) should be [matrix3d(1, 0, 0, 0, 1.5574077246549023, 1, 0, 0, -0.02, 0.01, 0.97, -0.0025, 8, -4, 12, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [translate3d(12px, 70%, 2em)\] to [translate3d(13px, 90%, 3em)\] at (0) should be [translate3d(12px, 70%, 2em)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [translate3d(12px, 70%, 2em)\] to [translate3d(13px, 90%, 3em)\] at (2) should be [translate3d(14px, 110%, 4em)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [skewX(10rad) translateY(70%)\] to [skewX(20rad) translateY(90%)\] at (-1) should be [skewX(0rad) translateY(50%)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [translate3d(8px, -4px, 12px) skewX(1rad) perspective(400px)\] to [translate3d(4px, -12px, 8px) skewX(2rad) scaleY(2)\] at (2) should be [translate3d(0px, -20px, 4px) skewX(3rad) matrix3d(1, 0, 0, 0, 0, 3, 0, 0, 0, 0, 1, 0.0025, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [translateX(12px) translateY(70%) translateZ(2em)\] to [translateX(13px) translateY(90%) translateZ(3em)\] at (0.25) should be [translateX(12.25px) translateY(75%) translateZ(2.25em)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [translate3D(100px, 200px, 300px)\] to [none\] at (0) should be [matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 100, 200, 300, 1)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [translate3d(8px, -4px, 12px) skewX(1rad) perspective(400px)\] to [translate3d(4px, -12px, 8px) skewX(2rad) scaleY(2)\] at (1) should be [translate3d(4px, -12px, 8px) skewX(2rad) matrix(1, 0, 0, 2, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [translate3d(8px, -4px, 12px) skewX(1rad) perspective(400px)\] to [scaleY(2) skewX(2rad) perspective(500px)\] at (0.25) should be [matrix3d(1, 0, 0, 0, 1.1186572632293585, 1.25, 0, 0, -0.0151159793814433, 0.00755798969072165, 0.9775, -0.002378247422680413, 6, -3, 9, 1.0012989690721648)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [skewX(1rad)\] to [translate3d(8px, -4px, 12px) skewX(2rad)\] at (0.25) should be [matrix3d(1, 0, 0, 0, 0.621795827675797, 1, 0, 0, 0, 0, 1, 0, 2, -1, 3, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [translate(12px, 70%)\] to [translate(13px, 90%)\] at (2) should be [translate(14px, 110%)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [translate3d(8px, -4px, 12px) skewX(1rad) perspective(400px)\] to [translate3d(4px, -12px, 8px) scaleY(2) perspective(500px)\] at (2) should be [translate3d(0px, -20px, 4px) matrix3d(1, 0, 0, 0, -4.67222, 3, 0, 0, 0, 0, 1, -0.0015, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [translate3d(8px, -4px, 12px) skewX(1rad) perspective(400px)\] to [translate3d(4px, -12px, 8px) scaleY(2) perspective(500px)\] at (-1) should be [translate3d(12px, 4px, 16px) matrix3d(1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, -0.003, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [skewX(10rad) translateY(70%)\] to [skewX(20rad) translateY(90%)\] at (0) should be [skewX(10rad) translateY(70%)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [translateZ(2em)\] to [translateZ(3em)\] at (0) should be [translateZ(2em)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [translateY(70%)\] to [translateY(90%)\] at (2) should be [translateY(110%)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [translate3d(8px, -4px, 12px) skewX(1rad) perspective(400px)\] to [scaleY(2) skewX(2rad) perspective(500px)\] at (0.75) should be [matrix3d(1, 0, 0, 0, -0.7525665307288518, 1.75, 0, 0, -0.005115979381443298, 0.002557989690721649, 0.9924999999999999, -0.002128247422680412, 2, -1, 3, 1.001298969072165)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [translateX(12px)\] to [translateX(13px)\] at (1) should be [translateX(13px)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [translate(12px, 70%)\] to [translate(13px, 90%)\] at (0.25) should be [translate(12.25px, 75%)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [translateZ(2em)\] to [translateZ(3em)\] at (2) should be [translateZ(4em)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [skewX(1rad)\] to [translate3d(8px, -4px, 12px) skewX(2rad)\] at (1) should be [matrix3d(1, 0, 0, 0, -2.185039863261519, 1, 0, 0, 0, 0, 1, 0, 8, -4, 12, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [translate3D(100px, 200px, 300px)\] to [none\] at (0.75) should be [matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 25, 50, 75, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [skewX(1rad)\] to [translate3d(8px, -4px, 12px) skewX(2rad)\] at (1) should be [matrix3d(1, 0, 0, 0, -2.185039863261519, 1, 0, 0, 0, 0, 1, 0, 8, -4, 12, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [translate3d(8px, -4px, 12px) skewX(1rad) perspective(400px)\] to [translate3d(4px, -12px, 8px) scaleY(2) perspective(500px)\] at (1) should be [translate3d(4px, -12px, 8px) matrix3d(1, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1, -0.002, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [translate(12px, 70%)\] to [translate(13px, 90%)\] at (-1) should be [translate(11px, 50%)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [translate3d(8px, -4px, 12px) skewX(1rad) perspective(400px)\] to [translate3d(4px, -12px, 8px) scaleY(2) perspective(500px)\] at (0.25) should be [translate3d(7px, -6px, 11px) matrix3d(1, 0, 0, 0, 1.46007, 1.25, 0, 0, 0, 0, 1, -0.002375, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [translateY(70%)\] to [translateY(90%)\] at (0) should be [translateY(70%)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [translateX(12px)\] to [translateX(13px)\] at (0.75) should be [translateX(12.75px)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [skewX(10rad) translateY(70%)\] to [skewX(20rad) translateY(90%)\] at (0.75) should be [skewX(17.5rad) translateY(85%)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [skewX(1rad)\] to [translate3d(8px, -4px, 12px) skewX(2rad)\] at (-1) should be [matrix3d(1, 0, 0, 0, 5.2998553125713235, 1, 0, 0, 0, 0, 1, 0, -8, 4, -12, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [translateX(12px) translateY(70%) translateZ(2em)\] to [translateX(13px) translateY(90%) translateZ(3em)\] at (0) should be [translateX(12px) translateY(70%) translateZ(2em)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [skewX(10rad) translateY(70%)\] to [skewX(20rad) translateY(90%)\] at (0.25) should be [skewX(12.5rad) translateY(75%)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [translate3d(8px, -4px, 12px) skewX(1rad) perspective(400px)\] to [translate3d(4px, -12px, 8px) scaleY(2) perspective(500px)\] at (0.75) should be [translate3d(5px, -10px, 9px) matrix3d(1, 0, 0, 0, 0.681366, 1.75, 0, 0, 0, 0, 1, -0.002125, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [translate3d(12px, 70%, 2em)\] to [translate3d(13px, 90%, 3em)\] at (2) should be [translate3d(14px, 110%, 4em)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [translate3d(8px, -4px, 12px) skewX(1rad) perspective(400px)\] to [translate3d(4px, -12px, 8px) scaleY(2) perspective(500px)\] at (0.25) should be [translate3d(7px, -6px, 11px) matrix3d(1, 0, 0, 0, 1.46007, 1.25, 0, 0, 0, 0, 1, -0.002375, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [translate3D(100px, 200px, 300px)\] to [none\] at (0.25) should be [matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 75, 150, 225, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [translateZ(2em)\] to [translateZ(3em)\] at (0) should be [translateZ(2em)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [translate3D(100px, 200px, 300px)\] to [none\] at (2) should be [matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -100, -200, -300, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [translate3d(8px, -4px, 12px) skewX(1rad) perspective(400px)\] to [translate3d(4px, -12px, 8px) scaleY(2) perspective(500px)\] at (0.75) should be [translate3d(5px, -10px, 9px) matrix3d(1, 0, 0, 0, 0.681366, 1.75, 0, 0, 0, 0, 1, -0.002125, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [translate3d(8px, -4px, 12px) skewX(1rad) perspective(400px)\] to [scaleY(2) skewX(2rad) perspective(500px)\] at (2) should be [matrix3d(1, 0, 0, 0, -11.227342763749263, 3, 0, 0, 0.021237113402061854, -0.010618556701030927, 1.03, -0.0014653608247422677, -8, 4, -12, 0.9861443298969074)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [translate(12px, 70%)\] to [translate(13px, 90%)\] at (0) should be [translate(12px, 70%)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [translate3d(12px, 70%, 2em)\] to [translate3d(13px, 90%, 3em)\] at (0) should be [translate3d(12px, 70%, 2em)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [translateZ(2em)\] to [translateZ(3em)\] at (1) should be [translateZ(3em)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [translate3d(8px, -4px, 12px) skewX(1rad) perspective(400px)\] to [translate3d(4px, -12px, 8px) skewX(2rad) scaleY(2)\] at (0) should be [translate3d(8px, -4px, 12px) skewX(1rad) matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, -0.0025, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [translateX(12px) translateY(70%) translateZ(2em)\] to [translateX(13px) translateY(90%) translateZ(3em)\] at (0.75) should be [translateX(12.75px) translateY(85%) translateZ(2.75em)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [translateY(70%)\] to [translateY(90%)\] at (-1) should be [translateY(50%)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [skewX(1rad)\] to [translate3d(8px, -4px, 12px) skewX(2rad)\] at (2) should be [matrix3d(1, 0, 0, 0, -5.9274874511779405, 1, 0, 0, 0, 0, 1, 0, 16, -8, 24, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [translate3d(8px, -4px, 12px) skewX(1rad) perspective(400px)\] to [translate3d(4px, -12px, 8px) skewX(2rad) scaleY(2)\] at (0.75) should be [translate3d(5px, -10px, 9px) skewX(1.75rad) matrix3d(1, 0, 0, 0, 0, 1.75, 0, 0, 0, 0, 1, -0.000625, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [translateX(12px)\] to [translateX(13px)\] at (0) should be [translateX(12px)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [translate3d(8px, -4px, 12px) skewX(1rad) perspective(400px)\] to [translate3d(4px, -12px, 8px) scaleY(2) perspective(500px)\] at (0) should be [translate3d(8px, -4px, 12px) matrix3d(1, 0, 0, 0, 1.55741, 1, 0, 0, 0, 0, 1, -0.0025, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [translate3d(8px, -4px, 12px) skewX(1rad) perspective(400px)\] to [translate3d(4px, -12px, 8px) scaleY(2) perspective(500px)\] at (0.75) should be [translate3d(5px, -10px, 9px) matrix3d(1, 0, 0, 0, 0.681366, 1.75, 0, 0, 0, 0, 1, -0.002125, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [translate3d(12px, 70%, 2em)\] to [translate3d(13px, 90%, 3em)\] at (0.75) should be [translate3d(12.75px, 85%, 2.75em)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [translateX(12px) translateY(70%) translateZ(2em)\] to [translateX(13px) translateY(90%) translateZ(3em)\] at (2) should be [translateX(14px) translateY(110%) translateZ(4em)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [translate(12px, 70%)\] to [translate(13px, 90%)\] at (0.75) should be [translate(12.75px, 85%)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [translateZ(2em)\] to [translateZ(3em)\] at (2) should be [translateZ(4em)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [translateX(12px)\] to [translateX(13px)\] at (0) should be [translateX(12px)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [translate3d(12px, 70%, 2em)\] to [translate3d(13px, 90%, 3em)\] at (0.75) should be [translate3d(12.75px, 85%, 2.75em)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [translate3d(8px, -4px, 12px) skewX(1rad) perspective(400px)\] to [scaleY(2) skewX(2rad) perspective(500px)\] at (0.25) should be [matrix3d(1, 0, 0, 0, 1.1186572632293585, 1.25, 0, 0, -0.0151159793814433, 0.00755798969072165, 0.9775, -0.002378247422680413, 6, -3, 9, 1.0012989690721648)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [translateX(12px) translateY(70%) translateZ(2em)\] to [translateX(13px) translateY(90%) translateZ(3em)\] at (-1) should be [translateX(11px) translateY(50%) translateZ(1em)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [translate3d(8px, -4px, 12px) skewX(1rad) perspective(400px)\] to [translate3d(4px, -12px, 8px) skewX(2rad) scaleY(2)\] at (1) should be [translate3d(4px, -12px, 8px) skewX(2rad) matrix(1, 0, 0, 2, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [translate3d(8px, -4px, 12px) skewX(1rad) perspective(400px)\] to [scaleY(2) skewX(2rad) perspective(500px)\] at (0) should be [matrix3d(1, 0, 0, 0, 1.5574077246549023, 1, 0, 0, -0.02, 0.01, 0.97, -0.0025, 8, -4, 12, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [translate3d(8px, -4px, 12px) skewX(1rad) perspective(400px)\] to [translate3d(4px, -12px, 8px) skewX(2rad) scaleY(2)\] at (0) should be [translate3d(8px, -4px, 12px) skewX(1rad) matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, -0.0025, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [translate3D(100px, 200px, 300px)\] to [none\] at (-1) should be [matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 200, 400, 600, 1)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [skewX(10rad) translateY(70%)\] to [skewX(20rad) translateY(90%)\] at (-1) should be [skewX(0rad) translateY(50%)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [translateY(70%)\] to [translateY(90%)\] at (0) should be [translateY(70%)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [skewX(1rad)\] to [translate3d(8px, -4px, 12px) skewX(2rad)\] at (0.75) should be [matrix3d(1, 0, 0, 0, -1.2494279662824135, 1, 0, 0, 0, 0, 1, 0, 6, -3, 9, 1)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [skewX(1rad)\] to [translate3d(8px, -4px, 12px) skewX(2rad)\] at (0.75) should be [matrix3d(1, 0, 0, 0, -1.2494279662824135, 1, 0, 0, 0, 0, 1, 0, 6, -3, 9, 1)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [translateX(12px)\] to [translateX(13px)\] at (-1) should be [translateX(11px)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [translate3d(8px, -4px, 12px) skewX(1rad) perspective(400px)\] to [translate3d(4px, -12px, 8px) skewX(2rad) scaleY(2)\] at (1) should be [translate3d(4px, -12px, 8px) skewX(2rad) matrix(1, 0, 0, 2, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [skewX(10rad) translateY(70%)\] to [skewX(20rad) translateY(90%)\] at (2) should be [skewX(30rad) translateY(110%)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [translate3D(100px, 200px, 300px)\] to [none\] at (0.75) should be [matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 25, 50, 75, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [translateX(12px)\] to [translateX(13px)\] at (-1) should be [translateX(11px)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [translate3D(100px, 200px, 300px)\] to [none\] at (2) should be [matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -100, -200, -300, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [skewX(1rad)\] to [translate3d(8px, -4px, 12px) skewX(2rad)\] at (0.25) should be [matrix3d(1, 0, 0, 0, 0.621795827675797, 1, 0, 0, 0, 0, 1, 0, 2, -1, 3, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [skewX(10rad) translateY(70%)\] to [skewX(20rad) translateY(90%)\] at (2) should be [skewX(30rad) translateY(110%)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [skewX(10rad) translateY(70%)\] to [skewX(20rad) translateY(90%)\] at (0.75) should be [skewX(17.5rad) translateY(85%)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [translate3d(8px, -4px, 12px) skewX(1rad) perspective(400px)\] to [translate3d(4px, -12px, 8px) scaleY(2) perspective(500px)\] at (0.25) should be [translate3d(7px, -6px, 11px) matrix3d(1, 0, 0, 0, 1.46007, 1.25, 0, 0, 0, 0, 1, -0.002375, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [translate3d(8px, -4px, 12px) skewX(1rad) perspective(400px)\] to [translate3d(4px, -12px, 8px) skewX(2rad) scaleY(2)\] at (2) should be [translate3d(0px, -20px, 4px) skewX(3rad) matrix3d(1, 0, 0, 0, 0, 3, 0, 0, 0, 0, 1, 0.0025, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [translate3d(8px, -4px, 12px) skewX(1rad) perspective(400px)\] to [translate3d(4px, -12px, 8px) scaleY(2) perspective(500px)\] at (2) should be [translate3d(0px, -20px, 4px) matrix3d(1, 0, 0, 0, -4.67222, 3, 0, 0, 0, 0, 1, -0.0015, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [translate3d(12px, 70%, 2em)\] to [translate3d(13px, 90%, 3em)\] at (0) should be [translate3d(12px, 70%, 2em)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [translateY(70%)\] to [translateY(90%)\] at (0.75) should be [translateY(85%)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [translate3d(8px, -4px, 12px) skewX(1rad) perspective(400px)\] to [translate3d(4px, -12px, 8px) skewX(2rad) scaleY(2)\] at (-1) should be [translate3d(12px, 4px, 16px) skewX(0rad) matrix3d(1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, -0.005, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [translate(12px, 70%)\] to [translate(13px, 90%)\] at (0.25) should be [translate(12.25px, 75%)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [skewX(1rad)\] to [translate3d(8px, -4px, 12px) skewX(2rad)\] at (2) should be [matrix3d(1, 0, 0, 0, -5.9274874511779405, 1, 0, 0, 0, 0, 1, 0, 16, -8, 24, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [skewX(1rad)\] to [translate3d(8px, -4px, 12px) skewX(2rad)\] at (-1) should be [matrix3d(1, 0, 0, 0, 5.2998553125713235, 1, 0, 0, 0, 0, 1, 0, -8, 4, -12, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [translateX(12px)\] to [translateX(13px)\] at (0.75) should be [translateX(12.75px)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [translate3D(100px, 200px, 300px)\] to [none\] at (0.25) should be [matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 75, 150, 225, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [translate3d(8px, -4px, 12px) skewX(1rad) perspective(400px)\] to [scaleY(2) skewX(2rad) perspective(500px)\] at (0.75) should be [matrix3d(1, 0, 0, 0, -0.7525665307288518, 1.75, 0, 0, -0.005115979381443298, 0.002557989690721649, 0.9924999999999999, -0.002128247422680412, 2, -1, 3, 1.001298969072165)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [translate3d(8px, -4px, 12px) skewX(1rad) perspective(400px)\] to [scaleY(2) skewX(2rad) perspective(500px)\] at (-1) should be [matrix3d(1, 0, 0, 0, 0, 0, 0, 0, -0.03876288659793814, 0.01938144329896907, 0.94, -0.0029653608247422686, 16, -8, 24, 0.986144329896907)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [translate3d(8px, -4px, 12px) skewX(1rad) perspective(400px)\] to [translate3d(4px, -12px, 8px) scaleY(2) perspective(500px)\] at (1) should be [translate3d(4px, -12px, 8px) matrix3d(1, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1, -0.002, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [translateY(70%)\] to [translateY(90%)\] at (1) should be [translateY(90%)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [translateX(12px)\] to [translateX(13px)\] at (-1) should be [translateX(11px)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [translateX(12px) translateY(70%) translateZ(2em)\] to [translateX(13px) translateY(90%) translateZ(3em)\] at (1) should be [translateX(13px) translateY(90%) translateZ(3em)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [translate3d(8px, -4px, 12px) skewX(1rad) perspective(400px)\] to [translate3d(4px, -12px, 8px) skewX(2rad) scaleY(2)\] at (0.75) should be [translate3d(5px, -10px, 9px) skewX(1.75rad) matrix3d(1, 0, 0, 0, 0, 1.75, 0, 0, 0, 0, 1, -0.000625, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [translate3D(100px, 200px, 300px)\] to [none\] at (0) should be [matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 100, 200, 300, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [translateZ(2em)\] to [translateZ(3em)\] at (0.25) should be [translateZ(2.25em)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [translateZ(2em)\] to [translateZ(3em)\] at (2) should be [translateZ(4em)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [translate3d(8px, -4px, 12px) skewX(1rad) perspective(400px)\] to [scaleY(2) skewX(2rad) perspective(500px)\] at (1) should be [matrix3d(1, 0, 0, 0, -2.185039863261519, 2, 0, 0, 0, 0, 1, -0.002, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [skewX(10rad) translateY(70%)\] to [skewX(20rad) translateY(90%)\] at (0) should be [skewX(10rad) translateY(70%)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [translateZ(2em)\] to [translateZ(3em)\] at (-1) should be [translateZ(1em)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [skewX(1rad)\] to [translate3d(8px, -4px, 12px) skewX(2rad)\] at (-1) should be [matrix3d(1, 0, 0, 0, 5.2998553125713235, 1, 0, 0, 0, 0, 1, 0, -8, 4, -12, 1)\]]
+    expected: FAIL
+

tests/wpt/metadata-layout-2020/css/css-transforms/animation/transform-interpolation-005.html.ini

@@ -266,3 +266,744 @@
   [Web Animations: property <transform> from [rotate(180deg)\] to [none\] at (0.75) should be [rotate(45deg)\]]
     expected: FAIL
 
+  [CSS Transitions with transition: all: property <transform> from [matrix(3, 0, 0, 5, 0, -6)\] to [none\] at (0.25) should be [matrix(2.5, 0, 0, 4, 0, -4.5)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [none\] to [rotate(180deg)\] at (0.75) should be [rotate(135deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [matrix(0, 7, -1, 0, 6, 0)\] to [matrix(1, 0, 0, 1, 0, -6)\] at (0.3333333333333333) should be [matrix(2.5000000000000004, 4.330127018922193, -0.8660254037844386, 0.5000000000000001, 4, -2)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [none\] to [matrix(7, 0, 2, 2, 6, 0)\] at (0.75) should be [matrix(5.5, 0, 1.31, 1.75, 4.5, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [none\] to [matrix(7, 0, 2, 2, 6, 0)\] at (2) should be [matrix(13, 0, 6, 3, 12, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [rotate(180deg)\] to [none\] at (0.25) should be [rotate(135deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [none\] to [matrix(7, 0, 2, 2, 6, 0)\] at (1) should be [matrix(7, 0, 2, 2, 6, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [matrix(1, 0, 0, 1, 0, -6)\] to [matrix(0, 7, -1, 0, 6, 0)\] at (-1) should be [matrix(0, 5, 1, 0, -6, -12)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [none\] to [rotate(360deg)\] at (2) should be [rotate(720deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [matrix(0, 7, -1, 0, 6, 0)\] to [matrix(1, 0, 0, 1, 0, -6)\] at (1) should be [matrix(1, 0, 0, 1, 0, -6)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [matrix3d(2.3505561943, 0.0, 0.0, 0.0, 0.0, 2.6068943664, 0.0, 0.0, 0.0, 0.0, 2.6591082592, 0.0, 20.3339914256, 20.6709033765, 20.9147808456, 1.0)\] to [matrix3d(2.7133590938, 0.0, 0.0, 0.0, 0.0, 2.4645137761, 0.0, 0.0, 0.0, 0.0, 2.801687476, 0.0, 20.4335882254, 20.2330661998, 20.4583968206, 1.0)\] at (0.25) should be [matrix3d(2.441256919175, 0.0, 0.0, 0.0, 0.0, 2.571299218825, 0.0, 0.0, 0.0, 0.0, 2.6947530634, 0.0, 20.35889062555, 20.561444082325, 20.800684839349998, 1.0)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [matrix3d(2.3505561943, 0.0, 0.0, 0.0, 0.0, 2.6068943664, 0.0, 0.0, 0.0, 0.0, 2.6591082592, 0.0, 20.3339914256, 20.6709033765, 20.9147808456, 1.0)\] to [matrix3d(2.7133590938, 0.0, 0.0, 0.0, 0.0, 2.4645137761, 0.0, 0.0, 0.0, 0.0, 2.801687476, 0.0, 20.4335882254, 20.2330661998, 20.4583968206, 1.0)\] at (2) should be [matrix3d(3.0761619932999995, 0.0, 0.0, 0.0, 0.0, 2.3221331858, 0.0, 0.0, 0.0, 0.0, 2.9442666928000003, 0.0, 20.5331850252, 19.7952290231, 20.002012795600002, 1.0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [none\] to [matrix3d(0, 0.6875, -0.625, 0.3125, -0.6666666666666665, -1, 0.8333333333333334, 0.125, -0.6666666666666665, 0, 0.5, 1.0625, -1.1875, -0.0625, 1.3125, 1)\] at (0) should be [matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [matrix3d(1.0806046117362795, 0, -1.682941969615793, 0, 0, 3, 0, 0, 3.365883939231586, 0, 2.161209223472559, 0, 0, 0, 0, 1)\] to [none\] at (2) should be [matrix3d(0, 0, 0, 0, 0, -1, 0, 0, 1.682941969615793, 0, -1.0806046117362795, 0, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [matrix3d(0.571428571428571, -0.625, -0.8333333333333346, -0.66666666666669, 0.5, -0.1875, -0.8125, 0.3125, 0.34375, -1, 0.8333333333333327, 1.34375, -1.34375, 1, -0.9375, 1)\] to [none\] at (0) should be [matrix3d(0.571428571428571, -0.625, -0.8333333333333346, -0.66666666666669, 0.5, -0.1875, -0.8125, 0.3125, 0.34375, -1, 0.8333333333333327, 1.34375, -1.34375, 1, -0.9375, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [matrix(3, 0, 0, 5, 0, -6)\] to [none\] at (0.5) should be [matrix(2, 0, 0, 3, 0, -3)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [matrix(1, 0, 0, 7, 0, 0)\] to [matrix(7, 0, 1, 1, 0, 0)\] at (0.3333333333333333) should be [matrix(3, 0, 1.6667, 5, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [none\] to [rotate(360deg)\] at (-1) should be [rotate(-360deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [none\] to [rotate(360deg)\] at (0.75) should be [rotate(270deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [matrix3d(2.3505561943, 0.0, 0.0, 0.0, 0.0, 2.6068943664, 0.0, 0.0, 0.0, 0.0, 2.6591082592, 0.0, 20.3339914256, 20.6709033765, 20.9147808456, 1.0)\] to [matrix3d(2.7133590938, 0.0, 0.0, 0.0, 0.0, 2.4645137761, 0.0, 0.0, 0.0, 0.0, 2.801687476, 0.0, 20.4335882254, 20.2330661998, 20.4583968206, 1.0)\] at (0) should be [matrix3d(2.3505561943, 0.0, 0.0, 0.0, 0.0, 2.6068943664, 0.0, 0.0, 0.0, 0.0, 2.6591082592, 0.0, 20.3339914256, 20.6709033765, 20.9147808456, 1.0)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [none\] to [matrix(7, 0, 2, 2, 6, 0)\] at (0) should be [matrix(1, 0, 0, 1, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [none\] to [matrix3d(1.0806046117362795, 0, -1.682941969615793, 0, 0, 3, 0, 0, 3.365883939231586, 0, 2.161209223472559, 0, 0, 0, 0, 1)\] at (2) should be [matrix3d(-1.2484405096414273, 0, -2.727892280477045, 0, 0, 5, 0, 0, 6.365081987779772, 0, -2.9130278558299967, 0, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [matrix(0, 7, -1, 0, 6, 0)\] to [matrix(1, 0, 0, 1, 0, -6)\] at (0.5) should be [matrix(2.8284271247461903, 2.82842712474619, -0.7071067811865475, 0.7071067811865476, 3, -3)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [matrix(3, 0, 0, 5, 0, -6)\] to [none\] at (0.25) should be [matrix(2.5, 0, 0, 4, 0, -4.5)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotate(180deg)\] to [none\] at (-1) should be [rotate(360deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [matrix(0, 7, -1, 0, 6, 0)\] to [matrix(1, 0, 0, 1, 0, -6)\] at (0.3333333333333333) should be [matrix(2.5000000000000004, 4.330127018922193, -0.8660254037844386, 0.5000000000000001, 4, -2)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotate(180deg)\] to [none\] at (0.75) should be [rotate(45deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [matrix(3, 0, 0, 5, 0, -6)\] to [none\] at (-1) should be [matrix(5, 0, 0, 9, 0, -12)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [none\] to [rotate(180deg)\] at (1) should be [rotate(180deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [none\] to [rotate(360deg)\] at (1) should be [rotate(360deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [matrix(1, 0, 0, 7, 0, 0)\] to [matrix(7, 0, 1, 1, 0, 0)\] at (1) should be [matrix(7, 0, 1, 1, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [none\] to [matrix3d(1.0806046117362795, 0, -1.682941969615793, 0, 0, 3, 0, 0, 3.365883939231586, 0, 2.161209223472559, 0, 0, 0, 0, 1)\] at (-1) should be [matrix3d(0, 0, 0, 0, 0, -1, 0, 0, 1.682941969615793, 0, -1.0806046117362795, 0, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [none\] to [rotate(360deg)\] at (0.75) should be [rotate(270deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [matrix3d(0, 0.6875, -0.625, 0.3125, -0.6666666666666665, -1, 0.8333333333333334, 0.125, -0.6666666666666665, 0, 0.5, 1.0625, -1.1875, -0.0625, 1.3125, 1)\] to [matrix3d(0.571428571428571, -0.625, -0.8333333333333346, -0.66666666666669, 0.5, -0.1875, -0.8125, 0.3125, 0.34375, -1, 0.8333333333333327, 1.34375, -1.34375, 1, -0.9375, 1)\] at (0) should be [matrix3d(0, 0.6875, -0.625, 0.3125, -0.6666666666666665, -1, 0.8333333333333334, 0.125, -0.6666666666666665, 0, 0.5, 1.0625, -1.1875, -0.0625, 1.3125, 1)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [none\] to [matrix3d(1.0806046117362795, 0, -1.682941969615793, 0, 0, 3, 0, 0, 3.365883939231586, 0, 2.161209223472559, 0, 0, 0, 0, 1)\] at (0.25) should be [matrix3d(1.211140527138306, 0, -0.30925494906815365, 0, 0, 1.5, 0, 0, 0.43295692869541513, 0, 1.6955967379936283, 0, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [matrix3d(1.0806046117362795, 0, -1.682941969615793, 0, 0, 3, 0, 0, 3.365883939231586, 0, 2.161209223472559, 0, 0, 0, 0, 1)\] to [none\] at (2) should be [matrix3d(0, 0, 0, 0, 0, -1, 0, 0, 1.682941969615793, 0, -1.0806046117362795, 0, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [matrix(1, 0, 0, 1, 0, -6)\] to [matrix(0, 7, -1, 0, 6, 0)\] at (1) should be [matrix(0, 7, -1, 0, 6, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [matrix3d(2.3505561943, 0.0, 0.0, 0.0, 0.0, 2.6068943664, 0.0, 0.0, 0.0, 0.0, 2.6591082592, 0.0, 20.3339914256, 20.6709033765, 20.9147808456, 1.0)\] to [matrix3d(2.7133590938, 0.0, 0.0, 0.0, 0.0, 2.4645137761, 0.0, 0.0, 0.0, 0.0, 2.801687476, 0.0, 20.4335882254, 20.2330661998, 20.4583968206, 1.0)\] at (-1) should be [matrix3d(1.9877532948000005, 0.0, 0.0, 0.0, 0.0, 2.7492749567000003, 0.0, 0.0, 0.0, 0.0, 2.5165290423999997, 0.0, 20.2343946258, 21.1087405532, 21.371164870599998, 1.0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [none\] to [rotate(360deg)\] at (2) should be [rotate(720deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [none\] to [matrix3d(1.0806046117362795, 0, -1.682941969615793, 0, 0, 3, 0, 0, 3.365883939231586, 0, 2.161209223472559, 0, 0, 0, 0, 1)\] at (1) should be [matrix3d(1.0806046117362795, 0, -1.682941969615793, 0, 0, 3, 0, 0, 3.365883939231586, 0, 2.161209223472559, 0, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [none\] to [rotate(180deg)\] at (0) should be [rotate(0deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [matrix(3, 0, 0, 5, 0, -6)\] to [none\] at (0) should be [matrix(3, 0, 0, 5, 0, -6)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [none\] to [matrix3d(0, 0.6875, -0.625, 0.3125, -0.6666666666666665, -1, 0.8333333333333334, 0.125, -0.6666666666666665, 0, 0.5, 1.0625, -1.1875, -0.0625, 1.3125, 1)\] at (0) should be [matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [matrix3d(0, 0.6875, -0.625, 0.3125, -0.6666666666666665, -1, 0.8333333333333334, 0.125, -0.6666666666666665, 0, 0.5, 1.0625, -1.1875, -0.0625, 1.3125, 1)\] to [matrix3d(0.571428571428571, -0.625, -0.8333333333333346, -0.66666666666669, 0.5, -0.1875, -0.8125, 0.3125, 0.34375, -1, 0.8333333333333327, 1.34375, -1.34375, 1, -0.9375, 1)\] at (-1) should be [matrix3d(-0.6299594065765657, -0.10825090106268696, -0.20133311671001855, 5.485724217214554, 6.358051978686152, 0.16496896269344588, 1.5760051143537075, -54.21568355620423, 0.7106057459805782, -1.1596356050622005, -0.11495342545397585, -4.913752963990824, -1.03125, -1.125, 3.5625, -5.901513951904114)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [matrix3d(0.571428571428571, -0.625, -0.8333333333333346, -0.66666666666669, 0.5, -0.1875, -0.8125, 0.3125, 0.34375, -1, 0.8333333333333327, 1.34375, -1.34375, 1, -0.9375, 1)\] to [none\] at (0) should be [matrix3d(0.571428571428571, -0.625, -0.8333333333333346, -0.66666666666669, 0.5, -0.1875, -0.8125, 0.3125, 0.34375, -1, 0.8333333333333327, 1.34375, -1.34375, 1, -0.9375, 1)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [matrix3d(2.3505561943, 0.0, 0.0, 0.0, 0.0, 2.6068943664, 0.0, 0.0, 0.0, 0.0, 2.6591082592, 0.0, 20.3339914256, 20.6709033765, 20.9147808456, 1.0)\] to [matrix3d(2.7133590938, 0.0, 0.0, 0.0, 0.0, 2.4645137761, 0.0, 0.0, 0.0, 0.0, 2.801687476, 0.0, 20.4335882254, 20.2330661998, 20.4583968206, 1.0)\] at (1) should be [matrix3d(2.7133590938, 0.0, 0.0, 0.0, 0.0, 2.4645137761, 0.0, 0.0, 0.0, 0.0, 2.801687476, 0.0, 20.4335882254, 20.2330661998, 20.4583968206, 1.0)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [matrix3d(1.0806046117362795, 0, -1.682941969615793, 0, 0, 3, 0, 0, 3.365883939231586, 0, 2.161209223472559, 0, 0, 0, 0, 1)\] to [none\] at (1) should be [matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [matrix3d(2.3505561943, 0.0, 0.0, 0.0, 0.0, 2.6068943664, 0.0, 0.0, 0.0, 0.0, 2.6591082592, 0.0, 20.3339914256, 20.6709033765, 20.9147808456, 1.0)\] to [matrix3d(2.7133590938, 0.0, 0.0, 0.0, 0.0, 2.4645137761, 0.0, 0.0, 0.0, 0.0, 2.801687476, 0.0, 20.4335882254, 20.2330661998, 20.4583968206, 1.0)\] at (0.75) should be [matrix3d(2.622658368925, 0.0, 0.0, 0.0, 0.0, 2.500108923675, 0.0, 0.0, 0.0, 0.0, 2.7660426718, 0.0, 20.408689025450002, 20.342525493975, 20.572492826850002, 1.0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [matrix(1, 0, 0, 7, 0, 0)\] to [matrix(7, 0, 1, 1, 0, 0)\] at (0.6666666666666666) should be [matrix(5, 0, 2, 3, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [matrix3d(1.0806046117362795, 0, -1.682941969615793, 0, 0, 3, 0, 0, 3.365883939231586, 0, 2.161209223472559, 0, 0, 0, 0, 1)\] to [none\] at (-1) should be [matrix3d(-1.2484405096414273, 0, -2.727892280477045, 0, 0, 5, 0, 0, 6.365081987779772, 0, -2.9130278558299967, 0, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [matrix(1, 0, 0, 7, 0, 0)\] to [matrix(7, 0, 1, 1, 0, 0)\] at (2) should be [matrix(13, 0, -10, -5, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [none\] to [matrix3d(0, 0.6875, -0.625, 0.3125, -0.6666666666666665, -1, 0.8333333333333334, 0.125, -0.6666666666666665, 0, 0.5, 1.0625, -1.1875, -0.0625, 1.3125, 1)\] at (0) should be [matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [matrix(3, 0, 0, 5, 0, -6)\] to [none\] at (2) should be [matrix(-1, 0, 0, -3, 0, 6)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [matrix3d(1.0806046117362795, 0, -1.682941969615793, 0, 0, 3, 0, 0, 3.365883939231586, 0, 2.161209223472559, 0, 0, 0, 0, 1)\] to [none\] at (-1) should be [matrix3d(-1.2484405096414273, 0, -2.727892280477045, 0, 0, 5, 0, 0, 6.365081987779772, 0, -2.9130278558299967, 0, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [none\] to [matrix3d(0, 0.6875, -0.625, 0.3125, -0.6666666666666665, -1, 0.8333333333333334, 0.125, -0.6666666666666665, 0, 0.5, 1.0625, -1.1875, -0.0625, 1.3125, 1)\] at (0.25) should be [matrix3d(0.9041890962319094, 0.3522701519297133, -0.15240204298176957, -0.1428256720529315, -0.7579798772527586, 0.6803606288839232, -0.05133336076757235, 0.37904689530895724, -0.1957679784745485, 0.38554138029509327, 0.8226186974340638, 0.3370288143441876, -0.296875, -0.015625, 0.328125, 0.5930529142680923)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [none\] to [rotate(360deg)\] at (0) should be [rotate(0deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [matrix(1, 0, 0, 7, 0, 0)\] to [matrix(7, 0, 1, 1, 0, 0)\] at (0) should be [matrix(1, 0, 0, 7, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [matrix(1, 0, 0, 7, 0, 0)\] to [matrix(7, 0, 1, 1, 0, 0)\] at (-1) should be [matrix(-5, 0, -13, 13, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [matrix(3, 0, 0, 5, 0, -6)\] to [none\] at (1) should be [matrix(1, 0, 0, 1, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [matrix3d(0, 0.6875, -0.625, 0.3125, -0.6666666666666665, -1, 0.8333333333333334, 0.125, -0.6666666666666665, 0, 0.5, 1.0625, -1.1875, -0.0625, 1.3125, 1)\] to [matrix3d(0.571428571428571, -0.625, -0.8333333333333346, -0.66666666666669, 0.5, -0.1875, -0.8125, 0.3125, 0.34375, -1, 0.8333333333333327, 1.34375, -1.34375, 1, -0.9375, 1)\] at (0) should be [matrix3d(0, 0.6875, -0.625, 0.3125, -0.6666666666666665, -1, 0.8333333333333334, 0.125, -0.6666666666666665, 0, 0.5, 1.0625, -1.1875, -0.0625, 1.3125, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [matrix(3, 0, 0, 5, 0, -6)\] to [none\] at (0.75) should be [matrix(1.5, 0, 0, 2, 0, -1.5)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [matrix(1, 0, 0, 7, 0, 0)\] to [matrix(7, 0, 1, 1, 0, 0)\] at (0) should be [matrix(1, 0, 0, 7, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [matrix(0, 7, -1, 0, 6, 0)\] to [matrix(1, 0, 0, 1, 0, -6)\] at (-1) should be [matrix(-13, 0, 0, -1, 12, 6)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [matrix3d(0.571428571428571, -0.625, -0.8333333333333346, -0.66666666666669, 0.5, -0.1875, -0.8125, 0.3125, 0.34375, -1, 0.8333333333333327, 1.34375, -1.34375, 1, -0.9375, 1)\] to [none\] at (1) should be [matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [matrix(3, 0, 0, 5, 0, -6)\] to [none\] at (0.5) should be [matrix(2, 0, 0, 3, 0, -3)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [matrix(1, 0, 0, 7, 0, 0)\] to [matrix(7, 0, 1, 1, 0, 0)\] at (2) should be [matrix(13, 0, -10, -5, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [matrix(1, 0, 0, 1, 0, -6)\] to [matrix(0, 7, -1, 0, 6, 0)\] at (0.6666666666666666) should be [matrix(2.5000000000000004, 4.330127018922193, -0.8660254037844386, 0.5000000000000001, 4, -2)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [none\] to [rotate(360deg)\] at (2) should be [rotate(720deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [none\] to [matrix3d(0, 0.6875, -0.625, 0.3125, -0.6666666666666665, -1, 0.8333333333333334, 0.125, -0.6666666666666665, 0, 0.5, 1.0625, -1.1875, -0.0625, 1.3125, 1)\] at (-1) should be [matrix3d(-0.0000000000000002377810622383943, -1.0671050586638147, -0.08972656766237302, 1.3740432449326199, 0.98484601036295, -2.653201092395309, 0.6753819540610847, 3.6127240080250744, -2.7988839807429846, -1.2090004194153336, -0.5183744226115445, -0.7936088631686278, 1.1875, 0.0625, -1.3125, 5.340768914473683)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [matrix(0, 7, -1, 0, 6, 0)\] to [matrix(1, 0, 0, 1, 0, -6)\] at (2) should be [matrix(0, 5, 1, 0, -6, -12)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [none\] to [matrix3d(0, 0.6875, -0.625, 0.3125, -0.6666666666666665, -1, 0.8333333333333334, 0.125, -0.6666666666666665, 0, 0.5, 1.0625, -1.1875, -0.0625, 1.3125, 1)\] at (2) should be [matrix3d(-0.5844534449366048, -0.42278005999296053, -0.4650580659922564, -0.6817595809063256, 0.9156938760088464, 0.3851647027225889, 0.9244443507516923, 0.7218225020358241, -0.0803568793574344, 0.1719974850210706, -0.49676609633513097, -0.25968177786904373, -2.375, -0.125, 2.625, 5.340768914473685)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [none\] to [rotate(180deg)\] at (0.25) should be [rotate(45deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [matrix(1, 0, 0, 1, 0, -6)\] to [matrix(0, 7, -1, 0, 6, 0)\] at (2) should be [matrix(-13, 0, 0, -1, 12, 6)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [matrix3d(0.571428571428571, -0.625, -0.8333333333333346, -0.66666666666669, 0.5, -0.1875, -0.8125, 0.3125, 0.34375, -1, 0.8333333333333327, 1.34375, -1.34375, 1, -0.9375, 1)\] to [none\] at (2) should be [matrix3d(0.39048513570444376, 0.14780794797065988, 0.6963068100217401, -4.857907861239344, -2.967682789284791, 0.6004978769584385, -3.5472376016872444, 26.675324787979896, -2.5953724498995308, 1.6280843851961373, 0.8163834310586356, 9.001735256585825, 1.34375, -1, 0.9375, -14.881239394516227)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [none\] to [rotate(360deg)\] at (0.25) should be [rotate(90deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [none\] to [matrix(7, 0, 2, 2, 6, 0)\] at (0.75) should be [matrix(5.5, 0, 1.31, 1.75, 4.5, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [none\] to [matrix(7, 0, 2, 2, 6, 0)\] at (0.5) should be [matrix(4, 0, 0.75, 1.5, 3, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [matrix3d(1.0806046117362795, 0, -1.682941969615793, 0, 0, 3, 0, 0, 3.365883939231586, 0, 2.161209223472559, 0, 0, 0, 0, 1)\] to [none\] at (0.25) should be [matrix3d(1.2804555205291865, 0, -1.1928678300408346, 0, 0, 2.5, 0, 0, 2.215325970075836, 0, 2.377988823839918, 0, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [matrix(0, 7, -1, 0, 6, 0)\] to [matrix(1, 0, 0, 1, 0, -6)\] at (-1) should be [matrix(-13, 0, 0, -1, 12, 6)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [none\] to [rotate(180deg)\] at (2) should be [rotate(360deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [matrix3d(2.3505561943, 0.0, 0.0, 0.0, 0.0, 2.6068943664, 0.0, 0.0, 0.0, 0.0, 2.6591082592, 0.0, 20.3339914256, 20.6709033765, 20.9147808456, 1.0)\] to [matrix3d(2.7133590938, 0.0, 0.0, 0.0, 0.0, 2.4645137761, 0.0, 0.0, 0.0, 0.0, 2.801687476, 0.0, 20.4335882254, 20.2330661998, 20.4583968206, 1.0)\] at (0.75) should be [matrix3d(2.622658368925, 0.0, 0.0, 0.0, 0.0, 2.500108923675, 0.0, 0.0, 0.0, 0.0, 2.7660426718, 0.0, 20.408689025450002, 20.342525493975, 20.572492826850002, 1.0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [none\] to [matrix3d(0, 0.6875, -0.625, 0.3125, -0.6666666666666665, -1, 0.8333333333333334, 0.125, -0.6666666666666665, 0, 0.5, 1.0625, -1.1875, -0.0625, 1.3125, 1)\] at (0.75) should be [matrix3d(0.35007413226026135, 0.7254385504141292, -0.4977009150941454, 0.09582061929004702, -1.1027525038949482, -0.5884810398827429, 0.4516829688651701, 0.5447944343861767, -0.68717798815684, 0.2657772247405681, 0.5465690479810023, 1.0836207863885503, -0.890625, -0.046875, 0.984375, 0.5930529142680927)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [matrix3d(0, 0.6875, -0.625, 0.3125, -0.6666666666666665, -1, 0.8333333333333334, 0.125, -0.6666666666666665, 0, 0.5, 1.0625, -1.1875, -0.0625, 1.3125, 1)\] to [matrix3d(0.571428571428571, -0.625, -0.8333333333333346, -0.66666666666669, 0.5, -0.1875, -0.8125, 0.3125, 0.34375, -1, 0.8333333333333327, 1.34375, -1.34375, 1, -0.9375, 1)\] at (-1) should be [matrix3d(-0.6299594065765657, -0.10825090106268696, -0.20133311671001855, 5.485724217214554, 6.358051978686152, 0.16496896269344588, 1.5760051143537075, -54.21568355620423, 0.7106057459805782, -1.1596356050622005, -0.11495342545397585, -4.913752963990824, -1.03125, -1.125, 3.5625, -5.901513951904114)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [none\] to [matrix3d(1.0806046117362795, 0, -1.682941969615793, 0, 0, 3, 0, 0, 3.365883939231586, 0, 2.161209223472559, 0, 0, 0, 0, 1)\] at (-1) should be [matrix3d(0, 0, 0, 0, 0, -1, 0, 0, 1.682941969615793, 0, -1.0806046117362795, 0, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [matrix3d(0.571428571428571, -0.625, -0.8333333333333346, -0.66666666666669, 0.5, -0.1875, -0.8125, 0.3125, 0.34375, -1, 0.8333333333333327, 1.34375, -1.34375, 1, -0.9375, 1)\] to [none\] at (0) should be [matrix3d(0.571428571428571, -0.625, -0.8333333333333346, -0.66666666666669, 0.5, -0.1875, -0.8125, 0.3125, 0.34375, -1, 0.8333333333333327, 1.34375, -1.34375, 1, -0.9375, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [matrix(3, 0, 0, 5, 0, -6)\] to [none\] at (1) should be [matrix(1, 0, 0, 1, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [matrix3d(0, 0.6875, -0.625, 0.3125, -0.6666666666666665, -1, 0.8333333333333334, 0.125, -0.6666666666666665, 0, 0.5, 1.0625, -1.1875, -0.0625, 1.3125, 1)\] to [matrix3d(0.571428571428571, -0.625, -0.8333333333333346, -0.66666666666669, 0.5, -0.1875, -0.8125, 0.3125, 0.34375, -1, 0.8333333333333327, 1.34375, -1.34375, 1, -0.9375, 1)\] at (0.75) should be [matrix3d(0.6861191524977764, -0.18025672746204927, -0.8710297237546482, 0.6072134247444672, 0.2819931018922366, 0.27778974607679663, -0.6540128246146626, 0.5063632314069845, 0.5509562084361049, -0.3215202993119732, 0.5459062603735321, 2.8697154005492105, -1.3046875, 0.734375, -0.375, 1.6470169329910096)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [matrix(1, 0, 0, 7, 0, 0)\] to [matrix(7, 0, 1, 1, 0, 0)\] at (0.6666666666666666) should be [matrix(5, 0, 2, 3, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [matrix(3, 0, 0, 5, 0, -6)\] to [none\] at (-1) should be [matrix(5, 0, 0, 9, 0, -12)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [matrix(1, 0, 0, 1, 0, -6)\] to [matrix(0, 7, -1, 0, 6, 0)\] at (0) should be [matrix(1, 0, 0, 1, 0, -6)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [none\] to [rotate(360deg)\] at (-1) should be [rotate(-360deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [matrix(0, 7, -1, 0, 6, 0)\] to [matrix(1, 0, 0, 1, 0, -6)\] at (0) should be [matrix(0, 7, -1, 0, 6, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotate(180deg)\] to [none\] at (0.75) should be [rotate(45deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [none\] to [matrix3d(0, 0.6875, -0.625, 0.3125, -0.6666666666666665, -1, 0.8333333333333334, 0.125, -0.6666666666666665, 0, 0.5, 1.0625, -1.1875, -0.0625, 1.3125, 1)\] at (-1) should be [matrix3d(-0.0000000000000002377810622383943, -1.0671050586638147, -0.08972656766237302, 1.3740432449326199, 0.98484601036295, -2.653201092395309, 0.6753819540610847, 3.6127240080250744, -2.7988839807429846, -1.2090004194153336, -0.5183744226115445, -0.7936088631686278, 1.1875, 0.0625, -1.3125, 5.340768914473683)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [matrix3d(0.571428571428571, -0.625, -0.8333333333333346, -0.66666666666669, 0.5, -0.1875, -0.8125, 0.3125, 0.34375, -1, 0.8333333333333327, 1.34375, -1.34375, 1, -0.9375, 1)\] to [none\] at (-1) should be [matrix3d(-0.6413028394192518, -1.0702420910513302, -0.5807595966791961, -18.02447171345163, 0.8211815704840004, 1.0980679097347057, 0.9399408862655454, 22.460730852026064, 0.28421009261178104, -0.5408346238741739, 0.5194791363698213, 3.075163035391172, -2.6875, 2, -1.875, -14.881239394516232)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [matrix(1, 0, 0, 1, 0, -6)\] to [matrix(0, 7, -1, 0, 6, 0)\] at (-1) should be [matrix(0, 5, 1, 0, -6, -12)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [none\] to [matrix3d(1.0806046117362795, 0, -1.682941969615793, 0, 0, 3, 0, 0, 3.365883939231586, 0, 2.161209223472559, 0, 0, 0, 0, 1)\] at (0.25) should be [matrix3d(1.211140527138306, 0, -0.30925494906815365, 0, 0, 1.5, 0, 0, 0.43295692869541513, 0, 1.6955967379936283, 0, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [matrix3d(1.0806046117362795, 0, -1.682941969615793, 0, 0, 3, 0, 0, 3.365883939231586, 0, 2.161209223472559, 0, 0, 0, 0, 1)\] to [none\] at (-1) should be [matrix3d(-1.2484405096414273, 0, -2.727892280477045, 0, 0, 5, 0, 0, 6.365081987779772, 0, -2.9130278558299967, 0, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [matrix3d(1.0806046117362795, 0, -1.682941969615793, 0, 0, 3, 0, 0, 3.365883939231586, 0, 2.161209223472559, 0, 0, 0, 0, 1)\] to [none\] at (0) should be [matrix3d(1.0806046117362795, 0, -1.682941969615793, 0, 0, 3, 0, 0, 3.365883939231586, 0, 2.161209223472559, 0, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [matrix(1, 0, 0, 1, 0, -6)\] to [matrix(0, 7, -1, 0, 6, 0)\] at (2) should be [matrix(-13, 0, 0, -1, 12, 6)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [none\] to [matrix3d(1.0806046117362795, 0, -1.682941969615793, 0, 0, 3, 0, 0, 3.365883939231586, 0, 2.161209223472559, 0, 0, 0, 0, 1)\] at (2) should be [matrix3d(-1.2484405096414273, 0, -2.727892280477045, 0, 0, 5, 0, 0, 6.365081987779772, 0, -2.9130278558299967, 0, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [rotate(180deg)\] to [none\] at (0.75) should be [rotate(45deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [none\] to [rotate(180deg)\] at (2) should be [rotate(360deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [matrix(1, 0, 0, 1, 0, -6)\] to [matrix(0, 7, -1, 0, 6, 0)\] at (0.3333333333333333) should be [matrix(2.598076211353316, 1.4999999999999998, -0.49999999999999994, 0.8660254037844387, 2, -4)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [none\] to [matrix(7, 0, 2, 2, 6, 0)\] at (0) should be [matrix(1, 0, 0, 1, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotate(180deg)\] to [none\] at (2) should be [rotate(-180deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotate(180deg)\] to [none\] at (1) should be [rotate(0deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [matrix3d(0.571428571428571, -0.625, -0.8333333333333346, -0.66666666666669, 0.5, -0.1875, -0.8125, 0.3125, 0.34375, -1, 0.8333333333333327, 1.34375, -1.34375, 1, -0.9375, 1)\] to [none\] at (0.25) should be [matrix3d(0.7912976716694541, -0.4517927901159618, -0.6868745974719376, 1.2522201536338506, 0.7952183069582651, 0.06340410955800829, -0.7956629784232128, 2.2561737435012983, 0.345639443327071, -0.8934490945546473, 0.830131443385676, 1.2606901484983566, -1.0078125, 0.75, -0.703125, 2.4888661932358946)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [none\] to [matrix3d(0, 0.6875, -0.625, 0.3125, -0.6666666666666665, -1, 0.8333333333333334, 0.125, -0.6666666666666665, 0, 0.5, 1.0625, -1.1875, -0.0625, 1.3125, 1)\] at (1) should be [matrix3d(0, 0.6875, -0.625, 0.3125, -0.6666666666666665, -1, 0.8333333333333334, 0.125, -0.6666666666666665, 0, 0.5, 1.0625, -1.1875, -0.0625, 1.3125, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [matrix(1, 0, 0, 7, 0, 0)\] to [matrix(7, 0, 1, 1, 0, 0)\] at (-1) should be [matrix(-5, 0, -13, 13, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [rotate(180deg)\] to [none\] at (-1) should be [rotate(360deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [none\] to [matrix(7, 0, 2, 2, 6, 0)\] at (-1) should be [matrix(-5, 0, 0, 0, -6, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [none\] to [matrix3d(0, 0.6875, -0.625, 0.3125, -0.6666666666666665, -1, 0.8333333333333334, 0.125, -0.6666666666666665, 0, 0.5, 1.0625, -1.1875, -0.0625, 1.3125, 1)\] at (2) should be [matrix3d(-0.5844534449366048, -0.42278005999296053, -0.4650580659922564, -0.6817595809063256, 0.9156938760088464, 0.3851647027225889, 0.9244443507516923, 0.7218225020358241, -0.0803568793574344, 0.1719974850210706, -0.49676609633513097, -0.25968177786904373, -2.375, -0.125, 2.625, 5.340768914473685)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [none\] to [matrix(7, 0, 2, 2, 6, 0)\] at (0.5) should be [matrix(4, 0, 0.75, 1.5, 3, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [matrix(1, 0, 0, 1, 0, -6)\] to [matrix(0, 7, -1, 0, 6, 0)\] at (0.6666666666666666) should be [matrix(2.5000000000000004, 4.330127018922193, -0.8660254037844386, 0.5000000000000001, 4, -2)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [matrix3d(0, 0.6875, -0.625, 0.3125, -0.6666666666666665, -1, 0.8333333333333334, 0.125, -0.6666666666666665, 0, 0.5, 1.0625, -1.1875, -0.0625, 1.3125, 1)\] to [matrix3d(0.571428571428571, -0.625, -0.8333333333333346, -0.66666666666669, 0.5, -0.1875, -0.8125, 0.3125, 0.34375, -1, 0.8333333333333327, 1.34375, -1.34375, 1, -0.9375, 1)\] at (2) should be [matrix3d(-1.1789992641434441, -0.7109729379601547, -0.4455746537954199, -21.703089533128907, -0.11137581475421703, -0.08822983871000473, -0.05695380894007451, -2.22667264132605, -3.1443917136741506, 1.8952588096345078, 2.426615889772007, -21.697523130750138, -1.5, 2.0625, -3.1875, -5.901513951904121)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [none\] to [matrix3d(1.0806046117362795, 0, -1.682941969615793, 0, 0, 3, 0, 0, 3.365883939231586, 0, 2.161209223472559, 0, 0, 0, 0, 1)\] at (-1) should be [matrix3d(0, 0, 0, 0, 0, -1, 0, 0, 1.682941969615793, 0, -1.0806046117362795, 0, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [matrix3d(0, 0.6875, -0.625, 0.3125, -0.6666666666666665, -1, 0.8333333333333334, 0.125, -0.6666666666666665, 0, 0.5, 1.0625, -1.1875, -0.0625, 1.3125, 1)\] to [matrix3d(0.571428571428571, -0.625, -0.8333333333333346, -0.66666666666669, 0.5, -0.1875, -0.8125, 0.3125, 0.34375, -1, 0.8333333333333327, 1.34375, -1.34375, 1, -0.9375, 1)\] at (2) should be [matrix3d(-1.1789992641434441, -0.7109729379601547, -0.4455746537954199, -21.703089533128907, -0.11137581475421703, -0.08822983871000473, -0.05695380894007451, -2.22667264132605, -3.1443917136741506, 1.8952588096345078, 2.426615889772007, -21.697523130750138, -1.5, 2.0625, -3.1875, -5.901513951904121)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [matrix3d(1.0806046117362795, 0, -1.682941969615793, 0, 0, 3, 0, 0, 3.365883939231586, 0, 2.161209223472559, 0, 0, 0, 0, 1)\] to [none\] at (0.25) should be [matrix3d(1.2804555205291865, 0, -1.1928678300408346, 0, 0, 2.5, 0, 0, 2.215325970075836, 0, 2.377988823839918, 0, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [matrix(3, 0, 0, 5, 0, -6)\] to [none\] at (0.25) should be [matrix(2.5, 0, 0, 4, 0, -4.5)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [none\] to [matrix(7, 0, 2, 2, 6, 0)\] at (0.25) should be [matrix(2.5, 0, 0.31, 1.25, 1.5, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [matrix3d(0.571428571428571, -0.625, -0.8333333333333346, -0.66666666666669, 0.5, -0.1875, -0.8125, 0.3125, 0.34375, -1, 0.8333333333333327, 1.34375, -1.34375, 1, -0.9375, 1)\] to [none\] at (0.25) should be [matrix3d(0.7912976716694541, -0.4517927901159618, -0.6868745974719376, 1.2522201536338506, 0.7952183069582651, 0.06340410955800829, -0.7956629784232128, 2.2561737435012983, 0.345639443327071, -0.8934490945546473, 0.830131443385676, 1.2606901484983566, -1.0078125, 0.75, -0.703125, 2.4888661932358946)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [matrix(0, 7, -1, 0, 6, 0)\] to [matrix(1, 0, 0, 1, 0, -6)\] at (2) should be [matrix(0, 5, 1, 0, -6, -12)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [matrix3d(0.571428571428571, -0.625, -0.8333333333333346, -0.66666666666669, 0.5, -0.1875, -0.8125, 0.3125, 0.34375, -1, 0.8333333333333327, 1.34375, -1.34375, 1, -0.9375, 1)\] to [none\] at (2) should be [matrix3d(0.39048513570444376, 0.14780794797065988, 0.6963068100217401, -4.857907861239344, -2.967682789284791, 0.6004978769584385, -3.5472376016872444, 26.675324787979896, -2.5953724498995308, 1.6280843851961373, 0.8163834310586356, 9.001735256585825, 1.34375, -1, 0.9375, -14.881239394516227)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [matrix(0, 7, -1, 0, 6, 0)\] to [matrix(1, 0, 0, 1, 0, -6)\] at (-1) should be [matrix(-13, 0, 0, -1, 12, 6)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [matrix(0, 7, -1, 0, 6, 0)\] to [matrix(1, 0, 0, 1, 0, -6)\] at (0) should be [matrix(0, 7, -1, 0, 6, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [matrix(1, 0, 0, 1, 0, -6)\] to [matrix(0, 7, -1, 0, 6, 0)\] at (0.5) should be [matrix(2.8284271247461903, 2.82842712474619, -0.7071067811865475, 0.7071067811865476, 3, -3)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [matrix3d(0, 0.6875, -0.625, 0.3125, -0.6666666666666665, -1, 0.8333333333333334, 0.125, -0.6666666666666665, 0, 0.5, 1.0625, -1.1875, -0.0625, 1.3125, 1)\] to [matrix3d(0.571428571428571, -0.625, -0.8333333333333346, -0.66666666666669, 0.5, -0.1875, -0.8125, 0.3125, 0.34375, -1, 0.8333333333333327, 1.34375, -1.34375, 1, -0.9375, 1)\] at (1) should be [matrix3d(0.571428571428571, -0.625, -0.8333333333333346, -0.66666666666669, 0.5, -0.1875, -0.8125, 0.3125, 0.34375, -1, 0.8333333333333327, 1.34375, -1.34375, 1, -0.9375, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [none\] to [rotate(180deg)\] at (-1) should be [rotate(-180deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [matrix(3, 0, 0, 5, 0, -6)\] to [none\] at (0.75) should be [matrix(1.5, 0, 0, 2, 0, -1.5)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [matrix3d(0.571428571428571, -0.625, -0.8333333333333346, -0.66666666666669, 0.5, -0.1875, -0.8125, 0.3125, 0.34375, -1, 0.8333333333333327, 1.34375, -1.34375, 1, -0.9375, 1)\] to [none\] at (1) should be [matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [none\] to [rotate(180deg)\] at (0) should be [rotate(0deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [matrix3d(0, 0.6875, -0.625, 0.3125, -0.6666666666666665, -1, 0.8333333333333334, 0.125, -0.6666666666666665, 0, 0.5, 1.0625, -1.1875, -0.0625, 1.3125, 1)\] to [matrix3d(0.571428571428571, -0.625, -0.8333333333333346, -0.66666666666669, 0.5, -0.1875, -0.8125, 0.3125, 0.34375, -1, 0.8333333333333327, 1.34375, -1.34375, 1, -0.9375, 1)\] at (2) should be [matrix3d(-1.1789992641434441, -0.7109729379601547, -0.4455746537954199, -21.703089533128907, -0.11137581475421703, -0.08822983871000473, -0.05695380894007451, -2.22667264132605, -3.1443917136741506, 1.8952588096345078, 2.426615889772007, -21.697523130750138, -1.5, 2.0625, -3.1875, -5.901513951904121)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [none\] to [matrix(7, 0, 2, 2, 6, 0)\] at (0) should be [matrix(1, 0, 0, 1, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [rotate(180deg)\] to [none\] at (2) should be [rotate(-180deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [none\] to [matrix3d(1.0806046117362795, 0, -1.682941969615793, 0, 0, 3, 0, 0, 3.365883939231586, 0, 2.161209223472559, 0, 0, 0, 0, 1)\] at (2) should be [matrix3d(-1.2484405096414273, 0, -2.727892280477045, 0, 0, 5, 0, 0, 6.365081987779772, 0, -2.9130278558299967, 0, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotate(180deg)\] to [none\] at (0.25) should be [rotate(135deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [matrix3d(2.3505561943, 0.0, 0.0, 0.0, 0.0, 2.6068943664, 0.0, 0.0, 0.0, 0.0, 2.6591082592, 0.0, 20.3339914256, 20.6709033765, 20.9147808456, 1.0)\] to [matrix3d(2.7133590938, 0.0, 0.0, 0.0, 0.0, 2.4645137761, 0.0, 0.0, 0.0, 0.0, 2.801687476, 0.0, 20.4335882254, 20.2330661998, 20.4583968206, 1.0)\] at (0) should be [matrix3d(2.3505561943, 0.0, 0.0, 0.0, 0.0, 2.6068943664, 0.0, 0.0, 0.0, 0.0, 2.6591082592, 0.0, 20.3339914256, 20.6709033765, 20.9147808456, 1.0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [matrix3d(1.0806046117362795, 0, -1.682941969615793, 0, 0, 3, 0, 0, 3.365883939231586, 0, 2.161209223472559, 0, 0, 0, 0, 1)\] to [none\] at (0.25) should be [matrix3d(1.2804555205291865, 0, -1.1928678300408346, 0, 0, 2.5, 0, 0, 2.215325970075836, 0, 2.377988823839918, 0, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [matrix3d(0, 0.6875, -0.625, 0.3125, -0.6666666666666665, -1, 0.8333333333333334, 0.125, -0.6666666666666665, 0, 0.5, 1.0625, -1.1875, -0.0625, 1.3125, 1)\] to [matrix3d(0.571428571428571, -0.625, -0.8333333333333346, -0.66666666666669, 0.5, -0.1875, -0.8125, 0.3125, 0.34375, -1, 0.8333333333333327, 1.34375, -1.34375, 1, -0.9375, 1)\] at (0.25) should be [matrix3d(0.33652832679595723, 0.55254445148386, -0.7544724447833296, 0.22700224951774267, -0.69720168363685, -0.036373245768780864, 0.28149188169180933, -0.2845156818045006, -0.24737156018941048, 0.31207160370190334, 0.4564821058052897, 0.9220853089096839, -1.2265625, 0.203125, 0.75, 1.647016932991011)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [matrix(3, 0, 0, 5, 0, -6)\] to [none\] at (1) should be [matrix(1, 0, 0, 1, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [matrix3d(0, 0.6875, -0.625, 0.3125, -0.6666666666666665, -1, 0.8333333333333334, 0.125, -0.6666666666666665, 0, 0.5, 1.0625, -1.1875, -0.0625, 1.3125, 1)\] to [matrix3d(0.571428571428571, -0.625, -0.8333333333333346, -0.66666666666669, 0.5, -0.1875, -0.8125, 0.3125, 0.34375, -1, 0.8333333333333327, 1.34375, -1.34375, 1, -0.9375, 1)\] at (0.75) should be [matrix3d(0.6861191524977764, -0.18025672746204927, -0.8710297237546482, 0.6072134247444672, 0.2819931018922366, 0.27778974607679663, -0.6540128246146626, 0.5063632314069845, 0.5509562084361049, -0.3215202993119732, 0.5459062603735321, 2.8697154005492105, -1.3046875, 0.734375, -0.375, 1.6470169329910096)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [matrix(1, 0, 0, 7, 0, 0)\] to [matrix(7, 0, 1, 1, 0, 0)\] at (0.6666666666666666) should be [matrix(5, 0, 2, 3, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [matrix3d(0.571428571428571, -0.625, -0.8333333333333346, -0.66666666666669, 0.5, -0.1875, -0.8125, 0.3125, 0.34375, -1, 0.8333333333333327, 1.34375, -1.34375, 1, -0.9375, 1)\] to [none\] at (1) should be [matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [matrix(0, 7, -1, 0, 6, 0)\] to [matrix(1, 0, 0, 1, 0, -6)\] at (2) should be [matrix(0, 5, 1, 0, -6, -12)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [matrix(3, 0, 0, 5, 0, -6)\] to [none\] at (2) should be [matrix(-1, 0, 0, -3, 0, 6)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [rotate(180deg)\] to [none\] at (0) should be [rotate(180deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [matrix(0, 7, -1, 0, 6, 0)\] to [matrix(1, 0, 0, 1, 0, -6)\] at (0.6666666666666666) should be [matrix(2.598076211353316, 1.4999999999999998, -0.49999999999999994, 0.8660254037844387, 2, -4)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [none\] to [matrix(7, 0, 2, 2, 6, 0)\] at (-1) should be [matrix(-5, 0, 0, 0, -6, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [none\] to [rotate(360deg)\] at (0) should be [rotate(0deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [matrix3d(1.0806046117362795, 0, -1.682941969615793, 0, 0, 3, 0, 0, 3.365883939231586, 0, 2.161209223472559, 0, 0, 0, 0, 1)\] to [none\] at (2) should be [matrix3d(0, 0, 0, 0, 0, -1, 0, 0, 1.682941969615793, 0, -1.0806046117362795, 0, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [matrix3d(1.0806046117362795, 0, -1.682941969615793, 0, 0, 3, 0, 0, 3.365883939231586, 0, 2.161209223472559, 0, 0, 0, 0, 1)\] to [none\] at (0.75) should be [matrix3d(1.211140527138306, 0, -0.30925494906815365, 0, 0, 1.5, 0, 0, 0.43295692869541513, 0, 1.6955967379936283, 0, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [matrix(0, 7, -1, 0, 6, 0)\] to [matrix(1, 0, 0, 1, 0, -6)\] at (0.6666666666666666) should be [matrix(2.598076211353316, 1.4999999999999998, -0.49999999999999994, 0.8660254037844387, 2, -4)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [matrix3d(2.3505561943, 0.0, 0.0, 0.0, 0.0, 2.6068943664, 0.0, 0.0, 0.0, 0.0, 2.6591082592, 0.0, 20.3339914256, 20.6709033765, 20.9147808456, 1.0)\] to [matrix3d(2.7133590938, 0.0, 0.0, 0.0, 0.0, 2.4645137761, 0.0, 0.0, 0.0, 0.0, 2.801687476, 0.0, 20.4335882254, 20.2330661998, 20.4583968206, 1.0)\] at (0) should be [matrix3d(2.3505561943, 0.0, 0.0, 0.0, 0.0, 2.6068943664, 0.0, 0.0, 0.0, 0.0, 2.6591082592, 0.0, 20.3339914256, 20.6709033765, 20.9147808456, 1.0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [matrix(1, 0, 0, 7, 0, 0)\] to [matrix(7, 0, 1, 1, 0, 0)\] at (2) should be [matrix(13, 0, -10, -5, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [none\] to [rotate(180deg)\] at (0.25) should be [rotate(45deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [matrix3d(2.3505561943, 0.0, 0.0, 0.0, 0.0, 2.6068943664, 0.0, 0.0, 0.0, 0.0, 2.6591082592, 0.0, 20.3339914256, 20.6709033765, 20.9147808456, 1.0)\] to [matrix3d(2.7133590938, 0.0, 0.0, 0.0, 0.0, 2.4645137761, 0.0, 0.0, 0.0, 0.0, 2.801687476, 0.0, 20.4335882254, 20.2330661998, 20.4583968206, 1.0)\] at (2) should be [matrix3d(3.0761619932999995, 0.0, 0.0, 0.0, 0.0, 2.3221331858, 0.0, 0.0, 0.0, 0.0, 2.9442666928000003, 0.0, 20.5331850252, 19.7952290231, 20.002012795600002, 1.0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [none\] to [matrix3d(1.0806046117362795, 0, -1.682941969615793, 0, 0, 3, 0, 0, 3.365883939231586, 0, 2.161209223472559, 0, 0, 0, 0, 1)\] at (0) should be [matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [none\] to [rotate(180deg)\] at (-1) should be [rotate(-180deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [matrix(0, 7, -1, 0, 6, 0)\] to [matrix(1, 0, 0, 1, 0, -6)\] at (0.6666666666666666) should be [matrix(2.598076211353316, 1.4999999999999998, -0.49999999999999994, 0.8660254037844387, 2, -4)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [matrix3d(2.3505561943, 0.0, 0.0, 0.0, 0.0, 2.6068943664, 0.0, 0.0, 0.0, 0.0, 2.6591082592, 0.0, 20.3339914256, 20.6709033765, 20.9147808456, 1.0)\] to [matrix3d(2.7133590938, 0.0, 0.0, 0.0, 0.0, 2.4645137761, 0.0, 0.0, 0.0, 0.0, 2.801687476, 0.0, 20.4335882254, 20.2330661998, 20.4583968206, 1.0)\] at (0.25) should be [matrix3d(2.441256919175, 0.0, 0.0, 0.0, 0.0, 2.571299218825, 0.0, 0.0, 0.0, 0.0, 2.6947530634, 0.0, 20.35889062555, 20.561444082325, 20.800684839349998, 1.0)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [matrix3d(0.571428571428571, -0.625, -0.8333333333333346, -0.66666666666669, 0.5, -0.1875, -0.8125, 0.3125, 0.34375, -1, 0.8333333333333327, 1.34375, -1.34375, 1, -0.9375, 1)\] to [none\] at (2) should be [matrix3d(0.39048513570444376, 0.14780794797065988, 0.6963068100217401, -4.857907861239344, -2.967682789284791, 0.6004978769584385, -3.5472376016872444, 26.675324787979896, -2.5953724498995308, 1.6280843851961373, 0.8163834310586356, 9.001735256585825, 1.34375, -1, 0.9375, -14.881239394516227)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [none\] to [rotate(180deg)\] at (0.75) should be [rotate(135deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [matrix3d(1.0806046117362795, 0, -1.682941969615793, 0, 0, 3, 0, 0, 3.365883939231586, 0, 2.161209223472559, 0, 0, 0, 0, 1)\] to [none\] at (1) should be [matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [none\] to [rotate(360deg)\] at (0.25) should be [rotate(90deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [matrix3d(2.3505561943, 0.0, 0.0, 0.0, 0.0, 2.6068943664, 0.0, 0.0, 0.0, 0.0, 2.6591082592, 0.0, 20.3339914256, 20.6709033765, 20.9147808456, 1.0)\] to [matrix3d(2.7133590938, 0.0, 0.0, 0.0, 0.0, 2.4645137761, 0.0, 0.0, 0.0, 0.0, 2.801687476, 0.0, 20.4335882254, 20.2330661998, 20.4583968206, 1.0)\] at (-1) should be [matrix3d(1.9877532948000005, 0.0, 0.0, 0.0, 0.0, 2.7492749567000003, 0.0, 0.0, 0.0, 0.0, 2.5165290423999997, 0.0, 20.2343946258, 21.1087405532, 21.371164870599998, 1.0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [none\] to [matrix3d(0, 0.6875, -0.625, 0.3125, -0.6666666666666665, -1, 0.8333333333333334, 0.125, -0.6666666666666665, 0, 0.5, 1.0625, -1.1875, -0.0625, 1.3125, 1)\] at (0.75) should be [matrix3d(0.35007413226026135, 0.7254385504141292, -0.4977009150941454, 0.09582061929004702, -1.1027525038949482, -0.5884810398827429, 0.4516829688651701, 0.5447944343861767, -0.68717798815684, 0.2657772247405681, 0.5465690479810023, 1.0836207863885503, -0.890625, -0.046875, 0.984375, 0.5930529142680927)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [none\] to [rotate(180deg)\] at (0.75) should be [rotate(135deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [matrix(1, 0, 0, 1, 0, -6)\] to [matrix(0, 7, -1, 0, 6, 0)\] at (0.3333333333333333) should be [matrix(2.598076211353316, 1.4999999999999998, -0.49999999999999994, 0.8660254037844387, 2, -4)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [matrix3d(0.571428571428571, -0.625, -0.8333333333333346, -0.66666666666669, 0.5, -0.1875, -0.8125, 0.3125, 0.34375, -1, 0.8333333333333327, 1.34375, -1.34375, 1, -0.9375, 1)\] to [none\] at (-1) should be [matrix3d(-0.6413028394192518, -1.0702420910513302, -0.5807595966791961, -18.02447171345163, 0.8211815704840004, 1.0980679097347057, 0.9399408862655454, 22.460730852026064, 0.28421009261178104, -0.5408346238741739, 0.5194791363698213, 3.075163035391172, -2.6875, 2, -1.875, -14.881239394516232)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [none\] to [matrix(7, 0, 2, 2, 6, 0)\] at (2) should be [matrix(13, 0, 6, 3, 12, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [none\] to [matrix3d(1.0806046117362795, 0, -1.682941969615793, 0, 0, 3, 0, 0, 3.365883939231586, 0, 2.161209223472559, 0, 0, 0, 0, 1)\] at (0) should be [matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [none\] to [rotate(360deg)\] at (0.75) should be [rotate(270deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [matrix(3, 0, 0, 5, 0, -6)\] to [none\] at (0) should be [matrix(3, 0, 0, 5, 0, -6)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotate(180deg)\] to [none\] at (1) should be [rotate(0deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotate(180deg)\] to [none\] at (2) should be [rotate(-180deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [matrix3d(2.3505561943, 0.0, 0.0, 0.0, 0.0, 2.6068943664, 0.0, 0.0, 0.0, 0.0, 2.6591082592, 0.0, 20.3339914256, 20.6709033765, 20.9147808456, 1.0)\] to [matrix3d(2.7133590938, 0.0, 0.0, 0.0, 0.0, 2.4645137761, 0.0, 0.0, 0.0, 0.0, 2.801687476, 0.0, 20.4335882254, 20.2330661998, 20.4583968206, 1.0)\] at (-1) should be [matrix3d(1.9877532948000005, 0.0, 0.0, 0.0, 0.0, 2.7492749567000003, 0.0, 0.0, 0.0, 0.0, 2.5165290423999997, 0.0, 20.2343946258, 21.1087405532, 21.371164870599998, 1.0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [none\] to [matrix3d(1.0806046117362795, 0, -1.682941969615793, 0, 0, 3, 0, 0, 3.365883939231586, 0, 2.161209223472559, 0, 0, 0, 0, 1)\] at (0.75) should be [matrix3d(1.2804555205291865, 0, -1.1928678300408346, 0, 0, 2.5, 0, 0, 2.215325970075836, 0, 2.377988823839918, 0, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [matrix(1, 0, 0, 1, 0, -6)\] to [matrix(0, 7, -1, 0, 6, 0)\] at (0.5) should be [matrix(2.8284271247461903, 2.82842712474619, -0.7071067811865475, 0.7071067811865476, 3, -3)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [matrix3d(1.0806046117362795, 0, -1.682941969615793, 0, 0, 3, 0, 0, 3.365883939231586, 0, 2.161209223472559, 0, 0, 0, 0, 1)\] to [none\] at (0) should be [matrix3d(1.0806046117362795, 0, -1.682941969615793, 0, 0, 3, 0, 0, 3.365883939231586, 0, 2.161209223472559, 0, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [none\] to [rotate(180deg)\] at (0.25) should be [rotate(45deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [none\] to [matrix3d(1.0806046117362795, 0, -1.682941969615793, 0, 0, 3, 0, 0, 3.365883939231586, 0, 2.161209223472559, 0, 0, 0, 0, 1)\] at (0.75) should be [matrix3d(1.2804555205291865, 0, -1.1928678300408346, 0, 0, 2.5, 0, 0, 2.215325970075836, 0, 2.377988823839918, 0, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [matrix(1, 0, 0, 1, 0, -6)\] to [matrix(0, 7, -1, 0, 6, 0)\] at (0.5) should be [matrix(2.8284271247461903, 2.82842712474619, -0.7071067811865475, 0.7071067811865476, 3, -3)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotate(180deg)\] to [none\] at (-1) should be [rotate(360deg)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [none\] to [matrix(7, 0, 2, 2, 6, 0)\] at (0.25) should be [matrix(2.5, 0, 0.31, 1.25, 1.5, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [matrix3d(0.571428571428571, -0.625, -0.8333333333333346, -0.66666666666669, 0.5, -0.1875, -0.8125, 0.3125, 0.34375, -1, 0.8333333333333327, 1.34375, -1.34375, 1, -0.9375, 1)\] to [none\] at (0.75) should be [matrix3d(1.0093457700315165, -0.12746048375025829, -0.24746788943106088, 1.3202120308857304, 0.6128364656690982, 0.7600694601651116, -0.22233359857303325, 1.4081483224940277, 0.21669805381113447, -0.3786082265932788, 0.908354523914928, 0.6747509193960347, -0.3359375, 0.25, -0.234375, 2.4888661932358964)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [matrix(3, 0, 0, 5, 0, -6)\] to [none\] at (0.5) should be [matrix(2, 0, 0, 3, 0, -3)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [matrix(1, 0, 0, 1, 0, -6)\] to [matrix(0, 7, -1, 0, 6, 0)\] at (0) should be [matrix(1, 0, 0, 1, 0, -6)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [matrix(1, 0, 0, 7, 0, 0)\] to [matrix(7, 0, 1, 1, 0, 0)\] at (-1) should be [matrix(-5, 0, -13, 13, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [matrix(3, 0, 0, 5, 0, -6)\] to [none\] at (0.75) should be [matrix(1.5, 0, 0, 2, 0, -1.5)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [none\] to [matrix(7, 0, 2, 2, 6, 0)\] at (-1) should be [matrix(-5, 0, 0, 0, -6, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [matrix3d(1.0806046117362795, 0, -1.682941969615793, 0, 0, 3, 0, 0, 3.365883939231586, 0, 2.161209223472559, 0, 0, 0, 0, 1)\] to [none\] at (0.75) should be [matrix3d(1.211140527138306, 0, -0.30925494906815365, 0, 0, 1.5, 0, 0, 0.43295692869541513, 0, 1.6955967379936283, 0, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [matrix3d(1.0806046117362795, 0, -1.682941969615793, 0, 0, 3, 0, 0, 3.365883939231586, 0, 2.161209223472559, 0, 0, 0, 0, 1)\] to [none\] at (1) should be [matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [none\] to [matrix3d(1.0806046117362795, 0, -1.682941969615793, 0, 0, 3, 0, 0, 3.365883939231586, 0, 2.161209223472559, 0, 0, 0, 0, 1)\] at (0.75) should be [matrix3d(1.2804555205291865, 0, -1.1928678300408346, 0, 0, 2.5, 0, 0, 2.215325970075836, 0, 2.377988823839918, 0, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [matrix(0, 7, -1, 0, 6, 0)\] to [matrix(1, 0, 0, 1, 0, -6)\] at (0.5) should be [matrix(2.8284271247461903, 2.82842712474619, -0.7071067811865475, 0.7071067811865476, 3, -3)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [matrix3d(1.0806046117362795, 0, -1.682941969615793, 0, 0, 3, 0, 0, 3.365883939231586, 0, 2.161209223472559, 0, 0, 0, 0, 1)\] to [none\] at (0) should be [matrix3d(1.0806046117362795, 0, -1.682941969615793, 0, 0, 3, 0, 0, 3.365883939231586, 0, 2.161209223472559, 0, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [matrix3d(0.571428571428571, -0.625, -0.8333333333333346, -0.66666666666669, 0.5, -0.1875, -0.8125, 0.3125, 0.34375, -1, 0.8333333333333327, 1.34375, -1.34375, 1, -0.9375, 1)\] to [none\] at (0.25) should be [matrix3d(0.7912976716694541, -0.4517927901159618, -0.6868745974719376, 1.2522201536338506, 0.7952183069582651, 0.06340410955800829, -0.7956629784232128, 2.2561737435012983, 0.345639443327071, -0.8934490945546473, 0.830131443385676, 1.2606901484983566, -1.0078125, 0.75, -0.703125, 2.4888661932358946)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [matrix(0, 7, -1, 0, 6, 0)\] to [matrix(1, 0, 0, 1, 0, -6)\] at (0.5) should be [matrix(2.8284271247461903, 2.82842712474619, -0.7071067811865475, 0.7071067811865476, 3, -3)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [none\] to [rotate(180deg)\] at (2) should be [rotate(360deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [matrix(1, 0, 0, 1, 0, -6)\] to [matrix(0, 7, -1, 0, 6, 0)\] at (0) should be [matrix(1, 0, 0, 1, 0, -6)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [matrix3d(0, 0.6875, -0.625, 0.3125, -0.6666666666666665, -1, 0.8333333333333334, 0.125, -0.6666666666666665, 0, 0.5, 1.0625, -1.1875, -0.0625, 1.3125, 1)\] to [matrix3d(0.571428571428571, -0.625, -0.8333333333333346, -0.66666666666669, 0.5, -0.1875, -0.8125, 0.3125, 0.34375, -1, 0.8333333333333327, 1.34375, -1.34375, 1, -0.9375, 1)\] at (0) should be [matrix3d(0, 0.6875, -0.625, 0.3125, -0.6666666666666665, -1, 0.8333333333333334, 0.125, -0.6666666666666665, 0, 0.5, 1.0625, -1.1875, -0.0625, 1.3125, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [matrix3d(2.3505561943, 0.0, 0.0, 0.0, 0.0, 2.6068943664, 0.0, 0.0, 0.0, 0.0, 2.6591082592, 0.0, 20.3339914256, 20.6709033765, 20.9147808456, 1.0)\] to [matrix3d(2.7133590938, 0.0, 0.0, 0.0, 0.0, 2.4645137761, 0.0, 0.0, 0.0, 0.0, 2.801687476, 0.0, 20.4335882254, 20.2330661998, 20.4583968206, 1.0)\] at (0.25) should be [matrix3d(2.441256919175, 0.0, 0.0, 0.0, 0.0, 2.571299218825, 0.0, 0.0, 0.0, 0.0, 2.6947530634, 0.0, 20.35889062555, 20.561444082325, 20.800684839349998, 1.0)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [none\] to [matrix3d(0, 0.6875, -0.625, 0.3125, -0.6666666666666665, -1, 0.8333333333333334, 0.125, -0.6666666666666665, 0, 0.5, 1.0625, -1.1875, -0.0625, 1.3125, 1)\] at (0.25) should be [matrix3d(0.9041890962319094, 0.3522701519297133, -0.15240204298176957, -0.1428256720529315, -0.7579798772527586, 0.6803606288839232, -0.05133336076757235, 0.37904689530895724, -0.1957679784745485, 0.38554138029509327, 0.8226186974340638, 0.3370288143441876, -0.296875, -0.015625, 0.328125, 0.5930529142680923)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [matrix(1, 0, 0, 1, 0, -6)\] to [matrix(0, 7, -1, 0, 6, 0)\] at (-1) should be [matrix(0, 5, 1, 0, -6, -12)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [matrix3d(0, 0.6875, -0.625, 0.3125, -0.6666666666666665, -1, 0.8333333333333334, 0.125, -0.6666666666666665, 0, 0.5, 1.0625, -1.1875, -0.0625, 1.3125, 1)\] to [matrix3d(0.571428571428571, -0.625, -0.8333333333333346, -0.66666666666669, 0.5, -0.1875, -0.8125, 0.3125, 0.34375, -1, 0.8333333333333327, 1.34375, -1.34375, 1, -0.9375, 1)\] at (0.25) should be [matrix3d(0.33652832679595723, 0.55254445148386, -0.7544724447833296, 0.22700224951774267, -0.69720168363685, -0.036373245768780864, 0.28149188169180933, -0.2845156818045006, -0.24737156018941048, 0.31207160370190334, 0.4564821058052897, 0.9220853089096839, -1.2265625, 0.203125, 0.75, 1.647016932991011)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [matrix(1, 0, 0, 1, 0, -6)\] to [matrix(0, 7, -1, 0, 6, 0)\] at (0.6666666666666666) should be [matrix(2.5000000000000004, 4.330127018922193, -0.8660254037844386, 0.5000000000000001, 4, -2)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [none\] to [matrix3d(0, 0.6875, -0.625, 0.3125, -0.6666666666666665, -1, 0.8333333333333334, 0.125, -0.6666666666666665, 0, 0.5, 1.0625, -1.1875, -0.0625, 1.3125, 1)\] at (0.75) should be [matrix3d(0.35007413226026135, 0.7254385504141292, -0.4977009150941454, 0.09582061929004702, -1.1027525038949482, -0.5884810398827429, 0.4516829688651701, 0.5447944343861767, -0.68717798815684, 0.2657772247405681, 0.5465690479810023, 1.0836207863885503, -0.890625, -0.046875, 0.984375, 0.5930529142680927)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [matrix(0, 7, -1, 0, 6, 0)\] to [matrix(1, 0, 0, 1, 0, -6)\] at (0) should be [matrix(0, 7, -1, 0, 6, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [matrix3d(0, 0.6875, -0.625, 0.3125, -0.6666666666666665, -1, 0.8333333333333334, 0.125, -0.6666666666666665, 0, 0.5, 1.0625, -1.1875, -0.0625, 1.3125, 1)\] to [matrix3d(0.571428571428571, -0.625, -0.8333333333333346, -0.66666666666669, 0.5, -0.1875, -0.8125, 0.3125, 0.34375, -1, 0.8333333333333327, 1.34375, -1.34375, 1, -0.9375, 1)\] at (0.25) should be [matrix3d(0.33652832679595723, 0.55254445148386, -0.7544724447833296, 0.22700224951774267, -0.69720168363685, -0.036373245768780864, 0.28149188169180933, -0.2845156818045006, -0.24737156018941048, 0.31207160370190334, 0.4564821058052897, 0.9220853089096839, -1.2265625, 0.203125, 0.75, 1.647016932991011)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [matrix3d(0.571428571428571, -0.625, -0.8333333333333346, -0.66666666666669, 0.5, -0.1875, -0.8125, 0.3125, 0.34375, -1, 0.8333333333333327, 1.34375, -1.34375, 1, -0.9375, 1)\] to [none\] at (0.75) should be [matrix3d(1.0093457700315165, -0.12746048375025829, -0.24746788943106088, 1.3202120308857304, 0.6128364656690982, 0.7600694601651116, -0.22233359857303325, 1.4081483224940277, 0.21669805381113447, -0.3786082265932788, 0.908354523914928, 0.6747509193960347, -0.3359375, 0.25, -0.234375, 2.4888661932358964)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [matrix(3, 0, 0, 5, 0, -6)\] to [none\] at (-1) should be [matrix(5, 0, 0, 9, 0, -12)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [matrix(1, 0, 0, 7, 0, 0)\] to [matrix(7, 0, 1, 1, 0, 0)\] at (0.5) should be [matrix(4, 0, 2, 4, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [matrix(1, 0, 0, 1, 0, -6)\] to [matrix(0, 7, -1, 0, 6, 0)\] at (2) should be [matrix(-13, 0, 0, -1, 12, 6)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [matrix(0, 7, -1, 0, 6, 0)\] to [matrix(1, 0, 0, 1, 0, -6)\] at (0.3333333333333333) should be [matrix(2.5000000000000004, 4.330127018922193, -0.8660254037844386, 0.5000000000000001, 4, -2)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [matrix3d(0, 0.6875, -0.625, 0.3125, -0.6666666666666665, -1, 0.8333333333333334, 0.125, -0.6666666666666665, 0, 0.5, 1.0625, -1.1875, -0.0625, 1.3125, 1)\] to [matrix3d(0.571428571428571, -0.625, -0.8333333333333346, -0.66666666666669, 0.5, -0.1875, -0.8125, 0.3125, 0.34375, -1, 0.8333333333333327, 1.34375, -1.34375, 1, -0.9375, 1)\] at (-1) should be [matrix3d(-0.6299594065765657, -0.10825090106268696, -0.20133311671001855, 5.485724217214554, 6.358051978686152, 0.16496896269344588, 1.5760051143537075, -54.21568355620423, 0.7106057459805782, -1.1596356050622005, -0.11495342545397585, -4.913752963990824, -1.03125, -1.125, 3.5625, -5.901513951904114)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [none\] to [rotate(360deg)\] at (0.25) should be [rotate(90deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [matrix(1, 0, 0, 7, 0, 0)\] to [matrix(7, 0, 1, 1, 0, 0)\] at (0.3333333333333333) should be [matrix(3, 0, 1.6667, 5, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [none\] to [matrix(7, 0, 2, 2, 6, 0)\] at (2) should be [matrix(13, 0, 6, 3, 12, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [none\] to [matrix(7, 0, 2, 2, 6, 0)\] at (0.75) should be [matrix(5.5, 0, 1.31, 1.75, 4.5, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [none\] to [matrix3d(1.0806046117362795, 0, -1.682941969615793, 0, 0, 3, 0, 0, 3.365883939231586, 0, 2.161209223472559, 0, 0, 0, 0, 1)\] at (0.25) should be [matrix3d(1.211140527138306, 0, -0.30925494906815365, 0, 0, 1.5, 0, 0, 0.43295692869541513, 0, 1.6955967379936283, 0, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [rotate(180deg)\] to [none\] at (1) should be [rotate(0deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotate(180deg)\] to [none\] at (0) should be [rotate(180deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [matrix(1, 0, 0, 7, 0, 0)\] to [matrix(7, 0, 1, 1, 0, 0)\] at (0.3333333333333333) should be [matrix(3, 0, 1.6667, 5, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [none\] to [matrix3d(1.0806046117362795, 0, -1.682941969615793, 0, 0, 3, 0, 0, 3.365883939231586, 0, 2.161209223472559, 0, 0, 0, 0, 1)\] at (0) should be [matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [matrix3d(2.3505561943, 0.0, 0.0, 0.0, 0.0, 2.6068943664, 0.0, 0.0, 0.0, 0.0, 2.6591082592, 0.0, 20.3339914256, 20.6709033765, 20.9147808456, 1.0)\] to [matrix3d(2.7133590938, 0.0, 0.0, 0.0, 0.0, 2.4645137761, 0.0, 0.0, 0.0, 0.0, 2.801687476, 0.0, 20.4335882254, 20.2330661998, 20.4583968206, 1.0)\] at (2) should be [matrix3d(3.0761619932999995, 0.0, 0.0, 0.0, 0.0, 2.3221331858, 0.0, 0.0, 0.0, 0.0, 2.9442666928000003, 0.0, 20.5331850252, 19.7952290231, 20.002012795600002, 1.0)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [none\] to [rotate(360deg)\] at (-1) should be [rotate(-360deg)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [none\] to [matrix3d(0, 0.6875, -0.625, 0.3125, -0.6666666666666665, -1, 0.8333333333333334, 0.125, -0.6666666666666665, 0, 0.5, 1.0625, -1.1875, -0.0625, 1.3125, 1)\] at (0.25) should be [matrix3d(0.9041890962319094, 0.3522701519297133, -0.15240204298176957, -0.1428256720529315, -0.7579798772527586, 0.6803606288839232, -0.05133336076757235, 0.37904689530895724, -0.1957679784745485, 0.38554138029509327, 0.8226186974340638, 0.3370288143441876, -0.296875, -0.015625, 0.328125, 0.5930529142680923)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [none\] to [rotate(360deg)\] at (0) should be [rotate(0deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [none\] to [matrix3d(0, 0.6875, -0.625, 0.3125, -0.6666666666666665, -1, 0.8333333333333334, 0.125, -0.6666666666666665, 0, 0.5, 1.0625, -1.1875, -0.0625, 1.3125, 1)\] at (2) should be [matrix3d(-0.5844534449366048, -0.42278005999296053, -0.4650580659922564, -0.6817595809063256, 0.9156938760088464, 0.3851647027225889, 0.9244443507516923, 0.7218225020358241, -0.0803568793574344, 0.1719974850210706, -0.49676609633513097, -0.25968177786904373, -2.375, -0.125, 2.625, 5.340768914473685)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [matrix(1, 0, 0, 7, 0, 0)\] to [matrix(7, 0, 1, 1, 0, 0)\] at (0.5) should be [matrix(4, 0, 2, 4, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [matrix3d(0.571428571428571, -0.625, -0.8333333333333346, -0.66666666666669, 0.5, -0.1875, -0.8125, 0.3125, 0.34375, -1, 0.8333333333333327, 1.34375, -1.34375, 1, -0.9375, 1)\] to [none\] at (0.75) should be [matrix3d(1.0093457700315165, -0.12746048375025829, -0.24746788943106088, 1.3202120308857304, 0.6128364656690982, 0.7600694601651116, -0.22233359857303325, 1.4081483224940277, 0.21669805381113447, -0.3786082265932788, 0.908354523914928, 0.6747509193960347, -0.3359375, 0.25, -0.234375, 2.4888661932358964)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [matrix3d(1.0806046117362795, 0, -1.682941969615793, 0, 0, 3, 0, 0, 3.365883939231586, 0, 2.161209223472559, 0, 0, 0, 0, 1)\] to [none\] at (0.75) should be [matrix3d(1.211140527138306, 0, -0.30925494906815365, 0, 0, 1.5, 0, 0, 0.43295692869541513, 0, 1.6955967379936283, 0, 0, 0, 0, 1)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [none\] to [matrix(7, 0, 2, 2, 6, 0)\] at (0.25) should be [matrix(2.5, 0, 0.31, 1.25, 1.5, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [matrix(1, 0, 0, 7, 0, 0)\] to [matrix(7, 0, 1, 1, 0, 0)\] at (0.5) should be [matrix(4, 0, 2, 4, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [none\] to [rotate(180deg)\] at (-1) should be [rotate(-180deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [none\] to [matrix3d(0, 0.6875, -0.625, 0.3125, -0.6666666666666665, -1, 0.8333333333333334, 0.125, -0.6666666666666665, 0, 0.5, 1.0625, -1.1875, -0.0625, 1.3125, 1)\] at (-1) should be [matrix3d(-0.0000000000000002377810622383943, -1.0671050586638147, -0.08972656766237302, 1.3740432449326199, 0.98484601036295, -2.653201092395309, 0.6753819540610847, 3.6127240080250744, -2.7988839807429846, -1.2090004194153336, -0.5183744226115445, -0.7936088631686278, 1.1875, 0.0625, -1.3125, 5.340768914473683)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [matrix3d(0, 0.6875, -0.625, 0.3125, -0.6666666666666665, -1, 0.8333333333333334, 0.125, -0.6666666666666665, 0, 0.5, 1.0625, -1.1875, -0.0625, 1.3125, 1)\] to [matrix3d(0.571428571428571, -0.625, -0.8333333333333346, -0.66666666666669, 0.5, -0.1875, -0.8125, 0.3125, 0.34375, -1, 0.8333333333333327, 1.34375, -1.34375, 1, -0.9375, 1)\] at (0.75) should be [matrix3d(0.6861191524977764, -0.18025672746204927, -0.8710297237546482, 0.6072134247444672, 0.2819931018922366, 0.27778974607679663, -0.6540128246146626, 0.5063632314069845, 0.5509562084361049, -0.3215202993119732, 0.5459062603735321, 2.8697154005492105, -1.3046875, 0.734375, -0.375, 1.6470169329910096)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [matrix3d(0.571428571428571, -0.625, -0.8333333333333346, -0.66666666666669, 0.5, -0.1875, -0.8125, 0.3125, 0.34375, -1, 0.8333333333333327, 1.34375, -1.34375, 1, -0.9375, 1)\] to [none\] at (-1) should be [matrix3d(-0.6413028394192518, -1.0702420910513302, -0.5807595966791961, -18.02447171345163, 0.8211815704840004, 1.0980679097347057, 0.9399408862655454, 22.460730852026064, 0.28421009261178104, -0.5408346238741739, 0.5194791363698213, 3.075163035391172, -2.6875, 2, -1.875, -14.881239394516232)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [matrix(3, 0, 0, 5, 0, -6)\] to [none\] at (0) should be [matrix(3, 0, 0, 5, 0, -6)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [none\] to [matrix(7, 0, 2, 2, 6, 0)\] at (0.5) should be [matrix(4, 0, 0.75, 1.5, 3, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [matrix(1, 0, 0, 7, 0, 0)\] to [matrix(7, 0, 1, 1, 0, 0)\] at (0) should be [matrix(1, 0, 0, 7, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [none\] to [rotate(180deg)\] at (0) should be [rotate(0deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [matrix(1, 0, 0, 1, 0, -6)\] to [matrix(0, 7, -1, 0, 6, 0)\] at (0.3333333333333333) should be [matrix(2.598076211353316, 1.4999999999999998, -0.49999999999999994, 0.8660254037844387, 2, -4)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [matrix3d(2.3505561943, 0.0, 0.0, 0.0, 0.0, 2.6068943664, 0.0, 0.0, 0.0, 0.0, 2.6591082592, 0.0, 20.3339914256, 20.6709033765, 20.9147808456, 1.0)\] to [matrix3d(2.7133590938, 0.0, 0.0, 0.0, 0.0, 2.4645137761, 0.0, 0.0, 0.0, 0.0, 2.801687476, 0.0, 20.4335882254, 20.2330661998, 20.4583968206, 1.0)\] at (0.75) should be [matrix3d(2.622658368925, 0.0, 0.0, 0.0, 0.0, 2.500108923675, 0.0, 0.0, 0.0, 0.0, 2.7660426718, 0.0, 20.408689025450002, 20.342525493975, 20.572492826850002, 1.0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [matrix(3, 0, 0, 5, 0, -6)\] to [none\] at (2) should be [matrix(-1, 0, 0, -3, 0, 6)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [rotate(180deg)\] to [none\] at (0.25) should be [rotate(135deg)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [rotate(180deg)\] to [none\] at (0) should be [rotate(180deg)\]]
+    expected: FAIL
+

tests/wpt/metadata-layout-2020/css/css-transforms/animation/transform-interpolation-006.html.ini

@@ -71,3 +71,189 @@
   [Web Animations: property <transform> from [initial\] to [translate(20px)\] at (2) should be [translate(40px)\]]
     expected: FAIL
 
+  [CSS Transitions with transition: all: property <transform> from [initial\] to [translate(20px)\] at (0) should be [translate(0px)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [inherit\] to [translate(20px)\] at (0.75) should be [translate(22.5px)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [unset\] to [translate(20px)\] at (2) should be [translate(40px)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [initial\] to [translate(20px)\] at (-1) should be [translate(-20px)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [initial\] to [translate(20px)\] at (2) should be [translate(40px)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from neutral to [translate(20px)\] at (0) should be [translate(10px)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [inherit\] to [translate(20px)\] at (0.25) should be [translate(27.5px)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [unset\] to [translate(20px)\] at (0.75) should be [translate(15px)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from neutral to [translate(20px)\] at (-1) should be [translate(0px)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from neutral to [translate(20px)\] at (0.25) should be [translate(12.5px)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [unset\] to [translate(20px)\] at (0.25) should be [translate(5px)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [inherit\] to [translate(20px)\] at (1) should be [translate(20px)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from neutral to [translate(20px)\] at (-1) should be [translate(0px)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from neutral to [translate(20px)\] at (0.75) should be [translate(17.5px)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [initial\] to [translate(20px)\] at (0) should be [translate(0px)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [unset\] to [translate(20px)\] at (0.75) should be [translate(15px)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from neutral to [translate(20px)\] at (2) should be [translate(30px)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [initial\] to [translate(20px)\] at (0.75) should be [translate(15px)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [inherit\] to [translate(20px)\] at (-1) should be [translate(40px)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [unset\] to [translate(20px)\] at (0.25) should be [translate(5px)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [initial\] to [translate(20px)\] at (0.25) should be [translate(5px)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [unset\] to [translate(20px)\] at (0) should be [translate(0px)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [initial\] to [translate(20px)\] at (0.75) should be [translate(15px)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [unset\] to [translate(20px)\] at (-1) should be [translate(-20px)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [initial\] to [translate(20px)\] at (0.25) should be [translate(5px)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [unset\] to [translate(20px)\] at (2) should be [translate(40px)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [inherit\] to [translate(20px)\] at (0.25) should be [translate(27.5px)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [unset\] to [translate(20px)\] at (1) should be [translate(20px)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [initial\] to [translate(20px)\] at (-1) should be [translate(-20px)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [unset\] to [translate(20px)\] at (0) should be [translate(0px)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [unset\] to [translate(20px)\] at (-1) should be [translate(-20px)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [initial\] to [translate(20px)\] at (2) should be [translate(40px)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [initial\] to [translate(20px)\] at (1) should be [translate(20px)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from neutral to [translate(20px)\] at (0.25) should be [translate(12.5px)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from neutral to [translate(20px)\] at (0.75) should be [translate(17.5px)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [inherit\] to [translate(20px)\] at (0.75) should be [translate(22.5px)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from neutral to [translate(20px)\] at (2) should be [translate(30px)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [inherit\] to [translate(20px)\] at (0) should be [translate(30px)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from neutral to [translate(20px)\] at (0) should be [translate(10px)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [initial\] to [translate(20px)\] at (0.25) should be [translate(5px)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [unset\] to [translate(20px)\] at (0.25) should be [translate(5px)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [inherit\] to [translate(20px)\] at (0) should be [translate(30px)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [unset\] to [translate(20px)\] at (2) should be [translate(40px)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [unset\] to [translate(20px)\] at (-1) should be [translate(-20px)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from neutral to [translate(20px)\] at (0.75) should be [translate(17.5px)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [inherit\] to [translate(20px)\] at (0) should be [translate(30px)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [unset\] to [translate(20px)\] at (0.75) should be [translate(15px)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [unset\] to [translate(20px)\] at (0) should be [translate(0px)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [inherit\] to [translate(20px)\] at (2) should be [translate(10px)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from neutral to [translate(20px)\] at (-1) should be [translate(0px)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [inherit\] to [translate(20px)\] at (0.25) should be [translate(27.5px)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from neutral to [translate(20px)\] at (2) should be [translate(30px)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [inherit\] to [translate(20px)\] at (-1) should be [translate(40px)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from neutral to [translate(20px)\] at (1) should be [translate(20px)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [initial\] to [translate(20px)\] at (-1) should be [translate(-20px)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [inherit\] to [translate(20px)\] at (-1) should be [translate(40px)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from neutral to [translate(20px)\] at (0.25) should be [translate(12.5px)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [initial\] to [translate(20px)\] at (0.75) should be [translate(15px)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [initial\] to [translate(20px)\] at (0) should be [translate(0px)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform> from [inherit\] to [translate(20px)\] at (2) should be [translate(10px)\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform> from [inherit\] to [translate(20px)\] at (0.75) should be [translate(22.5px)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform> from [initial\] to [translate(20px)\] at (2) should be [translate(40px)\]]
+    expected: FAIL
+

tests/wpt/metadata-layout-2020/css/css-transforms/animation/transform-matrix-composition.html.ini

@@ -0,0 +1,169 @@
+[transform-matrix-composition.html]
+  [Compositing: property <transform> underlying [matrix3d(0.8535533905932737,0.1464466094067262,-0.5,0,0.1464466094067262,0.8535533905932737,0.5,0,0.5,-0.5,0.7071067811865476,0,100,0,0,1)\] from add [matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 100, 0, 0, 1)\] to add [matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 200, 0, 0, 1)\] at (0.5) should be [translateX(100px) rotate3d(1, 1, 0, 45deg) translateX(150px)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [matrix(1, 1, 0, 0, 0, 100)\] from accumulate [matrix(1, 0, 0, 1, 100, 0)\] to accumulate [matrix(1, 0, 0, 1, 200, 0)\] at (0.25) should be [matrix(1, 0, 0, 1, 125, 0)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [matrix(1, 0, 0, 1, 100, 0)\] from add [matrix(1, 1, 0, 0, 0, 100)\] to add [matrix(1, 0, 0, 1, 200, 0)\] at (0.25) should be [matrix(1, 1, 0, 0, 100, 100)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [matrix3d(0.8535533905932737,0.1464466094067262,-0.5,0,0.1464466094067262,0.8535533905932737,0.5,0,0.5,-0.5,0.7071067811865476,0,100,0,0,1)\] from add [matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 100, 0, 0, 1)\] to add [matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 200, 0, 0, 1)\] at (1) should be [translateX(100px) rotate3d(1, 1, 0, 45deg) translateX(200px)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [matrix(1, 0, 0, 1, 100, 0)\] from add [matrix(1, 1, 0, 0, 0, 100)\] to add [matrix(1, 0, 0, 1, 200, 0)\] at (0) should be [matrix(1, 1, 0, 0, 100, 100)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [matrix3d(0.8535533905932737,0.1464466094067262,-0.5,0,0.1464466094067262,0.8535533905932737,0.5,0,0.5,-0.5,0.7071067811865476,0,100,0,0,1)\] from add [matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 100, 0, 0, 1)\] to add [matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 200, 0, 0, 1)\] at (0) should be [translateX(100px) rotate3d(1, 1, 0, 45deg) translateX(100px)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [matrix(0, 1, -1, 0, 100, 0)\] from add [matrix(1, 0, 0, 1, 100, 0)\] to add [matrix(1, 0, 0, 1, 200, 0)\] at (0.25) should be [matrix(0, 1, -1, 0, 100, 125)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [matrix(1, 1, 0, 0, 0, 100)\] from accumulate [matrix(1, 0, 0, 1, 100, 0)\] to accumulate [matrix(1, 0, 0, 1, 200, 0)\] at (0.75) should be [matrix(1, 0, 0, 1, 175, 0)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [matrix(0, 1, -1, 0, 100, 0)\] from add [matrix(1, 0, 0, 1, 100, 0)\] to add [matrix(1, 0, 0, 1, 200, 0)\] at (1) should be [matrix(0, 1, -1, 0, 100, 200)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [matrix3d(0.8535533905932737,0.1464466094067262,-0.5,0,0.1464466094067262,0.8535533905932737,0.5,0,0.5,-0.5,0.7071067811865476,0,100,0,0,1)\] from accumulate [matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 100, 0, 0, 1)\] to accumulate [matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 200, 0, 0, 1)\] at (0.25) should be [translateX(225px) rotate3d(1, 1, 0, 45deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [matrix(0, 1, -1, 0, 100, 0)\] from accumulate [matrix(1, 0, 0, 1, 100, 0)\] to accumulate [matrix(1, 0, 0, 1, 200, 0)\] at (1.5) should be [matrix(0, 1, -1, 0, 350, 0)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [matrix(1, 0, 0, 1, 100, 0)\] from accumulate [matrix(1, 1, 0, 0, 0, 100)\] to accumulate [matrix(1, 0, 0, 1, 200, 0)\] at (-0.5) should be [matrix(1, 1, 0, 0, 0, 100)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [matrix3d(0.8535533905932737,0.1464466094067262,-0.5,0,0.1464466094067262,0.8535533905932737,0.5,0,0.5,-0.5,0.7071067811865476,0,100,0,0,1)\] from add [matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 100, 0, 0, 1)\] to add [matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 200, 0, 0, 1)\] at (1.5) should be [translateX(100px) rotate3d(1, 1, 0, 45deg) translateX(250px)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [matrix(1, 1, 0, 0, 0, 100)\] from add [matrix(1, 0, 0, 1, 100, 0)\] to add [matrix(1, 0, 0, 1, 200, 0)\] at (0.25) should be [matrix(1, 1, 0, 0, 100, 200)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [matrix3d(0.8535533905932737,0.1464466094067262,-0.5,0,0.1464466094067262,0.8535533905932737,0.5,0,0.5,-0.5,0.7071067811865476,0,100,0,0,1)\] from accumulate [matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 100, 0, 0, 1)\] to accumulate [matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 200, 0, 0, 1)\] at (0.75) should be [translateX(275px) rotate3d(1, 1, 0, 45deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [matrix(1, 1, 0, 0, 0, 100)\] from add [matrix(1, 0, 0, 1, 100, 0)\] to add [matrix(1, 0, 0, 1, 200, 0)\] at (-0.5) should be [matrix(1, 1, 0, 0, 100, 200)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [matrix(1, 0, 0, 1, 100, 0)\] from accumulate [matrix(1, 1, 0, 0, 0, 100)\] to accumulate [matrix(1, 0, 0, 1, 200, 0)\] at (0.5) should be [matrix(1, 0, 0, 1, 300, 0)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [matrix3d(0.8535533905932737,0.1464466094067262,-0.5,0,0.1464466094067262,0.8535533905932737,0.5,0,0.5,-0.5,0.7071067811865476,0,100,0,0,1)\] from accumulate [matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 100, 0, 0, 1)\] to accumulate [matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 200, 0, 0, 1)\] at (1.5) should be [translateX(350px) rotate3d(1, 1, 0, 45deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [matrix(1, 1, 0, 0, 0, 100)\] from add [matrix(1, 0, 0, 1, 100, 0)\] to add [matrix(1, 0, 0, 1, 200, 0)\] at (1) should be [matrix(1, 1, 0, 0, 200, 300)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [matrix(1, 1, 0, 0, 0, 100)\] from add [matrix(1, 0, 0, 1, 100, 0)\] to add [matrix(1, 0, 0, 1, 200, 0)\] at (1.5) should be [matrix(1, 1, 0, 0, 200, 300)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [matrix(1, 0, 0, 1, 100, 0)\] from add [matrix(1, 1, 0, 0, 0, 100)\] to add [matrix(1, 0, 0, 1, 200, 0)\] at (1) should be [matrix(1, 0, 0, 1, 300, 0)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [matrix(1, 1, 0, 0, 0, 100)\] from accumulate [matrix(1, 0, 0, 1, 100, 0)\] to accumulate [matrix(1, 0, 0, 1, 200, 0)\] at (1) should be [matrix(1, 0, 0, 1, 200, 0)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [matrix(0, 1, -1, 0, 100, 0)\] from accumulate [matrix(1, 0, 0, 1, 100, 0)\] to accumulate [matrix(1, 0, 0, 1, 200, 0)\] at (0) should be [matrix(0, 1, -1, 0, 200, 0)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [matrix(1, 1, 0, 0, 0, 100)\] from accumulate [matrix(1, 0, 0, 1, 100, 0)\] to accumulate [matrix(1, 0, 0, 1, 200, 0)\] at (0.5) should be [matrix(1, 0, 0, 1, 150, 0)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [matrix3d(0.8535533905932737,0.1464466094067262,-0.5,0,0.1464466094067262,0.8535533905932737,0.5,0,0.5,-0.5,0.7071067811865476,0,100,0,0,1)\] from accumulate [matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 100, 0, 0, 1)\] to accumulate [matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 200, 0, 0, 1)\] at (-0.5) should be [translateX(150px) rotate3d(1, 1, 0, 45deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [matrix(0, 1, -1, 0, 100, 0)\] from accumulate [matrix(1, 0, 0, 1, 100, 0)\] to accumulate [matrix(1, 0, 0, 1, 200, 0)\] at (-0.5) should be [matrix(0, 1, -1, 0, 150, 0)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [matrix(1, 0, 0, 1, 100, 0)\] from accumulate [matrix(1, 1, 0, 0, 0, 100)\] to accumulate [matrix(1, 0, 0, 1, 200, 0)\] at (0) should be [matrix(1, 1, 0, 0, 0, 100)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [matrix(0, 1, -1, 0, 100, 0)\] from accumulate [matrix(1, 0, 0, 1, 100, 0)\] to accumulate [matrix(1, 0, 0, 1, 200, 0)\] at (0.25) should be [matrix(0, 1, -1, 0, 225, 0)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [matrix(1, 1, 0, 0, 0, 100)\] from accumulate [matrix(1, 0, 0, 1, 100, 0)\] to accumulate [matrix(1, 0, 0, 1, 200, 0)\] at (-0.5) should be [matrix(1, 0, 0, 1, 50, 0)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [matrix(1, 1, 0, 0, 0, 100)\] from add [matrix(1, 0, 0, 1, 100, 0)\] to add [matrix(1, 0, 0, 1, 200, 0)\] at (0) should be [matrix(1, 1, 0, 0, 100, 200)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [matrix(1, 0, 0, 1, 100, 0)\] from accumulate [matrix(1, 1, 0, 0, 0, 100)\] to accumulate [matrix(1, 0, 0, 1, 200, 0)\] at (0.75) should be [matrix(1, 0, 0, 1, 300, 0)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [matrix3d(0.8535533905932737,0.1464466094067262,-0.5,0,0.1464466094067262,0.8535533905932737,0.5,0,0.5,-0.5,0.7071067811865476,0,100,0,0,1)\] from accumulate [matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 100, 0, 0, 1)\] to accumulate [matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 200, 0, 0, 1)\] at (0) should be [translateX(200px) rotate3d(1, 1, 0, 45deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [matrix(1, 0, 0, 1, 100, 0)\] from add [matrix(1, 1, 0, 0, 0, 100)\] to add [matrix(1, 0, 0, 1, 200, 0)\] at (0.75) should be [matrix(1, 0, 0, 1, 300, 0)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [matrix3d(0.8535533905932737,0.1464466094067262,-0.5,0,0.1464466094067262,0.8535533905932737,0.5,0,0.5,-0.5,0.7071067811865476,0,100,0,0,1)\] from add [matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 100, 0, 0, 1)\] to add [matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 200, 0, 0, 1)\] at (0.75) should be [translateX(100px) rotate3d(1, 1, 0, 45deg) translateX(175px)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [matrix3d(0.8535533905932737,0.1464466094067262,-0.5,0,0.1464466094067262,0.8535533905932737,0.5,0,0.5,-0.5,0.7071067811865476,0,100,0,0,1)\] from accumulate [matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 100, 0, 0, 1)\] to accumulate [matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 200, 0, 0, 1)\] at (0.5) should be [translateX(250px) rotate3d(1, 1, 0, 45deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [matrix(1, 0, 0, 1, 100, 0)\] from add [matrix(1, 1, 0, 0, 0, 100)\] to add [matrix(1, 0, 0, 1, 200, 0)\] at (-0.5) should be [matrix(1, 1, 0, 0, 100, 100)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [matrix(1, 1, 0, 0, 0, 100)\] from add [matrix(1, 0, 0, 1, 100, 0)\] to add [matrix(1, 0, 0, 1, 200, 0)\] at (0.75) should be [matrix(1, 1, 0, 0, 200, 300)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [matrix(1, 1, 0, 0, 0, 100)\] from accumulate [matrix(1, 0, 0, 1, 100, 0)\] to accumulate [matrix(1, 0, 0, 1, 200, 0)\] at (1.5) should be [matrix(1, 0, 0, 1, 250, 0)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [matrix(0, 1, -1, 0, 100, 0)\] from add [matrix(1, 0, 0, 1, 100, 0)\] to add [matrix(1, 0, 0, 1, 200, 0)\] at (-0.5) should be [matrix(0, 1, -1, 0, 100, 50)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [matrix(1, 0, 0, 1, 100, 0)\] from accumulate [matrix(1, 1, 0, 0, 0, 100)\] to accumulate [matrix(1, 0, 0, 1, 200, 0)\] at (1.5) should be [matrix(1, 0, 0, 1, 300, 0)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [matrix(1, 1, 0, 0, 0, 100)\] from add [matrix(1, 0, 0, 1, 100, 0)\] to add [matrix(1, 0, 0, 1, 200, 0)\] at (0.5) should be [matrix(1, 1, 0, 0, 200, 300)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [matrix3d(0.8535533905932737,0.1464466094067262,-0.5,0,0.1464466094067262,0.8535533905932737,0.5,0,0.5,-0.5,0.7071067811865476,0,100,0,0,1)\] from add [matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 100, 0, 0, 1)\] to add [matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 200, 0, 0, 1)\] at (0.25) should be [translateX(100px) rotate3d(1, 1, 0, 45deg) translateX(125px)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [matrix(0, 1, -1, 0, 100, 0)\] from add [matrix(1, 0, 0, 1, 100, 0)\] to add [matrix(1, 0, 0, 1, 200, 0)\] at (0.5) should be [matrix(0, 1, -1, 0, 100, 150)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [matrix(0, 1, -1, 0, 100, 0)\] from add [matrix(1, 0, 0, 1, 100, 0)\] to add [matrix(1, 0, 0, 1, 200, 0)\] at (1.5) should be [matrix(0, 1, -1, 0, 100, 250)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [matrix(1, 1, 0, 0, 0, 100)\] from accumulate [matrix(1, 0, 0, 1, 100, 0)\] to accumulate [matrix(1, 0, 0, 1, 200, 0)\] at (0) should be [matrix(1, 0, 0, 1, 100, 0)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [matrix(0, 1, -1, 0, 100, 0)\] from accumulate [matrix(1, 0, 0, 1, 100, 0)\] to accumulate [matrix(1, 0, 0, 1, 200, 0)\] at (0.75) should be [matrix(0, 1, -1, 0, 275, 0)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [matrix(1, 0, 0, 1, 100, 0)\] from accumulate [matrix(1, 1, 0, 0, 0, 100)\] to accumulate [matrix(1, 0, 0, 1, 200, 0)\] at (0.25) should be [matrix(1, 1, 0, 0, 0, 100)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [matrix3d(0.8535533905932737,0.1464466094067262,-0.5,0,0.1464466094067262,0.8535533905932737,0.5,0,0.5,-0.5,0.7071067811865476,0,100,0,0,1)\] from accumulate [matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 100, 0, 0, 1)\] to accumulate [matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 200, 0, 0, 1)\] at (1) should be [translateX(300px) rotate3d(1, 1, 0, 45deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [matrix(1, 0, 0, 1, 100, 0)\] from add [matrix(1, 1, 0, 0, 0, 100)\] to add [matrix(1, 0, 0, 1, 200, 0)\] at (0.5) should be [matrix(1, 0, 0, 1, 300, 0)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [matrix3d(0.8535533905932737,0.1464466094067262,-0.5,0,0.1464466094067262,0.8535533905932737,0.5,0,0.5,-0.5,0.7071067811865476,0,100,0,0,1)\] from add [matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 100, 0, 0, 1)\] to add [matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 200, 0, 0, 1)\] at (-0.5) should be [translateX(100px) rotate3d(1, 1, 0, 45deg) translateX(50px)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [matrix(1, 0, 0, 1, 100, 0)\] from add [matrix(1, 1, 0, 0, 0, 100)\] to add [matrix(1, 0, 0, 1, 200, 0)\] at (1.5) should be [matrix(1, 0, 0, 1, 300, 0)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [matrix(1, 0, 0, 1, 100, 0)\] from accumulate [matrix(1, 1, 0, 0, 0, 100)\] to accumulate [matrix(1, 0, 0, 1, 200, 0)\] at (1) should be [matrix(1, 0, 0, 1, 300, 0)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [matrix(0, 1, -1, 0, 100, 0)\] from accumulate [matrix(1, 0, 0, 1, 100, 0)\] to accumulate [matrix(1, 0, 0, 1, 200, 0)\] at (0.5) should be [matrix(0, 1, -1, 0, 250, 0)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [matrix(0, 1, -1, 0, 100, 0)\] from accumulate [matrix(1, 0, 0, 1, 100, 0)\] to accumulate [matrix(1, 0, 0, 1, 200, 0)\] at (1) should be [matrix(0, 1, -1, 0, 300, 0)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [matrix(0, 1, -1, 0, 100, 0)\] from add [matrix(1, 0, 0, 1, 100, 0)\] to add [matrix(1, 0, 0, 1, 200, 0)\] at (0.75) should be [matrix(0, 1, -1, 0, 100, 175)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [matrix(0, 1, -1, 0, 100, 0)\] from add [matrix(1, 0, 0, 1, 100, 0)\] to add [matrix(1, 0, 0, 1, 200, 0)\] at (0) should be [matrix(0, 1, -1, 0, 100, 100)\]]
+    expected: FAIL
+

tests/wpt/metadata-layout-2020/css/css-transforms/animation/transform-origin-interpolation.html.ini

@@ -125,3 +125,348 @@
   [Web Animations: property <transform-origin> from [initial\] to [20px 20px\] at (-0.3) should be [26.5px 26.5px\]]
     expected: FAIL
 
+  [CSS Transitions: property <transform-origin> from [0% 50% 5px\] to [100% 150% 0px\] at (0.6) should be [60% 110% 2px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform-origin> from [inherit\] to [20px 20px\] at (1.5) should be [15px 25px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform-origin> from [initial\] to [20px 20px\] at (-0.3) should be [26.5px 26.5px\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform-origin> from [initial\] to [20px 20px\] at (-0.3) should be [26.5px 26.5px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform-origin> from [center center\] to [0% 100px\] at (1) should be [0px 100px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform-origin> from [unset\] to [20px 20px\] at (0.6) should be [22px 22px\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform-origin> from [center center\] to [0% 100px\] at (1) should be [0px 100px\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform-origin> from neutral to [20px 20px\] at (0.6) should be [16px 24px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform-origin> from [0% 50% 5px\] to [100% 150% 0px\] at (0.6) should be [60% 110% 2px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform-origin> from [initial\] to [20px 20px\] at (0) should be [25px 25px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform-origin> from [top left\] to [bottom right\] at (-0.3) should be [-15px -15px\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform-origin> from [center center\] to [0% 100px\] at (0) should be [25px 25px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform-origin> from [inherit\] to [20px 20px\] at (-0.3) should be [33px 7px\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform-origin> from [top left\] to [bottom right\] at (0.6) should be [30px 30px\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform-origin> from [top left\] to [bottom right\] at (1) should be [50px 50px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform-origin> from [center center\] to [0% 100px\] at (0.6) should be [10px 70px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform-origin> from [center center\] to [0% 100px\] at (0) should be [25px 25px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform-origin> from [0% 50% 5px\] to [100% 150% 0px\] at (1.5) should be [150% 200% -2.5px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform-origin> from neutral to [20px 20px\] at (0.6) should be [16px 24px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform-origin> from [center center\] to [0% 100px\] at (-0.3) should be [32.5px 2.5px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform-origin> from [inherit\] to [20px 20px\] at (0.6) should be [24px 16px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform-origin> from [top left\] to [bottom right\] at (1) should be [50px 50px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform-origin> from [unset\] to [20px 20px\] at (0.3) should be [23.5px 23.5px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform-origin> from [inherit\] to [20px 20px\] at (0) should be [30px 10px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform-origin> from [inherit\] to [20px 20px\] at (0.3) should be [27px 13px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform-origin> from [center center\] to [0% 100px\] at (0.6) should be [10px 70px\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform-origin> from neutral to [20px 20px\] at (-0.3) should be [7px 33px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform-origin> from neutral to [20px 20px\] at (0) should be [10px 30px\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform-origin> from [top left\] to [bottom right\] at (-0.3) should be [-15px -15px\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform-origin> from [unset\] to [20px 20px\] at (1) should be [20px 20px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform-origin> from neutral to [20px 20px\] at (0.3) should be [13px 27px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform-origin> from [top left\] to [bottom right\] at (1.5) should be [75px 75px\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform-origin> from [unset\] to [20px 20px\] at (1.5) should be [17.5px 17.5px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform-origin> from [0% 50% 5px\] to [100% 150% 0px\] at (0) should be [0% 50% 5px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform-origin> from [initial\] to [20px 20px\] at (-0.3) should be [26.5px 26.5px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform-origin> from [unset\] to [20px 20px\] at (0) should be [25px 25px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform-origin> from [unset\] to [20px 20px\] at (0.3) should be [23.5px 23.5px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform-origin> from [center center\] to [0% 100px\] at (0.3) should be [17.5px 47.5px\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform-origin> from [0% 50% 5px\] to [100% 150% 0px\] at (1) should be [100% 150% 0px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform-origin> from [initial\] to [20px 20px\] at (1.5) should be [17.5px 17.5px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform-origin> from [inherit\] to [20px 20px\] at (-0.3) should be [33px 7px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform-origin> from [top left\] to [bottom right\] at (0) should be [0px 0px\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform-origin> from [center center\] to [0% 100px\] at (0.3) should be [17.5px 47.5px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform-origin> from [top left\] to [bottom right\] at (0.6) should be [30px 30px\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform-origin> from [inherit\] to [20px 20px\] at (0.3) should be [27px 13px\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform-origin> from [0% 50% 5px\] to [100% 150% 0px\] at (0) should be [0% 50% 5px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform-origin> from [inherit\] to [20px 20px\] at (0.3) should be [27px 13px\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform-origin> from [initial\] to [20px 20px\] at (1.5) should be [17.5px 17.5px\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform-origin> from [inherit\] to [20px 20px\] at (0) should be [30px 10px\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform-origin> from [center center\] to [0% 100px\] at (1.5) should be [-12.5px 137.5px\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform-origin> from [initial\] to [20px 20px\] at (0.6) should be [22px 22px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform-origin> from [top left\] to [bottom right\] at (0.3) should be [15px 15px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform-origin> from [unset\] to [20px 20px\] at (1.5) should be [17.5px 17.5px\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform-origin> from [inherit\] to [20px 20px\] at (1) should be [20px 20px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform-origin> from [unset\] to [20px 20px\] at (0.6) should be [22px 22px\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform-origin> from [inherit\] to [20px 20px\] at (1.5) should be [15px 25px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform-origin> from neutral to [20px 20px\] at (1.5) should be [25px 15px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform-origin> from neutral to [20px 20px\] at (1.5) should be [25px 15px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform-origin> from [initial\] to [20px 20px\] at (0.6) should be [22px 22px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform-origin> from [inherit\] to [20px 20px\] at (1.5) should be [15px 25px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform-origin> from [center center\] to [0% 100px\] at (1.5) should be [-12.5px 137.5px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform-origin> from [top left\] to [bottom right\] at (-0.3) should be [-15px -15px\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform-origin> from neutral to [20px 20px\] at (1.5) should be [25px 15px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform-origin> from neutral to [20px 20px\] at (0) should be [10px 30px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform-origin> from [top left\] to [bottom right\] at (0.6) should be [30px 30px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform-origin> from [0% 50% 5px\] to [100% 150% 0px\] at (-0.3) should be [-30% 20% 6.5px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform-origin> from [0% 50% 5px\] to [100% 150% 0px\] at (1.5) should be [150% 200% -2.5px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform-origin> from [center center\] to [0% 100px\] at (0) should be [25px 25px\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform-origin> from [inherit\] to [20px 20px\] at (-0.3) should be [33px 7px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform-origin> from [inherit\] to [20px 20px\] at (0) should be [30px 10px\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform-origin> from [top left\] to [bottom right\] at (0) should be [0px 0px\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform-origin> from [initial\] to [20px 20px\] at (0) should be [25px 25px\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform-origin> from [0% 50% 5px\] to [100% 150% 0px\] at (-0.3) should be [-30% 20% 6.5px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform-origin> from [initial\] to [20px 20px\] at (0.3) should be [23.5px 23.5px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform-origin> from [0% 50% 5px\] to [100% 150% 0px\] at (-0.3) should be [-30% 20% 6.5px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform-origin> from [center center\] to [0% 100px\] at (-0.3) should be [32.5px 2.5px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform-origin> from [unset\] to [20px 20px\] at (1.5) should be [17.5px 17.5px\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform-origin> from [unset\] to [20px 20px\] at (0.3) should be [23.5px 23.5px\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform-origin> from neutral to [20px 20px\] at (0.3) should be [13px 27px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform-origin> from [top left\] to [bottom right\] at (1.5) should be [75px 75px\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform-origin> from [unset\] to [20px 20px\] at (0) should be [25px 25px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform-origin> from [top left\] to [bottom right\] at (0) should be [0px 0px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform-origin> from [initial\] to [20px 20px\] at (1.5) should be [17.5px 17.5px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform-origin> from neutral to [20px 20px\] at (-0.3) should be [7px 33px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform-origin> from neutral to [20px 20px\] at (-0.3) should be [7px 33px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform-origin> from [top left\] to [bottom right\] at (1) should be [50px 50px\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform-origin> from [initial\] to [20px 20px\] at (0.3) should be [23.5px 23.5px\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform-origin> from neutral to [20px 20px\] at (1) should be [20px 20px\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform-origin> from [center center\] to [0% 100px\] at (0.6) should be [10px 70px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform-origin> from [0% 50% 5px\] to [100% 150% 0px\] at (0) should be [0% 50% 5px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform-origin> from [initial\] to [20px 20px\] at (0.6) should be [22px 22px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform-origin> from [center center\] to [0% 100px\] at (0.3) should be [17.5px 47.5px\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform-origin> from [unset\] to [20px 20px\] at (-0.3) should be [26.5px 26.5px\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform-origin> from [0% 50% 5px\] to [100% 150% 0px\] at (0.3) should be [30% 80% 3.5px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform-origin> from [unset\] to [20px 20px\] at (-0.3) should be [26.5px 26.5px\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform-origin> from [top left\] to [bottom right\] at (0.3) should be [15px 15px\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform-origin> from [initial\] to [20px 20px\] at (1) should be [20px 20px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform-origin> from [center center\] to [0% 100px\] at (1) should be [0px 100px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform-origin> from [0% 50% 5px\] to [100% 150% 0px\] at (0.3) should be [30% 80% 3.5px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform-origin> from [initial\] to [20px 20px\] at (0) should be [25px 25px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform-origin> from [unset\] to [20px 20px\] at (-0.3) should be [26.5px 26.5px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform-origin> from [unset\] to [20px 20px\] at (0) should be [25px 25px\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform-origin> from [inherit\] to [20px 20px\] at (0.6) should be [24px 16px\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform-origin> from [unset\] to [20px 20px\] at (0.6) should be [22px 22px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform-origin> from [center center\] to [0% 100px\] at (1.5) should be [-12.5px 137.5px\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform-origin> from [0% 50% 5px\] to [100% 150% 0px\] at (0.6) should be [60% 110% 2px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform-origin> from [inherit\] to [20px 20px\] at (0.6) should be [24px 16px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform-origin> from [0% 50% 5px\] to [100% 150% 0px\] at (0.3) should be [30% 80% 3.5px\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform-origin> from [top left\] to [bottom right\] at (1.5) should be [75px 75px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform-origin> from [top left\] to [bottom right\] at (0.3) should be [15px 15px\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform-origin> from [center center\] to [0% 100px\] at (-0.3) should be [32.5px 2.5px\]]
+    expected: FAIL
+
+  [CSS Animations: property <transform-origin> from [0% 50% 5px\] to [100% 150% 0px\] at (1.5) should be [150% 200% -2.5px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform-origin> from neutral to [20px 20px\] at (0.6) should be [16px 24px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <transform-origin> from neutral to [20px 20px\] at (0.3) should be [13px 27px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <transform-origin> from [initial\] to [20px 20px\] at (0.3) should be [23.5px 23.5px\]]
+    expected: FAIL
+

tests/wpt/metadata-layout-2020/css/css-transforms/animation/transform-perspective-composition.html.ini

@@ -0,0 +1,40 @@
+[transform-perspective-composition.html]
+  [Compositing: property <transform> underlying [perspective(10px)\] from accumulate [perspective(10px)\] to accumulate [perspective(50px)\] at (1.5) should be [perspective(12.5px)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [perspective(10px)\] from accumulate [perspective(10px)\] to accumulate [perspective(50px)\] at (0) should be [perspective(5px)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [perspective(10px)\] from add [perspective(10px)\] to add [perspective(50px)\] at (-0.5) should be [perspective(4.12px)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [perspective(10px)\] from accumulate [perspective(10px)\] to accumulate [perspective(50px)\] at (1) should be [perspective(8.33px)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [perspective(10px)\] from accumulate [perspective(10px)\] to accumulate [perspective(50px)\] at (0.75) should be [perspective(7.06px)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [perspective(10px)\] from accumulate [perspective(10px)\] to accumulate [perspective(50px)\] at (-0.5) should be [perspective(4.12px)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [perspective(10px)\] from accumulate [perspective(10px)\] to accumulate [perspective(50px)\] at (0.25) should be [perspective(5.45px)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [perspective(10px)\] from add [perspective(10px)\] to add [perspective(50px)\] at (1) should be [perspective(8.33px)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [perspective(10px)\] from add [perspective(10px)\] to add [perspective(50px)\] at (0.75) should be [perspective(7.06px)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [perspective(10px)\] from add [perspective(10px)\] to add [perspective(50px)\] at (0.25) should be [perspective(5.45px)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [perspective(10px)\] from accumulate [perspective(10px)\] to accumulate [perspective(50px)\] at (0.5) should be [perspective(6.15px)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [perspective(10px)\] from add [perspective(10px)\] to add [perspective(50px)\] at (0) should be [perspective(5px)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [perspective(10px)\] from add [perspective(10px)\] to add [perspective(50px)\] at (0.5) should be [perspective(6.15px)\]]
+    expected: FAIL
+

tests/wpt/metadata-layout-2020/css/css-transforms/animation/transform-rotate-composition.html.ini

@@ -0,0 +1,190 @@
+[transform-rotate-composition.html]
+  [Compositing: property <transform> underlying [rotateY(20deg)\] from accumulate [rotateY(40deg)\] to accumulate [rotateY(60deg)\] at (1.5) should be [rotateY(90deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotateZ(20deg)\] from add [rotateZ(40deg)\] to add [rotateZ(60deg)\] at (-0.5) should be [rotateZ(50deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotate(45deg) skew(10deg, 20deg)\] from add [rotate(45deg)\] to add [rotate(225deg)\] at (1.5) should be [rotate(45deg) skew(10deg, 20deg) rotate(315deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotate(45deg) skew(10deg, 20deg)\] from accumulate [rotate(45deg)\] to accumulate [rotate(225deg)\] at (0) should be [rotate(90deg) skew(10deg, 20deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotateX(20deg)\] from accumulate [rotateX(40deg)\] to accumulate [rotateX(60deg)\] at (-0.5) should be [rotateX(50deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotate(45deg) skew(10deg, 20deg)\] from accumulate [rotate(45deg)\] to accumulate [rotate(225deg)\] at (-0.5) should be [rotate(0deg) skew(10deg, 20deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotateZ(20deg)\] from add [rotateZ(40deg)\] to add [rotateZ(60deg)\] at (0) should be [rotateZ(60deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotateX(20deg)\] from accumulate [rotateX(40deg)\] to accumulate [rotateX(60deg)\] at (0.75) should be [rotateX(75deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotateX(20deg)\] from add [rotateX(40deg)\] to add [rotateX(60deg)\] at (-0.5) should be [rotateX(50deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotateY(20deg)\] from add [rotateY(40deg)\] to add [rotateY(60deg)\] at (1) should be [rotateY(80deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotateX(45deg)\] from accumulate [rotateY(30deg)\] to accumulate [rotateY(70deg)\] at (1.5) should be [rotateX(45deg) rotateY(90deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotate(45deg) skew(10deg, 20deg)\] from add [rotate(45deg)\] to add [rotate(225deg)\] at (1) should be [rotate(45deg) skew(10deg, 20deg) rotate(225deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotateX(20deg)\] from accumulate [rotateX(40deg)\] to accumulate [rotateX(60deg)\] at (1) should be [rotateX(80deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotateZ(20deg)\] from accumulate [rotateZ(40deg)\] to accumulate [rotateZ(60deg)\] at (1) should be [rotateZ(80deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotateY(20deg)\] from accumulate [rotateY(40deg)\] to accumulate [rotateY(60deg)\] at (0.5) should be [rotateY(70deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotate(45deg) skew(10deg, 20deg)\] from accumulate [rotate(45deg)\] to accumulate [rotate(225deg)\] at (0.75) should be [rotate(225deg) skew(10deg, 20deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotateX(20deg)\] from accumulate [rotateX(40deg)\] to accumulate [rotateX(60deg)\] at (0) should be [rotateX(60deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotateY(20deg)\] from accumulate [rotateY(40deg)\] to accumulate [rotateY(60deg)\] at (0) should be [rotateY(60deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotateZ(20deg)\] from add [rotateZ(40deg)\] to add [rotateZ(60deg)\] at (1) should be [rotateZ(80deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotate(45deg) skew(10deg, 20deg)\] from add [rotate(45deg)\] to add [rotate(225deg)\] at (-0.5) should be [rotate(45deg) skew(10deg, 20deg) rotate(-45deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotateX(20deg)\] from add [rotateX(40deg)\] to add [rotateX(60deg)\] at (1.5) should be [rotateX(90deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotateZ(20deg)\] from add [rotateZ(40deg)\] to add [rotateZ(60deg)\] at (0.5) should be [rotateZ(70deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotateY(20deg)\] from accumulate [rotateY(40deg)\] to accumulate [rotateY(60deg)\] at (0.75) should be [rotateY(75deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotateX(20deg)\] from add [rotateX(40deg)\] to add [rotateX(60deg)\] at (1) should be [rotateX(80deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotate(45deg) skew(10deg, 20deg)\] from add [rotate(45deg)\] to add [rotate(225deg)\] at (0) should be [rotate(45deg) skew(10deg, 20deg) rotate(45deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotateZ(20deg)\] from accumulate [rotateZ(40deg)\] to accumulate [rotateZ(60deg)\] at (1.5) should be [rotateZ(90deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotateY(20deg)\] from add [rotateY(40deg)\] to add [rotateY(60deg)\] at (0) should be [rotateY(60deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotate(45deg) skew(10deg, 20deg)\] from add [rotate(45deg)\] to add [rotate(225deg)\] at (0.5) should be [rotate(45deg) skew(10deg, 20deg) rotate(135deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotateY(20deg)\] from add [rotateY(40deg)\] to add [rotateY(60deg)\] at (0.5) should be [rotateY(70deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotateZ(20deg)\] from accumulate [rotateZ(40deg)\] to accumulate [rotateZ(60deg)\] at (0.75) should be [rotateZ(75deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotate(45deg) skew(10deg, 20deg)\] from add [rotate(45deg)\] to add [rotate(225deg)\] at (0.75) should be [rotate(45deg) skew(10deg, 20deg) rotate(180deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotateY(20deg)\] from add [rotateY(40deg)\] to add [rotateY(60deg)\] at (0.75) should be [rotateY(75deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotateX(20deg)\] from add [rotateX(40deg)\] to add [rotateX(60deg)\] at (0.75) should be [rotateX(75deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotateZ(20deg)\] from add [rotateZ(40deg)\] to add [rotateZ(60deg)\] at (0.25) should be [rotateZ(65deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotateY(20deg)\] from add [rotateY(40deg)\] to add [rotateY(60deg)\] at (0.25) should be [rotateY(65deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotateX(20deg)\] from accumulate [rotateX(40deg)\] to accumulate [rotateX(60deg)\] at (0.25) should be [rotateX(65deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotateZ(20deg)\] from accumulate [rotateZ(40deg)\] to accumulate [rotateZ(60deg)\] at (0.5) should be [rotateZ(70deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotateY(20deg)\] from accumulate [rotateY(40deg)\] to accumulate [rotateY(60deg)\] at (-0.5) should be [rotateY(50deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotateX(45deg)\] from accumulate [rotateY(30deg)\] to accumulate [rotateY(70deg)\] at (0.25) should be [rotateX(45deg) rotateY(40deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotate(45deg) skew(10deg, 20deg)\] from accumulate [rotate(45deg)\] to accumulate [rotate(225deg)\] at (0.5) should be [rotate(180deg) skew(10deg, 20deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotateZ(20deg)\] from accumulate [rotateZ(40deg)\] to accumulate [rotateZ(60deg)\] at (-0.5) should be [rotateZ(50deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotateX(20deg)\] from accumulate [rotateX(40deg)\] to accumulate [rotateX(60deg)\] at (1.5) should be [rotateX(90deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotateX(20deg)\] from accumulate [rotateX(40deg)\] to accumulate [rotateX(60deg)\] at (0.5) should be [rotateX(70deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotateX(45deg)\] from accumulate [rotateY(30deg)\] to accumulate [rotateY(70deg)\] at (0) should be [rotateX(45deg) rotateY(30deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotate(45deg) skew(10deg, 20deg)\] from add [rotate(45deg)\] to add [rotate(225deg)\] at (0.25) should be [rotate(45deg) skew(10deg, 20deg) rotate(90deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotateY(20deg)\] from add [rotateY(40deg)\] to add [rotateY(60deg)\] at (1.5) should be [rotateY(90deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotateY(20deg)\] from add [rotateY(40deg)\] to add [rotateY(60deg)\] at (-0.5) should be [rotateY(50deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotateY(20deg)\] from accumulate [rotateY(40deg)\] to accumulate [rotateY(60deg)\] at (1) should be [rotateY(80deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotateX(45deg)\] from accumulate [rotateY(30deg)\] to accumulate [rotateY(70deg)\] at (0.75) should be [rotateX(45deg) rotateY(60deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotate(45deg) skew(10deg, 20deg)\] from accumulate [rotate(45deg)\] to accumulate [rotate(225deg)\] at (1.5) should be [rotate(360deg) skew(10deg, 20deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotate(45deg) skew(10deg, 20deg)\] from accumulate [rotate(45deg)\] to accumulate [rotate(225deg)\] at (0.25) should be [rotate(135deg) skew(10deg, 20deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotateY(20deg)\] from accumulate [rotateY(40deg)\] to accumulate [rotateY(60deg)\] at (0.25) should be [rotateY(65deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotateX(20deg)\] from add [rotateX(40deg)\] to add [rotateX(60deg)\] at (0.25) should be [rotateX(65deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotateZ(20deg)\] from add [rotateZ(40deg)\] to add [rotateZ(60deg)\] at (1.5) should be [rotateZ(90deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotateZ(20deg)\] from accumulate [rotateZ(40deg)\] to accumulate [rotateZ(60deg)\] at (0) should be [rotateZ(60deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotate(45deg) skew(10deg, 20deg)\] from accumulate [rotate(45deg)\] to accumulate [rotate(225deg)\] at (1) should be [rotate(270deg) skew(10deg, 20deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotateX(20deg)\] from add [rotateX(40deg)\] to add [rotateX(60deg)\] at (0.5) should be [rotateX(70deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotateZ(20deg)\] from accumulate [rotateZ(40deg)\] to accumulate [rotateZ(60deg)\] at (0.25) should be [rotateZ(65deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotateX(20deg)\] from add [rotateX(40deg)\] to add [rotateX(60deg)\] at (0) should be [rotateX(60deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotateZ(20deg)\] from add [rotateZ(40deg)\] to add [rotateZ(60deg)\] at (0.75) should be [rotateZ(75deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotateX(45deg)\] from accumulate [rotateY(30deg)\] to accumulate [rotateY(70deg)\] at (0.5) should be [rotateX(45deg) rotateY(50deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotateX(45deg)\] from accumulate [rotateY(30deg)\] to accumulate [rotateY(70deg)\] at (1) should be [rotateX(45deg) rotateY(70deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [rotateX(45deg)\] from accumulate [rotateY(30deg)\] to accumulate [rotateY(70deg)\] at (-0.5) should be [rotateX(45deg) rotateY(10deg)\]]
+    expected: FAIL
+

tests/wpt/metadata-layout-2020/css/css-transforms/animation/transform-scale-composition.html.ini

@@ -0,0 +1,148 @@
+[transform-scale-composition.html]
+  [Compositing: property <transform> underlying [scaleZ(2)\] from accumulate [scaleZ(3)\] to accumulate [scaleZ(4)\] at (-0.5) should be [scaleZ(3.5)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [scaleY(2)\] from accumulate [scaleY(3)\] to accumulate [scaleY(4)\] at (0.5) should be [scaleY(4.5)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [scaleX(2)\] from add [scaleX(3)\] to add [scaleX(4)\] at (1.5) should be [scaleX(9)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [scaleZ(2)\] from add [scaleZ(3)\] to add [scaleZ(4)\] at (-0.5) should be [scaleZ(5)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [scaleX(2)\] from accumulate [scaleX(3)\] to accumulate [scaleX(4)\] at (0) should be [scaleX(4)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [scaleZ(2)\] from add [scaleZ(3)\] to add [scaleZ(4)\] at (0.25) should be [scaleZ(6.5)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [scaleZ(2)\] from accumulate [scaleZ(3)\] to accumulate [scaleZ(4)\] at (1) should be [scaleZ(5)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [scale(2, 4)\] from accumulate [scaleZ(3)\] to accumulate [scaleZ(4)\] at (0.5) should be [scale3d(2, 4, 3.5)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [scaleX(2)\] from accumulate [scaleX(3)\] to accumulate [scaleX(4)\] at (-0.5) should be [scaleX(3.5)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [scale(2, 4)\] from accumulate [scaleZ(3)\] to accumulate [scaleZ(4)\] at (0.75) should be [scale3d(2, 4, 3.75)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [scaleZ(2)\] from accumulate [scaleZ(3)\] to accumulate [scaleZ(4)\] at (0) should be [scaleZ(4)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [scaleZ(2)\] from accumulate [scaleZ(3)\] to accumulate [scaleZ(4)\] at (0.5) should be [scaleZ(4.5)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [scaleX(2)\] from add [scaleX(3)\] to add [scaleX(4)\] at (1) should be [scaleX(8)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [scaleY(2)\] from accumulate [scaleY(3)\] to accumulate [scaleY(4)\] at (0) should be [scaleY(4)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [scaleX(2)\] from add [scaleX(3)\] to add [scaleX(4)\] at (0.25) should be [scaleX(6.5)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [scaleY(2)\] from accumulate [scaleY(3)\] to accumulate [scaleY(4)\] at (1) should be [scaleY(5)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [scaleZ(2)\] from add [scaleZ(3)\] to add [scaleZ(4)\] at (1.5) should be [scaleZ(9)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [scale(2, 4)\] from accumulate [scaleZ(3)\] to accumulate [scaleZ(4)\] at (1) should be [scale3d(2, 4, 4)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [scaleZ(2)\] from accumulate [scaleZ(3)\] to accumulate [scaleZ(4)\] at (1.5) should be [scaleZ(5.5)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [scaleY(2)\] from accumulate [scaleY(3)\] to accumulate [scaleY(4)\] at (-0.5) should be [scaleY(3.5)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [scaleX(2)\] from accumulate [scaleX(3)\] to accumulate [scaleX(4)\] at (0.25) should be [scaleX(4.25)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [scaleX(2)\] from accumulate [scaleX(3)\] to accumulate [scaleX(4)\] at (1) should be [scaleX(5)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [scale(2, 4)\] from accumulate [scaleZ(3)\] to accumulate [scaleZ(4)\] at (1.5) should be [scale3d(2, 4, 4.5)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [scaleY(2)\] from add [scaleY(3)\] to add [scaleY(4)\] at (0.75) should be [scaleY(7.5)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [scaleX(2)\] from accumulate [scaleX(3)\] to accumulate [scaleX(4)\] at (0.75) should be [scaleX(4.75)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [scaleY(2)\] from add [scaleY(3)\] to add [scaleY(4)\] at (0.5) should be [scaleY(7)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [scaleY(2)\] from add [scaleY(3)\] to add [scaleY(4)\] at (0.25) should be [scaleY(6.5)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [scale(2, 4)\] from accumulate [scaleZ(3)\] to accumulate [scaleZ(4)\] at (0) should be [scale3d(2, 4, 3)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [scale(2, 4)\] from accumulate [scaleZ(3)\] to accumulate [scaleZ(4)\] at (-0.5) should be [scale3d(2, 4, 2.5)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [scaleZ(2)\] from add [scaleZ(3)\] to add [scaleZ(4)\] at (0.75) should be [scaleZ(7.5)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [scaleZ(2)\] from accumulate [scaleZ(3)\] to accumulate [scaleZ(4)\] at (0.75) should be [scaleZ(4.75)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [scaleY(2)\] from add [scaleY(3)\] to add [scaleY(4)\] at (-0.5) should be [scaleY(5)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [scaleX(2)\] from accumulate [scaleX(3)\] to accumulate [scaleX(4)\] at (0.5) should be [scaleX(4.5)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [scale(2, 4)\] from accumulate [scaleZ(3)\] to accumulate [scaleZ(4)\] at (0.25) should be [scale3d(2, 4, 3.25)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [scaleY(2)\] from accumulate [scaleY(3)\] to accumulate [scaleY(4)\] at (1.5) should be [scaleY(5.5)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [scaleX(2)\] from add [scaleX(3)\] to add [scaleX(4)\] at (0) should be [scaleX(6)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [scaleY(2)\] from accumulate [scaleY(3)\] to accumulate [scaleY(4)\] at (0.75) should be [scaleY(4.75)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [scaleY(2)\] from add [scaleY(3)\] to add [scaleY(4)\] at (0) should be [scaleY(6)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [scaleZ(2)\] from add [scaleZ(3)\] to add [scaleZ(4)\] at (1) should be [scaleZ(8)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [scaleZ(2)\] from add [scaleZ(3)\] to add [scaleZ(4)\] at (0) should be [scaleZ(6)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [scaleX(2)\] from add [scaleX(3)\] to add [scaleX(4)\] at (0.75) should be [scaleX(7.5)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [scaleX(2)\] from add [scaleX(3)\] to add [scaleX(4)\] at (-0.5) should be [scaleX(5)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [scaleY(2)\] from add [scaleY(3)\] to add [scaleY(4)\] at (1) should be [scaleY(8)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [scaleY(2)\] from accumulate [scaleY(3)\] to accumulate [scaleY(4)\] at (0.25) should be [scaleY(4.25)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [scaleX(2)\] from accumulate [scaleX(3)\] to accumulate [scaleX(4)\] at (1.5) should be [scaleX(5.5)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [scaleY(2)\] from add [scaleY(3)\] to add [scaleY(4)\] at (1.5) should be [scaleY(9)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [scaleZ(2)\] from accumulate [scaleZ(3)\] to accumulate [scaleZ(4)\] at (0.25) should be [scaleZ(4.25)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [scaleZ(2)\] from add [scaleZ(3)\] to add [scaleZ(4)\] at (0.5) should be [scaleZ(7)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [scaleX(2)\] from add [scaleX(3)\] to add [scaleX(4)\] at (0.5) should be [scaleX(7)\]]
+    expected: FAIL
+

tests/wpt/metadata-layout-2020/css/css-transforms/animation/transform-skew-composition.html.ini

@@ -0,0 +1,130 @@
+[transform-skew-composition.html]
+  [Compositing: property <transform> underlying [skew(10deg, 20deg)\] from add [skew(30deg, 10deg)\] to add [skew(50deg, 50deg)\] at (0.25) should be [skew(10deg, 20deg) skew(35deg, 20deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [skewY(10deg)\] from add [skewY(30deg)\] to add [skewY(50deg)\] at (0) should be [skewY(10deg) skewY(30deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [skewX(10deg)\] from add [skewX(30deg)\] to add [skewX(50deg)\] at (0.5) should be [skewX(10deg) skewX(40deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [skew(10deg, 20deg)\] from add [skew(30deg, 10deg)\] to add [skew(50deg, 50deg)\] at (0.75) should be [skew(10deg, 20deg) skew(45deg, 40deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [skew(10deg, 20deg)\] from add [skew(30deg, 10deg)\] to add [skew(50deg, 50deg)\] at (-0.5) should be [skew(10deg, 20deg) skew(20deg, -10deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [skew(10deg, 45deg)\] from accumulate [skew(20deg, 30deg)\] to accumulate [skew(40deg, 70deg)\] at (1.5) should be [skew(60deg, 135deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [skewY(45deg)\] from accumulate [skewY(30deg)\] to accumulate [skewY(70deg)\] at (0) should be [skewY(75deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [skewX(10deg)\] from add [skewX(30deg)\] to add [skewX(50deg)\] at (0) should be [skewX(10deg) skewX(30deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [skewX(45deg)\] from accumulate [skewX(30deg)\] to accumulate [skewX(70deg)\] at (0.5) should be [skewX(95deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [skewY(45deg)\] from accumulate [skewY(30deg)\] to accumulate [skewY(70deg)\] at (-0.5) should be [skewY(55deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [skewX(45deg)\] from accumulate [skewX(30deg)\] to accumulate [skewX(70deg)\] at (0) should be [skewX(75deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [skewX(45deg)\] from accumulate [skewX(30deg)\] to accumulate [skewX(70deg)\] at (0.75) should be [skewX(105deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [skewY(10deg)\] from add [skewY(30deg)\] to add [skewY(50deg)\] at (1.5) should be [skewY(10deg) skewY(60deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [skew(10deg, 20deg)\] from add [skew(30deg, 10deg)\] to add [skew(50deg, 50deg)\] at (1) should be [skew(10deg, 20deg) skew(50deg, 50deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [skew(10deg, 45deg)\] from accumulate [skew(20deg, 30deg)\] to accumulate [skew(40deg, 70deg)\] at (1) should be [skew(50deg, 115deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [skewY(10deg)\] from add [skewY(30deg)\] to add [skewY(50deg)\] at (0.5) should be [skewY(10deg) skewY(40deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [skewY(45deg)\] from accumulate [skewY(30deg)\] to accumulate [skewY(70deg)\] at (1) should be [skewY(115deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [skewX(45deg)\] from accumulate [skewX(30deg)\] to accumulate [skewX(70deg)\] at (1) should be [skewX(115deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [skewY(45deg)\] from accumulate [skewY(30deg)\] to accumulate [skewY(70deg)\] at (1.5) should be [skewY(135deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [skewX(10deg)\] from add [skewX(30deg)\] to add [skewX(50deg)\] at (1.5) should be [skewX(10deg) skewX(60deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [skew(10deg, 45deg)\] from accumulate [skew(20deg, 30deg)\] to accumulate [skew(40deg, 70deg)\] at (-0.5) should be [skew(20deg, 55deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [skew(10deg, 20deg)\] from add [skew(30deg, 10deg)\] to add [skew(50deg, 50deg)\] at (0.5) should be [skew(10deg, 20deg) skew(40deg, 30deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [skew(10deg, 20deg)\] from add [skew(30deg, 10deg)\] to add [skew(50deg, 50deg)\] at (1.5) should be [skew(10deg, 20deg) skew(60deg, 70deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [skewY(10deg)\] from add [skewY(30deg)\] to add [skewY(50deg)\] at (1) should be [skewY(10deg) skewY(50deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [skewX(10deg)\] from add [skewX(30deg)\] to add [skewX(50deg)\] at (-0.5) should be [skewX(10deg) skewX(20deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [skewX(10deg)\] from add [skewX(30deg)\] to add [skewX(50deg)\] at (1) should be [skewX(10deg) skewX(50deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [skew(10deg, 45deg)\] from accumulate [skew(20deg, 30deg)\] to accumulate [skew(40deg, 70deg)\] at (0.75) should be [skew(45deg, 105deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [skew(10deg, 45deg)\] from accumulate [skew(20deg, 30deg)\] to accumulate [skew(40deg, 70deg)\] at (0.25) should be [skew(35deg, 85deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [skewY(45deg)\] from accumulate [skewY(30deg)\] to accumulate [skewY(70deg)\] at (0.5) should be [skewY(95deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [skewY(45deg)\] from accumulate [skewY(30deg)\] to accumulate [skewY(70deg)\] at (0.75) should be [skewY(105deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [skewX(45deg)\] from accumulate [skewX(30deg)\] to accumulate [skewX(70deg)\] at (1.5) should be [skewX(135deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [skewX(10deg)\] from add [skewX(30deg)\] to add [skewX(50deg)\] at (0.25) should be [skewX(10deg) skewX(35deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [skewX(45deg)\] from accumulate [skewX(30deg)\] to accumulate [skewX(70deg)\] at (-0.5) should be [skewX(55deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [skewY(10deg)\] from add [skewY(30deg)\] to add [skewY(50deg)\] at (0.75) should be [skewY(10deg) skewY(45deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [skewX(45deg)\] from accumulate [skewY(45deg)\] to accumulate [skewY(45deg)\] at (0.5) should be [matrix(1, 1, 0.5, 1.5, 0, 0)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [skewX(45deg)\] from accumulate [skewX(30deg)\] to accumulate [skewX(70deg)\] at (0.25) should be [skewX(85deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [skew(10deg, 45deg)\] from accumulate [skew(20deg, 30deg)\] to accumulate [skew(40deg, 70deg)\] at (0) should be [skew(30deg, 75deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [skewX(10deg)\] from add [skewX(30deg)\] to add [skewX(50deg)\] at (0.75) should be [skewX(10deg) skewX(45deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [skewY(45deg)\] from accumulate [skewY(30deg)\] to accumulate [skewY(70deg)\] at (0.25) should be [skewY(85deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [skew(10deg, 45deg)\] from accumulate [skew(20deg, 30deg)\] to accumulate [skew(40deg, 70deg)\] at (0.5) should be [skew(40deg, 95deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [skew(10deg, 20deg)\] from add [skew(30deg, 10deg)\] to add [skew(50deg, 50deg)\] at (0) should be [skew(10deg, 20deg) skew(30deg, 10deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [skewY(10deg)\] from add [skewY(30deg)\] to add [skewY(50deg)\] at (-0.5) should be [skewY(10deg) skewY(20deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [skewY(10deg)\] from add [skewY(30deg)\] to add [skewY(50deg)\] at (0.25) should be [skewY(10deg) skewY(35deg)\]]
+    expected: FAIL
+

tests/wpt/metadata-layout-2020/css/css-transforms/animation/transform-translate-composition.html.ini

@@ -0,0 +1,169 @@
+[transform-translate-composition.html]
+  [Compositing: property <transform> underlying [translateX(100px) rotate(90deg)\] from accumulate [translateX(100px)\] to accumulate [translateX(200px)\] at (0.25) should be [translateX(225px) rotate(90deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [translate(100px, 50px)\] from accumulate [translateZ(50px)\] to accumulate [translateZ(250px)\] at (-0.5) should be [translate3d(100px, 50px, -50px)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [translate(100px, 50px)\] from accumulate [translateZ(50px)\] to accumulate [translateZ(250px)\] at (1.5) should be [translate3d(100px, 50px, 350px)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [translateX(100px) rotate(90deg)\] from accumulate [translateX(100px)\] to accumulate [translateX(200px)\] at (0.5) should be [translateX(250px) rotate(90deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [translateX(100px)\] from accumulate [translateX(50px)\] to accumulate [translateX(250px)\] at (1) should be [translateX(350px)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [translate(100px, 50px)\] from accumulate [translateZ(50px)\] to accumulate [translateZ(250px)\] at (0.75) should be [translate3d(100px, 50px, 200px)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [translate(10px, 20px)\] from add [translate(100px, 200px)\] to add [translate(200px, 400px)\] at (0.5) should be [translate(160px, 320px)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [translateX(100px) rotate(90deg)\] from add [translateX(100px)\] to add [translateX(200px)\] at (0.25) should be [translateX(100px) rotate(90deg) translateX(125px)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [translate(100px, 50px)\] from accumulate [translateZ(50px)\] to accumulate [translateZ(250px)\] at (0.5) should be [translate3d(100px, 50px, 150px)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [translateZ(100px)\] from accumulate [translateZ(50px)\] to accumulate [translateZ(250px)\] at (1.5) should be [translateZ(450px)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [translateX(100px)\] from accumulate [translateX(50px)\] to accumulate [translateX(250px)\] at (0.25) should be [translateX(200px)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [translate(10px, 20px)\] from add [translate(100px, 200px)\] to replace [translate(210px, 420px)\] at (1) should be [translate(210px, 420px)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [translate(10px, 20px)\] from add [translate(100px, 200px)\] to replace [translate(210px, 420px)\] at (-0.5) should be [translate(60px, 120px)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [translateX(100px)\] from accumulate [translateX(50px)\] to accumulate [translateX(250px)\] at (0.75) should be [translateX(300px)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [translateZ(100px)\] from accumulate [translateZ(50px)\] to accumulate [translateZ(250px)\] at (0.5) should be [translateZ(250px)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [translateX(100px) rotate(90deg)\] from accumulate [translateX(100px)\] to accumulate [translateX(200px)\] at (-0.5) should be [translateX(150px) rotate(90deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [translate(10px, 20px)\] from add [translate(100px, 200px)\] to add [translate(200px, 400px)\] at (0) should be [translate(110px, 220px)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [translate(10px, 20px)\] from add [translate(100px, 200px)\] to replace [translate(210px, 420px)\] at (0) should be [translate(110px, 220px)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [translate(10px, 20px)\] from add [translate(100px, 200px)\] to replace [translate(210px, 420px)\] at (0.25) should be [translate(135px, 270px)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [translateY(100px)\] from accumulate [translateY(50px)\] to accumulate [translateY(250px)\] at (0.75) should be [translateY(300px)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [translateX(100px) rotate(90deg)\] from add [translateX(100px)\] to add [translateX(200px)\] at (-0.5) should be [translateX(100px) rotate(90deg) translateX(50px)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [translateX(100px) rotate(90deg)\] from accumulate [translateX(100px)\] to accumulate [translateX(200px)\] at (1) should be [translateX(300px) rotate(90deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [translate(10px, 20px)\] from add [translate(100px, 200px)\] to add [translate(200px, 400px)\] at (-0.5) should be [translate(60px, 120px)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [translateY(100px)\] from accumulate [translateY(50px)\] to accumulate [translateY(250px)\] at (0.5) should be [translateY(250px)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [translateX(100px) rotate(90deg)\] from accumulate [translateX(100px)\] to accumulate [translateX(200px)\] at (1.5) should be [translateX(350px) rotate(90deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [translateX(100px) rotate(90deg)\] from accumulate [translateX(100px)\] to accumulate [translateX(200px)\] at (0.75) should be [translateX(275px) rotate(90deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [translate(10px, 20px)\] from add [translate(100px, 200px)\] to add [translate(200px, 400px)\] at (1.5) should be [translate(260px, 520px)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [translate(100px, 50px)\] from accumulate [translateZ(50px)\] to accumulate [translateZ(250px)\] at (0) should be [translate3d(100px, 50px, 50px)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [translateX(100px)\] from accumulate [translateX(50px)\] to accumulate [translateX(250px)\] at (0) should be [translateX(150px)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [translateX(100px) rotate(90deg)\] from add [translateX(100px)\] to add [translateX(200px)\] at (1) should be [translateX(100px) rotate(90deg) translateX(200px)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [translate(10px, 20px)\] from add [translate(100px, 200px)\] to replace [translate(210px, 420px)\] at (1.5) should be [translate(260px, 520px)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [translate(10px, 20px)\] from add [translate(100px, 200px)\] to add [translate(200px, 400px)\] at (1) should be [translate(210px, 420px)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [translateX(100px) rotate(90deg)\] from add [translateX(100px)\] to add [translateX(200px)\] at (0) should be [translateX(100px) rotate(90deg) translateX(100px)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [translateX(100px) rotate(90deg)\] from add [translateX(100px)\] to add [translateX(200px)\] at (0.75) should be [translateX(100px) rotate(90deg) translateX(175px)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [translateY(100px)\] from accumulate [translateY(50px)\] to accumulate [translateY(250px)\] at (-0.5) should be [translateY(50px)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [translateZ(100px)\] from accumulate [translateZ(50px)\] to accumulate [translateZ(250px)\] at (0.75) should be [translateZ(300px)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [translateX(100px)\] from accumulate [translateX(50px)\] to accumulate [translateX(250px)\] at (1.5) should be [translateX(450px)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [translateX(100px) rotate(90deg)\] from accumulate [translateX(100px)\] to accumulate [translateX(200px)\] at (0) should be [translateX(200px) rotate(90deg)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [translateX(100px) rotate(90deg)\] from add [translateX(100px)\] to add [translateX(200px)\] at (0.5) should be [translateX(100px) rotate(90deg) translateX(150px)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [translateX(100px)\] from accumulate [translateX(50px)\] to accumulate [translateX(250px)\] at (-0.5) should be [translateX(50px)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [translateZ(100px)\] from accumulate [translateZ(50px)\] to accumulate [translateZ(250px)\] at (0.25) should be [translateZ(200px)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [translate(100px, 50px)\] from accumulate [translateZ(50px)\] to accumulate [translateZ(250px)\] at (0.25) should be [translate3d(100px, 50px, 100px)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [translateZ(100px)\] from accumulate [translateZ(50px)\] to accumulate [translateZ(250px)\] at (-0.5) should be [translateZ(50px)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [translateX(100px)\] from accumulate [translateX(50px)\] to accumulate [translateX(250px)\] at (0.5) should be [translateX(250px)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [translateY(100px)\] from accumulate [translateY(50px)\] to accumulate [translateY(250px)\] at (1) should be [translateY(350px)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [translateZ(100px)\] from accumulate [translateZ(50px)\] to accumulate [translateZ(250px)\] at (1) should be [translateZ(350px)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [translate(10px, 20px)\] from add [translate(100px, 200px)\] to add [translate(200px, 400px)\] at (0.25) should be [translate(135px, 270px)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [translate(10px, 20px)\] from add [translate(100px, 200px)\] to replace [translate(210px, 420px)\] at (0.5) should be [translate(160px, 320px)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [translateZ(100px)\] from accumulate [translateZ(50px)\] to accumulate [translateZ(250px)\] at (0) should be [translateZ(150px)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [translateY(100px)\] from accumulate [translateY(50px)\] to accumulate [translateY(250px)\] at (0) should be [translateY(150px)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [translateY(100px)\] from accumulate [translateY(50px)\] to accumulate [translateY(250px)\] at (1.5) should be [translateY(450px)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [translateX(100px) rotate(90deg)\] from add [translateX(100px)\] to add [translateX(200px)\] at (1.5) should be [translateX(100px) rotate(90deg) translateX(250px)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [translate(10px, 20px)\] from add [translate(100px, 200px)\] to add [translate(200px, 400px)\] at (0.75) should be [translate(185px, 370px)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [translateY(100px)\] from accumulate [translateY(50px)\] to accumulate [translateY(250px)\] at (0.25) should be [translateY(200px)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [translate(100px, 50px)\] from accumulate [translateZ(50px)\] to accumulate [translateZ(250px)\] at (1) should be [translate3d(100px, 50px, 250px)\]]
+    expected: FAIL
+
+  [Compositing: property <transform> underlying [translate(10px, 20px)\] from add [translate(100px, 200px)\] to replace [translate(210px, 420px)\] at (0.75) should be [translate(185px, 370px)\]]
+    expected: FAIL
+

tests/wpt/metadata-layout-2020/css/css-transforms/inheritance.html.ini

@@ -11,36 +11,18 @@
   [Property transform-origin has initial value 30px 20px]
     expected: FAIL
 
-  [Property backface-visibility does not inherit]
-    expected: FAIL
-
-  [Property transform has initial value none]
-    expected: FAIL
-
   [Property perspective-origin has initial value 30px 20px]
     expected: FAIL
 
   [Property transform-box has initial value view-box]
     expected: FAIL
 
-  [Property transform does not inherit]
-    expected: FAIL
-
-  [Property transform-style does not inherit]
-    expected: FAIL
-
   [Property translate does not inherit]
     expected: FAIL
 
   [Property translate has initial value none]
     expected: FAIL
 
-  [Property backface-visibility has initial value visible]
-    expected: FAIL
-
-  [Property perspective-origin does not inherit]
-    expected: FAIL
-
   [Property transform-style has initial value auto]
     expected: FAIL
 
@@ -50,12 +32,6 @@
   [Property transform-origin does not inherit]
     expected: FAIL
 
-  [Property perspective does not inherit]
-    expected: FAIL
-
   [Property rotate has initial value none]
     expected: FAIL
 
-  [Property perspective has initial value none]
-    expected: FAIL
-

tests/wpt/metadata-layout-2020/css/css-transforms/parsing/backface-visibility-computed.html.ini

@@ -1,7 +0,0 @@
-[backface-visibility-computed.html]
-  [Property backface-visibility value 'hidden']
-    expected: FAIL
-
-  [Property backface-visibility value 'visible']
-    expected: FAIL
-

tests/wpt/metadata-layout-2020/css/css-transforms/parsing/transform-origin-computed.html.ini

@@ -23,9 +23,6 @@
   [Property transform-origin value 'left 10px']
     expected: FAIL
 
-  [Property transform-origin value '-1px -2px -3px']
-    expected: FAIL
-
   [Property transform-origin value 'center center']
     expected: FAIL
 

tests/wpt/metadata-layout-2020/css/css-transforms/transform-2d-getComputedStyle-001.html.ini

@@ -5,9 +5,6 @@
   [Matrix for translation transforms]
     expected: FAIL
 
-  [Matrix for general transform]
-    expected: FAIL
-
   [Matrix for skew]
     expected: FAIL
 

tests/wpt/metadata-layout-2020/css/css-transforms/transform_translate_invalid.html.ini

@@ -1,4 +0,0 @@
-[transform_translate_invalid.html]
-  [transform_translate_null_null]
-    expected: FAIL
-

tests/wpt/metadata-layout-2020/css/css-transforms/transform_translate_max.html.ini

@@ -1,4 +0,0 @@
-[transform_translate_max.html]
-  [transform_translate_max]
-    expected: FAIL
-

tests/wpt/metadata-layout-2020/css/css-transforms/transform_translate_min.html.ini

@@ -1,4 +0,0 @@
-[transform_translate_min.html]
-  [transform_translate_min]
-    expected: FAIL
-

tests/wpt/metadata-layout-2020/css/css-ui/parsing/box-sizing-computed.html.ini

@@ -1,7 +0,0 @@
-[box-sizing-computed.html]
-  [Property box-sizing value 'border-box']
-    expected: FAIL
-
-  [Property box-sizing value 'content-box']
-    expected: FAIL
-

tests/wpt/metadata-layout-2020/css/css-ui/parsing/cursor-computed.html.ini

@@ -1,109 +0,0 @@
-[cursor-computed.html]
-  [Property cursor value 'vertical-text']
-    expected: FAIL
-
-  [Property cursor value 'nwse-resize']
-    expected: FAIL
-
-  [Property cursor value 'grab']
-    expected: FAIL
-
-  [Property cursor value 'n-resize']
-    expected: FAIL
-
-  [Property cursor value 'ne-resize']
-    expected: FAIL
-
-  [Property cursor value 'help']
-    expected: FAIL
-
-  [Property cursor value 'progress']
-    expected: FAIL
-
-  [Property cursor value 'no-drop']
-    expected: FAIL
-
-  [Property cursor value 'not-allowed']
-    expected: FAIL
-
-  [Property cursor value 'alias']
-    expected: FAIL
-
-  [Property cursor value 's-resize']
-    expected: FAIL
-
-  [Property cursor value 'nw-resize']
-    expected: FAIL
-
-  [Property cursor value 'zoom-out']
-    expected: FAIL
-
-  [Property cursor value 'grabbing']
-    expected: FAIL
-
-  [Property cursor value 'default']
-    expected: FAIL
-
-  [Property cursor value 'sw-resize']
-    expected: FAIL
-
-  [Property cursor value 'zoom-in']
-    expected: FAIL
-
-  [Property cursor value 'row-resize']
-    expected: FAIL
-
-  [Property cursor value 'pointer']
-    expected: FAIL
-
-  [Property cursor value 'ew-resize']
-    expected: FAIL
-
-  [Property cursor value 'wait']
-    expected: FAIL
-
-  [Property cursor value 'cell']
-    expected: FAIL
-
-  [Property cursor value 'copy']
-    expected: FAIL
-
-  [Property cursor value 'nesw-resize']
-    expected: FAIL
-
-  [Property cursor value 'text']
-    expected: FAIL
-
-  [Property cursor value 'context-menu']
-    expected: FAIL
-
-  [Property cursor value 'all-scroll']
-    expected: FAIL
-
-  [Property cursor value 'col-resize']
-    expected: FAIL
-
-  [Property cursor value 'w-resize']
-    expected: FAIL
-
-  [Property cursor value 'ns-resize']
-    expected: FAIL
-
-  [Property cursor value 'auto']
-    expected: FAIL
-
-  [Property cursor value 'crosshair']
-    expected: FAIL
-
-  [Property cursor value 'se-resize']
-    expected: FAIL
-
-  [Property cursor value 'e-resize']
-    expected: FAIL
-
-  [Property cursor value 'move']
-    expected: FAIL
-
-  [Property cursor value 'none']
-    expected: FAIL
-