Auto merge of #25594 - servo:gradient, r=mrobinson

Background follow ups

* Fix `background-clip` + `border-radius`
* Fix `background-clip` + `background-color`
* Render linear and radial gradients
* Enable `css/css-background/` in WPT

components/layout_2020/display_list/background.rs

@@ -0,0 +1,251 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at https://mozilla.org/MPL/2.0/. */
+
+use crate::replaced::IntrinsicSizes;
+use euclid::{Size2D, Vector2D};
+use style::computed_values::background_clip::single_value::T as Clip;
+use style::computed_values::background_origin::single_value::T as Origin;
+use style::values::computed::background::BackgroundSize as Size;
+use style::values::computed::{Length, LengthPercentage};
+use style::values::specified::background::BackgroundRepeat as RepeatXY;
+use style::values::specified::background::BackgroundRepeatKeyword as Repeat;
+use webrender_api::{self as wr, units};
+
+pub(super) struct BackgroundLayer {
+    pub common: wr::CommonItemProperties,
+    pub bounds: units::LayoutRect,
+    pub tile_size: units::LayoutSize,
+    pub tile_spacing: units::LayoutSize,
+    pub repeat: bool,
+}
+
+struct Layout1DResult {
+    repeat: bool,
+    bounds_origin: f32,
+    bounds_size: f32,
+    tile_spacing: f32,
+}
+
+fn get_cyclic<T>(values: &[T], layer_index: usize) -> &T {
+    &values[layer_index % values.len()]
+}
+
+pub(super) fn painting_area<'a>(
+    fragment_builder: &'a super::BuilderForBoxFragment,
+    builder: &mut super::DisplayListBuilder,
+    layer_index: usize,
+) -> (&'a units::LayoutRect, wr::CommonItemProperties) {
+    let fb = fragment_builder;
+    let b = fb.fragment.style.get_background();
+    let (painting_area, clip) = match get_cyclic(&b.background_clip.0, layer_index) {
+        Clip::ContentBox => (fb.content_rect(), fb.content_edge_clip(builder)),
+        Clip::PaddingBox => (fb.padding_rect(), fb.padding_edge_clip(builder)),
+        Clip::BorderBox => (&fb.border_rect, fb.border_edge_clip(builder)),
+    };
+    // The 'backgound-clip' property maps directly to `clip_rect` in `CommonItemProperties`:
+    let mut common = builder.common_properties(*painting_area);
+    if let Some(clip_id) = clip {
+        common.clip_id = clip_id
+    }
+    (painting_area, common)
+}
+
+pub(super) fn layout_layer(
+    fragment_builder: &mut super::BuilderForBoxFragment,
+    builder: &mut super::DisplayListBuilder,
+    layer_index: usize,
+    intrinsic: IntrinsicSizes,
+) -> Option<BackgroundLayer> {
+    let b = fragment_builder.fragment.style.get_background();
+    let (painting_area, common) = painting_area(fragment_builder, builder, layer_index);
+
+    let positioning_area = match get_cyclic(&b.background_origin.0, layer_index) {
+        Origin::ContentBox => fragment_builder.content_rect(),
+        Origin::PaddingBox => fragment_builder.padding_rect(),
+        Origin::BorderBox => &fragment_builder.border_rect,
+    };
+
+    // https://drafts.csswg.org/css-backgrounds/#background-size
+    enum ContainOrCover {
+        Contain,
+        Cover,
+    }
+    let size_contain_or_cover = |background_size| {
+        let mut tile_size = positioning_area.size;
+        if let Some(intrinsic_ratio) = intrinsic.ratio {
+            let positioning_ratio = positioning_area.size.width / positioning_area.size.height;
+            // Whether the tile width (as opposed to height)
+            // is scaled to that of the positioning area
+            let fit_width = match background_size {
+                ContainOrCover::Contain => positioning_ratio <= intrinsic_ratio,
+                ContainOrCover::Cover => positioning_ratio > intrinsic_ratio,
+            };
+            // The other dimension needs to be adjusted
+            if fit_width {
+                tile_size.height = tile_size.width / intrinsic_ratio
+            } else {
+                tile_size.width = tile_size.height * intrinsic_ratio
+            }
+        }
+        tile_size
+    };
+    let mut tile_size = match get_cyclic(&b.background_size.0, layer_index) {
+        Size::Contain => size_contain_or_cover(ContainOrCover::Contain),
+        Size::Cover => size_contain_or_cover(ContainOrCover::Cover),
+        Size::ExplicitSize { width, height } => {
+            let mut width = width.non_auto().map(|lp| {
+                lp.0.percentage_relative_to(Length::new(positioning_area.size.width))
+            });
+            let mut height = height.non_auto().map(|lp| {
+                lp.0.percentage_relative_to(Length::new(positioning_area.size.height))
+            });
+
+            if width.is_none() && height.is_none() {
+                // Both computed values are 'auto':
+                // use intrinsic sizes, treating missing width or height as 'auto'
+                width = intrinsic.width;
+                height = intrinsic.height;
+            }
+
+            match (width, height) {
+                (Some(w), Some(h)) => units::LayoutSize::new(w.px(), h.px()),
+                (Some(w), None) => {
+                    let h = if let Some(intrinsic_ratio) = intrinsic.ratio {
+                        w / intrinsic_ratio
+                    } else if let Some(intrinsic_height) = intrinsic.height {
+                        intrinsic_height
+                    } else {
+                        // Treated as 100%
+                        Length::new(positioning_area.size.height)
+                    };
+                    units::LayoutSize::new(w.px(), h.px())
+                },
+                (None, Some(h)) => {
+                    let w = if let Some(intrinsic_ratio) = intrinsic.ratio {
+                        h * intrinsic_ratio
+                    } else if let Some(intrinsic_width) = intrinsic.width {
+                        intrinsic_width
+                    } else {
+                        // Treated as 100%
+                        Length::new(positioning_area.size.width)
+                    };
+                    units::LayoutSize::new(w.px(), h.px())
+                },
+                // Both comptued values were 'auto', and neither intrinsic size is present
+                (None, None) => size_contain_or_cover(ContainOrCover::Contain),
+            }
+        },
+    };
+
+    if tile_size.width == 0.0 || tile_size.height == 0.0 {
+        return None;
+    }
+
+    let RepeatXY(repeat_x, repeat_y) = *get_cyclic(&b.background_repeat.0, layer_index);
+    let result_x = layout_1d(
+        &mut tile_size.width,
+        repeat_x,
+        get_cyclic(&b.background_position_x.0, layer_index),
+        painting_area.origin.x - positioning_area.origin.x,
+        painting_area.size.width,
+        positioning_area.size.width,
+    );
+    let result_y = layout_1d(
+        &mut tile_size.height,
+        repeat_y,
+        get_cyclic(&b.background_position_y.0, layer_index),
+        painting_area.origin.y - positioning_area.origin.y,
+        painting_area.size.height,
+        positioning_area.size.height,
+    );
+    let bounds = units::LayoutRect::new(
+        positioning_area.origin + Vector2D::new(result_x.bounds_origin, result_y.bounds_origin),
+        Size2D::new(result_x.bounds_size, result_y.bounds_size),
+    );
+    let tile_spacing = units::LayoutSize::new(result_x.tile_spacing, result_y.tile_spacing);
+
+    Some(BackgroundLayer {
+        common,
+        bounds,
+        tile_size,
+        tile_spacing,
+        repeat: result_x.repeat || result_y.repeat,
+    })
+}
+
+/// Abstract over the horizontal or vertical dimension
+/// Coordinates (0, 0) for the purpose of this function are the positioning area’s origin.
+fn layout_1d(
+    tile_size: &mut f32,
+    mut repeat: Repeat,
+    position: &LengthPercentage,
+    painting_area_origin: f32,
+    painting_area_size: f32,
+    positioning_area_size: f32,
+) -> Layout1DResult {
+    // https://drafts.csswg.org/css-backgrounds/#background-repeat
+    if let Repeat::Round = repeat {
+        *tile_size = positioning_area_size / (positioning_area_size / *tile_size).round();
+    }
+    // https://drafts.csswg.org/css-backgrounds/#background-position
+    let mut position = position
+        .percentage_relative_to(Length::new(positioning_area_size - *tile_size))
+        .px();
+    let mut tile_spacing = 0.0;
+    // https://drafts.csswg.org/css-backgrounds/#background-repeat
+    if let Repeat::Space = repeat {
+        // The most entire tiles we can fit
+        let tile_count = (positioning_area_size / *tile_size).floor();
+        if tile_count >= 2.0 {
+            position = 0.0;
+            // Make the outsides of the first and last of that many tiles
+            // touch the edges of the positioning area:
+            let total_space = positioning_area_size - *tile_size * tile_count;
+            let spaces_count = tile_count - 1.0;
+            tile_spacing = total_space / spaces_count;
+        } else {
+            repeat = Repeat::NoRepeat
+        }
+    }
+    match repeat {
+        Repeat::Repeat | Repeat::Round | Repeat::Space => {
+            // WebRender’s `RepeatingImageDisplayItem` contains a `bounds` rectangle and:
+            //
+            // * The tiling is clipped to the intersection of `clip_rect` and `bounds`
+            // * The origin (top-left corner) of `bounds` is the position
+            //   of the “first” (top-left-most) tile.
+            //
+            // In the general case that first tile is not the one that is positioned by
+            // `background-position`.
+            // We want it to be the top-left-most tile that intersects with `clip_rect`.
+            // We find it by offsetting by a whole number of strides,
+            // then compute `bounds` such that:
+            //
+            // * Its bottom-right is the bottom-right of `clip_rect`
+            // * Its top-left is the top-left of first tile.
+            let tile_stride = *tile_size + tile_spacing;
+            let offset = position - painting_area_origin;
+            let bounds_origin = position - tile_stride * (offset / tile_stride).ceil();
+            let bounds_size = painting_area_size - bounds_origin - painting_area_origin;
+            Layout1DResult {
+                repeat: true,
+                bounds_origin,
+                bounds_size,
+                tile_spacing,
+            }
+        },
+        Repeat::NoRepeat => {
+            // `RepeatingImageDisplayItem` always repeats in both dimension.
+            // When we want only one of the dimensions to repeat,
+            // we use the `bounds` rectangle to clip the tiling to one tile
+            // in that dimension.
+            Layout1DResult {
+                repeat: false,
+                bounds_origin: position,
+                bounds_size: *tile_size,
+                tile_spacing: 0.0,
+            }
+        },
+    }
+}

components/layout_2020/display_list/gradient.rs

@@ -0,0 +1,336 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at https://mozilla.org/MPL/2.0/. */
+
+use style::properties::ComputedValues;
+use style::values::computed::image::{EndingShape, Gradient, LineDirection};
+use style::values::computed::{GradientItem, Length, Position};
+use style::values::generics::image::GenericGradientKind as Kind;
+use style::values::generics::image::{Circle, ColorStop, Ellipse, ShapeExtent};
+use webrender_api::{self as wr, units};
+
+pub(super) fn build(
+    style: &ComputedValues,
+    gradient: &Gradient,
+    layer: &super::background::BackgroundLayer,
+    builder: &mut super::DisplayListBuilder,
+) {
+    let extend_mode = if gradient.repeating {
+        wr::ExtendMode::Repeat
+    } else {
+        wr::ExtendMode::Clamp
+    };
+    match &gradient.kind {
+        Kind::Linear(line_direction) => build_linear(
+            style,
+            &gradient.items,
+            line_direction,
+            extend_mode,
+            &layer,
+            builder,
+        ),
+        Kind::Radial(ending_shape, center) => build_radial(
+            style,
+            &gradient.items,
+            ending_shape,
+            center,
+            extend_mode,
+            &layer,
+            builder,
+        ),
+    }
+}
+
+/// https://drafts.csswg.org/css-images-3/#linear-gradients
+pub(super) fn build_linear(
+    style: &ComputedValues,
+    items: &[GradientItem],
+    line_direction: &LineDirection,
+    extend_mode: wr::ExtendMode,
+    layer: &super::background::BackgroundLayer,
+    builder: &mut super::DisplayListBuilder,
+) {
+    use style::values::specified::position::HorizontalPositionKeyword::*;
+    use style::values::specified::position::VerticalPositionKeyword::*;
+    use webrender_api::units::LayoutVector2D as Vec2;
+    let gradient_box = layer.tile_size;
+
+    // A vector of length 1.0 in the direction of the gradient line
+    let direction = match line_direction {
+        LineDirection::Horizontal(Right) => Vec2::new(1., 0.),
+        LineDirection::Vertical(Top) => Vec2::new(0., -1.),
+        LineDirection::Horizontal(Left) => Vec2::new(-1., 0.),
+        LineDirection::Vertical(Bottom) => Vec2::new(0., 1.),
+
+        LineDirection::Angle(angle) => {
+            let radians = angle.radians();
+            // “`0deg` points upward,
+            //  and positive angles represent clockwise rotation,
+            //  so `90deg` point toward the right.”
+            Vec2::new(radians.sin(), -radians.cos())
+        },
+
+        LineDirection::Corner(horizontal, vertical) => {
+            // “If the argument instead specifies a corner of the box such as `to top left`,
+            //  the gradient line must be angled such that it points
+            //  into the same quadrant as the specified corner,
+            //  and is perpendicular to a line intersecting
+            //  the two neighboring corners of the gradient box.”
+
+            // Note that that last line is a diagonal of the gradient box rectangle,
+            // since two neighboring corners of a third corner
+            // are necessarily opposite to each other.
+
+            // `{ x: gradient_box.width, y: gradient_box.height }` is such a diagonal vector,
+            // from the bottom left corner to the top right corner of the gradient box.
+            // (Both coordinates are positive.)
+            // Changing either or both signs produces the other three (oriented) diagonals.
+
+            // Swapping the coordinates `{ x: gradient_box.height, y: gradient_box.height }`
+            // produces a vector perpendicular to some diagonal of the rectangle.
+            // Finally, we choose the sign of each cartesian coordinate
+            // such that our vector points to the desired quadrant.
+
+            let x = match horizontal {
+                Right => gradient_box.height,
+                Left => -gradient_box.height,
+            };
+            let y = match vertical {
+                Top => gradient_box.width,
+                Bottom => -gradient_box.width,
+            };
+
+            // `{ x, y }` is now a vector of arbitrary length
+            // with the same direction as the gradient line.
+            // This normalizes the length to 1.0:
+            Vec2::new(x, y).normalize()
+        },
+    };
+
+    // This formula is given as `abs(W * sin(A)) + abs(H * cos(A))` in a note in the spec, under
+    // https://drafts.csswg.org/css-images-3/#linear-gradient-syntax
+    //
+    // Sketch of a proof:
+    //
+    // * Take the top side of the gradient box rectangle. It is a segment of length `W`
+    // * Project onto the gradient line. You get a segment of length `abs(W * sin(A))`
+    // * Similarly, the left side of the rectangle (length `H`)
+    //   projects to a segment of length `abs(H * cos(A))`
+    // * These two segments add up to exactly the gradient line.
+    //
+    // See the illustration in the example under
+    // https://drafts.csswg.org/css-images-3/#linear-gradient-syntax
+    let gradient_line_length =
+        (gradient_box.width * direction.x).abs() + (gradient_box.height * direction.y).abs();
+
+    let half_gradient_line = direction * (gradient_line_length / 2.);
+    let center = (gradient_box / 2.).to_vector().to_point();
+    let start_point = center - half_gradient_line;
+    let end_point = center + half_gradient_line;
+
+    let stops = fixup_stops(style, items, Length::new(gradient_line_length));
+    let linear_gradient = builder
+        .wr
+        .create_gradient(start_point, end_point, stops, extend_mode);
+    builder.wr.push_gradient(
+        &layer.common,
+        layer.bounds,
+        linear_gradient,
+        layer.tile_size,
+        layer.tile_spacing,
+    )
+}
+
+/// https://drafts.csswg.org/css-images-3/#radial-gradients
+pub(super) fn build_radial(
+    style: &ComputedValues,
+    items: &[GradientItem],
+    shape: &EndingShape,
+    center: &Position,
+    extend_mode: wr::ExtendMode,
+    layer: &super::background::BackgroundLayer,
+    builder: &mut super::DisplayListBuilder,
+) {
+    let gradient_box = layer.tile_size;
+    let center = units::LayoutPoint::new(
+        center
+            .horizontal
+            .percentage_relative_to(Length::new(gradient_box.width))
+            .px(),
+        center
+            .vertical
+            .percentage_relative_to(Length::new(gradient_box.height))
+            .px(),
+    );
+    let radii = match shape {
+        EndingShape::Circle(circle) => {
+            let radius = match circle {
+                Circle::Radius(r) => r.0.px(),
+                Circle::Extent(extent) => match extent {
+                    ShapeExtent::ClosestSide | ShapeExtent::Contain => {
+                        let vec = abs_vector_to_corner(gradient_box, center, f32::min);
+                        vec.x.min(vec.y)
+                    },
+                    ShapeExtent::FarthestSide => {
+                        let vec = abs_vector_to_corner(gradient_box, center, f32::max);
+                        vec.x.max(vec.y)
+                    },
+                    ShapeExtent::ClosestCorner => {
+                        abs_vector_to_corner(gradient_box, center, f32::min).length()
+                    },
+                    ShapeExtent::FarthestCorner | ShapeExtent::Cover => {
+                        abs_vector_to_corner(gradient_box, center, f32::max).length()
+                    },
+                },
+            };
+            units::LayoutSize::new(radius, radius)
+        },
+        EndingShape::Ellipse(Ellipse::Radii(rx, ry)) => units::LayoutSize::new(
+            rx.0.percentage_relative_to(Length::new(gradient_box.width))
+                .px(),
+            ry.0.percentage_relative_to(Length::new(gradient_box.height))
+                .px(),
+        ),
+        EndingShape::Ellipse(Ellipse::Extent(extent)) => match extent {
+            ShapeExtent::ClosestSide | ShapeExtent::Contain => {
+                abs_vector_to_corner(gradient_box, center, f32::min).to_size()
+            },
+            ShapeExtent::FarthestSide => {
+                abs_vector_to_corner(gradient_box, center, f32::max).to_size()
+            },
+            ShapeExtent::ClosestCorner => {
+                abs_vector_to_corner(gradient_box, center, f32::min).to_size() *
+                    (std::f32::consts::FRAC_1_SQRT_2 * 2.0)
+            },
+            ShapeExtent::FarthestCorner | ShapeExtent::Cover => {
+                abs_vector_to_corner(gradient_box, center, f32::max).to_size() *
+                    (std::f32::consts::FRAC_1_SQRT_2 * 2.0)
+            },
+        },
+    };
+
+    /// Returns the distance to the nearest or farthest sides in the respective dimension,
+    /// depending on `select`.
+    fn abs_vector_to_corner(
+        gradient_box: units::LayoutSize,
+        center: units::LayoutPoint,
+        select: impl Fn(f32, f32) -> f32,
+    ) -> units::LayoutVector2D {
+        let left = center.x.abs();
+        let top = center.y.abs();
+        let right = (gradient_box.width - center.x).abs();
+        let bottom = (gradient_box.height - center.y).abs();
+        units::LayoutVector2D::new(select(left, right), select(top, bottom))
+    }
+
+    // “The gradient line’s starting point is at the center of the gradient,
+    //  and it extends toward the right, with the ending point on the point
+    //  where the gradient line intersects the ending shape.”
+    let gradient_line_length = radii.width;
+
+    let stops = fixup_stops(style, items, Length::new(gradient_line_length));
+    let radial_gradient = builder
+        .wr
+        .create_radial_gradient(center, radii, stops, extend_mode);
+    builder.wr.push_radial_gradient(
+        &layer.common,
+        layer.bounds,
+        radial_gradient,
+        layer.tile_size,
+        layer.tile_spacing,
+    )
+}
+
+/// https://drafts.csswg.org/css-images-4/#color-stop-fixup
+fn fixup_stops(
+    style: &ComputedValues,
+    items: &[GradientItem],
+    gradient_line_length: Length,
+) -> Vec<wr::GradientStop> {
+    // Remove color transititon hints, which are not supported yet.
+    // https://drafts.csswg.org/css-images-4/#color-transition-hint
+    //
+    // This gives an approximation of the gradient that might be visibly wrong,
+    // but maybe better than not parsing that value at all?
+    // It’s debatble whether that’s better or worse
+    // than not parsing and allowing authors to set a fallback.
+    // Either way, the best outcome is to add support.
+    // Gecko does so by approximating the non-linear interpolation
+    // by up to 10 piece-wise linear segments (9 intermediate color stops)
+    let mut stops = Vec::with_capacity(items.len());
+    for item in items {
+        match item {
+            GradientItem::SimpleColorStop(color) => stops.push(ColorStop {
+                color: super::rgba(style.resolve_color(*color)),
+                position: None,
+            }),
+            GradientItem::ComplexColorStop { color, position } => stops.push(ColorStop {
+                color: super::rgba(style.resolve_color(*color)),
+                position: Some(if gradient_line_length.px() == 0. {
+                    0.
+                } else {
+                    position.percentage_relative_to(gradient_line_length).px() /
+                        gradient_line_length.px()
+                }),
+            }),
+            GradientItem::InterpolationHint(_) => {
+                // FIXME: approximate like in:
+                // https://searchfox.org/mozilla-central/rev/f98dad153b59a985efd4505912588d4651033395/layout/painting/nsCSSRenderingGradients.cpp#315-391
+            },
+        }
+    }
+    assert!(stops.len() >= 2);
+
+    // https://drafts.csswg.org/css-images-4/#color-stop-fixup
+    if let first_position @ None = &mut stops.first_mut().unwrap().position {
+        *first_position = Some(0.);
+    }
+    if let last_position @ None = &mut stops.last_mut().unwrap().position {
+        *last_position = Some(1.);
+    }
+
+    let mut iter = stops.iter_mut();
+    let mut max_so_far = iter.next().unwrap().position.unwrap();
+    for stop in iter {
+        if let Some(position) = &mut stop.position {
+            if *position < max_so_far {
+                *position = max_so_far
+            } else {
+                max_so_far = *position
+            }
+        }
+    }
+
+    let mut wr_stops = Vec::with_capacity(stops.len());
+    let mut iter = stops.iter().enumerate();
+    let (_, first) = iter.next().unwrap();
+    let first_stop_position = first.position.unwrap();
+    wr_stops.push(wr::GradientStop {
+        offset: first_stop_position,
+        color: first.color,
+    });
+
+    let mut last_positioned_stop_index = 0;
+    let mut last_positioned_stop_position = first_stop_position;
+    for (i, stop) in iter {
+        if let Some(position) = stop.position {
+            let step_count = i - last_positioned_stop_index;
+            if step_count > 1 {
+                let step = (position - last_positioned_stop_position) / step_count as f32;
+                for j in 1..step_count {
+                    let color = stops[last_positioned_stop_index + j].color;
+                    let offset = last_positioned_stop_position + j as f32 * step;
+                    wr_stops.push(wr::GradientStop { offset, color })
+                }
+            }
+            last_positioned_stop_index = i;
+            last_positioned_stop_position = position;
+            wr_stops.push(wr::GradientStop {
+                offset: position,
+                color: stop.color,
+            })
+        }
+    }
+
+    wr_stops
+}

components/layout_2020/display_list/mod.rs

@@ -7,7 +7,7 @@ use crate::fragments::{BoxFragment, Fragment};
 use crate::geom::{PhysicalPoint, PhysicalRect, ToWebRender};
 use crate::replaced::IntrinsicSizes;
 use embedder_traits::Cursor;
-use euclid::{Point2D, SideOffsets2D, Size2D, Vector2D};
+use euclid::{Point2D, SideOffsets2D, Size2D};
 use gfx::text::glyph::GlyphStore;
 use mitochondria::OnceCell;
 use net_traits::image_cache::UsePlaceholder;
@@ -18,6 +18,9 @@ use style::values::computed::{BorderStyle, Length, LengthPercentage};
 use style::values::specified::ui::CursorKind;
 use webrender_api::{self as wr, units};
 
+mod background;
+mod gradient;
+
 #[derive(Clone, Copy)]
 pub struct WebRenderImageInfo {
     pub width: u32,
@@ -139,6 +142,8 @@ struct BuilderForBoxFragment<'a> {
     content_rect: OnceCell<units::LayoutRect>,
     border_radius: wr::BorderRadius,
     border_edge_clip_id: OnceCell<Option<wr::ClipId>>,
+    padding_edge_clip_id: OnceCell<Option<wr::ClipId>>,
+    content_edge_clip_id: OnceCell<Option<wr::ClipId>>,
 }
 
 impl<'a> BuilderForBoxFragment<'a> {
@@ -176,6 +181,8 @@ impl<'a> BuilderForBoxFragment<'a> {
             padding_rect: OnceCell::new(),
             content_rect: OnceCell::new(),
             border_edge_clip_id: OnceCell::new(),
+            padding_edge_clip_id: OnceCell::new(),
+            content_edge_clip_id: OnceCell::new(),
         }
     }
 
@@ -199,30 +206,41 @@ impl<'a> BuilderForBoxFragment<'a> {
         })
     }
 
-    fn with_border_edge_clip(
-        &mut self,
-        builder: &mut DisplayListBuilder,
-        common: &mut wr::CommonItemProperties,
-    ) {
-        let initialized = self.border_edge_clip_id.init_once(|| {
-            if self.border_radius.is_zero() {
-                None
-            } else {
-                Some(builder.wr.define_clip(
-                    &builder.current_space_and_clip,
-                    self.border_rect,
-                    Some(wr::ComplexClipRegion {
-                        rect: self.border_rect,
-                        radii: self.border_radius,
-                        mode: wr::ClipMode::Clip,
-                    }),
-                    None,
-                ))
-            }
-        });
-        if let Some(clip_id) = *initialized {
-            common.clip_id = clip_id
-        }
+    fn border_edge_clip(&self, builder: &mut DisplayListBuilder) -> Option<wr::ClipId> {
+        *self
+            .border_edge_clip_id
+            .init_once(|| clip_for_radii(self.border_radius, self.border_rect, builder))
+    }
+
+    fn padding_edge_clip(&self, builder: &mut DisplayListBuilder) -> Option<wr::ClipId> {
+        *self.padding_edge_clip_id.init_once(|| {
+            clip_for_radii(
+                inner_radii(
+                    self.border_radius,
+                    self.fragment
+                        .border
+                        .to_physical(self.fragment.style.writing_mode)
+                        .to_webrender(),
+                ),
+                self.border_rect,
+                builder,
+            )
+        })
+    }
+
+    fn content_edge_clip(&self, builder: &mut DisplayListBuilder) -> Option<wr::ClipId> {
+        *self.content_edge_clip_id.init_once(|| {
+            clip_for_radii(
+                inner_radii(
+                    self.border_radius,
+                    (&self.fragment.border + &self.fragment.padding)
+                        .to_physical(self.fragment.style.writing_mode)
+                        .to_webrender(),
+                ),
+                self.border_rect,
+                builder,
+            )
+        })
     }
 
     fn build(&mut self, builder: &mut DisplayListBuilder) {
@@ -230,7 +248,9 @@ impl<'a> BuilderForBoxFragment<'a> {
         if hit_info.is_some() {
             let mut common = builder.common_properties(self.border_rect);
             common.hit_info = hit_info;
-            self.with_border_edge_clip(builder, &mut common);
+            if let Some(clip_id) = self.border_edge_clip(builder) {
+                common.clip_id = clip_id
+            }
             builder.wr.push_hit_test(&common)
         }
 
@@ -251,8 +271,11 @@ impl<'a> BuilderForBoxFragment<'a> {
         let b = self.fragment.style.get_background();
         let background_color = self.fragment.style.resolve_color(b.background_color);
         if background_color.alpha > 0 {
-            let mut common = builder.common_properties(self.border_rect);
-            self.with_border_edge_clip(builder, &mut common);
+            // https://drafts.csswg.org/css-backgrounds/#background-color
+            // “The background color is clipped according to the background-clip
+            //  value associated with the bottom-most background image layer.”
+            let layer_index = b.background_image.0.len() - 1;
+            let (_, common) = background::painting_area(self, builder, layer_index);
             builder.wr.push_rect(&common, rgba(background_color))
         }
         // Reverse because the property is top layer first, we want to paint bottom layer first.
@@ -260,33 +283,75 @@ impl<'a> BuilderForBoxFragment<'a> {
             match layer {
                 ImageLayer::None => {},
                 ImageLayer::Image(image) => match image {
-                    Image::Gradient(_gradient) => {
-                        // TODO
+                    Image::Gradient(gradient) => {
+                        let intrinsic = IntrinsicSizes {
+                            width: None,
+                            height: None,
+                            ratio: None,
+                        };
+                        if let Some(layer) =
+                            &background::layout_layer(self, builder, index, intrinsic)
+                        {
+                            gradient::build(&self.fragment.style, gradient, layer, builder)
+                        }
                     },
                     Image::Url(image_url) => {
-                        if let Some(url) = image_url.url() {
-                            let webrender_image = builder.context.get_webrender_image_for_url(
-                                self.fragment.tag,
-                                url.clone(),
-                                UsePlaceholder::No,
-                            );
-                            if let Some(WebRenderImageInfo {
-                                width,
-                                height,
-                                key: Some(key),
-                            }) = webrender_image
-                            {
-                                // FIXME: https://drafts.csswg.org/css-images-4/#the-image-resolution
-                                let dppx = 1.0;
+                        // FIXME: images won’t always have in intrinsic width or height
+                        // when support for SVG is added.
+                        // Or a WebRender `ImageKey`, for that matter.
+                        let (width, height, key) = match image_url.url() {
+                            Some(url) => {
+                                match builder.context.get_webrender_image_for_url(
+                                    self.fragment.tag,
+                                    url.clone(),
+                                    UsePlaceholder::No,
+                                ) {
+                                    Some(WebRenderImageInfo {
+                                        width,
+                                        height,
+                                        key: Some(key),
+                                    }) => (width, height, key),
+                                    _ => continue,
+                                }
+                            },
+                            None => continue,
+                        };
 
-                                let intrinsic = IntrinsicSizes {
-                                    width: Some(Length::new(width as f32 / dppx)),
-                                    height: Some(Length::new(height as f32 / dppx)),
-                                    // FIXME https://github.com/w3c/csswg-drafts/issues/4572
-                                    ratio: Some(width as f32 / height as f32),
-                                };
+                        // FIXME: https://drafts.csswg.org/css-images-4/#the-image-resolution
+                        let dppx = 1.0;
 
-                                self.build_background_raster_image(builder, index, intrinsic, key)
+                        let intrinsic = IntrinsicSizes {
+                            width: Some(Length::new(width as f32 / dppx)),
+                            height: Some(Length::new(height as f32 / dppx)),
+                            // FIXME https://github.com/w3c/csswg-drafts/issues/4572
+                            ratio: Some(width as f32 / height as f32),
+                        };
+
+                        if let Some(layer) =
+                            background::layout_layer(self, builder, index, intrinsic)
+                        {
+                            let image_rendering =
+                                image_rendering(self.fragment.style.clone_image_rendering());
+                            if layer.repeat {
+                                builder.wr.push_repeating_image(
+                                    &layer.common,
+                                    layer.bounds,
+                                    layer.tile_size,
+                                    layer.tile_spacing,
+                                    image_rendering,
+                                    wr::AlphaType::PremultipliedAlpha,
+                                    key,
+                                    wr::ColorF::WHITE,
+                                )
+                            } else {
+                                builder.wr.push_image(
+                                    &layer.common,
+                                    layer.bounds,
+                                    image_rendering,
+                                    wr::AlphaType::PremultipliedAlpha,
+                                    key,
+                                    wr::ColorF::WHITE,
+                                )
                             }
                         }
                     },
@@ -297,244 +362,6 @@ impl<'a> BuilderForBoxFragment<'a> {
         }
     }
 
-    fn build_background_raster_image(
-        &mut self,
-        builder: &mut DisplayListBuilder,
-        index: usize,
-        intrinsic: IntrinsicSizes,
-        key: wr::ImageKey,
-    ) {
-        use style::computed_values::background_clip::single_value::T as Clip;
-        use style::computed_values::background_origin::single_value::T as Origin;
-        use style::values::computed::background::BackgroundSize as Size;
-        use style::values::specified::background::BackgroundRepeat as RepeatXY;
-        use style::values::specified::background::BackgroundRepeatKeyword as Repeat;
-
-        fn get_cyclic<T>(values: &[T], index: usize) -> &T {
-            &values[index % values.len()]
-        }
-
-        let b = self.fragment.style.get_background();
-
-        let clipping_area = match get_cyclic(&b.background_clip.0, index) {
-            Clip::ContentBox => self.content_rect(),
-            Clip::PaddingBox => self.padding_rect(),
-            Clip::BorderBox => &self.border_rect,
-        };
-        let positioning_area = match get_cyclic(&b.background_origin.0, index) {
-            Origin::ContentBox => self.content_rect(),
-            Origin::PaddingBox => self.padding_rect(),
-            Origin::BorderBox => &self.border_rect,
-        };
-
-        // https://drafts.csswg.org/css-backgrounds/#background-size
-        enum ContainOrCover {
-            Contain,
-            Cover,
-        }
-        let size_contain_or_cover = |background_size| {
-            let mut tile_size = positioning_area.size;
-            if let Some(intrinsic_ratio) = intrinsic.ratio {
-                let positioning_ratio = positioning_area.size.width / positioning_area.size.height;
-                // Whether the tile width (as opposed to height)
-                // is scaled to that of the positioning area
-                let fit_width = match background_size {
-                    ContainOrCover::Contain => positioning_ratio <= intrinsic_ratio,
-                    ContainOrCover::Cover => positioning_ratio > intrinsic_ratio,
-                };
-                // The other dimension needs to be adjusted
-                if fit_width {
-                    tile_size.height = tile_size.width / intrinsic_ratio
-                } else {
-                    tile_size.width = tile_size.height * intrinsic_ratio
-                }
-            }
-            tile_size
-        };
-        let mut tile_size = match get_cyclic(&b.background_size.0, index) {
-            Size::Contain => size_contain_or_cover(ContainOrCover::Contain),
-            Size::Cover => size_contain_or_cover(ContainOrCover::Cover),
-            Size::ExplicitSize { width, height } => {
-                let mut width = width.non_auto().map(|lp| {
-                    lp.0.percentage_relative_to(Length::new(positioning_area.size.width))
-                });
-                let mut height = height.non_auto().map(|lp| {
-                    lp.0.percentage_relative_to(Length::new(positioning_area.size.height))
-                });
-
-                if width.is_none() && height.is_none() {
-                    // Both computed values are 'auto':
-                    // use intrinsic sizes, treating missing width or height as 'auto'
-                    width = intrinsic.width;
-                    height = intrinsic.height;
-                }
-
-                match (width, height) {
-                    (Some(w), Some(h)) => units::LayoutSize::new(w.px(), h.px()),
-                    (Some(w), None) => {
-                        let h = if let Some(intrinsic_ratio) = intrinsic.ratio {
-                            w / intrinsic_ratio
-                        } else if let Some(intrinsic_height) = intrinsic.height {
-                            intrinsic_height
-                        } else {
-                            // Treated as 100%
-                            Length::new(positioning_area.size.height)
-                        };
-                        units::LayoutSize::new(w.px(), h.px())
-                    },
-                    (None, Some(h)) => {
-                        let w = if let Some(intrinsic_ratio) = intrinsic.ratio {
-                            h * intrinsic_ratio
-                        } else if let Some(intrinsic_width) = intrinsic.width {
-                            intrinsic_width
-                        } else {
-                            // Treated as 100%
-                            Length::new(positioning_area.size.width)
-                        };
-                        units::LayoutSize::new(w.px(), h.px())
-                    },
-                    // Both comptued values were 'auto', and neither intrinsic size is present
-                    (None, None) => size_contain_or_cover(ContainOrCover::Contain),
-                }
-            },
-        };
-
-        if tile_size.width == 0.0 || tile_size.height == 0.0 {
-            return;
-        }
-
-        struct Layout1DResult {
-            repeat: bool,
-            bounds_origin: f32,
-            bounds_size: f32,
-        }
-
-        /// Abstract over the horizontal or vertical dimension
-        /// Coordinates (0, 0) for the purpose of this function are the positioning area’s origin.
-        fn layout_1d(
-            tile_size: &mut f32,
-            tile_spacing: &mut f32,
-            mut repeat: Repeat,
-            position: &LengthPercentage,
-            clipping_area_origin: f32,
-            clipping_area_size: f32,
-            positioning_area_size: f32,
-        ) -> Layout1DResult {
-            // https://drafts.csswg.org/css-backgrounds/#background-repeat
-            if let Repeat::Round = repeat {
-                *tile_size = positioning_area_size / (positioning_area_size / *tile_size).round();
-            }
-            // https://drafts.csswg.org/css-backgrounds/#background-position
-            let mut position = position
-                .percentage_relative_to(Length::new(positioning_area_size - *tile_size))
-                .px();
-            // https://drafts.csswg.org/css-backgrounds/#background-repeat
-            if let Repeat::Space = repeat {
-                // The most entire tiles we can fit
-                let tile_count = (positioning_area_size / *tile_size).floor();
-                if tile_count >= 2.0 {
-                    position = 0.0;
-                    // Make the outsides of the first and last of that many tiles
-                    // touch the edges of the positioning area:
-                    let total_space = positioning_area_size - *tile_size * tile_count;
-                    let spaces_count = tile_count - 1.0;
-                    *tile_spacing = total_space / spaces_count;
-                } else {
-                    repeat = Repeat::NoRepeat
-                }
-            }
-            match repeat {
-                Repeat::Repeat | Repeat::Round | Repeat::Space => {
-                    // WebRender’s `RepeatingImageDisplayItem` contains a `bounds` rectangle and:
-                    //
-                    // * The tiling is clipped to the intersection of `clip_rect` and `bounds`
-                    // * The origin (top-left corner) of `bounds` is the position
-                    //   of the “first” (top-left-most) tile.
-                    //
-                    // In the general case that first tile is not the one that is positioned by
-                    // `background-position`.
-                    // We want it to be the top-left-most tile that intersects with `clip_rect`.
-                    // We find it by offsetting by a whole number of strides,
-                    // then compute `bounds` such that:
-                    //
-                    // * Its bottom-right is the bottom-right of `clip_rect`
-                    // * Its top-left is the top-left of first tile.
-                    let tile_stride = *tile_size + *tile_spacing;
-                    let offset = position - clipping_area_origin;
-                    let bounds_origin = position - tile_stride * (offset / tile_stride).ceil();
-                    let bounds_size = clipping_area_size - bounds_origin - clipping_area_origin;
-                    Layout1DResult {
-                        repeat: true,
-                        bounds_origin,
-                        bounds_size,
-                    }
-                },
-                Repeat::NoRepeat => {
-                    // `RepeatingImageDisplayItem` always repeats in both dimension.
-                    // When we want only one of the dimensions to repeat,
-                    // we use the `bounds` rectangle to clip the tiling to one tile
-                    // in that dimension.
-                    Layout1DResult {
-                        repeat: false,
-                        bounds_origin: position,
-                        bounds_size: *tile_size,
-                    }
-                },
-            }
-        }
-
-        let mut tile_spacing = units::LayoutSize::zero();
-        let RepeatXY(repeat_x, repeat_y) = *get_cyclic(&b.background_repeat.0, index);
-        let result_x = layout_1d(
-            &mut tile_size.width,
-            &mut tile_spacing.width,
-            repeat_x,
-            get_cyclic(&b.background_position_x.0, index),
-            clipping_area.origin.x - positioning_area.origin.x,
-            clipping_area.size.width,
-            positioning_area.size.width,
-        );
-        let result_y = layout_1d(
-            &mut tile_size.height,
-            &mut tile_spacing.height,
-            repeat_y,
-            get_cyclic(&b.background_position_y.0, index),
-            clipping_area.origin.y - positioning_area.origin.y,
-            clipping_area.size.height,
-            positioning_area.size.height,
-        );
-        let bounds = units::LayoutRect::new(
-            positioning_area.origin + Vector2D::new(result_x.bounds_origin, result_y.bounds_origin),
-            Size2D::new(result_x.bounds_size, result_y.bounds_size),
-        );
-
-        // The 'backgound-clip' property maps directly to `clip_rect` in `CommonItemProperties`:
-        let mut common = builder.common_properties(*clipping_area);
-        self.with_border_edge_clip(builder, &mut common);
-
-        if result_x.repeat || result_y.repeat {
-            builder.wr.push_repeating_image(
-                &common,
-                bounds,
-                tile_size,
-                tile_spacing,
-                image_rendering(self.fragment.style.clone_image_rendering()),
-                wr::AlphaType::PremultipliedAlpha,
-                key,
-                wr::ColorF::WHITE,
-            )
-        } else {
-            builder.wr.push_image(
-                &common,
-                bounds,
-                image_rendering(self.fragment.style.clone_image_rendering()),
-                wr::AlphaType::PremultipliedAlpha,
-                key,
-                wr::ColorF::WHITE,
-            )
-        }
-    }
-
     fn build_border(&mut self, builder: &mut DisplayListBuilder) {
         let b = self.fragment.style.get_border();
         let widths = SideOffsets2D::new(
@@ -674,3 +501,40 @@ fn image_rendering(ir: style::computed_values::image_rendering::T) -> wr::ImageR
         ImageRendering::Pixelated => wr::ImageRendering::Pixelated,
     }
 }
+
+/// Radii for the padding edge or content edge
+fn inner_radii(mut radii: wr::BorderRadius, offsets: units::LayoutSideOffsets) -> wr::BorderRadius {
+    radii.top_left.width -= -offsets.left;
+    radii.bottom_left.width -= offsets.left;
+
+    radii.top_right.width -= offsets.right;
+    radii.bottom_right.width -= offsets.right;
+
+    radii.top_left.height -= offsets.top;
+    radii.top_right.height -= offsets.top;
+
+    radii.bottom_left.height -= offsets.bottom;
+    radii.bottom_right.height -= offsets.bottom;
+    radii
+}
+
+fn clip_for_radii(
+    radii: wr::BorderRadius,
+    rect: units::LayoutRect,
+    builder: &mut DisplayListBuilder,
+) -> Option<wr::ClipId> {
+    if radii.is_zero() {
+        None
+    } else {
+        Some(builder.wr.define_clip(
+            &builder.current_space_and_clip,
+            rect,
+            Some(wr::ComplexClipRegion {
+                rect,
+                radii,
+                mode: wr::ClipMode::Clip,
+            }),
+            None,
+        ))
+    }
+}

components/layout_2020/geom.rs

@@ -240,6 +240,44 @@ impl<T> flow_relative::Sides<T> {
     {
         self.block_start + self.block_end
     }
+
+    pub fn to_physical(&self, mode: WritingMode) -> PhysicalSides<T>
+    where
+        T: Clone,
+    {
+        let top;
+        let right;
+        let bottom;
+        let left;
+        if mode.is_vertical() {
+            if mode.is_vertical_lr() {
+                left = self.block_start.clone();
+                right = self.block_end.clone();
+            } else {
+                right = self.block_start.clone();
+                left = self.block_end.clone();
+            }
+
+            if mode.is_inline_tb() {
+                top = self.inline_start.clone();
+                bottom = self.inline_end.clone();
+            } else {
+                bottom = self.inline_start.clone();
+                top = self.inline_end.clone();
+            }
+        } else {
+            top = self.block_start.clone();
+            bottom = self.block_end.clone();
+            if mode.is_bidi_ltr() {
+                left = self.inline_start.clone();
+                right = self.inline_end.clone();
+            } else {
+                right = self.inline_start.clone();
+                left = self.inline_end.clone();
+            }
+        }
+        PhysicalSides::new(top, right, bottom, left)
+    }
 }
 
 impl flow_relative::Sides<LengthPercentage> {
@@ -342,3 +380,15 @@ impl ToWebRender for PhysicalRect<Length> {
         webrender_api::units::LayoutRect::new(self.origin.to_webrender(), self.size.to_webrender())
     }
 }
+
+impl ToWebRender for PhysicalSides<Length> {
+    type Type = webrender_api::units::LayoutSideOffsets;
+    fn to_webrender(&self) -> Self::Type {
+        webrender_api::units::LayoutSideOffsets::new(
+            self.top.px(),
+            self.right.px(),
+            self.bottom.px(),
+            self.left.px(),
+        )
+    }
+}

tests/wpt/include-layout-2020.ini

@@ -7,4 +7,5 @@ skip: true
       skip: false
     [box-display]
       skip: false
-
+  [css-backgrounds]
+    skip: false

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

@@ -0,0 +1,130 @@
+[background-color-interpolation.html]
+  [Web 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
+
+  [Web 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
+
+  [Web Animations: property <background-color> from [initial\] to [green\] at (1.5) should be [rgb(0, 192, 0)\]]
+    expected: FAIL
+
+  [Web Animations: property <background-color> from [transparent\] to [green\] at (0) should be [rgba(0, 0, 0, 0)\]]
+    expected: FAIL
+
+  [Web Animations: property <background-color> from [white\] to [orange\] at (0.6) should be [rgb(255, 201, 102)\]]
+    expected: FAIL
+
+  [Web Animations: property <background-color> from [inherit\] to [green\] at (0.6) should be [rgb(95, 172, 95)\]]
+    expected: FAIL
+
+  [Web Animations: property <background-color> from neutral to [green\] at (1) should be [rgb(0, 128, 0)\]]
+    expected: FAIL
+
+  [Web Animations: property <background-color> from [transparent\] to [green\] at (0.6) should be [rgba(0, 128, 0, 0.6)\]]
+    expected: FAIL
+
+  [Web Animations: property <background-color> from [initial\] to [green\] at (1) should be [rgb(0, 128, 0)\]]
+    expected: FAIL
+
+  [Web Animations: property <background-color> from [inherit\] to [green\] at (1) should be [rgb(0, 128, 0)\]]
+    expected: FAIL
+
+  [Web Animations: property <background-color> from [unset\] to [green\] at (0) should be [rgba(0, 0, 0, 0)\]]
+    expected: FAIL
+
+  [Web Animations: property <background-color> from neutral to [green\] at (0.3) should be [rgb(0, 38, 0)\]]
+    expected: FAIL
+
+  [Web Animations: property <background-color> from [unset\] to [green\] at (0.6) should be [rgba(0, 128, 0, 0.6)\]]
+    expected: FAIL
+
+  [Web Animations: property <background-color> from [white\] to [orange\] at (1) should be [orange\]]
+    expected: FAIL
+
+  [Web Animations: property <background-color> from [unset\] to [green\] at (-0.3) should be [rgba(0, 0, 0, 0)\]]
+    expected: FAIL
+
+  [Web Animations: property <background-color> from [initial\] to [green\] at (0) should be [rgba(0, 0, 0, 0)\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web Animations: property <background-color> from [inherit\] to [green\] at (1.5) should be [rgb(0, 73, 0)\]]
+    expected: FAIL
+
+  [Web Animations: property <background-color> from [white\] to [orange\] at (1.5) should be [rgb(255, 120, 0)\]]
+    expected: FAIL
+
+  [Web Animations: property <background-color> from [transparent\] to [green\] at (-0.3) should be [rgba(0, 0, 0, 0)\]]
+    expected: FAIL
+
+  [Web Animations: property <background-color> from [unset\] to [green\] at (1.5) should be [rgb(0, 192, 0)\]]
+    expected: FAIL
+
+  [Web Animations: property <background-color> from [transparent\] to [green\] at (1) should be [rgb(0, 128, 0)\]]
+    expected: FAIL
+
+  [Web Animations: property <background-color> from [initial\] to [green\] at (0.6) should be [rgba(0, 128, 0, 0.6)\]]
+    expected: FAIL
+
+  [Web Animations: property <background-color> from [initial\] to [green\] at (-0.3) should be [rgba(0, 0, 0, 0)\]]
+    expected: FAIL
+
+  [Web Animations: property <background-color> from [unset\] to [green\] at (1) should be [rgb(0, 128, 0)\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web Animations: property <background-color> from neutral to [green\] at (1.5) should be [rgb(0, 192, 0)\]]
+    expected: FAIL
+
+  [Web Animations: property <background-color> from neutral to [green\] at (0) should be [rgb(0, 0, 0)\]]
+    expected: FAIL
+
+  [Web Animations: property <background-color> from [white\] to [orange\] at (-0.3) should be [white\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web Animations: property <background-color> from [inherit\] to [green\] at (0) should be [rgb(238, 238, 238)\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web Animations: property <background-color> from [white\] to [orange\] at (0.3) should be [rgb(255, 228, 179)\]]
+    expected: FAIL
+
+  [Web Animations: property <background-color> from neutral to [green\] at (0.6) should be [rgb(0, 77, 0)\]]
+    expected: FAIL
+
+  [Web Animations: property <background-color> from [transparent\] to [green\] at (0.3) should be [rgba(0, 128, 0, 0.3)\]]
+    expected: FAIL
+
+  [Web Animations: property <background-color> from [inherit\] to [green\] at (-0.3) should be [rgb(255, 255, 255)\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web Animations: property <background-color> from [unset\] to [green\] at (0.3) should be [rgba(0, 128, 0, 0.3)\]]
+    expected: FAIL
+
+  [Web Animations: property <background-color> from [inherit\] to [green\] at (0.3) should be [rgb(167, 205, 167)\]]
+    expected: FAIL
+
+  [Web Animations: property <background-color> from [transparent\] to [green\] at (1.5) should be [rgb(0, 192, 0)\]]
+    expected: FAIL
+
+  [Web Animations: property <background-color> from [initial\] to [green\] at (0.3) should be [rgba(0, 128, 0, 0.3)\]]
+    expected: FAIL
+
+  [Web Animations: property <background-color> from [white\] to [orange\] at (0) should be [white\]]
+    expected: FAIL
+
+  [Web Animations: property <background-color> from neutral to [green\] at (-0.3) should be [rgb(0, 0, 0)\]]
+    expected: FAIL
+

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

@@ -0,0 +1,271 @@
+[background-image-interpolation.html]
+  [Web 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
+
+  [Web 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 (0) should be [url(../resources/blue-100.png)\]]
+    expected: FAIL
+
+  [Web Animations: property <background-image> from [unset\] to [url(../resources/green-100.png)\] at (0) should be [none\]]
+    expected: FAIL
+
+  [Web 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: 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 (0) should be [url(../resources/blue-100.png)\]]
+    expected: FAIL
+
+  [Web Animations: property <background-image> from [none\] to [url(../resources/green-100.png)\] at (1) should be [url(../resources/green-100.png)\]]
+    expected: FAIL
+
+  [Web Animations: 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
+
+  [Web 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 Transitions: 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
+
+  [Web Animations: property <background-image> from [none\] to [url(../resources/green-100.png)\] at (0) should be [none\]]
+    expected: FAIL
+
+  [Web Animations: 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
+
+  [Web 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
+
+  [Web Animations: property <background-image> from [inherit\] to [url(../resources/green-100.png)\] at (1) should be [url(../resources/green-100.png)\]]
+    expected: FAIL
+
+  [Web Animations: property <background-image> from [initial\] to [url(../resources/green-100.png)\] at (0.3) should be [none\]]
+    expected: FAIL
+
+  [Web Animations: property <background-image> from [initial\] to [url(../resources/green-100.png)\] at (-0.3) should be [none\]]
+    expected: FAIL
+
+  [Web Animations: property <background-image> from neutral to [url(../resources/green-100.png)\] at (-0.3) should be [url(../resources/blue-100.png)\]]
+    expected: FAIL
+
+  [Web Animations: 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 [url(../resources/blue-100.png)\] to [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)\] at (1) should be [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)\]]
+    expected: FAIL
+
+  [Web Animations: property <background-image> from [unset\] to [url(../resources/green-100.png)\] at (-0.3) should be [none\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web Animations: property <background-image> from neutral to [url(../resources/green-100.png)\] at (0.3) should be [url(../resources/blue-100.png)\]]
+    expected: FAIL
+
+  [Web Animations: property <background-image> from [inherit\] to [url(../resources/green-100.png)\] at (-0.3) should be [url(../resources/blue-100.png)\]]
+    expected: FAIL
+
+  [Web 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: 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 (0.6) should be [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: 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 (0.6) should be [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web 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
+
+  [Web 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
+
+  [Web Animations: property <background-image> from neutral 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)\] to [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)\] at (0.6) should be [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web 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
+
+  [Web 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
+
+  [Web Animations: 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
+
+  [Web 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
+
+  [Web Animations: property <background-image> from [inherit\] to [url(../resources/green-100.png)\] at (0) should be [url(../resources/blue-100.png)\]]
+    expected: FAIL
+
+  [Web 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 [url(../resources/blue-100.png)\] to [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)\] at (0) should be [url(../resources/blue-100.png)\]]
+    expected: FAIL
+
+  [Web Animations: 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
+
+  [Web 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 (-0.3) should be [url(../resources/blue-100.png)\]]
+    expected: FAIL
+
+  [Web 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 Transitions with transition: all: 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
+
+  [Web Animations: property <background-image> from [unset\] to [url(../resources/green-100.png)\] at (1) should be [url(../resources/green-100.png)\]]
+    expected: FAIL
+
+  [Web Animations: 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
+
+  [Web Animations: 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
+
+  [Web 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
+
+  [Web 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 Transitions: 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) should be [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)\]]
+    expected: FAIL
+
+  [Web 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 (0.6) should be [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)\]]
+    expected: FAIL
+
+  [Web 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 with transition: all: 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 (-0.3) should be [url(../resources/blue-100.png)\]]
+    expected: FAIL
+
+  [Web 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 [url(../resources/blue-100.png)\] to [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)\] at (-0.3) should be [url(../resources/blue-100.png)\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web 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
+
+  [Web 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 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) should be [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)\]]
+    expected: FAIL
+
+  [Web Animations: property <background-image> from [inherit\] to [url(../resources/green-100.png)\] at (0.3) should be [url(../resources/blue-100.png)\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web Animations: property <background-image> from [none\] to [url(../resources/green-100.png)\] at (0.3) should be [none\]]
+    expected: FAIL
+
+  [Web Animations: property <background-image> from [none\] to [url(../resources/green-100.png)\] at (-0.3) should be [none\]]
+    expected: FAIL
+
+  [Web Animations: property <background-image> from [initial\] to [url(../resources/green-100.png)\] at (0.6) should be [url(../resources/green-100.png)\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web Animations: property <background-image> from [none\] to [url(../resources/green-100.png)\] at (0.6) should be [url(../resources/green-100.png)\]]
+    expected: FAIL
+
+  [Web 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 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 (0.3) should be [url(../resources/blue-100.png)\]]
+    expected: FAIL
+
+  [Web Animations: property <background-image> from [unset\] to [url(../resources/green-100.png)\] at (0.3) should be [none\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web 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
+
+  [Web 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
+
+  [Web Animations: 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
+
+  [Web 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 [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)\] at (0.3) should be [url(../resources/blue-100.png)\]]
+    expected: FAIL
+
+  [Web Animations: 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
+
+  [Web Animations: 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
+
+  [Web 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 with transition: all: 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 (0.3) should be [url(../resources/blue-100.png)\]]
+    expected: FAIL
+
+  [Web Animations: property <background-image> from [initial\] to [url(../resources/green-100.png)\] at (0) should be [none\]]
+    expected: FAIL
+
+  [Web Animations: property <background-image> from [none\] to [url(../resources/green-100.png)\] at (1.5) should be [url(../resources/green-100.png)\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web 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
+
+  [Web 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
+
+  [Web 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
+
+  [Web 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
+
+  [Web 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 (0.3) should be [url(../resources/blue-100.png)\]]
+    expected: FAIL
+
+  [Web 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) should be [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)\]]
+    expected: FAIL
+
+  [Web 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 Transitions with transition: all: 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 (0) should be [url(../resources/blue-100.png)\]]
+    expected: FAIL
+
+  [CSS Transitions: 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 (-0.3) should be [url(../resources/blue-100.png)\]]
+    expected: FAIL
+
+  [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
+

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

@@ -0,0 +1,148 @@
+[background-position-interpolation.html]
+  [Web Animations: property <background-position> from [inherit\] to [80px 80px, 80px 80px, 80px 80px, 80px 80px\] at (1.25) should be [85px 85px, 85px 85px, 85px 85px, 85px 85px\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [unset\] to [80px 80px, 80px 80px, 80px 80px, 80px 80px\] at (0.5) should be [calc(0% + 40px)  calc(0% + 40px),  calc(0% + 40px)  calc(0% + 40px),  calc(0% + 40px)  calc(0% + 40px),  calc(0% + 40px)  calc(0% + 40px)\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px\] to [80px 80px, 80px 80px, 80px 80px, 80px 80px\] at (0.25) should be [ 20px  20px,  20px  20px,  20px  20px,  20px  20px\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [top 0px left 0px\] to [left 80px top 80px\] at (0) should be [  0px   0px,   0px   0px,   0px   0px,   0px   0px\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [initial\] to [80px 80px, 80px 80px, 80px 80px, 80px 80px\] at (-0.25) should be [calc(0% - 20px)  calc(0% - 20px),  calc(0% - 20px)  calc(0% - 20px),  calc(0% - 20px)  calc(0% - 20px),  calc(0% - 20px)  calc(0% - 20px)\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [unset\] to [80px 80px, 80px 80px, 80px 80px, 80px 80px\] at (-0.25) should be [calc(0% - 20px)  calc(0% - 20px),  calc(0% - 20px)  calc(0% - 20px),  calc(0% - 20px)  calc(0% - 20px),  calc(0% - 20px)  calc(0% - 20px)\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> 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
+
+  [Web Animations: property <background-position> from [inherit\] to [80px 80px, 80px 80px, 80px 80px, 80px 80px\] at (-0.25) should be [55px 55px, 55px 55px, 55px 55px, 55px 55px\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> 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
+
+  [Web Animations: property <background-position> from [unset\] to [80px 80px, 80px 80px, 80px 80px, 80px 80px\] at (1.25) should be [calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px)\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [top 0px left 0px\] to [left 80px top 80px\] at (0.5) should be [ 40px  40px,  40px  40px,  40px  40px,  40px  40px\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [unset\] to [80px 80px, 80px 80px, 80px 80px, 80px 80px\] at (1) should be [calc(0% + 80px)  calc(0% + 80px),  calc(0% + 80px)  calc(0% + 80px),  calc(0% + 80px)  calc(0% + 80px),  calc(0% + 80px)  calc(0% + 80px)\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from neutral to [80px 80px, 80px 80px, 80px 80px, 80px 80px\] at (1) should be [80px 80px, 80px 80px, 80px 80px, 80px 80px\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> 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
+
+  [Web Animations: property <background-position> from [inherit\] to [80px 80px, 80px 80px, 80px 80px, 80px 80px\] at (0.25) should be [65px 65px, 65px 65px, 65px 65px, 65px 65px\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [initial\] to [80px 80px, 80px 80px, 80px 80px, 80px 80px\] at (1.25) should be [calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px)\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [top 0px left 0px\] to [left 80px top 80px\] at (1.25) should be [100px 100px, 100px 100px, 100px 100px, 100px 100px\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [initial\] to [80px 80px, 80px 80px, 80px 80px, 80px 80px\] at (0.5) should be [calc(0% + 40px)  calc(0% + 40px),  calc(0% + 40px)  calc(0% + 40px),  calc(0% + 40px)  calc(0% + 40px),  calc(0% + 40px)  calc(0% + 40px)\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [inherit\] to [80px 80px, 80px 80px, 80px 80px, 80px 80px\] at (0) should be [60px 60px, 60px 60px, 60px 60px, 60px 60px\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> 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
+
+  [Web Animations: property <background-position> 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
+
+  [Web Animations: property <background-position> from [inherit\] to [80px 80px, 80px 80px, 80px 80px, 80px 80px\] at (0.75) should be [75px 75px, 75px 75px, 75px 75px, 75px 75px\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [initial\] to [80px 80px, 80px 80px, 80px 80px, 80px 80px\] at (0) should be [0% 0%, 0% 0%, 0% 0%, 0% 0%\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from neutral to [80px 80px, 80px 80px, 80px 80px, 80px 80px\] at (0) should be [40px 40px, 40px 40px, 40px 40px, 40px 40px\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [initial\] to [80px 80px, 80px 80px, 80px 80px, 80px 80px\] at (1) should be [calc(0% + 80px)  calc(0% + 80px),  calc(0% + 80px)  calc(0% + 80px),  calc(0% + 80px)  calc(0% + 80px),  calc(0% + 80px)  calc(0% + 80px)\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from neutral to [80px 80px, 80px 80px, 80px 80px, 80px 80px\] at (0.25) should be [50px 50px, 50px 50px, 50px 50px, 50px 50px\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from neutral to [80px 80px, 80px 80px, 80px 80px, 80px 80px\] at (1.25) should be [90px 90px, 90px 90px, 90px 90px, 90px 90px\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [inherit\] to [80px 80px, 80px 80px, 80px 80px, 80px 80px\] at (1) should be [80px 80px, 80px 80px, 80px 80px, 80px 80px\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from neutral to [80px 80px, 80px 80px, 80px 80px, 80px 80px\] at (-0.25) should be [30px 30px, 30px 30px, 30px 30px, 30px 30px\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px\] to [80px 80px, 80px 80px, 80px 80px, 80px 80px\] at (0) should be [  0px   0px,   0px   0px,   0px   0px,   0px   0px\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [top 0px left 0px\] to [left 80px top 80px\] at (1) should be [ 80px  80px,  80px  80px,  80px  80px,  80px  80px\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [unset\] to [80px 80px, 80px 80px, 80px 80px, 80px 80px\] at (0.25) should be [calc(0% + 20px)  calc(0% + 20px),  calc(0% + 20px)  calc(0% + 20px),  calc(0% + 20px)  calc(0% + 20px),  calc(0% + 20px)  calc(0% + 20px)\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px\] to [80px 80px, 80px 80px, 80px 80px, 80px 80px\] at (-0.25) should be [-20px -20px, -20px -20px, -20px -20px, -20px -20px\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [initial\] to [80px 80px, 80px 80px, 80px 80px, 80px 80px\] at (0.75) should be [calc(0% + 60px)  calc(0% + 60px),  calc(0% + 60px)  calc(0% + 60px),  calc(0% + 60px)  calc(0% + 60px),  calc(0% + 60px)  calc(0% + 60px)\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [initial\] to [80px 80px, 80px 80px, 80px 80px, 80px 80px\] at (0.25) should be [calc(0% + 20px)  calc(0% + 20px),  calc(0% + 20px)  calc(0% + 20px),  calc(0% + 20px)  calc(0% + 20px),  calc(0% + 20px)  calc(0% + 20px)\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px\] to [80px 80px, 80px 80px, 80px 80px, 80px 80px\] at (0.75) should be [ 60px  60px,  60px  60px,  60px  60px,  60px  60px\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [top 0px left 0px\] to [left 80px top 80px\] at (0.25) should be [ 20px  20px,  20px  20px,  20px  20px,  20px  20px\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [inherit\] to [80px 80px, 80px 80px, 80px 80px, 80px 80px\] at (0.5) should be [70px 70px, 70px 70px, 70px 70px, 70px 70px\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [top 0px left 0px\] to [left 80px top 80px\] at (0.75) should be [ 60px  60px,  60px  60px,  60px  60px,  60px  60px\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [unset\] to [80px 80px, 80px 80px, 80px 80px, 80px 80px\] at (0) should be [0% 0%, 0% 0%, 0% 0%, 0% 0%\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [top 0px left 0px\] to [left 80px top 80px\] at (-0.25) should be [-20px -20px, -20px -20px, -20px -20px, -20px -20px\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px\] to [80px 80px, 80px 80px, 80px 80px, 80px 80px\] at (1.25) should be [100px 100px, 100px 100px, 100px 100px, 100px 100px\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px\] to [80px 80px, 80px 80px, 80px 80px, 80px 80px\] at (0.5) should be [ 40px  40px,  40px  40px,  40px  40px,  40px  40px\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from neutral to [80px 80px, 80px 80px, 80px 80px, 80px 80px\] at (0.5) should be [60px 60px, 60px 60px, 60px 60px, 60px 60px\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> 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
+
+  [Web Animations: property <background-position> from neutral to [80px 80px, 80px 80px, 80px 80px, 80px 80px\] at (0.75) should be [70px 70px, 70px 70px, 70px 70px, 70px 70px\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px\] to [80px 80px, 80px 80px, 80px 80px, 80px 80px\] at (1) should be [ 80px  80px,  80px  80px,  80px  80px,  80px  80px\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [0px 0px, 80px 0px\] to [40px 40px, 80px 80px, 0px 80px\] at (-0.25) should be [-10px -10px, 80px -20px, 0px -20px, 90px -10px\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [unset\] to [80px 80px, 80px 80px, 80px 80px, 80px 80px\] at (0.75) should be [calc(0% + 60px)  calc(0% + 60px),  calc(0% + 60px)  calc(0% + 60px),  calc(0% + 60px)  calc(0% + 60px),  calc(0% + 60px)  calc(0% + 60px)\]]
+    expected: FAIL
+

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

@@ -0,0 +1,211 @@
+[background-position-origin-interpolation.html]
+  [Web Animations: property <background-position> from [center center\] to [left 20px center\] at (0.5) should be [calc(10px + 25%) 50%\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [center center\] to [left 20px bottom 20px\] at (0.25) should be [calc(5px + 37.5%) calc(-5px + 62.5%)\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [center center\] to [center center\] at (1) should be [50% 50%\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [center center\] to [right 20px top 20px\] at (0) should be [50% 50%\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [center center\] to [left 20px center\] at (0.25) should be [calc(5px + 37.5%) 50%\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [center center\] to [right 20px top 20px\] at (0.5) should be [calc(-10px + 75%) calc(10px + 25%)\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [initial\] to [left 20px top 20px\] at (0.25) should be [5px 5px\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from neutral to [left 20px top 20px\] at (0.5) should be [15px 15px\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [center center\] to [center center\] at (0.25) should be [50% 50%\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [center center\] to [right 20px top 20px\] at (0.25) should be [calc(-5px + 62.5%) calc(5px + 37.5%)\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [center center\] to [center center\] at (0.75) should be [50% 50%\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [center center\] to [right 20px bottom 20px\] at (0.5) should be [calc(-10px + 75%) calc(-10px + 75%)\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [inherit\] to [left 20px top 20px\] at (0.75) should be [35px 35px\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [unset\] to [left 20px top 20px\] at (0.75) should be [15px 15px\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [center center\] to [left 20px top 20px\] at (0.5) should be [calc(10px + 25%) calc(10px + 25%)\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [inherit\] to [left 20px top 20px\] at (0.25) should be [65px 65px\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [center center\] to [left 20px bottom 20px\] at (1) should be [20px calc(-20px + 100%)\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [center center\] to [center top 20px\] at (1) should be [50% 20px\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [center center\] to [right 20px center\] at (1) should be [calc(-20px + 100%) 50%\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [center center\] to [right 20px bottom 20px\] at (0) should be [50% 50%\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from neutral to [left 20px top 20px\] at (0) should be [10px 10px\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [center center\] to [right 20px top 20px\] at (0.75) should be [calc(-15px + 87.5%) calc(15px + 12.5%)\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [center center\] to [center bottom 20px\] at (0.25) should be [50% calc(-5px + 62.5%)\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [center center\] to [center bottom 20px\] at (1) should be [50% calc(-20px + 100%)\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [center center\] to [center center\] at (0) should be [50% 50%\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [initial\] to [left 20px top 20px\] at (0.5) should be [10px 10px\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [center center\] to [right 20px center\] at (0.25) should be [calc(-5px + 62.5%) 50%\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [center center\] to [center top 20px\] at (0.5) should be [50% calc(10px + 25%)\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [inherit\] to [left 20px top 20px\] at (1) should be [20px 20px\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [center center\] to [right 20px center\] at (0) should be [50% 50%\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [center center\] to [center top 20px\] at (0.75) should be [50% calc(15px + 12.5%)\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [center\] to [bottom\] at (1) should be [50% 100%\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [initial\] to [left 20px top 20px\] at (1) should be [20px 20px\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [center center\] to [right 20px bottom 20px\] at (1) should be [calc(-20px + 100%) calc(-20px + 100%)\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [center center\] to [right 20px bottom 20px\] at (0.75) should be [calc(-15px + 87.5%) calc(-15px + 87.5%)\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [center center\] to [left 20px top 20px\] at (0.75) should be [calc(15px + 12.5%) calc(15px + 12.5%)\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [center\] to [bottom\] at (0.75) should be [50% 87.5%\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [center center\] to [left 20px center\] at (0) should be [50% 50%\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [unset\] to [left 20px top 20px\] at (0) should be [0% 0%\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [center center\] to [right 20px bottom 20px\] at (0.25) should be [calc(-5px + 62.5%) calc(-5px + 62.5%)\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [center\] to [bottom\] at (0.25) should be [50% 62.5%\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [center center\] to [right 20px center\] at (0.5) should be [calc(-10px + 75%) 50%\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [center center\] to [left 20px bottom 20px\] at (0) should be [50% 50%\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [center center\] to [center bottom 20px\] at (0.5) should be [50% calc(-10px + 75%)\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [center center\] to [center top 20px\] at (0) should be [50% 50%\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [center\] to [bottom\] at (0) should be [50% 50%\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [inherit\] to [left 20px top 20px\] at (0.5) should be [50px 50px\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [center center\] to [left 20px bottom 20px\] at (0.5) should be [calc(10px + 25%) calc(-10px + 75%)\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [unset\] to [left 20px top 20px\] at (1) should be [20px 20px\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [inherit\] to [left 20px top 20px\] at (0) should be [80px 80px\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [center center\] to [right 20px center\] at (0.75) should be [calc(-15px + 87.5%) 50%\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [center center\] to [center top 20px\] at (0.25) should be [50% calc(5px + 37.5%)\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [center center\] to [left 20px top 20px\] at (0) should be [50% 50%\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [center\] to [bottom\] at (0.5) should be [50% 75%\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [initial\] to [left 20px top 20px\] at (0.75) should be [15px 15px\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [unset\] to [left 20px top 20px\] at (0.5) should be [10px 10px\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [center center\] to [left 20px bottom 20px\] at (0.75) should be [calc(15px + 12.5%) calc(-15px + 87.5%)\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [unset\] to [left 20px top 20px\] at (0.25) should be [5px 5px\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [center center\] to [left 20px center\] at (1) should be [20px 50%\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [center center\] to [center bottom 20px\] at (0) should be [50% 50%\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from neutral to [left 20px top 20px\] at (0.25) should be [12.5px 12.5px\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [center center\] to [center bottom 20px\] at (0.75) should be [50% calc(-15px + 87.5%)\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [initial\] to [left 20px top 20px\] at (0) should be [0% 0%\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [center center\] to [center center\] at (0.5) should be [50% 50%\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [center center\] to [right 20px top 20px\] at (1) should be [calc(-20px + 100%) 20px\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [center center\] to [left 20px top 20px\] at (0.25) should be [calc(5px + 37.5%) calc(5px + 37.5%)\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [center center\] to [left 20px center\] at (0.75) should be [calc(15px + 12.5%) 50%\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from neutral to [left 20px top 20px\] at (0.75) should be [17.5px 17.5px\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from [center center\] to [left 20px top 20px\] at (1) should be [20px 20px\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position> from neutral to [left 20px top 20px\] at (1) should be [20px 20px\]]
+    expected: FAIL
+

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

@@ -0,0 +1,85 @@
+[background-position-x-interpolation.html]
+  [Web Animations: property <background-position-x> from [inherit\] to [80px\] at (0.75) should be [75px\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position-x> from [inherit\] to [80px\] at (-0.25) should be [55px\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position-x> from neutral to [80px\] at (0.25) should be [50px\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position-x> from [inherit\] to [80px\] at (0.5) should be [70px\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web Animations: property <background-position-x> from [300px, 400px\] to [500px, 600px, 700px\] at (1) should be [500px, 600px, 700px, 500px, 600px, 700px\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web Animations: property <background-position-x> from neutral to [80px\] at (1) should be [80px\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position-x> from [inherit\] to [80px\] at (1) should be [80px\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position-x> from [initial\] to [right\] at (0.5) should be [50%\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position-x> from neutral to [80px\] at (0) should be [40px\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position-x> from [initial\] to [right\] at (1) should be [100%\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position-x> from neutral to [80px\] at (1.25) should be [90px\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web 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
+
+  [Web Animations: property <background-position-x> from [initial\] to [right\] at (0) should be [0%\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position-x> from [initial\] to [right\] at (1.25) should be [125%\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position-x> from neutral to [80px\] at (-0.25) should be [30px\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position-x> from [initial\] to [right\] at (0.25) should be [25%\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position-x> from neutral to [80px\] at (0.5) should be [60px\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position-x> from [300px, 400px\] to [500px, 600px, 700px\] at (0) should be [300px, 400px, 300px, 400px, 300px, 400px\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position-x> from [inherit\] to [80px\] at (0) should be [60px\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web Animations: property <background-position-x> from [inherit\] to [80px\] at (1.25) should be [85px\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position-x> from [initial\] to [right\] at (-0.25) should be [-25%\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position-x> from [initial\] to [right\] at (0.75) should be [75%\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position-x> from neutral to [80px\] at (0.75) should be [70px\]]
+    expected: FAIL
+
+  [Web Animations: 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

@@ -0,0 +1,85 @@
+[background-position-y-interpolation.html]
+  [Web 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
+
+  [Web Animations: property <background-position-y> from [initial\] to [bottom\] at (1) should be [100%\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position-y> from [inherit\] to [80px\] at (0) should be [60px\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position-y> from neutral to [80px\] at (0.5) should be [60px\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position-y> from [inherit\] to [80px\] at (0.25) should be [65px\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position-y> from [initial\] to [bottom\] at (0.5) should be [50%\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web Animations: property <background-position-y> from neutral to [80px\] at (0) should be [40px\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web Animations: property <background-position-y> from [inherit\] to [80px\] at (1) should be [80px\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position-y> from [initial\] to [bottom\] at (0.75) should be [75%\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position-y> from [inherit\] to [80px\] at (-0.25) should be [55px\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position-y> from [initial\] to [bottom\] at (0) should be [0%\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position-y> from [300px, 400px\] to [500px, 600px, 700px\] at (0) should be [300px, 400px, 300px, 400px, 300px, 400px\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position-y> from [initial\] to [bottom\] at (1.25) should be [125%\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web Animations: property <background-position-y> from [300px, 400px\] to [500px, 600px, 700px\] at (1) should be [500px, 600px, 700px, 500px, 600px, 700px\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position-y> from [inherit\] to [80px\] at (0.5) should be [70px\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web Animations: property <background-position-y> from [inherit\] to [80px\] at (1.25) should be [85px\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position-y> from neutral to [80px\] at (0.75) should be [70px\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position-y> from neutral to [80px\] at (1) should be [80px\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position-y> from [initial\] to [bottom\] at (-0.25) should be [-25%\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position-y> from [inherit\] to [80px\] at (0.75) should be [75px\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position-y> from [initial\] to [bottom\] at (0.25) should be [25%\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position-y> from neutral to [80px\] at (-0.25) should be [30px\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position-y> from neutral to [80px\] at (1.25) should be [90px\]]
+    expected: FAIL
+
+  [Web Animations: property <background-position-y> from neutral to [80px\] at (0.25) should be [50px\]]
+    expected: FAIL
+

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

@@ -0,0 +1,232 @@
+[background-size-interpolation.html]
+  [Web 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
+
+  [Web 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
+
+  [Web Animations: property <background-size> from [0px\] to [80px\] at (0.25) should be [ 20px,  20px,  20px,  20px\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web 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
+
+  [Web 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
+
+  [Web 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
+
+  [Web Animations: property <background-size> from [unset\] to [20px 20px, 0px 0px\] at (0.5) should be [20px 20px, 0px 0px\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web Animations: property <background-size> from [0px 0px\] to [80px 80px\] at (1) should be [ 80px  80px,  80px  80px,  80px  80px,  80px  80px\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web 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
+
+  [Web 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
+
+  [Web Animations: property <background-size> from [0px\] to [80px\] at (-0.25) should be [  0px,   0px,   0px,   0px\]]
+    expected: FAIL
+
+  [Web Animations: property <background-size> from [0px\] to [80px\] at (0.75) should be [ 60px,  60px,  60px,  60px\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web 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
+
+  [Web 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
+
+  [Web 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
+
+  [Web 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
+
+  [Web 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
+
+  [Web 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
+
+  [Web 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
+
+  [Web Animations: property <background-size> from [0px\] to [80px\] at (1) should be [ 80px,  80px,  80px,  80px\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web Animations: property <background-size> from [0px auto, 0px 0px\] to [auto 40px, 40px 40px\] at (0) should be [0px auto, 0px 0px\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web 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
+
+  [Web 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
+
+  [Web Animations: property <background-size> from [initial\] to [20px 20px, 0px 0px\] at (0) should be [initial\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web 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
+
+  [Web 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
+
+  [Web 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
+
+  [Web 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
+
+  [Web Animations: property <background-size> from [initial\] to [20px 20px, 0px 0px\] at (0.3) should be [initial\]]
+    expected: FAIL
+
+  [Web Animations: property <background-size> from [initial\] to [20px 20px, 0px 0px\] at (0.5) should be [20px 20px, 0px 0px\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web 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
+
+  [Web 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
+
+  [Web 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
+
+  [Web 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
+
+  [Web 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
+
+  [Web 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
+
+  [Web Animations: property <background-size> from [unset\] to [20px 20px, 0px 0px\] at (0.3) should be [unset\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web Animations: property <background-size> from [0px\] to [80px\] at (1.25) should be [100px, 100px, 100px, 100px\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web Animations: property <background-size> from [0px\] to [80px\] at (0.5) should be [ 40px,  40px,  40px,  40px\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web 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
+
+  [Web 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
+
+  [Web 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
+
+  [Web 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
+
+  [Web 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
+
+  [Web 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
+
+  [Web 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
+
+  [Web 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
+
+  [Web 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
+
+  [Web Animations: property <background-size> from [unset\] to [20px 20px, 0px 0px\] at (1.5) should be [20px 20px, 0px 0px\]]
+    expected: FAIL
+
+  [Web Animations: property <background-size> from [initial\] to [20px 20px, 0px 0px\] at (1) should be [20px 20px, 0px 0px\]]
+    expected: FAIL
+
+  [Web Animations: property <background-size> from [0px\] to [80px\] at (0) should be [  0px,   0px,   0px,   0px\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web Animations: property <background-size> from [unset\] to [20px 20px, 0px 0px\] at (1) should be [20px 20px, 0px 0px\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web Animations: property <background-size> from [unset\] to [20px 20px, 0px 0px\] at (0) should be [unset\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web Animations: property <background-size> from [0px auto, 0px 0px\] to [auto 40px, 40px 40px\] at (1) should be [auto 40px, 40px 40px\]]
+    expected: FAIL
+
+  [Web Animations: property <background-size> from [unset\] to [20px 20px, 0px 0px\] at (-0.3) should be [unset\]]
+    expected: FAIL
+
+  [Web Animations: property <background-size> from [initial\] to [20px 20px, 0px 0px\] at (-0.3) should be [initial\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web Animations: property <background-size> from [initial\] to [20px 20px, 0px 0px\] at (0.6) should be [20px 20px, 0px 0px\]]
+    expected: FAIL
+
+  [Web Animations: property <background-size> from [0px 0px\] to [80px 80px\] at (0) should be [  0px   0px,   0px   0px,   0px   0px,   0px   0px\]]
+    expected: FAIL
+
+  [Web Animations: property <background-size> from [initial\] to [20px 20px, 0px 0px\] at (1.5) should be [20px 20px, 0px 0px\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web 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
+
+  [Web Animations: property <background-size> from [unset\] to [20px 20px, 0px 0px\] at (0.6) should be [20px 20px, 0px 0px\]]
+    expected: FAIL
+

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

@@ -0,0 +1,163 @@
+[border-color-interpolation.html]
+  [CSS Animations: property <border-color> from [rgb(20, 30, 40) rgb(40, 50, 60)\] to [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)\] at (-0.3) should be [rgb(23, 33, 43) rgb(40, 50, 60) rgb(17, 27, 37) rgb(37, 47, 57)\]]
+    expected: FAIL
+
+  [Web Animations: 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-color> from [rgb(20, 30, 40) rgb(40, 50, 60)\] to [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)\] at (0.3) should be [rgb(17, 27, 37) rgb(40, 50, 60) rgb(23, 33, 43) rgb(43, 53, 63)\]]
+    expected: FAIL
+
+  [Web Animations: property <border-top-color> from [white\] to [orange\] at (-0.3) should be [white\]]
+    expected: FAIL
+
+  [Web Animations: property <border-top-color> from [white\] to [orange\] at (1) should be [orange\]]
+    expected: FAIL
+
+  [Web Animations: property <border-top-color> from [inherit\] to [orange\] at (0) should be [rgb(255, 255, 255)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-color> from [rgb(20, 30, 40) rgb(40, 50, 60)\] to [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)\] at (0.6) should be [rgb(14, 24, 34) rgb(40, 50, 60) rgb(26, 36, 46) rgb(46, 56, 66)\]]
+    expected: FAIL
+
+  [Web Animations: property <border-color> from [rgb(20, 30, 40) rgb(40, 50, 60)\] to [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)\] at (1) should be [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-color> from [rgb(20, 30, 40) rgb(40, 50, 60)\] to [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)\] at (1) should be [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)\]]
+    expected: FAIL
+
+  [Web Animations: property <border-top-color> from [initial\] to [orange\] at (-0.3) should be [rgb(0, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-color> from [rgb(20, 30, 40) rgb(40, 50, 60)\] to [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)\] at (0) should be [rgb(20, 30, 40) rgb(40, 50, 60)\]]
+    expected: FAIL
+
+  [Web Animations: property <border-top-color> from [inherit\] to [orange\] at (1.5) should be [rgb(255, 120, 0)\]]
+    expected: FAIL
+
+  [Web Animations: property <border-top-color> from [inherit\] to [orange\] at (-0.3) should be [rgb(255, 255, 255)\]]
+    expected: FAIL
+
+  [Web Animations: property <border-color> from [rgb(20, 30, 40) rgb(40, 50, 60)\] to [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)\] at (1.5) should be [rgb(5, 15, 25) rgb(40, 50, 60) rgb(35, 45, 55) rgb(55, 65, 75)\]]
+    expected: FAIL
+
+  [Web Animations: property <border-top-color> from neutral to [orange\] at (0) should be [rgb(0, 0, 139)\]]
+    expected: FAIL
+
+  [Web Animations: property <border-color> from [rgb(20, 30, 40) rgb(40, 50, 60)\] to [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)\] at (0.6) should be [rgb(14, 24, 34) rgb(40, 50, 60) rgb(26, 36, 46) rgb(46, 56, 66)\]]
+    expected: FAIL
+
+  [Web Animations: property <border-top-color> from [initial\] to [orange\] at (1) should be [rgb(255, 165, 0)\]]
+    expected: FAIL
+
+  [Web Animations: property <border-top-color> from [unset\] to [orange\] at (-0.3) should be [rgb(0, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-color> from [rgb(20, 30, 40) rgb(40, 50, 60)\] to [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)\] at (1.5) should be [rgb(5, 15, 25) rgb(40, 50, 60) rgb(35, 45, 55) rgb(55, 65, 75)\]]
+    expected: FAIL
+
+  [Web Animations: property <border-top-color> from [inherit\] to [orange\] at (1) should be [rgb(255, 165, 0)\]]
+    expected: FAIL
+
+  [Web Animations: property <border-top-color> from [unset\] to [orange\] at (0.6) should be [rgb(153, 99, 0)\]]
+    expected: FAIL
+
+  [Web Animations: property <border-top-color> from [inherit\] to [orange\] at (0.3) should be [rgb(255, 228, 179)\]]
+    expected: FAIL
+
+  [Web Animations: property <border-top-color> from [initial\] to [orange\] at (0.3) should be [rgb(77, 50, 0)\]]
+    expected: FAIL
+
+  [Web Animations: property <border-top-color> from [unset\] to [orange\] at (1.5) should be [rgb(255, 248, 0)\]]
+    expected: FAIL
+
+  [Web Animations: property <border-color> from [rgb(20, 30, 40) rgb(40, 50, 60)\] to [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)\] at (0.3) should be [rgb(17, 27, 37) rgb(40, 50, 60) rgb(23, 33, 43) rgb(43, 53, 63)\]]
+    expected: FAIL
+
+  [Web Animations: property <border-top-color> from [unset\] to [orange\] at (1) should be [rgb(255, 165, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-color> from [rgb(20, 30, 40) rgb(40, 50, 60)\] to [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)\] at (0.6) should be [rgb(14, 24, 34) rgb(40, 50, 60) rgb(26, 36, 46) rgb(46, 56, 66)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-color> from [rgb(20, 30, 40) rgb(40, 50, 60)\] to [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)\] at (0) should be [rgb(20, 30, 40) rgb(40, 50, 60)\]]
+    expected: FAIL
+
+  [Web Animations: property <border-color> from [rgb(20, 30, 40) rgb(40, 50, 60)\] to [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)\] at (0) should be [rgb(20, 30, 40) rgb(40, 50, 60)\]]
+    expected: FAIL
+
+  [Web Animations: property <border-top-color> from neutral to [orange\] at (1) should be [rgb(255, 165, 0)\]]
+    expected: FAIL
+
+  [Web Animations: property <border-top-color> from neutral to [orange\] at (0.3) should be [rgb(77, 50, 97)\]]
+    expected: FAIL
+
+  [Web Animations: property <border-top-color> from [initial\] to [orange\] at (1.5) should be [rgb(255, 248, 0)\]]
+    expected: FAIL
+
+  [Web Animations: property <border-top-color> from [initial\] to [orange\] at (0.6) should be [rgb(153, 99, 0)\]]
+    expected: FAIL
+
+  [Web Animations: property <border-top-color> from [inherit\] to [orange\] at (0.6) should be [rgb(255, 201, 102)\]]
+    expected: FAIL
+
+  [Web Animations: property <border-top-color> from [white\] to [orange\] at (0) should be [white\]]
+    expected: FAIL
+
+  [Web Animations: property <border-top-color> from neutral to [orange\] at (1.5) should be [rgb(255, 248, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-color> from [rgb(20, 30, 40) rgb(40, 50, 60)\] to [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)\] at (0) should be [rgb(20, 30, 40) rgb(40, 50, 60)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-color> from [rgb(20, 30, 40) rgb(40, 50, 60)\] to [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)\] at (1.5) should be [rgb(5, 15, 25) rgb(40, 50, 60) rgb(35, 45, 55) rgb(55, 65, 75)\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-color> from [rgb(20, 30, 40) rgb(40, 50, 60)\] to [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)\] at (-0.3) should be [rgb(23, 33, 43) rgb(40, 50, 60) rgb(17, 27, 37) rgb(37, 47, 57)\]]
+    expected: FAIL
+
+  [Web Animations: property <border-top-color> from neutral to [orange\] at (0.6) should be [rgb(153, 99, 56)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-color> from [rgb(20, 30, 40) rgb(40, 50, 60)\] to [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)\] at (0.6) should be [rgb(14, 24, 34) rgb(40, 50, 60) rgb(26, 36, 46) rgb(46, 56, 66)\]]
+    expected: FAIL
+
+  [Web Animations: property <border-top-color> from neutral to [orange\] at (-0.3) should be [rgb(0, 0, 181)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-color> from [rgb(20, 30, 40) rgb(40, 50, 60)\] to [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)\] at (1) should be [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-color> from [rgb(20, 30, 40) rgb(40, 50, 60)\] to [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)\] at (1.5) should be [rgb(5, 15, 25) rgb(40, 50, 60) rgb(35, 45, 55) rgb(55, 65, 75)\]]
+    expected: FAIL
+
+  [Web Animations: property <border-top-color> from [white\] to [orange\] at (0.6) should be [rgb(255, 201, 102)\]]
+    expected: FAIL
+
+  [Web Animations: 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-color> from [rgb(20, 30, 40) rgb(40, 50, 60)\] to [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)\] at (1) should be [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-color> from [rgb(20, 30, 40) rgb(40, 50, 60)\] to [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)\] at (0.3) should be [rgb(17, 27, 37) rgb(40, 50, 60) rgb(23, 33, 43) rgb(43, 53, 63)\]]
+    expected: FAIL
+
+  [Web Animations: property <border-top-color> from [unset\] to [orange\] at (0.3) should be [rgb(77, 50, 0)\]]
+    expected: FAIL
+
+  [Web Animations: property <border-color> from [rgb(20, 30, 40) rgb(40, 50, 60)\] to [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)\] at (-0.3) should be [rgb(23, 33, 43) rgb(40, 50, 60) rgb(17, 27, 37) rgb(37, 47, 57)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-color> from [rgb(20, 30, 40) rgb(40, 50, 60)\] to [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)\] at (0.3) should be [rgb(17, 27, 37) rgb(40, 50, 60) rgb(23, 33, 43) rgb(43, 53, 63)\]]
+    expected: FAIL
+
+  [Web Animations: property <border-top-color> from [initial\] to [orange\] at (0) should be [rgb(0, 0, 0)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-color> from [rgb(20, 30, 40) rgb(40, 50, 60)\] to [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)\] at (-0.3) should be [rgb(23, 33, 43) rgb(40, 50, 60) rgb(17, 27, 37) rgb(37, 47, 57)\]]
+    expected: FAIL
+
+  [Web Animations: property <border-top-color> from [white\] to [orange\] at (0.3) should be [rgb(255, 228, 179)\]]
+    expected: FAIL
+

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

@@ -0,0 +1,127 @@
+[border-image-outset-interpolation.html]
+  [Web Animations: property <border-image-outset> from [0px\] to [5px\] at (-0.3) should be [0px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-outset> from [0px\] to [5px\] at (1.5) should be [7.5px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-outset> from [0\] to [1\] at (1) should be [1\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-outset> from [unset\] to [2\] at (0.3) should be [0.6\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-outset> from [unset\] to [2\] at (0) should be [0\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web Animations: property <border-image-outset> from [0\] to [1\] at (1.5) should be [1.5\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-outset> from [0px\] to [5px\] at (0) should be [0px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-outset> from [initial\] to [2\] at (-0.3) should be [0\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web Animations: property <border-image-outset> from [0px\] to [5px\] at (0.3) should be [1.5px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-outset> from [unset\] to [2\] at (1.5) should be [3\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-outset> from [0\] to [1\] at (0.3) should be [0.3\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-outset> from [0px\] to [5px\] at (1) should be [5px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-outset> from [unset\] to [2\] at (-0.3) should be [0\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-outset> from [inherit\] to [2px\] at (0.6) should be [5.2px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-outset> from [initial\] to [2\] at (1) should be [2\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-outset> from [initial\] to [2\] at (1.5) should be [3\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web 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
+
+  [Web Animations: property <border-image-outset> from neutral to [2px\] at (0) should be [1px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-outset> from [unset\] to [2\] at (1) should be [2\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-outset> from neutral to [2px\] at (1.5) should be [2.5px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-outset> from neutral to [2px\] at (0.3) should be [1.3px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-outset> from neutral to [2px\] at (1) should be [2px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-outset> from [0\] to [1\] at (0.6) should be [0.6\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-outset> from [inherit\] to [2px\] at (0) should be [10px\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web Animations: property <border-image-outset> from [unset\] to [2\] at (0.6) should be [1.2\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-outset> from [inherit\] to [2px\] at (-0.3) should be [12.4px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-outset> from [inherit\] to [2px\] at (0.3) should be [7.6px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-outset> from [initial\] to [2\] at (0) should be [0\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-outset> from [initial\] to [2\] at (0.6) should be [1.2\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-outset> from [inherit\] to [2px\] at (1.5) should be [0px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-outset> from [0px\] to [5px\] at (0.6) should be [3px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-outset> from [0\] to [1\] at (0) should be [0\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-outset> from neutral to [2px\] at (-0.3) should be [0.7px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-outset> from neutral to [2px\] at (0.6) should be [1.6px\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web Animations: property <border-image-outset> from [initial\] to [2\] at (0.3) should be [0.6\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-outset> from [inherit\] to [2px\] at (1) should be [2px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-outset> from [0\] to [1\] at (-0.3) should be [0\]]
+    expected: FAIL
+

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

@@ -0,0 +1,4 @@
+[border-image-slice-interpolation-stability.html]
+  [border-image-slice interpolation stability]
+    expected: FAIL
+

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

@@ -0,0 +1,274 @@
+[border-image-slice-interpolation.html]
+  [Web 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
+
+  [Web 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
+
+  [Web Animations: property <border-image-slice> from [initial\] to [10%\] at (0.6) should be [46%\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-slice> from neutral to [10%\] at (-0.3) should be [23%\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-slice> from [inherit\] to [10%\] at (0.3) should be [38%\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-slice> from [initial\] to [10%\] at (-0.3) should be [127%\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web Animations: property <border-image-slice> from [0%\] to [50%\] at (0.6) should be [30%\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web Animations: property <border-image-slice> from neutral to [10%\] at (1.5) should be [5%\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-slice> from [initial\] to [10%\] at (1) should be [10%\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-slice> from neutral to [10%\] at (0.6) should be [14%\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-slice> from [50% fill\] to [100 fill\] at (0.5) should be [100 fill\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-slice> from [unset\] to [10%\] at (-0.3) should be [127%\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-slice> from [inherit\] to [10%\] at (-0.3) should be [62%\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web 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
+
+  [Web 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
+
+  [Web Animations: property <border-image-slice> from [inherit\] to [10%\] at (1) should be [10%\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web Animations: property <border-image-slice> from [unset\] to [10%\] at (0.3) should be [73%\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-slice> from [50%\] to [100\] at (0.3) should be [50%\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-slice> from [0%\] to [50%\] at (1.5) should be [75%\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-slice> from [0% fill\] to [50%\] at (1) should be [50%\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-slice> from [50%\] to [100\] at (0) should be [50%\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-slice> from [unset\] to [10%\] at (0.5) should be [55%\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-slice> from [0% fill\] to [50%\] at (1.5) should be [50%\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-slice> from neutral to [10%\] at (0.5) should be [15%\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-slice> from [0%\] to [50%\] at (0.5) should be [25%\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web 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
+
+  [Web Animations: property <border-image-slice> from [50% fill\] to [100 fill\] at (-0.3) should be [50% fill\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-slice> from [initial\] to [10%\] at (0) should be [100%\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-slice> from [0% fill\] to [50%\] at (0.5) should be [50%\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-slice> from [0% fill\] to [50%\] at (0.6) should be [50%\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-slice> from [0%\] to [50%\] at (0.3) should be [15%\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-slice> from [50%\] to [100\] at (-0.3) should be [50%\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web Animations: property <border-image-slice> from [50%\] to [100\] at (0.5) should be [100\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-slice> from neutral to [10%\] at (0) should be [20%\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web 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
+
+  [Web Animations: property <border-image-slice> from [0% fill\] to [50%\] at (0.3) should be [0% fill\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-slice> from [unset\] to [10%\] at (0) should be [100%\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web 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
+
+  [Web 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
+
+  [Web Animations: property <border-image-slice> from [50% fill\] to [100 fill\] at (0.3) should be [50% fill\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-slice> from [inherit\] to [10%\] at (0.6) should be [26%\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-slice> from [initial\] to [10%\] at (0.3) should be [73%\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-slice> from [initial\] to [10%\] at (0.5) should be [55%\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-slice> from neutral to [10%\] at (1) should be [10%\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-slice> from [unset\] to [10%\] at (1.5) should be [0%\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-slice> from [inherit\] to [10%\] at (1.5) should be [0%\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web Animations: property <border-image-slice> from neutral to [10%\] at (0.3) should be [17%\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web 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
+
+  [Web Animations: property <border-image-slice> from [initial\] to [10%\] at (1.5) should be [0%\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-slice> from [0% fill\] to [50%\] at (-0.3) should be [0% fill\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web 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
+
+  [Web 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
+
+  [Web Animations: property <border-image-slice> from [50% fill\] to [100 fill\] at (0) should be [50% fill\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web 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
+
+  [Web Animations: property <border-image-slice> from [0% fill\] to [50%\] at (0) should be [0% fill\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-slice> from [unset\] to [10%\] at (0.6) should be [46%\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web 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
+
+  [Web 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
+
+  [Web 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
+
+  [Web Animations: property <border-image-slice> from [unset\] to [10%\] at (1) should be [10%\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-slice> from [50% fill\] to [100 fill\] at (1.5) should be [100 fill\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-slice> from [0%\] to [50%\] at (1) should be [50%\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web 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
+
+  [Web Animations: property <border-image-slice> from [inherit\] to [10%\] at (0.5) should be [30%\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web Animations: property <border-image-slice> from [50%\] to [100\] at (0.6) should be [100\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-slice> from [50%\] to [100\] at (1.5) should be [100\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-slice> from [50% fill\] to [100 fill\] at (0.6) should be [100 fill\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web Animations: property <border-image-slice> from [inherit\] to [10%\] at (0) should be [50%\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-slice> from [50%\] to [100\] at (1) should be [100\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-slice> from [50% fill\] to [100 fill\] at (1) should be [100 fill\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web 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
+
+  [Web Animations: property <border-image-slice> from [0%\] to [50%\] at (0) should be [0%\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web Animations: property <border-image-slice> from [0%\] to [50%\] at (-0.3) should be [0%\]]
+    expected: FAIL
+

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

@@ -0,0 +1,148 @@
+[border-image-source-interpolation.html]
+  [Web 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
+
+  [Web 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
+
+  [Web 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
+
+  [Web Animations: property <border-image-source> from [none\] to [url(../support/orange_color.png)\] at (0) should be [none\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-source> from [unset\] to [url(../support/orange_color.png)\] at (1) should be [url(../support/orange_color.png)\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-source> from [inherit\] to [url(../support/orange_color.png)\] at (-0.3) should be [inherit\]]
+    expected: FAIL
+
+  [Web 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
+
+  [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
+
+  [Web 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
+
+  [Web 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
+
+  [Web 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
+
+  [Web 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
+
+  [Web 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
+
+  [Web 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
+
+  [Web Animations: property <border-image-source> from [initial\] to [url(../support/orange_color.png)\] at (0) should be [initial\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-source> from [none\] to [url(../support/orange_color.png)\] at (-0.3) should be [none\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web 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
+
+  [Web 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
+
+  [Web 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
+
+  [Web 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
+
+  [Web 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
+
+  [Web 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
+
+  [Web Animations: property <border-image-source> from [inherit\] to [url(../support/orange_color.png)\] at (0) should be [inherit\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web 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
+
+  [Web Animations: property <border-image-source> from [initial\] to [url(../support/orange_color.png)\] at (1) should be [url(../support/orange_color.png)\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web Animations: property <border-image-source> from [inherit\] to [url(../support/orange_color.png)\] at (0.3) should be [inherit\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web 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
+
+  [Web Animations: property <border-image-source> from [unset\] to [url(../support/orange_color.png)\] at (0.3) should be [unset\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web 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
+
+  [Web 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
+
+  [Web Animations: property <border-image-source> from [initial\] to [url(../support/orange_color.png)\] at (0.3) should be [initial\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web 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
+
+  [Web Animations: property <border-image-source> from [none\] to [url(../support/orange_color.png)\] at (0.3) should be [none\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web Animations: property <border-image-source> from [initial\] to [url(../support/orange_color.png)\] at (-0.3) should be [initial\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web 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
+
+  [Web Animations: property <border-image-source> from [inherit\] to [url(../support/orange_color.png)\] at (1) should be [url(../support/orange_color.png)\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-source> from [unset\] to [url(../support/orange_color.png)\] at (-0.3) should be [unset\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web Animations: property <border-image-source> from [unset\] to [url(../support/orange_color.png)\] at (0) should be [unset\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-source> from [none\] to [url(../support/orange_color.png)\] at (1) should be [url(../support/orange_color.png)\]]
+    expected: FAIL
+
+  [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
+

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

@@ -0,0 +1,346 @@
+[border-image-width-interpolation.html]
+  [Web 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
+
+  [Web 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
+
+  [Web Animations: property <border-image-width> from [unset\] to [20px\] at (0.6) should be [20px\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web Animations: property <border-image-width> from [10%\] to [20\] at (1.5) should be [20\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-width> from [initial\] to [20px\] at (0.3) should be [initial\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-width> from [10px\] to [20%\] at (0.3) should be [calc(7px + 6%)\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-width> from [10%\] to [20\] at (1) should be [20\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web Animations: property <border-image-width> from [10\] to [20px\] at (1.5) should be [20px\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web Animations: property <border-image-width> from [10%\] to [20px\] at (0.6) should be [calc(4% + 12px)\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web Animations: property <border-image-width> from [10\] to [20px\] at (0.6) should be [20px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-width> from [10\] to [20px\] at (1) should be [20px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-width> from [10\] to [20%\] at (1.5) should be [20%\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-width> from [10%\] to [20px\] at (0) should be [10%\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-width> from [0\] to [20\] at (10) should be [200\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-width> from [0px\] to [20px\] at (10) should be [200px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-width> from neutral to [20px\] at (0) should be [10px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-width> from [0px\] to [20px\] at (0.3) should be [6px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-width> from [0%\] to [20%\] at (-0.3) should be [0%\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-width> from [10px\] to [20\] at (0.5) should be [20\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-width> from [10%\] to [20\] at (-0.3) should be [10%\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web Animations: property <border-image-width> from [inherit\] to [20px\] at (1) should be [20px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-width> from [initial\] to [20px\] at (-0.3) should be [initial\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web 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
+
+  [Web Animations: property <border-image-width> from [10px\] to [20\] at (1.5) should be [20\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-width> from [10\] to [20%\] at (1) should be [20%\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-width> from [0\] to [20\] at (1.5) should be [30\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web Animations: property <border-image-width> from [inherit\] to [20px\] at (1.5) should be [0px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-width> from [0\] to [20\] at (0.6) should be [12\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-width> from [10px\] to [20\] at (0) should be [10px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-width> from [initial\] to [20px\] at (0) should be [initial\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-width> from [10%\] to [20px\] at (1.5) should be [calc(-5% + 30px)\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-width> from [0px\] to [20px\] at (5) should be [100px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-width> from [10\] to [20px\] at (0.5) should be [20px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-width> from [unset\] to [20px\] at (0) should be [unset\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-width> from [0\] to [20\] at (5) should be [100\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web Animations: property <border-image-width> from [inherit\] to [20px\] at (-0.3) should be [124px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-width> from [10%\] to [20px\] at (1) should be [calc(0% + 20px)\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web Animations: property <border-image-width> from [0px\] to [20px\] at (-0.3) should be [0px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-width> from [10px\] to [20\] at (-0.3) should be [10px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-width> from [0\] to [20\] at (1) should be [20\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-width> from [unset\] to [20px\] at (-0.3) should be [unset\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-width> from neutral to [20px\] at (1.5) should be [25px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-width> from [10\] to [20px\] at (0) should be [10\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-width> from [0%\] to [20%\] at (1) should be [20%\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-width> from [0%\] to [20%\] at (1.5) should be [30%\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web Animations: property <border-image-width> from [10px\] to [20\] at (0.6) should be [20\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-width> from [0%\] to [20%\] at (0.6) should be [12%\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web Animations: property <border-image-width> from [0px\] to [20px\] at (1.5) should be [30px\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web Animations: property <border-image-width> from [0%\] to [20%\] at (0) should be [0%\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web 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
+
+  [Web Animations: property <border-image-width> from [10\] to [20%\] at (0.5) should be [20%\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-width> from [inherit\] to [20px\] at (0.3) should be [76px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-width> from [inherit\] to [20px\] at (0) should be [100px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-width> from neutral to [20px\] at (0.6) should be [16px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-width> from [10%\] to [20\] at (0.5) should be [20\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-width> from [10%\] to [20px\] at (-0.3) should be [calc(13% + -6px)\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-width> from [0\] to [20\] at (-0.3) should be [0\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-width> from [10%\] to [20px\] at (0.3) should be [calc(7% + 6px)\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web Animations: property <border-image-width> from [10%\] to [20\] at (0) should be [10%\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-width> from [10\] to [20%\] at (0.6) should be [20%\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-width> from [initial\] to [20px\] at (1) should be [20px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-width> from [10\] to [20%\] at (0) should be [10\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-width> from [10px\] to [20%\] at (0) should be [calc(0% + 10px)\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-width> from neutral to [20px\] at (10) should be [110px\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web Animations: property <border-image-width> from [10px\] to [20%\] at (0.6) should be [calc(4px + 12%)\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-width> from [10%\] to [20\] at (0.3) should be [10%\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-width> from [initial\] to [20px\] at (1.5) should be [20px\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web Animations: property <border-image-width> from [10px\] to [20%\] at (1.5) should be [calc(-5px + 30%)\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-width> from [initial\] to [20px\] at (0.6) should be [20px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-width> from [unset\] to [20px\] at (0.5) should be [20px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-width> from neutral to [20px\] at (1) should be [20px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-width> from [0px\] to [20px\] at (0) should be [0px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-width> from [0\] to [20\] at (0.3) should be [6\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-width> from neutral to [20px\] at (-0.3) should be [7px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-width> from [0%\] to [20%\] at (10) should be [200%\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-width> from [0%\] to [20%\] at (5) should be [100%\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-width> from [inherit\] to [20px\] at (5) should be [0px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-width> from [10\] to [20px\] at (-0.3) should be [10\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-width> from [0%\] to [20%\] at (0.3) should be [6%\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-width> from [10\] to [20px\] at (0.3) should be [10\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-width> from [unset\] to [20px\] at (0.3) should be [unset\]]
+    expected: FAIL
+
+  [Web 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
+
+  [Web Animations: property <border-image-width> from neutral to [20px\] at (5) should be [60px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-width> from [inherit\] to [20px\] at (0.6) should be [52px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-width> from [unset\] to [20px\] at (1.5) should be [20px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-width> from [10\] to [20%\] at (-0.3) should be [10\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-width> from [10\] to [20%\] at (0.3) should be [10\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-width> from [0px\] to [20px\] at (1) should be [20px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-width> from neutral to [20px\] at (0.3) should be [13px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-width> from [unset\] to [20px\] at (1) should be [20px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-width> from [10%\] to [20\] at (0.6) should be [20\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-width> from [10px\] to [20%\] at (-0.3) should be [calc(13px + -6%)\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-width> from [10px\] to [20\] at (1) should be [20\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-width> from [initial\] to [20px\] at (0.5) should be [20px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-width> from [0\] to [20\] at (0) should be [0\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-width> from [0px\] to [20px\] at (0.6) should be [12px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-width> from [inherit\] to [20px\] at (10) should be [0px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-width> from [10px\] to [20%\] at (1) should be [20%\]]
+    expected: FAIL
+
+  [Web Animations: property <border-image-width> from [10px\] to [20\] at (0.3) should be [10px\]]
+    expected: FAIL
+

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

@@ -0,0 +1,202 @@
+[border-radius-interpolation.html]
+  [Web Animations: 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-radius> from [20px 40px 60px 80px / 120px 140px 160px 180px\] to [30px 50px 70px 90px / 130px 150px 170px 190px\] at (-0.3) should be [17px 37px 57px 77px / 117px 137px 157px 177px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-top-left-radius> from neutral to [20px\] at (0.3) should be [13px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-top-left-radius> from [20px\] to [10px 30px\] at (0) should be [20px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-top-left-radius> from [10px\] to [50px\] at (-0.3) should be [0px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-top-left-radius> from [unset\] to [20px\] at (0.6) should be [12px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-top-left-radius> from [10px\] to [50px\] at (1) should be [50px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-top-left-radius> from [inherit\] to [20px\] at (1) should be [20px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-radius> from [20px 40px 60px 80px / 120px 140px 160px 180px\] to [30px 50px 70px 90px / 130px 150px 170px 190px\] at (0.3) should be [23px 43px 63px 83px / 123px 143px 163px 183px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-radius> from [20px 40px 60px 80px / 120px 140px 160px 180px\] to [30px 50px 70px 90px / 130px 150px 170px 190px\] at (0.6) should be [26px 46px 66px 86px / 126px 146px 166px 186px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-radius> from [20px 40px 60px 80px / 120px 140px 160px 180px\] to [30px 50px 70px 90px / 130px 150px 170px 190px\] at (1.5) should be [35px 55px 75px 95px / 135px 155px 175px 195px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-radius> from [20px 40px 60px 80px / 120px 140px 160px 180px\] to [30px 50px 70px 90px / 130px 150px 170px 190px\] at (1) should be [30px 50px 70px 90px / 130px 150px 170px 190px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-top-left-radius> from [10px\] to [50px\] at (0.6) should be [34px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-top-left-radius> from [inherit\] to [20px\] at (0.3) should be [27px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-radius> from [20px 40px 60px 80px / 120px 140px 160px 180px\] to [30px 50px 70px 90px / 130px 150px 170px 190px\] at (0.6) should be [26px 46px 66px 86px / 126px 146px 166px 186px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-top-left-radius> from [unset\] to [20px\] at (0) should be [0px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-radius> from [20px 40px 60px 80px / 120px 140px 160px 180px\] to [30px 50px 70px 90px / 130px 150px 170px 190px\] at (-0.3) should be [17px 37px 57px 77px / 117px 137px 157px 177px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-top-left-radius> from [inherit\] to [20px\] at (1.5) should be [15px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-top-left-radius> from [20px\] to [10px 30px\] at (0.3) should be [17px 23px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-top-left-radius> from [initial\] to [20px\] at (1.5) should be [30px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-radius> from [20px 40px 60px 80px / 120px 140px 160px 180px\] to [30px 50px 70px 90px / 130px 150px 170px 190px\] at (1) should be [30px 50px 70px 90px / 130px 150px 170px 190px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-top-left-radius> from [10px\] to [50px\] at (1.5) should be [70px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-top-left-radius> from [20px\] to [10px 30px\] at (0.6) should be [14px 26px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-top-left-radius> from [10px\] to [50px\] at (0.3) should be [22px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-top-left-radius> from [initial\] to [20px\] at (0.3) should be [6px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-top-left-radius> from [unset\] to [20px\] at (1.5) should be [30px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-radius> from [20px 40px 60px 80px / 120px 140px 160px 180px\] to [30px 50px 70px 90px / 130px 150px 170px 190px\] at (-0.3) should be [17px 37px 57px 77px / 117px 137px 157px 177px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-radius> from [20px 40px 60px 80px / 120px 140px 160px 180px\] to [30px 50px 70px 90px / 130px 150px 170px 190px\] at (0) should be [20px 40px 60px 80px / 120px 140px 160px 180px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-radius> from [20px 40px 60px 80px / 120px 140px 160px 180px\] to [30px 50px 70px 90px / 130px 150px 170px 190px\] at (0.3) should be [23px 43px 63px 83px / 123px 143px 163px 183px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-top-left-radius> from [10px\] to [100%\] at (-0.3) should be [calc(13px + -30%)\]]
+    expected: FAIL
+
+  [Web Animations: property <border-top-left-radius> from neutral to [20px\] at (0) should be [10px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-top-left-radius> from [10px\] to [100%\] at (0) should be [calc(10px + 0%)\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-radius> from [20px 40px 60px 80px / 120px 140px 160px 180px\] to [30px 50px 70px 90px / 130px 150px 170px 190px\] at (0) should be [20px 40px 60px 80px / 120px 140px 160px 180px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-top-left-radius> from [10px\] to [100%\] at (0.3) should be [calc(7px + 30%)\]]
+    expected: FAIL
+
+  [Web Animations: property <border-top-left-radius> from neutral to [20px\] at (1.5) should be [25px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-radius> from [20px 40px 60px 80px / 120px 140px 160px 180px\] to [30px 50px 70px 90px / 130px 150px 170px 190px\] at (0.3) should be [23px 43px 63px 83px / 123px 143px 163px 183px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-top-left-radius> from [20px\] to [10px 30px\] at (1.5) should be [5px 35px\]]
+    expected: FAIL
+
+  [Web 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-radius> from [20px 40px 60px 80px / 120px 140px 160px 180px\] to [30px 50px 70px 90px / 130px 150px 170px 190px\] at (1) should be [30px 50px 70px 90px / 130px 150px 170px 190px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-radius> from [20px 40px 60px 80px / 120px 140px 160px 180px\] to [30px 50px 70px 90px / 130px 150px 170px 190px\] at (0.3) should be [23px 43px 63px 83px / 123px 143px 163px 183px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-radius> from [20px 40px 60px 80px / 120px 140px 160px 180px\] to [30px 50px 70px 90px / 130px 150px 170px 190px\] at (0.6) should be [26px 46px 66px 86px / 126px 146px 166px 186px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-radius> from [20px 40px 60px 80px / 120px 140px 160px 180px\] to [30px 50px 70px 90px / 130px 150px 170px 190px\] at (1.5) should be [35px 55px 75px 95px / 135px 155px 175px 195px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-radius> from [20px 40px 60px 80px / 120px 140px 160px 180px\] to [30px 50px 70px 90px / 130px 150px 170px 190px\] at (1.5) should be [35px 55px 75px 95px / 135px 155px 175px 195px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-radius> from [20px 40px 60px 80px / 120px 140px 160px 180px\] to [30px 50px 70px 90px / 130px 150px 170px 190px\] at (0) should be [20px 40px 60px 80px / 120px 140px 160px 180px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-radius> from [20px 40px 60px 80px / 120px 140px 160px 180px\] to [30px 50px 70px 90px / 130px 150px 170px 190px\] at (1.5) should be [35px 55px 75px 95px / 135px 155px 175px 195px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-top-left-radius> from neutral to [20px\] at (-0.3) should be [7px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-top-left-radius> from [20px\] to [10px 30px\] at (-2) should be [40px 0px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-radius> from [20px 40px 60px 80px / 120px 140px 160px 180px\] to [30px 50px 70px 90px / 130px 150px 170px 190px\] at (1) should be [30px 50px 70px 90px / 130px 150px 170px 190px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-radius> from [20px 40px 60px 80px / 120px 140px 160px 180px\] to [30px 50px 70px 90px / 130px 150px 170px 190px\] at (0) should be [20px 40px 60px 80px / 120px 140px 160px 180px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-top-left-radius> from neutral to [20px\] at (1) should be [20px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-top-left-radius> from [inherit\] to [20px\] at (0.6) should be [24px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-top-left-radius> from [10px\] to [50px\] at (0) should be [10px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-radius> from [20px 40px 60px 80px / 120px 140px 160px 180px\] to [30px 50px 70px 90px / 130px 150px 170px 190px\] at (0.6) should be [26px 46px 66px 86px / 126px 146px 166px 186px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-top-left-radius> from [10px\] to [100%\] at (1) should be [100%\]]
+    expected: FAIL
+
+  [Web Animations: property <border-top-left-radius> from [initial\] to [20px\] at (1) should be [20px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-top-left-radius> from [initial\] to [20px\] at (0.6) should be [12px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-radius> from [20px 40px 60px 80px / 120px 140px 160px 180px\] to [30px 50px 70px 90px / 130px 150px 170px 190px\] at (-0.3) should be [17px 37px 57px 77px / 117px 137px 157px 177px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-top-left-radius> from [initial\] to [20px\] at (0) should be [0px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-top-left-radius> from [unset\] to [20px\] at (-0.3) should be [0px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-top-left-radius> from [unset\] to [20px\] at (1) should be [20px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-top-left-radius> from [10px\] to [100%\] at (1.5) should be [calc(-5px + 150%)\]]
+    expected: FAIL
+
+  [Web Animations: property <border-top-left-radius> from [20px\] to [10px 30px\] at (1) should be [10px 30px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-top-left-radius> from [10px\] to [100%\] at (0.6) should be [calc(4px + 60%)\]]
+    expected: FAIL
+
+  [Web Animations: property <border-top-left-radius> from neutral to [20px\] at (0.6) should be [16px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-top-left-radius> from [inherit\] to [20px\] at (0) should be [30px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-top-left-radius> from [inherit\] to [20px\] at (-0.3) should be [33px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-top-left-radius> from [unset\] to [20px\] at (0.3) should be [6px\]]
+    expected: FAIL
+

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

@@ -0,0 +1,247 @@
+[border-width-interpolation.html]
+  [Web Animations: property <border-left-width> from [unset\] to [20px\] at (0.3) should be [8.1px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-width> from [20px 40px 60px 80px\] to [30px 50px 70px 90px\] at (0.3) should be [23px 43px 63px 83px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-right-width> from [thin\] to [11px\] at (0.6) should be [7px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-width> from [20px 40px 60px 80px\] to [30px 50px 70px 90px\] at (0.6) should be [26px 46px 66px 86px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-left-width> from neutral to [20px\] at (1) should be [20px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-bottom-width> from [thick\] to [15px\] at (0.3) should be [8px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-bottom-width> from [thick\] to [15px\] at (1) should be [15px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-width> from [20px 40px 60px 80px\] to [30px 50px 70px 90px\] at (1) should be [30px 50px 70px 90px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-left-width> from [medium\] to [13px\] at (1) should be [13px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-left-width> from neutral to [20px\] at (0) should be [10px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-right-width> from [thin\] to [11px\] at (-2) should be [0px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-left-width> from [initial\] to [20px\] at (1.5) should be [28.5px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-left-width> from [0px\] to [10px\] at (0.3) should be [3px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-left-width> from [medium\] to [13px\] at (1.5) should be [18px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-bottom-width> from [thick\] to [15px\] at (0.6) should be [11px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-top-width> from [15px\] to [thick\] at (-0.3) should be [18px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-left-width> from neutral to [20px\] at (0.3) should be [13px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-width> from [20px 40px 60px 80px\] to [30px 50px 70px 90px\] at (1.5) should be [35px 55px 75px 95px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-width> from [20px 40px 60px 80px\] to [30px 50px 70px 90px\] at (1.5) should be [35px 55px 75px 95px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-width> from [20px 40px 60px 80px\] to [30px 50px 70px 90px\] at (0.3) should be [23px 43px 63px 83px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-width> from [20px 40px 60px 80px\] to [30px 50px 70px 90px\] at (1) should be [30px 50px 70px 90px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-right-width> from [thin\] to [11px\] at (1.5) should be [16px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-left-width> from [inherit\] to [20px\] at (0) should be [0px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-width> from [20px 40px 60px 80px\] to [30px 50px 70px 90px\] at (0.6) should be [26px 46px 66px 86px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-width> from [20px 40px 60px 80px\] to [30px 50px 70px 90px\] at (0) should be [20px 40px 60px 80px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-left-width> from [unset\] to [20px\] at (1.5) should be [28.5px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-right-width> from [thin\] to [11px\] at (0) should be [1px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-left-width> from [medium\] to [13px\] at (-0.25) should be [0.5px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-bottom-width> from [thick\] to [15px\] at (0) should be [5px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-left-width> from [unset\] to [20px\] at (-0.3) should be [0px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-width> from [20px 40px 60px 80px\] to [30px 50px 70px 90px\] at (1.5) should be [35px 55px 75px 95px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-left-width> from [initial\] to [20px\] at (0.3) should be [8.1px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-width> from [20px 40px 60px 80px\] to [30px 50px 70px 90px\] at (0.3) should be [23px 43px 63px 83px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-width> from [20px 40px 60px 80px\] to [30px 50px 70px 90px\] at (0.3) should be [23px 43px 63px 83px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-left-width> from [inherit\] to [20px\] at (-0.3) should be [0px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-bottom-width> from [thick\] to [15px\] at (-2) should be [0px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-top-width> from [15px\] to [thick\] at (0.6) should be [9px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-top-width> from [15px\] to [thick\] at (1.5) should be [0px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-top-width> from [15px\] to [thick\] at (0.3) should be [12px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-top-width> from [15px\] to [thick\] at (0) should be [15px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-left-width> from neutral to [20px\] at (-0.3) should be [7px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-bottom-width> from [thick\] to [15px\] at (1.5) should be [20px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-width> from [20px 40px 60px 80px\] to [30px 50px 70px 90px\] at (-0.3) should be [17px 37px 57px 77px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-left-width> from [inherit\] to [20px\] at (1) should be [20px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-bottom-width> from [thick\] to [15px\] at (-0.3) should be [2px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-width> from [20px 40px 60px 80px\] to [30px 50px 70px 90px\] at (0.6) should be [26px 46px 66px 86px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-left-width> from [unset\] to [20px\] at (0) should be [3px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-left-width> from [0px\] to [10px\] at (1.5) should be [15px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <border-width> from [20px 40px 60px 80px\] to [30px 50px 70px 90px\] at (-0.3) should be [17px 37px 57px 77px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-left-width> from [unset\] to [20px\] at (0.6) should be [13.2px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-right-width> from [thin\] to [11px\] at (0.3) should be [4px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-left-width> from [initial\] to [20px\] at (-0.3) should be [0px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-width> from [20px 40px 60px 80px\] to [30px 50px 70px 90px\] at (0) should be [20px 40px 60px 80px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-left-width> from neutral to [20px\] at (1.5) should be [25px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-left-width> from neutral to [20px\] at (0.6) should be [16px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-top-width> from [15px\] to [thick\] at (-2) should be [35px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-width> from [20px 40px 60px 80px\] to [30px 50px 70px 90px\] at (0) should be [20px 40px 60px 80px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-width> from [20px 40px 60px 80px\] to [30px 50px 70px 90px\] at (0.6) should be [26px 46px 66px 86px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-left-width> from [initial\] to [20px\] at (0.6) should be [13.2px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-width> from [20px 40px 60px 80px\] to [30px 50px 70px 90px\] at (1) should be [30px 50px 70px 90px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-width> from [20px 40px 60px 80px\] to [30px 50px 70px 90px\] at (-0.3) should be [17px 37px 57px 77px\]]
+    expected: FAIL
+
+  [CSS Animations: property <border-width> from [20px 40px 60px 80px\] to [30px 50px 70px 90px\] at (1) should be [30px 50px 70px 90px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-right-width> from [thin\] to [11px\] at (1) should be [11px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-left-width> from [initial\] to [20px\] at (0) should be [3px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-left-width> from [medium\] to [13px\] at (0.3) should be [6px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-left-width> from [0px\] to [10px\] at (0) should be [0px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-left-width> from [inherit\] to [20px\] at (0.3) should be [6px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-width> from [20px 40px 60px 80px\] to [30px 50px 70px 90px\] at (1.5) should be [35px 55px 75px 95px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-left-width> from [inherit\] to [20px\] at (0.6) should be [12px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-left-width> from [unset\] to [20px\] at (1) should be [20px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-right-width> from [thin\] to [11px\] at (-0.3) should be [0px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-width> from [20px 40px 60px 80px\] to [30px 50px 70px 90px\] at (0) should be [20px 40px 60px 80px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-left-width> from [medium\] to [13px\] at (0.6) should be [9px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-left-width> from [0px\] to [10px\] at (0.6) should be [6px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-left-width> from [inherit\] to [20px\] at (1.5) should be [30px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <border-width> from [20px 40px 60px 80px\] to [30px 50px 70px 90px\] at (-0.3) should be [17px 37px 57px 77px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-left-width> from [medium\] to [13px\] at (-2) should be [0px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-left-width> from [initial\] to [20px\] at (1) should be [20px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-left-width> from [0px\] to [10px\] at (-0.3) should be [0px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-top-width> from [15px\] to [thick\] at (1) should be [5px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-left-width> from [medium\] to [13px\] at (0) should be [3px\]]
+    expected: FAIL
+
+  [Web Animations: property <border-left-width> from [0px\] to [10px\] at (1) should be [10px\]]
+    expected: FAIL
+

tests/wpt/metadata-layout-2020/css/css-backgrounds/animations/box-shadow-interpolation.html.ini

@@ -0,0 +1,805 @@
+[box-shadow-interpolation.html]
+  [CSS Transitions with transition: all: property <box-shadow> from [black 15px 10px 5px 6px\] to [orange -15px -10px 25px -4px\] at (-0.3) should be [rgb(0, 0, 0) 24px 16px 0px 9px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <box-shadow> from neutral to [20px 20px 20px 20px black\] at (-0.3) should be [rgb(0, 0, 0) 7px 33px 7px 33px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <box-shadow> from neutral to [20px 20px 20px 20px black\] at (0.3) should be [rgb(0, 0, 0) 13px 27px 13px 27px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <box-shadow> from [10px 20px rgba(255, 255, 0, 0.5), inset 5px 10em #008000\] to [none\] at (1.5) should be [rgba(0, 0, 0, 0) -5px -10px 0px 0px, rgba(0, 0, 0, 0) -2.5px -15px 0px 0px inset\]]
+    expected: FAIL
+
+  [CSS Transitions: property <box-shadow> from neutral to [20px 20px 20px 20px black\] at (1.5) should be [rgb(0, 0, 0) 25px 15px 25px 15px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <box-shadow> from neutral to [20px 20px 20px 20px black\] at (1.5) should be [rgb(0, 0, 0) 25px 15px 25px 15px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <box-shadow> from [black 15px 10px 5px 6px\] to [orange -15px -10px 25px -4px\] at (0.3) should be [rgb(77, 50, 0) 6px 4px 11px 3px\]]
+    expected: FAIL
+
+  [CSS Animations: property <box-shadow> from [10px 20px rgba(255, 255, 0, 0.5), inset 5px 10em #008000\] to [none\] at (0.3) should be [rgba(255, 255, 0, 0.353) 7px 14px 0px 0px, rgba(0, 128, 0, 0.7) 3.5px 21px 0px 0px inset\]]
+    expected: FAIL
+
+  [CSS Transitions: property <box-shadow> from [initial\] to [20px 20px 20px 20px black\] at (1.5) should be [rgb(0, 0, 0) 30px 30px 30px 30px\]]
+    expected: FAIL
+
+  [Web Animations: property <box-shadow> from [black 15px 10px 5px 6px\] to [orange -15px -10px 25px -4px\] at (0.6) should be [rgb(153, 99, 0) -3px -2px 17px 0px\]]
+    expected: FAIL
+
+  [CSS Animations: property <box-shadow> from [15px 10px 5px 6px black\] to [-15px -10px 25px -4px\] at (1) should be [rgb(0, 128, 0) -15px -10px 25px -4px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <box-shadow> from [10px 10px 10px 10px black\] to [10px 10px 10px 10px currentColor\] at (1.5) should be [rgb(0, 192, 0) 10px 10px 10px 10px\]]
+    expected: FAIL
+
+  [CSS Animations: property <box-shadow> from [initial\] to [20px 20px 20px 20px black\] at (0) should be [rgba(0, 0, 0, 0) 0px 0px 0px 0px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <box-shadow> from [15px 10px 5px 6px black inset\] to [-15px -10px 25px -4px orange inset\] at (1.5) should be [rgb(255, 248, 0) -30px -20px 35px -9px inset\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <box-shadow> from [15px 10px 5px 6px black\] to [-15px -10px 25px -4px\] at (0.3) should be [rgb(0, 38, 0) 6px 4px 11px 3px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <box-shadow> from [15px 10px 5px 6px black inset\] to [-15px -10px 25px -4px orange inset\] at (0) should be [rgb(0, 0, 0) 15px 10px 5px 6px inset\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <box-shadow> from [black 15px 10px 5px 6px\] to [orange -15px -10px 25px -4px\] at (1) should be [rgb(255, 165, 0) -15px -10px 25px -4px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <box-shadow> from [10px 20px rgba(255, 255, 0, 0.5), inset 5px 10em #008000\] to [none\] at (0.3) should be [rgba(255, 255, 0, 0.353) 7px 14px 0px 0px, rgba(0, 128, 0, 0.7) 3.5px 21px 0px 0px inset\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <box-shadow> from [10px 20px yellow, 5px 10px green\] to [inset 5px 10px green, 15px 20px blue\] at (0) should be [inset 5px 10px green, 15px 20px blue\]]
+    expected: FAIL
+
+  [Web Animations: property <box-shadow> from neutral to [20px 20px 20px 20px black\] at (0) should be [rgb(0, 0, 0) 10px 30px 10px 30px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <box-shadow> from [initial\] to [20px 20px 20px 20px black\] at (0) should be [rgba(0, 0, 0, 0) 0px 0px 0px 0px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <box-shadow> from [10px 10px 10px 10px black\] to [10px 10px 10px 10px currentColor\] at (1.5) should be [rgb(0, 192, 0) 10px 10px 10px 10px\]]
+    expected: FAIL
+
+  [Web Animations: property <box-shadow> from neutral to [20px 20px 20px 20px black\] at (0.6) should be [rgb(0, 0, 0) 16px 24px 16px 24px\]]
+    expected: FAIL
+
+  [Web Animations: property <box-shadow> from [black 15px 10px 5px 6px\] to [orange -15px -10px 25px -4px\] at (1.5) should be [rgb(255, 248, 0) -30px -20px 35px -9px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <box-shadow> from [15px 10px 5px 6px black\] to [-15px -10px 25px -4px orange\] at (1.5) should be [rgb(255, 248, 0) -30px -20px 35px -9px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <box-shadow> from [unset\] to [20px 20px 20px 20px black\] at (1) should be [rgb(0, 0, 0) 20px 20px 20px 20px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <box-shadow> from [15px 10px 5px 6px black inset\] to [-15px -10px 25px -4px orange inset\] at (1) should be [rgb(255, 165, 0) -15px -10px 25px -4px inset\]]
+    expected: FAIL
+
+  [CSS Transitions: property <box-shadow> from [unset\] to [20px 20px 20px 20px black\] at (0.6) should be [rgba(0, 0, 0, 0.6) 12px 12px 12px 12px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <box-shadow> from [initial\] to [20px 20px 20px 20px black\] at (-0.3) should be [rgba(0, 0, 0, 0) -6px -6px 0px -6px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <box-shadow> from [black 15px 10px 5px 6px\] to [orange -15px -10px 25px -4px\] at (0) should be [rgb(0, 0, 0) 15px 10px 5px 6px\]]
+    expected: FAIL
+
+  [Web Animations: property <box-shadow> from [15px 10px 5px 6px black inset\] to [-15px -10px 25px -4px orange inset\] at (0) should be [rgb(0, 0, 0) 15px 10px 5px 6px inset\]]
+    expected: FAIL
+
+  [Web Animations: property <box-shadow> from [unset\] to [20px 20px 20px 20px black\] at (0.6) should be [rgba(0, 0, 0, 0.6) 12px 12px 12px 12px\]]
+    expected: FAIL
+
+  [CSS Animations: property <box-shadow> from [inherit\] to [20px 20px 20px 20px black\] at (1.5) should be [rgb(0, 0, 0) 15px 25px 15px 25px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <box-shadow> from [15px 10px 5px 6px black\] to [-15px -10px 25px -4px orange\] at (0.3) should be [rgb(77, 50, 0) 6px 4px 11px 3px\]]
+    expected: FAIL
+
+  [Web Animations: property <box-shadow> from neutral to [20px 20px 20px 20px black\] at (0.3) should be [rgb(0, 0, 0) 13px 27px 13px 27px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <box-shadow> from [15px 10px 5px 6px black\] to [-15px -10px 25px -4px\] at (-0.3) should be [rgb(0, 0, 0) 24px 16px 0px 9px\]]
+    expected: FAIL
+
+  [Web Animations: property <box-shadow> from [black 15px 10px 5px 6px\] to [orange -15px -10px 25px -4px\] at (0.3) should be [rgb(77, 50, 0) 6px 4px 11px 3px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <box-shadow> from [10px 20px yellow, 5px 10px green\] to [inset 5px 10px green, 15px 20px blue\] at (0.5) should be [inset 5px 10px green, 15px 20px blue\]]
+    expected: FAIL
+
+  [CSS Animations: property <box-shadow> from neutral to [20px 20px 20px 20px black\] at (0.6) should be [rgb(0, 0, 0) 16px 24px 16px 24px\]]
+    expected: FAIL
+
+  [CSS Animations: property <box-shadow> from [15px 10px 5px 6px black\] to [-15px -10px 25px -4px orange\] at (-0.3) should be [rgb(0, 0, 0) 24px 16px 0px 9px\]]
+    expected: FAIL
+
+  [CSS Animations: property <box-shadow> from [unset\] to [20px 20px 20px 20px black\] at (1) should be [rgb(0, 0, 0) 20px 20px 20px 20px\]]
+    expected: FAIL
+
+  [Web Animations: property <box-shadow> from [unset\] to [20px 20px 20px 20px black\] at (0) should be [rgba(0, 0, 0, 0) 0px 0px 0px 0px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <box-shadow> from [10px 10px 10px 10px black\] to [10px 10px 10px 10px currentColor\] at (0.3) should be [rgb(0, 38, 0) 10px 10px 10px 10px\]]
+    expected: FAIL
+
+  [Web Animations: property <box-shadow> from [10px 20px yellow, 5px 10px green\] to [inset 5px 10px green, 15px 20px blue\] at (0) should be [10px 20px yellow, 5px 10px green\]]
+    expected: FAIL
+
+  [CSS Transitions: property <box-shadow> from [10px 20px rgba(255, 255, 0, 0.5), inset 5px 10em #008000\] to [none\] at (-0.3) should be [rgba(255, 255, 0, 0.65) 13px 26px 0px 0px, rgb(0, 166, 0) 6.5px 39px 0px 0px inset\]]
+    expected: FAIL
+
+  [CSS Transitions: property <box-shadow> from [initial\] to [20px 20px 20px 20px black\] at (-0.3) should be [rgba(0, 0, 0, 0) -6px -6px 0px -6px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <box-shadow> from [10px 20px rgba(255, 255, 0, 0.5), inset 5px 10em #008000\] to [none\] at (0.6) should be [rgba(255, 255, 0, 0.2) 4px 8px 0px 0px, rgba(0, 128, 0, 0.4) 2px 12px 0px 0px inset\]]
+    expected: FAIL
+
+  [CSS Animations: property <box-shadow> from [black 15px 10px 5px 6px\] to [orange -15px -10px 25px -4px\] at (0) should be [rgb(0, 0, 0) 15px 10px 5px 6px\]]
+    expected: FAIL
+
+  [Web Animations: property <box-shadow> from [10px 20px rgba(255, 255, 0, 0.5), inset 5px 10em #008000\] to [none\] at (0.3) should be [rgba(255, 255, 0, 0.353) 7px 14px 0px 0px, rgba(0, 128, 0, 0.7) 3.5px 21px 0px 0px inset\]]
+    expected: FAIL
+
+  [Web Animations: property <box-shadow> from [10px 20px rgba(255, 255, 0, 0.5), inset 5px 10em #008000\] to [none\] at (0.6) should be [rgba(255, 255, 0, 0.2) 4px 8px 0px 0px, rgba(0, 128, 0, 0.4) 2px 12px 0px 0px inset\]]
+    expected: FAIL
+
+  [CSS Transitions: property <box-shadow> from [15px 10px 5px 6px black\] to [-15px -10px 25px -4px orange\] at (0.6) should be [rgb(153, 99, 0) -3px -2px 17px 0px\]]
+    expected: FAIL
+
+  [Web Animations: property <box-shadow> from [15px 10px 5px 6px black inset\] to [-15px -10px 25px -4px orange inset\] at (0.3) should be [rgb(77, 50, 0) 6px 4px 11px 3px inset\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <box-shadow> from [15px 10px 5px 6px black inset\] to [-15px -10px 25px -4px orange inset\] at (1) should be [rgb(255, 165, 0) -15px -10px 25px -4px inset\]]
+    expected: FAIL
+
+  [Web Animations: property <box-shadow> from [10px 20px rgba(255, 255, 0, 0.5), inset 5px 10em #008000\] to [none\] at (0) should be [rgba(255, 255, 0, 0.5) 10px 20px 0px 0px, rgb(0, 128, 0) 5px 30px 0px 0px inset\]]
+    expected: FAIL
+
+  [Web Animations: property <box-shadow> from [initial\] to [20px 20px 20px 20px black\] at (0.6) should be [rgba(0, 0, 0, 0.6) 12px 12px 12px 12px\]]
+    expected: FAIL
+
+  [CSS Animations: property <box-shadow> from [inherit\] to [20px 20px 20px 20px black\] at (0) should be [rgb(0, 0, 0) 30px 10px 30px 10px\]]
+    expected: FAIL
+
+  [CSS Animations: property <box-shadow> from [10px 10px 10px 10px black\] to [10px 10px 10px 10px currentColor\] at (0.3) should be [rgb(0, 38, 0) 10px 10px 10px 10px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <box-shadow> from [10px 20px rgba(255, 255, 0, 0.5), inset 5px 10em #008000\] to [none\] at (1) should be [rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px inset\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <box-shadow> from [15px 10px 5px 6px black inset\] to [-15px -10px 25px -4px orange inset\] at (0.6) should be [rgb(153, 99, 0) -3px -2px 17px 0px inset\]]
+    expected: FAIL
+
+  [Web Animations: property <box-shadow> from [10px 20px yellow, 5px 10px green\] to [inset 5px 10px green, 15px 20px blue\] at (0.3) should be [10px 20px yellow, 5px 10px green\]]
+    expected: FAIL
+
+  [CSS Animations: property <box-shadow> from [initial\] to [20px 20px 20px 20px black\] at (0.3) should be [rgba(0, 0, 0, 0.3) 6px 6px 6px 6px\]]
+    expected: FAIL
+
+  [CSS Animations: property <box-shadow> from [inherit\] to [20px 20px 20px 20px black\] at (-0.3) should be [rgb(0, 0, 0) 33px 7px 33px 7px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <box-shadow> from [unset\] to [20px 20px 20px 20px black\] at (0.6) should be [rgba(0, 0, 0, 0.6) 12px 12px 12px 12px\]]
+    expected: FAIL
+
+  [Web Animations: property <box-shadow> from [10px 20px yellow, 5px 10px green\] to [inset 5px 10px green, 15px 20px blue\] at (1) should be [inset 5px 10px green, 15px 20px blue\]]
+    expected: FAIL
+
+  [CSS Animations: property <box-shadow> from [10px 20px rgba(255, 255, 0, 0.5), inset 5px 10em #008000\] to [none\] at (0.6) should be [rgba(255, 255, 0, 0.2) 4px 8px 0px 0px, rgba(0, 128, 0, 0.4) 2px 12px 0px 0px inset\]]
+    expected: FAIL
+
+  [Web Animations: property <box-shadow> from [15px 10px 5px 6px black inset\] to [-15px -10px 25px -4px orange inset\] at (1.5) should be [rgb(255, 248, 0) -30px -20px 35px -9px inset\]]
+    expected: FAIL
+
+  [CSS Animations: property <box-shadow> from [unset\] to [20px 20px 20px 20px black\] at (0.6) should be [rgba(0, 0, 0, 0.6) 12px 12px 12px 12px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <box-shadow> from [black 15px 10px 5px 6px\] to [orange -15px -10px 25px -4px\] at (1.5) should be [rgb(255, 248, 0) -30px -20px 35px -9px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <box-shadow> from [10px 20px rgba(255, 255, 0, 0.5), inset 5px 10em #008000\] to [none\] at (0.3) should be [rgba(255, 255, 0, 0.353) 7px 14px 0px 0px, rgba(0, 128, 0, 0.7) 3.5px 21px 0px 0px inset\]]
+    expected: FAIL
+
+  [Web Animations: property <box-shadow> from [10px 20px rgba(255, 255, 0, 0.5), inset 5px 10em #008000\] to [none\] at (1.5) should be [rgba(0, 0, 0, 0) -5px -10px 0px 0px, rgba(0, 0, 0, 0) -2.5px -15px 0px 0px inset\]]
+    expected: FAIL
+
+  [CSS Animations: property <box-shadow> from [10px 20px rgba(255, 255, 0, 0.5), inset 5px 10em #008000\] to [none\] at (-0.3) should be [rgba(255, 255, 0, 0.65) 13px 26px 0px 0px, rgb(0, 166, 0) 6.5px 39px 0px 0px inset\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <box-shadow> from [10px 20px yellow, 5px 10px green\] to [inset 5px 10px green, 15px 20px blue\] at (0.5) should be [inset 5px 10px green, 15px 20px blue\]]
+    expected: FAIL
+
+  [Web Animations: property <box-shadow> from [inherit\] to [20px 20px 20px 20px black\] at (-0.3) should be [rgb(0, 0, 0) 33px 7px 33px 7px\]]
+    expected: FAIL
+
+  [CSS Animations: property <box-shadow> from [15px 10px 5px 6px black inset\] to [-15px -10px 25px -4px orange inset\] at (0) should be [rgb(0, 0, 0) 15px 10px 5px 6px inset\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <box-shadow> from [15px 10px 5px 6px black\] to [-15px -10px 25px -4px orange\] at (1.5) should be [rgb(255, 248, 0) -30px -20px 35px -9px\]]
+    expected: FAIL
+
+  [CSS Animations: property <box-shadow> from [15px 10px 5px 6px black\] to [-15px -10px 25px -4px orange\] at (0) should be [rgb(0, 0, 0) 15px 10px 5px 6px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <box-shadow> from [15px 10px 5px 6px black inset\] to [-15px -10px 25px -4px orange inset\] at (0.6) should be [rgb(153, 99, 0) -3px -2px 17px 0px inset\]]
+    expected: FAIL
+
+  [Web Animations: property <box-shadow> from [15px 10px 5px 6px black\] to [-15px -10px 25px -4px\] at (1) should be [rgb(0, 128, 0) -15px -10px 25px -4px\]]
+    expected: FAIL
+
+  [CSS Animations: property <box-shadow> from [10px 10px 10px 10px black\] to [10px 10px 10px 10px currentColor\] at (0) should be [rgb(0, 0, 0) 10px 10px 10px 10px\]]
+    expected: FAIL
+
+  [Web Animations: property <box-shadow> from [unset\] to [20px 20px 20px 20px black\] at (1.5) should be [rgb(0, 0, 0) 30px 30px 30px 30px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <box-shadow> from [unset\] to [20px 20px 20px 20px black\] at (1.5) should be [rgb(0, 0, 0) 30px 30px 30px 30px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <box-shadow> from [initial\] to [20px 20px 20px 20px black\] at (0) should be [rgba(0, 0, 0, 0) 0px 0px 0px 0px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <box-shadow> from [10px 20px rgba(255, 255, 0, 0.5), inset 5px 10em #008000\] to [none\] at (0) should be [rgba(255, 255, 0, 0.5) 10px 20px 0px 0px, rgb(0, 128, 0) 5px 30px 0px 0px inset\]]
+    expected: FAIL
+
+  [CSS Animations: property <box-shadow> from [10px 20px yellow, 5px 10px green\] to [inset 5px 10px green, 15px 20px blue\] at (1) should be [inset 5px 10px green, 15px 20px blue\]]
+    expected: FAIL
+
+  [CSS Transitions: property <box-shadow> from [10px 20px yellow, 5px 10px green\] to [inset 5px 10px green, 15px 20px blue\] at (1) should be [inset 5px 10px green, 15px 20px blue\]]
+    expected: FAIL
+
+  [CSS Transitions: property <box-shadow> from [10px 20px rgba(255, 255, 0, 0.5), inset 5px 10em #008000\] to [none\] at (1) should be [rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px inset\]]
+    expected: FAIL
+
+  [CSS Transitions: property <box-shadow> from [15px 10px 5px 6px black\] to [-15px -10px 25px -4px\] at (-0.3) should be [rgb(0, 0, 0) 24px 16px 0px 9px\]]
+    expected: FAIL
+
+  [CSS Animations: property <box-shadow> from [15px 10px 5px 6px black inset\] to [-15px -10px 25px -4px orange inset\] at (0.3) should be [rgb(77, 50, 0) 6px 4px 11px 3px inset\]]
+    expected: FAIL
+
+  [CSS Animations: property <box-shadow> from [initial\] to [20px 20px 20px 20px black\] at (1) should be [rgb(0, 0, 0) 20px 20px 20px 20px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <box-shadow> from [10px 20px rgba(255, 255, 0, 0.5), inset 5px 10em #008000\] to [none\] at (-0.3) should be [rgba(255, 255, 0, 0.65) 13px 26px 0px 0px, rgb(0, 166, 0) 6.5px 39px 0px 0px inset\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <box-shadow> from [initial\] to [20px 20px 20px 20px black\] at (0.3) should be [rgba(0, 0, 0, 0.3) 6px 6px 6px 6px\]]
+    expected: FAIL
+
+  [Web Animations: property <box-shadow> from [15px 10px 5px 6px black\] to [-15px -10px 25px -4px\] at (0.6) should be [rgb(0, 77, 0) -3px -2px 17px 0px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <box-shadow> from [inherit\] to [20px 20px 20px 20px black\] at (0) should be [rgb(0, 0, 0) 30px 10px 30px 10px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <box-shadow> from [inherit\] to [20px 20px 20px 20px black\] at (1.5) should be [rgb(0, 0, 0) 15px 25px 15px 25px\]]
+    expected: FAIL
+
+  [CSS Animations: property <box-shadow> from [15px 10px 5px 6px black inset\] to [-15px -10px 25px -4px orange inset\] at (-0.3) should be [rgb(0, 0, 0) 24px 16px 0px 9px inset\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <box-shadow> from [initial\] to [20px 20px 20px 20px black\] at (0.6) should be [rgba(0, 0, 0, 0.6) 12px 12px 12px 12px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <box-shadow> from [unset\] to [20px 20px 20px 20px black\] at (-0.3) should be [rgba(0, 0, 0, 0) -6px -6px 0px -6px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <box-shadow> from [10px 20px rgba(255, 255, 0, 0.5), inset 5px 10em #008000\] to [none\] at (0.6) should be [rgba(255, 255, 0, 0.2) 4px 8px 0px 0px, rgba(0, 128, 0, 0.4) 2px 12px 0px 0px inset\]]
+    expected: FAIL
+
+  [Web Animations: property <box-shadow> from [unset\] to [20px 20px 20px 20px black\] at (1) should be [rgb(0, 0, 0) 20px 20px 20px 20px\]]
+    expected: FAIL
+
+  [Web Animations: property <box-shadow> from [10px 10px 10px 10px black\] to [10px 10px 10px 10px currentColor\] at (1.5) should be [rgb(0, 192, 0) 10px 10px 10px 10px\]]
+    expected: FAIL
+
+  [CSS Animations: property <box-shadow> from [black 15px 10px 5px 6px\] to [orange -15px -10px 25px -4px\] at (0.3) should be [rgb(77, 50, 0) 6px 4px 11px 3px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <box-shadow> from [black 15px 10px 5px 6px\] to [orange -15px -10px 25px -4px\] at (-0.3) should be [rgb(0, 0, 0) 24px 16px 0px 9px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <box-shadow> from [15px 10px 5px 6px black\] to [-15px -10px 25px -4px\] at (1) should be [rgb(0, 128, 0) -15px -10px 25px -4px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <box-shadow> from [15px 10px 5px 6px black inset\] to [-15px -10px 25px -4px orange inset\] at (1.5) should be [rgb(255, 248, 0) -30px -20px 35px -9px inset\]]
+    expected: FAIL
+
+  [CSS Animations: property <box-shadow> from [15px 10px 5px 6px black\] to [-15px -10px 25px -4px orange\] at (0.3) should be [rgb(77, 50, 0) 6px 4px 11px 3px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <box-shadow> from [15px 10px 5px 6px black inset\] to [-15px -10px 25px -4px orange inset\] at (0.3) should be [rgb(77, 50, 0) 6px 4px 11px 3px inset\]]
+    expected: FAIL
+
+  [Web Animations: property <box-shadow> from [15px 10px 5px 6px black\] to [-15px -10px 25px -4px\] at (0) should be [rgb(0, 0, 0) 15px 10px 5px 6px\]]
+    expected: FAIL
+
+  [CSS Animations: property <box-shadow> from [10px 20px yellow, 5px 10px green\] to [inset 5px 10px green, 15px 20px blue\] at (0.6) should be [inset 5px 10px green, 15px 20px blue\]]
+    expected: FAIL
+
+  [CSS Animations: property <box-shadow> from [inherit\] to [20px 20px 20px 20px black\] at (1) should be [rgb(0, 0, 0) 20px 20px 20px 20px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <box-shadow> from [initial\] to [20px 20px 20px 20px black\] at (0.6) should be [rgba(0, 0, 0, 0.6) 12px 12px 12px 12px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <box-shadow> from [inherit\] to [20px 20px 20px 20px black\] at (-0.3) should be [rgb(0, 0, 0) 33px 7px 33px 7px\]]
+    expected: FAIL
+
+  [Web Animations: property <box-shadow> from [initial\] to [20px 20px 20px 20px black\] at (1.5) should be [rgb(0, 0, 0) 30px 30px 30px 30px\]]
+    expected: FAIL
+
+  [CSS Animations: property <box-shadow> from [unset\] to [20px 20px 20px 20px black\] at (1.5) should be [rgb(0, 0, 0) 30px 30px 30px 30px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <box-shadow> from neutral to [20px 20px 20px 20px black\] at (-0.3) should be [rgb(0, 0, 0) 7px 33px 7px 33px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <box-shadow> from [inherit\] to [20px 20px 20px 20px black\] at (-0.3) should be [rgb(0, 0, 0) 33px 7px 33px 7px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <box-shadow> from [10px 10px 10px 10px black\] to [10px 10px 10px 10px currentColor\] at (-0.3) should be [rgb(0, 0, 0) 10px 10px 10px 10px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <box-shadow> from [15px 10px 5px 6px black\] to [-15px -10px 25px -4px\] at (0) should be [rgb(0, 0, 0) 15px 10px 5px 6px\]]
+    expected: FAIL
+
+  [CSS Animations: property <box-shadow> from [15px 10px 5px 6px black\] to [-15px -10px 25px -4px orange\] at (1) should be [rgb(255, 165, 0) -15px -10px 25px -4px\]]
+    expected: FAIL
+
+  [Web Animations: property <box-shadow> from [10px 20px yellow, 5px 10px green\] to [inset 5px 10px green, 15px 20px blue\] at (0.6) should be [inset 5px 10px green, 15px 20px blue\]]
+    expected: FAIL
+
+  [CSS Animations: property <box-shadow> from [initial\] to [20px 20px 20px 20px black\] at (0.6) should be [rgba(0, 0, 0, 0.6) 12px 12px 12px 12px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <box-shadow> from [10px 10px 10px 10px black\] to [10px 10px 10px 10px currentColor\] at (0.6) should be [rgb(0, 77, 0) 10px 10px 10px 10px\]]
+    expected: FAIL
+
+  [Web Animations: property <box-shadow> from [15px 10px 5px 6px black inset\] to [-15px -10px 25px -4px orange inset\] at (1) should be [rgb(255, 165, 0) -15px -10px 25px -4px inset\]]
+    expected: FAIL
+
+  [Web Animations: property <box-shadow> from [initial\] to [20px 20px 20px 20px black\] at (-0.3) should be [rgba(0, 0, 0, 0) -6px -6px 0px -6px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <box-shadow> from [15px 10px 5px 6px black\] to [-15px -10px 25px -4px\] at (1.5) should be [rgb(0, 192, 0) -30px -20px 35px -9px\]]
+    expected: FAIL
+
+  [Web Animations: property <box-shadow> from [15px 10px 5px 6px black\] to [-15px -10px 25px -4px\] at (0.3) should be [rgb(0, 38, 0) 6px 4px 11px 3px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <box-shadow> from [black 15px 10px 5px 6px\] to [orange -15px -10px 25px -4px\] at (0.6) should be [rgb(153, 99, 0) -3px -2px 17px 0px\]]
+    expected: FAIL
+
+  [CSS Animations: property <box-shadow> from [10px 20px rgba(255, 255, 0, 0.5), inset 5px 10em #008000\] to [none\] at (1) should be [rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px inset\]]
+    expected: FAIL
+
+  [Web Animations: property <box-shadow> from [black 15px 10px 5px 6px\] to [orange -15px -10px 25px -4px\] at (-0.3) should be [rgb(0, 0, 0) 24px 16px 0px 9px\]]
+    expected: FAIL
+
+  [Web Animations: property <box-shadow> from [inherit\] to [20px 20px 20px 20px black\] at (1) should be [rgb(0, 0, 0) 20px 20px 20px 20px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <box-shadow> from [10px 20px yellow, 5px 10px green\] to [inset 5px 10px green, 15px 20px blue\] at (0.6) should be [inset 5px 10px green, 15px 20px blue\]]
+    expected: FAIL
+
+  [CSS Transitions: property <box-shadow> from [15px 10px 5px 6px black\] to [-15px -10px 25px -4px orange\] at (-0.3) should be [rgb(0, 0, 0) 24px 16px 0px 9px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <box-shadow> from neutral to [20px 20px 20px 20px black\] at (0.6) should be [rgb(0, 0, 0) 16px 24px 16px 24px\]]
+    expected: FAIL
+
+  [CSS Animations: property <box-shadow> from [10px 20px yellow, 5px 10px green\] to [inset 5px 10px green, 15px 20px blue\] at (0) should be [10px 20px yellow, 5px 10px green\]]
+    expected: FAIL
+
+  [Web Animations: property <box-shadow> from [10px 10px 10px 10px black\] to [10px 10px 10px 10px currentColor\] at (0.6) should be [rgb(0, 77, 0) 10px 10px 10px 10px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <box-shadow> from [15px 10px 5px 6px black\] to [-15px -10px 25px -4px\] at (0.6) should be [rgb(0, 77, 0) -3px -2px 17px 0px\]]
+    expected: FAIL
+
+  [Web Animations: property <box-shadow> from [15px 10px 5px 6px black\] to [-15px -10px 25px -4px orange\] at (0) should be [rgb(0, 0, 0) 15px 10px 5px 6px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <box-shadow> from neutral to [20px 20px 20px 20px black\] at (0) should be [rgb(0, 0, 0) 10px 30px 10px 30px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <box-shadow> from [inherit\] to [20px 20px 20px 20px black\] at (0.3) should be [rgb(0, 0, 0) 27px 13px 27px 13px\]]
+    expected: FAIL
+
+  [Web Animations: property <box-shadow> from [10px 20px yellow, 5px 10px green\] to [inset 5px 10px green, 15px 20px blue\] at (1.5) should be [inset 5px 10px green, 15px 20px blue\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <box-shadow> from [inherit\] to [20px 20px 20px 20px black\] at (1) should be [rgb(0, 0, 0) 20px 20px 20px 20px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <box-shadow> from [10px 20px yellow, 5px 10px green\] to [inset 5px 10px green, 15px 20px blue\] at (-0.3) should be [inset 5px 10px green, 15px 20px blue\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <box-shadow> from [15px 10px 5px 6px black\] to [-15px -10px 25px -4px\] at (1.5) should be [rgb(0, 192, 0) -30px -20px 35px -9px\]]
+    expected: FAIL
+
+  [Web Animations: property <box-shadow> from [15px 10px 5px 6px black inset\] to [-15px -10px 25px -4px orange inset\] at (0.6) should be [rgb(153, 99, 0) -3px -2px 17px 0px inset\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <box-shadow> from [10px 20px yellow, 5px 10px green\] to [inset 5px 10px green, 15px 20px blue\] at (1) should be [inset 5px 10px green, 15px 20px blue\]]
+    expected: FAIL
+
+  [CSS Transitions: property <box-shadow> from neutral to [20px 20px 20px 20px black\] at (0.6) should be [rgb(0, 0, 0) 16px 24px 16px 24px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <box-shadow> from [10px 20px yellow, 5px 10px green\] to [inset 5px 10px green, 15px 20px blue\] at (0.3) should be [inset 5px 10px green, 15px 20px blue\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <box-shadow> from [15px 10px 5px 6px black\] to [-15px -10px 25px -4px orange\] at (-0.3) should be [rgb(0, 0, 0) 24px 16px 0px 9px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <box-shadow> from [10px 10px 10px 10px black\] to [10px 10px 10px 10px currentColor\] at (0) should be [rgb(0, 0, 0) 10px 10px 10px 10px\]]
+    expected: FAIL
+
+  [Web Animations: property <box-shadow> from [10px 10px 10px 10px black\] to [10px 10px 10px 10px currentColor\] at (1) should be [rgb(0, 128, 0) 10px 10px 10px 10px\]]
+    expected: FAIL
+
+  [Web Animations: property <box-shadow> from [10px 20px yellow, 5px 10px green\] to [inset 5px 10px green, 15px 20px blue\] at (-0.3) should be [10px 20px yellow, 5px 10px green\]]
+    expected: FAIL
+
+  [CSS Animations: property <box-shadow> from [10px 20px rgba(255, 255, 0, 0.5), inset 5px 10em #008000\] to [none\] at (1.5) should be [rgba(0, 0, 0, 0) -5px -10px 0px 0px, rgba(0, 0, 0, 0) -2.5px -15px 0px 0px inset\]]
+    expected: FAIL
+
+  [CSS Transitions: property <box-shadow> from [initial\] to [20px 20px 20px 20px black\] at (0.3) should be [rgba(0, 0, 0, 0.3) 6px 6px 6px 6px\]]
+    expected: FAIL
+
+  [CSS Animations: property <box-shadow> from neutral to [20px 20px 20px 20px black\] at (1.5) should be [rgb(0, 0, 0) 25px 15px 25px 15px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <box-shadow> from [10px 10px 10px 10px black\] to [10px 10px 10px 10px currentColor\] at (-0.3) should be [rgb(0, 0, 0) 10px 10px 10px 10px\]]
+    expected: FAIL
+
+  [Web Animations: property <box-shadow> from [10px 20px yellow, 5px 10px green\] to [inset 5px 10px green, 15px 20px blue\] at (0.5) should be [inset 5px 10px green, 15px 20px blue\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <box-shadow> from [15px 10px 5px 6px black\] to [-15px -10px 25px -4px\] at (0) should be [rgb(0, 0, 0) 15px 10px 5px 6px\]]
+    expected: FAIL
+
+  [Web Animations: property <box-shadow> from [inherit\] to [20px 20px 20px 20px black\] at (1.5) should be [rgb(0, 0, 0) 15px 25px 15px 25px\]]
+    expected: FAIL
+
+  [Web Animations: property <box-shadow> from [10px 20px rgba(255, 255, 0, 0.5), inset 5px 10em #008000\] to [none\] at (-0.3) should be [rgba(255, 255, 0, 0.65) 13px 26px 0px 0px, rgb(0, 166, 0) 6.5px 39px 0px 0px inset\]]
+    expected: FAIL
+
+  [Web Animations: property <box-shadow> from [unset\] to [20px 20px 20px 20px black\] at (-0.3) should be [rgba(0, 0, 0, 0) -6px -6px 0px -6px\]]
+    expected: FAIL
+
+  [Web Animations: property <box-shadow> from neutral to [20px 20px 20px 20px black\] at (1) should be [rgb(0, 0, 0) 20px 20px 20px 20px\]]
+    expected: FAIL
+
+  [CSS Animations: property <box-shadow> from [10px 10px 10px 10px black\] to [10px 10px 10px 10px currentColor\] at (1.5) should be [rgb(0, 192, 0) 10px 10px 10px 10px\]]
+    expected: FAIL
+
+  [CSS Animations: property <box-shadow> from neutral to [20px 20px 20px 20px black\] at (0) should be [rgb(0, 0, 0) 10px 30px 10px 30px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <box-shadow> from [inherit\] to [20px 20px 20px 20px black\] at (0.3) should be [rgb(0, 0, 0) 27px 13px 27px 13px\]]
+    expected: FAIL
+
+  [Web Animations: property <box-shadow> from [inherit\] to [20px 20px 20px 20px black\] at (0.3) should be [rgb(0, 0, 0) 27px 13px 27px 13px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <box-shadow> from [10px 20px yellow, 5px 10px green\] to [inset 5px 10px green, 15px 20px blue\] at (0.6) should be [inset 5px 10px green, 15px 20px blue\]]
+    expected: FAIL
+
+  [CSS Transitions: property <box-shadow> from [inherit\] to [20px 20px 20px 20px black\] at (0.6) should be [rgb(0, 0, 0) 24px 16px 24px 16px\]]
+    expected: FAIL
+
+  [CSS Animations: property <box-shadow> from neutral to [20px 20px 20px 20px black\] at (-0.3) should be [rgb(0, 0, 0) 7px 33px 7px 33px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <box-shadow> from neutral to [20px 20px 20px 20px black\] at (0.3) should be [rgb(0, 0, 0) 13px 27px 13px 27px\]]
+    expected: FAIL
+
+  [Web Animations: property <box-shadow> from [inherit\] to [20px 20px 20px 20px black\] at (0.6) should be [rgb(0, 0, 0) 24px 16px 24px 16px\]]
+    expected: FAIL
+
+  [CSS Animations: property <box-shadow> from [15px 10px 5px 6px black inset\] to [-15px -10px 25px -4px orange inset\] at (1) should be [rgb(255, 165, 0) -15px -10px 25px -4px inset\]]
+    expected: FAIL
+
+  [CSS Transitions: property <box-shadow> from [black 15px 10px 5px 6px\] to [orange -15px -10px 25px -4px\] at (1) should be [rgb(255, 165, 0) -15px -10px 25px -4px\]]
+    expected: FAIL
+
+  [CSS Animations: property <box-shadow> from [black 15px 10px 5px 6px\] to [orange -15px -10px 25px -4px\] at (1.5) should be [rgb(255, 248, 0) -30px -20px 35px -9px\]]
+    expected: FAIL
+
+  [CSS Animations: property <box-shadow> from neutral to [20px 20px 20px 20px black\] at (1) should be [rgb(0, 0, 0) 20px 20px 20px 20px\]]
+    expected: FAIL
+
+  [Web Animations: property <box-shadow> from [initial\] to [20px 20px 20px 20px black\] at (0) should be [rgba(0, 0, 0, 0) 0px 0px 0px 0px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <box-shadow> from [inherit\] to [20px 20px 20px 20px black\] at (1) should be [rgb(0, 0, 0) 20px 20px 20px 20px\]]
+    expected: FAIL
+
+  [Web Animations: property <box-shadow> from [black 15px 10px 5px 6px\] to [orange -15px -10px 25px -4px\] at (0) should be [rgb(0, 0, 0) 15px 10px 5px 6px\]]
+    expected: FAIL
+
+  [Web Animations: property <box-shadow> from [initial\] to [20px 20px 20px 20px black\] at (0.3) should be [rgba(0, 0, 0, 0.3) 6px 6px 6px 6px\]]
+    expected: FAIL
+
+  [Web Animations: property <box-shadow> from [15px 10px 5px 6px black\] to [-15px -10px 25px -4px\] at (-0.3) should be [rgb(0, 0, 0) 24px 16px 0px 9px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <box-shadow> from neutral to [20px 20px 20px 20px black\] at (0) should be [rgb(0, 0, 0) 10px 30px 10px 30px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <box-shadow> from [15px 10px 5px 6px black\] to [-15px -10px 25px -4px orange\] at (1) should be [rgb(255, 165, 0) -15px -10px 25px -4px\]]
+    expected: FAIL
+
+  [Web Animations: property <box-shadow> from [black 15px 10px 5px 6px\] to [orange -15px -10px 25px -4px\] at (1) should be [rgb(255, 165, 0) -15px -10px 25px -4px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <box-shadow> from [unset\] to [20px 20px 20px 20px black\] at (-0.3) should be [rgba(0, 0, 0, 0) -6px -6px 0px -6px\]]
+    expected: FAIL
+
+  [CSS Animations: property <box-shadow> from [initial\] to [20px 20px 20px 20px black\] at (-0.3) should be [rgba(0, 0, 0, 0) -6px -6px 0px -6px\]]
+    expected: FAIL
+
+  [CSS Animations: property <box-shadow> from [15px 10px 5px 6px black\] to [-15px -10px 25px -4px\] at (0) should be [rgb(0, 0, 0) 15px 10px 5px 6px\]]
+    expected: FAIL
+
+  [Web Animations: property <box-shadow> from [15px 10px 5px 6px black\] to [-15px -10px 25px -4px orange\] at (0.3) should be [rgb(77, 50, 0) 6px 4px 11px 3px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <box-shadow> from [10px 20px yellow, 5px 10px green\] to [inset 5px 10px green, 15px 20px blue\] at (0) should be [inset 5px 10px green, 15px 20px blue\]]
+    expected: FAIL
+
+  [Web Animations: property <box-shadow> from [10px 10px 10px 10px black\] to [10px 10px 10px 10px currentColor\] at (-0.3) should be [rgb(0, 0, 0) 10px 10px 10px 10px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <box-shadow> from [black 15px 10px 5px 6px\] to [orange -15px -10px 25px -4px\] at (0.3) should be [rgb(77, 50, 0) 6px 4px 11px 3px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <box-shadow> from [inherit\] to [20px 20px 20px 20px black\] at (0) should be [rgb(0, 0, 0) 30px 10px 30px 10px\]]
+    expected: FAIL
+
+  [Web Animations: property <box-shadow> from neutral to [20px 20px 20px 20px black\] at (1.5) should be [rgb(0, 0, 0) 25px 15px 25px 15px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <box-shadow> from [unset\] to [20px 20px 20px 20px black\] at (1) should be [rgb(0, 0, 0) 20px 20px 20px 20px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <box-shadow> from [10px 10px 10px 10px black\] to [10px 10px 10px 10px currentColor\] at (0) should be [rgb(0, 0, 0) 10px 10px 10px 10px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <box-shadow> from [initial\] to [20px 20px 20px 20px black\] at (1) should be [rgb(0, 0, 0) 20px 20px 20px 20px\]]
+    expected: FAIL
+
+  [CSS Animations: property <box-shadow> from [initial\] to [20px 20px 20px 20px black\] at (1.5) should be [rgb(0, 0, 0) 30px 30px 30px 30px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <box-shadow> from [15px 10px 5px 6px black inset\] to [-15px -10px 25px -4px orange inset\] at (0.3) should be [rgb(77, 50, 0) 6px 4px 11px 3px inset\]]
+    expected: FAIL
+
+  [CSS Animations: property <box-shadow> from [unset\] to [20px 20px 20px 20px black\] at (0) should be [rgba(0, 0, 0, 0) 0px 0px 0px 0px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <box-shadow> from [black 15px 10px 5px 6px\] to [orange -15px -10px 25px -4px\] at (0.6) should be [rgb(153, 99, 0) -3px -2px 17px 0px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <box-shadow> from [10px 20px yellow, 5px 10px green\] to [inset 5px 10px green, 15px 20px blue\] at (-0.3) should be [inset 5px 10px green, 15px 20px blue\]]
+    expected: FAIL
+
+  [CSS Animations: property <box-shadow> from [15px 10px 5px 6px black\] to [-15px -10px 25px -4px\] at (0.3) should be [rgb(0, 38, 0) 6px 4px 11px 3px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <box-shadow> from [15px 10px 5px 6px black\] to [-15px -10px 25px -4px orange\] at (1) should be [rgb(255, 165, 0) -15px -10px 25px -4px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <box-shadow> from [unset\] to [20px 20px 20px 20px black\] at (0.3) should be [rgba(0, 0, 0, 0.3) 6px 6px 6px 6px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <box-shadow> from [10px 10px 10px 10px black\] to [10px 10px 10px 10px currentColor\] at (0.3) should be [rgb(0, 38, 0) 10px 10px 10px 10px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <box-shadow> from [10px 20px yellow, 5px 10px green\] to [inset 5px 10px green, 15px 20px blue\] at (0.3) should be [inset 5px 10px green, 15px 20px blue\]]
+    expected: FAIL
+
+  [CSS Animations: property <box-shadow> from [10px 20px yellow, 5px 10px green\] to [inset 5px 10px green, 15px 20px blue\] at (0.5) should be [inset 5px 10px green, 15px 20px blue\]]
+    expected: FAIL
+
+  [CSS Animations: property <box-shadow> from [10px 20px yellow, 5px 10px green\] to [inset 5px 10px green, 15px 20px blue\] at (-0.3) should be [10px 20px yellow, 5px 10px green\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <box-shadow> from [15px 10px 5px 6px black\] to [-15px -10px 25px -4px\] at (0.6) should be [rgb(0, 77, 0) -3px -2px 17px 0px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <box-shadow> from [black 15px 10px 5px 6px\] to [orange -15px -10px 25px -4px\] at (0) should be [rgb(0, 0, 0) 15px 10px 5px 6px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <box-shadow> from [15px 10px 5px 6px black\] to [-15px -10px 25px -4px orange\] at (0.6) should be [rgb(153, 99, 0) -3px -2px 17px 0px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <box-shadow> from [15px 10px 5px 6px black\] to [-15px -10px 25px -4px\] at (0.3) should be [rgb(0, 38, 0) 6px 4px 11px 3px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <box-shadow> from [15px 10px 5px 6px black\] to [-15px -10px 25px -4px orange\] at (0) should be [rgb(0, 0, 0) 15px 10px 5px 6px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <box-shadow> from [15px 10px 5px 6px black\] to [-15px -10px 25px -4px orange\] at (0) should be [rgb(0, 0, 0) 15px 10px 5px 6px\]]
+    expected: FAIL
+
+  [Web Animations: property <box-shadow> from [unset\] to [20px 20px 20px 20px black\] at (0.3) should be [rgba(0, 0, 0, 0.3) 6px 6px 6px 6px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <box-shadow> from [initial\] to [20px 20px 20px 20px black\] at (1) should be [rgb(0, 0, 0) 20px 20px 20px 20px\]]
+    expected: FAIL
+
+  [CSS Animations: property <box-shadow> from [15px 10px 5px 6px black\] to [-15px -10px 25px -4px orange\] at (0.6) should be [rgb(153, 99, 0) -3px -2px 17px 0px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <box-shadow> from [unset\] to [20px 20px 20px 20px black\] at (0) should be [rgba(0, 0, 0, 0) 0px 0px 0px 0px\]]
+    expected: FAIL
+
+  [CSS Animations: property <box-shadow> from [15px 10px 5px 6px black inset\] to [-15px -10px 25px -4px orange inset\] at (0.6) should be [rgb(153, 99, 0) -3px -2px 17px 0px inset\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <box-shadow> from [initial\] to [20px 20px 20px 20px black\] at (1.5) should be [rgb(0, 0, 0) 30px 30px 30px 30px\]]
+    expected: FAIL
+
+  [CSS Animations: property <box-shadow> from [15px 10px 5px 6px black\] to [-15px -10px 25px -4px\] at (0.6) should be [rgb(0, 77, 0) -3px -2px 17px 0px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <box-shadow> from [15px 10px 5px 6px black inset\] to [-15px -10px 25px -4px orange inset\] at (0) should be [rgb(0, 0, 0) 15px 10px 5px 6px inset\]]
+    expected: FAIL
+
+  [Web Animations: property <box-shadow> from [15px 10px 5px 6px black\] to [-15px -10px 25px -4px orange\] at (1) should be [rgb(255, 165, 0) -15px -10px 25px -4px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <box-shadow> from [15px 10px 5px 6px black inset\] to [-15px -10px 25px -4px orange inset\] at (-0.3) should be [rgb(0, 0, 0) 24px 16px 0px 9px inset\]]
+    expected: FAIL
+
+  [CSS Animations: property <box-shadow> from [inherit\] to [20px 20px 20px 20px black\] at (0.6) should be [rgb(0, 0, 0) 24px 16px 24px 16px\]]
+    expected: FAIL
+
+  [CSS Animations: property <box-shadow> from [black 15px 10px 5px 6px\] to [orange -15px -10px 25px -4px\] at (0.6) should be [rgb(153, 99, 0) -3px -2px 17px 0px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <box-shadow> from [10px 10px 10px 10px black\] to [10px 10px 10px 10px currentColor\] at (1) should be [rgb(0, 128, 0) 10px 10px 10px 10px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <box-shadow> from neutral to [20px 20px 20px 20px black\] at (1) should be [rgb(0, 0, 0) 20px 20px 20px 20px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <box-shadow> from [10px 20px rgba(255, 255, 0, 0.5), inset 5px 10em #008000\] to [none\] at (0) should be [rgba(255, 255, 0, 0.5) 10px 20px 0px 0px, rgb(0, 128, 0) 5px 30px 0px 0px inset\]]
+    expected: FAIL
+
+  [Web Animations: property <box-shadow> from [10px 10px 10px 10px black\] to [10px 10px 10px 10px currentColor\] at (0) should be [rgb(0, 0, 0) 10px 10px 10px 10px\]]
+    expected: FAIL
+
+  [CSS Animations: property <box-shadow> from [10px 10px 10px 10px black\] to [10px 10px 10px 10px currentColor\] at (1) should be [rgb(0, 128, 0) 10px 10px 10px 10px\]]
+    expected: FAIL
+
+  [CSS Animations: property <box-shadow> from [10px 10px 10px 10px black\] to [10px 10px 10px 10px currentColor\] at (0.6) should be [rgb(0, 77, 0) 10px 10px 10px 10px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <box-shadow> from [15px 10px 5px 6px black\] to [-15px -10px 25px -4px orange\] at (0.3) should be [rgb(77, 50, 0) 6px 4px 11px 3px\]]
+    expected: FAIL
+
+  [Web Animations: property <box-shadow> from [15px 10px 5px 6px black\] to [-15px -10px 25px -4px\] at (1.5) should be [rgb(0, 192, 0) -30px -20px 35px -9px\]]
+    expected: FAIL
+
+  [CSS Animations: property <box-shadow> from [15px 10px 5px 6px black\] to [-15px -10px 25px -4px\] at (-0.3) should be [rgb(0, 0, 0) 24px 16px 0px 9px\]]
+    expected: FAIL
+
+  [Web Animations: property <box-shadow> from [10px 20px rgba(255, 255, 0, 0.5), inset 5px 10em #008000\] to [none\] at (1) should be [rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px inset\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <box-shadow> from [unset\] to [20px 20px 20px 20px black\] at (0.3) should be [rgba(0, 0, 0, 0.3) 6px 6px 6px 6px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <box-shadow> from [10px 10px 10px 10px black\] to [10px 10px 10px 10px currentColor\] at (1) should be [rgb(0, 128, 0) 10px 10px 10px 10px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <box-shadow> from [unset\] to [20px 20px 20px 20px black\] at (1.5) should be [rgb(0, 0, 0) 30px 30px 30px 30px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <box-shadow> from [10px 20px yellow, 5px 10px green\] to [inset 5px 10px green, 15px 20px blue\] at (1.5) should be [inset 5px 10px green, 15px 20px blue\]]
+    expected: FAIL
+
+  [CSS Animations: property <box-shadow> from [15px 10px 5px 6px black\] to [-15px -10px 25px -4px orange\] at (1.5) should be [rgb(255, 248, 0) -30px -20px 35px -9px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <box-shadow> from [10px 20px rgba(255, 255, 0, 0.5), inset 5px 10em #008000\] to [none\] at (1.5) should be [rgba(0, 0, 0, 0) -5px -10px 0px 0px, rgba(0, 0, 0, 0) -2.5px -15px 0px 0px inset\]]
+    expected: FAIL
+
+  [Web Animations: property <box-shadow> from [initial\] to [20px 20px 20px 20px black\] at (1) should be [rgb(0, 0, 0) 20px 20px 20px 20px\]]
+    expected: FAIL
+
+  [Web Animations: property <box-shadow> from [15px 10px 5px 6px black\] to [-15px -10px 25px -4px orange\] at (1.5) should be [rgb(255, 248, 0) -30px -20px 35px -9px\]]
+    expected: FAIL
+
+  [CSS Animations: property <box-shadow> from [10px 20px rgba(255, 255, 0, 0.5), inset 5px 10em #008000\] to [none\] at (0) should be [rgba(255, 255, 0, 0.5) 10px 20px 0px 0px, rgb(0, 128, 0) 5px 30px 0px 0px inset\]]
+    expected: FAIL
+
+  [CSS Animations: property <box-shadow> from [inherit\] to [20px 20px 20px 20px black\] at (0.3) should be [rgb(0, 0, 0) 27px 13px 27px 13px\]]
+    expected: FAIL
+
+  [Web Animations: property <box-shadow> from [15px 10px 5px 6px black inset\] to [-15px -10px 25px -4px orange inset\] at (-0.3) should be [rgb(0, 0, 0) 24px 16px 0px 9px inset\]]
+    expected: FAIL
+
+  [CSS Animations: property <box-shadow> from [15px 10px 5px 6px black\] to [-15px -10px 25px -4px\] at (1.5) should be [rgb(0, 192, 0) -30px -20px 35px -9px\]]
+    expected: FAIL
+
+  [Web Animations: property <box-shadow> from neutral to [20px 20px 20px 20px black\] at (-0.3) should be [rgb(0, 0, 0) 7px 33px 7px 33px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <box-shadow> from [unset\] to [20px 20px 20px 20px black\] at (0) should be [rgba(0, 0, 0, 0) 0px 0px 0px 0px\]]
+    expected: FAIL
+
+  [CSS Animations: property <box-shadow> from [unset\] to [20px 20px 20px 20px black\] at (0.3) should be [rgba(0, 0, 0, 0.3) 6px 6px 6px 6px\]]
+    expected: FAIL
+
+  [CSS Animations: property <box-shadow> from [10px 10px 10px 10px black\] to [10px 10px 10px 10px currentColor\] at (-0.3) should be [rgb(0, 0, 0) 10px 10px 10px 10px\]]
+    expected: FAIL
+
+  [CSS Animations: property <box-shadow> from [unset\] to [20px 20px 20px 20px black\] at (-0.3) should be [rgba(0, 0, 0, 0) -6px -6px 0px -6px\]]
+    expected: FAIL
+
+  [Web Animations: property <box-shadow> from [15px 10px 5px 6px black\] to [-15px -10px 25px -4px orange\] at (-0.3) should be [rgb(0, 0, 0) 24px 16px 0px 9px\]]
+    expected: FAIL
+
+  [CSS Animations: property <box-shadow> from [black 15px 10px 5px 6px\] to [orange -15px -10px 25px -4px\] at (1) should be [rgb(255, 165, 0) -15px -10px 25px -4px\]]
+    expected: FAIL
+
+  [CSS Animations: property <box-shadow> from [15px 10px 5px 6px black inset\] to [-15px -10px 25px -4px orange inset\] at (1.5) should be [rgb(255, 248, 0) -30px -20px 35px -9px inset\]]
+    expected: FAIL
+
+  [CSS Transitions: property <box-shadow> from [10px 20px yellow, 5px 10px green\] to [inset 5px 10px green, 15px 20px blue\] at (1.5) should be [inset 5px 10px green, 15px 20px blue\]]
+    expected: FAIL
+
+  [Web Animations: property <box-shadow> from [inherit\] to [20px 20px 20px 20px black\] at (0) should be [rgb(0, 0, 0) 30px 10px 30px 10px\]]
+    expected: FAIL
+
+  [Web Animations: property <box-shadow> from [10px 10px 10px 10px black\] to [10px 10px 10px 10px currentColor\] at (0.3) should be [rgb(0, 38, 0) 10px 10px 10px 10px\]]
+    expected: FAIL
+
+  [CSS Animations: property <box-shadow> from neutral to [20px 20px 20px 20px black\] at (0.3) should be [rgb(0, 0, 0) 13px 27px 13px 27px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <box-shadow> from [inherit\] to [20px 20px 20px 20px black\] at (0.6) should be [rgb(0, 0, 0) 24px 16px 24px 16px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <box-shadow> from neutral to [20px 20px 20px 20px black\] at (1) should be [rgb(0, 0, 0) 20px 20px 20px 20px\]]
+    expected: FAIL
+
+  [CSS Animations: property <box-shadow> from [10px 20px yellow, 5px 10px green\] to [inset 5px 10px green, 15px 20px blue\] at (1.5) should be [inset 5px 10px green, 15px 20px blue\]]
+    expected: FAIL
+
+  [CSS Animations: property <box-shadow> from [black 15px 10px 5px 6px\] to [orange -15px -10px 25px -4px\] at (-0.3) should be [rgb(0, 0, 0) 24px 16px 0px 9px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <box-shadow> from [inherit\] to [20px 20px 20px 20px black\] at (1.5) should be [rgb(0, 0, 0) 15px 25px 15px 25px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <box-shadow> from [15px 10px 5px 6px black\] to [-15px -10px 25px -4px\] at (1) should be [rgb(0, 128, 0) -15px -10px 25px -4px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <box-shadow> from [black 15px 10px 5px 6px\] to [orange -15px -10px 25px -4px\] at (1.5) should be [rgb(255, 248, 0) -30px -20px 35px -9px\]]
+    expected: FAIL
+
+  [CSS Transitions: property <box-shadow> from [10px 10px 10px 10px black\] to [10px 10px 10px 10px currentColor\] at (0.6) should be [rgb(0, 77, 0) 10px 10px 10px 10px\]]
+    expected: FAIL
+
+  [CSS Transitions with transition: all: property <box-shadow> from [15px 10px 5px 6px black inset\] to [-15px -10px 25px -4px orange inset\] at (-0.3) should be [rgb(0, 0, 0) 24px 16px 0px 9px inset\]]
+    expected: FAIL
+
+  [CSS Animations: property <box-shadow> from [10px 20px yellow, 5px 10px green\] to [inset 5px 10px green, 15px 20px blue\] at (0.3) should be [10px 20px yellow, 5px 10px green\]]
+    expected: FAIL
+
+  [Web Animations: property <box-shadow> from [15px 10px 5px 6px black\] to [-15px -10px 25px -4px orange\] at (0.6) should be [rgb(153, 99, 0) -3px -2px 17px 0px\]]
+    expected: FAIL
+

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

@@ -0,0 +1,25 @@
+[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

@@ -0,0 +1,25 @@
+[background-332.html]
+  [background_specified_clip]
+    expected: FAIL
+
+  [Computed value for background-image after setting background shorthand]
+    expected: FAIL
+
+  [background_specified_attachment]
+    expected: FAIL
+
+  [background_specified_color]
+    expected: FAIL
+
+  [background_specified_size]
+    expected: FAIL
+
+  [background_specified_repeat]
+    expected: FAIL
+
+  [background_specified_origin]
+    expected: FAIL
+
+  [background_specified_position]
+    expected: FAIL
+

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

@@ -0,0 +1,25 @@
+[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-334.html.ini

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

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

@@ -0,0 +1,7 @@
+[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

@@ -0,0 +1,7 @@
+[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-attachment-local/attachment-local-clipping-color-1.html.ini

@@ -0,0 +1,2 @@
+[attachment-local-clipping-color-1.html]
+  expected: FAIL

tests/wpt/metadata-layout-2020/css/css-backgrounds/background-attachment-local/attachment-local-clipping-color-2.html.ini

@@ -0,0 +1,2 @@
+[attachment-local-clipping-color-2.html]
+  expected: FAIL

tests/wpt/metadata-layout-2020/css/css-backgrounds/background-attachment-local/attachment-local-clipping-color-3.html.ini

@@ -0,0 +1,2 @@
+[attachment-local-clipping-color-3.html]
+  expected: FAIL

tests/wpt/metadata-layout-2020/css/css-backgrounds/background-attachment-local/attachment-local-clipping-color-4.html.ini

@@ -0,0 +1,2 @@
+[attachment-local-clipping-color-4.html]
+  expected: FAIL

tests/wpt/metadata-layout-2020/css/css-backgrounds/background-attachment-local/attachment-local-clipping-color-5.html.ini

@@ -0,0 +1,2 @@
+[attachment-local-clipping-color-5.html]
+  expected: FAIL

tests/wpt/metadata-layout-2020/css/css-backgrounds/background-attachment-local/attachment-local-clipping-color-6.html.ini

@@ -0,0 +1,2 @@
+[attachment-local-clipping-color-6.html]
+  expected: FAIL

tests/wpt/metadata-layout-2020/css/css-backgrounds/background-attachment-local/attachment-local-clipping-image-1.html.ini

@@ -0,0 +1,2 @@
+[attachment-local-clipping-image-1.html]
+  expected: FAIL

tests/wpt/metadata-layout-2020/css/css-backgrounds/background-attachment-local/attachment-local-clipping-image-2.html.ini

@@ -0,0 +1,2 @@
+[attachment-local-clipping-image-2.html]
+  expected: FAIL

tests/wpt/metadata-layout-2020/css/css-backgrounds/background-attachment-local/attachment-local-clipping-image-3.html.ini

@@ -0,0 +1,2 @@
+[attachment-local-clipping-image-3.html]
+  expected: FAIL

tests/wpt/metadata-layout-2020/css/css-backgrounds/background-attachment-local/attachment-local-clipping-image-4.html.ini

@@ -0,0 +1,2 @@
+[attachment-local-clipping-image-4.html]
+  expected: FAIL

tests/wpt/metadata-layout-2020/css/css-backgrounds/background-attachment-local/attachment-local-clipping-image-5.html.ini

@@ -0,0 +1,2 @@
+[attachment-local-clipping-image-5.html]
+  expected: FAIL

tests/wpt/metadata-layout-2020/css/css-backgrounds/background-attachment-local/attachment-local-clipping-image-6.html.ini

@@ -0,0 +1,2 @@
+[attachment-local-clipping-image-6.html]
+  expected: FAIL

tests/wpt/metadata-layout-2020/css/css-backgrounds/background-attachment-local/attachment-local-positioning-2.html.ini

@@ -0,0 +1,2 @@
+[attachment-local-positioning-2.html]
+  expected: FAIL

tests/wpt/metadata-layout-2020/css/css-backgrounds/background-attachment-local/attachment-local-positioning-3.html.ini

@@ -0,0 +1,2 @@
+[attachment-local-positioning-3.html]
+  expected: FAIL

tests/wpt/metadata-layout-2020/css/css-backgrounds/background-attachment-local/attachment-local-positioning-4.html.ini

@@ -0,0 +1,2 @@
+[attachment-local-positioning-4.html]
+  expected: FAIL

tests/wpt/metadata-layout-2020/css/css-backgrounds/background-attachment-local/attachment-local-positioning-5.html.ini

@@ -0,0 +1,2 @@
+[attachment-local-positioning-5.html]
+  expected: FAIL

tests/wpt/metadata-layout-2020/css/css-backgrounds/background-attachment-local/attachment-scroll-positioning-1.html.ini

@@ -0,0 +1,2 @@
+[attachment-scroll-positioning-1.html]
+  expected: FAIL

tests/wpt/metadata-layout-2020/css/css-backgrounds/background-border-collapsed-gradient.html.ini

@@ -0,0 +1,2 @@
+[background-border-collapsed-gradient.html]
+  expected: FAIL

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

@@ -0,0 +1,13 @@
+[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-clip-color-repaint.html.ini

@@ -0,0 +1,2 @@
+[background-clip-color-repaint.html]
+  expected: TIMEOUT

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

@@ -0,0 +1,2 @@
+[background-clip-color.html]
+  expected: FAIL

tests/wpt/metadata-layout-2020/css/css-backgrounds/background-color-body-propagation-001.html.ini

@@ -0,0 +1,2 @@
+[background-color-body-propagation-001.html]
+  expected: FAIL

tests/wpt/metadata-layout-2020/css/css-backgrounds/background-color-body-propagation-003.html.ini

@@ -0,0 +1,2 @@
+[background-color-body-propagation-003.html]
+  expected: FAIL

tests/wpt/metadata-layout-2020/css/css-backgrounds/background-gradient-subpixel-fills-area.html.ini

@@ -0,0 +1,2 @@
+[background-gradient-subpixel-fills-area.html]
+  expected: FAIL

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

@@ -0,0 +1,2 @@
+[background-image-007.html]
+  expected: FAIL

tests/wpt/metadata-layout-2020/css/css-backgrounds/background-image-centered-with-border-radius.html.ini

@@ -0,0 +1,2 @@
+[background-image-centered-with-border-radius.html]
+  expected: FAIL

tests/wpt/metadata-layout-2020/css/css-backgrounds/background-image-first-letter.html.ini

@@ -0,0 +1,2 @@
+[background-image-first-letter.html]
+  expected: FAIL

tests/wpt/metadata-layout-2020/css/css-backgrounds/background-image-first-line.html.ini

@@ -0,0 +1,2 @@
+[background-image-first-line.html]
+  expected: FAIL

tests/wpt/metadata-layout-2020/css/css-backgrounds/background-image-none-gradient-repaint.html.ini

@@ -0,0 +1,2 @@
+[background-image-none-gradient-repaint.html]
+  expected: TIMEOUT

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

@@ -0,0 +1,13 @@
+[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-origin-002.html.ini

@@ -0,0 +1,2 @@
+[background-origin-002.html]
+  expected: FAIL

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

@@ -0,0 +1,2 @@
+[background-origin-003.html]
+  expected: FAIL

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

@@ -0,0 +1,2 @@
+[background-origin-004.html]
+  expected: FAIL

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

@@ -0,0 +1,2 @@
+[background-origin-005.html]
+  expected: FAIL

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

@@ -0,0 +1,2 @@
+[background-origin-006.html]
+  expected: FAIL

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

@@ -0,0 +1,2 @@
+[background-origin-007.html]
+  expected: FAIL

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

@@ -0,0 +1,2 @@
+[background-origin-008.html]
+  expected: FAIL

tests/wpt/metadata-layout-2020/css/css-backgrounds/background-position-negative-percentage-comparison.html.ini

@@ -0,0 +1,2 @@
+[background-position-negative-percentage-comparison.html]
+  expected: FAIL

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

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

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

@@ -0,0 +1,2 @@
+[background-repeat-repeat-y.xht]
+  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-repeat/background-repeat-round.xht.ini

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

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

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

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

@@ -0,0 +1,2 @@
+[background-rounded-image-clip.html]
+  expected: FAIL

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

@@ -0,0 +1,61 @@
+[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/background-size-026.html.ini

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

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

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

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

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

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

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

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

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

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

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

tests/wpt/metadata-layout-2020/css/css-backgrounds/background-size/background-size-contain.xht.ini

@@ -0,0 +1,2 @@
+[background-size-contain.xht]
+  expected: FAIL

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

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

tests/wpt/metadata-layout-2020/css/css-backgrounds/background-size/background-size-cover.xht.ini

@@ -0,0 +1,2 @@
+[background-size-cover.xht]
+  expected: FAIL

tests/wpt/metadata-layout-2020/css/css-backgrounds/background-size/background-size-near-zero-svg.html.ini

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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