Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-06-20 07:08:59 +01:00
Code Issues Projects Releases Packages Wiki Activity

Auto merge of #27388 - Manishearth:clip-2020, r=SimonSapin

Browse source 
Layout 2020: Implement `clip: rect`

This implements `clip: rect`

Unfortunately, none of the tests pass yet, they are all broken due to https://github.com/servo/servo/issues/27387

Additionally, currently `clip` does not seem to clip the element itself, only its children. I'm not quite sure what to do about that, I patterned this off of the code in the layout 2013 which handled clip immediately after scroll overflow.
This commit is contained in:
bors-servo 2020-07-28 11:44:38 -04:00 • committed by GitHub
commit b41f5f97f2
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
140 changed files with 5140 additions and 153 deletions
Download patch file Download diff file Expand all files Collapse all files

23
components/layout/display_list/builder.rs
View file

@ -63,7 +63,7 @@ use style::properties::{style_structs, ComputedValues};
use style::servo::restyle_damage::ServoRestyleDamage; use style::servo::restyle_damage::ServoRestyleDamage;
use style::values::computed::effects::SimpleShadow; use style::values::computed::effects::SimpleShadow;
use style::values::computed::image::Image; use style::values::computed::image::Image;
use style::values::computed::{ClipRectOrAuto, Gradient, LengthOrAuto}; use style::values::computed::{ClipRectOrAuto, Gradient};
use style::values::generics::background::BackgroundSize; use style::values::generics::background::BackgroundSize;
use style::values::generics::image::PaintWorklet; use style::values::generics::image::PaintWorklet;
use style::values::specified::ui::CursorKind; use style::values::specified::ui::CursorKind;
@ -2701,26 +2701,7 @@ impl BlockFlow {
_ => return, _ => return,
} }
fn extract_clip_component(p: &LengthOrAuto) -> Option<Au> { let clip_rect = style_clip_rect.for_border_rect(stacking_relative_border_box);
match *p {
LengthOrAuto::Auto => None,
LengthOrAuto::LengthPercentage(ref length) => Some(Au::from(*length)),
}
}
let clip_origin = Point2D::new(
stacking_relative_border_box.origin.x +
extract_clip_component(&style_clip_rect.left).unwrap_or_default(),
stacking_relative_border_box.origin.y +
extract_clip_component(&style_clip_rect.top).unwrap_or_default(),
);
let right = extract_clip_component(&style_clip_rect.right)
.unwrap_or(stacking_relative_border_box.size.width);
let bottom = extract_clip_component(&style_clip_rect.bottom)
.unwrap_or(stacking_relative_border_box.size.height);
let clip_size = Size2D::new(right - clip_origin.x, bottom - clip_origin.y);
let clip_rect = Rect::new(clip_origin, clip_size);
preserved_state.push_clip(state, clip_rect, self.positioning()); preserved_state.push_clip(state, clip_rect, self.positioning());
let new_index = state.add_clip_scroll_node(ClipScrollNode { let new_index = state.add_clip_scroll_node(ClipScrollNode {

29
components/layout_2020/display_list/stacking_context.rs
View file

@ -19,6 +19,7 @@ use style::computed_values::mix_blend_mode::T as ComputedMixBlendMode;
use style::computed_values::overflow_x::T as ComputedOverflow; use style::computed_values::overflow_x::T as ComputedOverflow;
use style::computed_values::position::T as ComputedPosition; use style::computed_values::position::T as ComputedPosition;
use style::properties::ComputedValues; use style::properties::ComputedValues;
use style::values::computed::ClipRectOrAuto;
use style::values::computed::Length; use style::values::computed::Length;
use style::values::generics::box_::Perspective; use style::values::generics::box_::Perspective;
use style::values::generics::transform; use style::values::generics::transform;
@ -660,6 +661,7 @@ impl BoxFragment {
containing_block_info: &ContainingBlockInfo, containing_block_info: &ContainingBlockInfo,
stacking_context: &mut StackingContext, stacking_context: &mut StackingContext,
) { ) {
self.build_clip_frame_if_necessary(builder, containing_block_info);
stacking_context.fragments.push(StackingContextFragment { stacking_context.fragments.push(StackingContextFragment {
space_and_clip: builder.current_space_and_clip, space_and_clip: builder.current_space_and_clip,
section: self.get_stacking_context_section(), section: self.get_stacking_context_section(),
@ -708,6 +710,32 @@ impl BoxFragment {
builder.current_space_and_clip.spatial_id = builder.nearest_reference_frame; builder.current_space_and_clip.spatial_id = builder.nearest_reference_frame;
} }
fn build_clip_frame_if_necessary(
&self,
builder: &mut StackingContextBuilder,
containing_block_info: &ContainingBlockInfo,
) {
let position = self.style.get_box().position;
// https://drafts.csswg.org/css2/#clipping
// The clip property applies only to absolutely positioned elements
if position == ComputedPosition::Absolute || position == ComputedPosition::Fixed {
let clip = self.style.get_effects().clip;
if let ClipRectOrAuto::Rect(r) = clip {
let border_rect = self
.border_rect()
.to_physical(self.style.writing_mode, &containing_block_info.rect);
let clip_rect = r
.for_border_rect(border_rect)
.translate(containing_block_info.rect.origin.to_vector())
.to_webrender();
let parent = builder.current_space_and_clip;
builder.current_space_and_clip.clip_id =
builder.wr.define_clip_rect(&parent, clip_rect);
}
}
}
fn build_scroll_frame_if_necessary<'a>( fn build_scroll_frame_if_necessary<'a>(
&self, &self,
builder: &mut StackingContextBuilder, builder: &mut StackingContextBuilder,
@ -715,6 +743,7 @@ impl BoxFragment {
) { ) {
let overflow_x = self.style.get_box().overflow_x; let overflow_x = self.style.get_box().overflow_x;
let overflow_y = self.style.get_box().overflow_y; let overflow_y = self.style.get_box().overflow_y;
let original_scroll_and_clip_info = builder.current_space_and_clip; let original_scroll_and_clip_info = builder.current_space_and_clip;
if overflow_x != ComputedOverflow::Visible || overflow_y != ComputedOverflow::Visible { if overflow_x != ComputedOverflow::Visible || overflow_y != ComputedOverflow::Visible {
let external_id = wr::ExternalScrollId( let external_id = wr::ExternalScrollId(

1
components/style/properties/longhands/effects.mako.rs
View file

@ -38,7 +38,6 @@ ${helpers.predefined_type(
"ClipRectOrAuto", "ClipRectOrAuto",
"computed::ClipRectOrAuto::auto()", "computed::ClipRectOrAuto::auto()",
engines="gecko servo-2013 servo-2020", engines="gecko servo-2013 servo-2020",
servo_2020_pref="layout.2020.unimplemented",
animation_value_type="ComputedValue", animation_value_type="ComputedValue",
boxed=True, boxed=True,
allow_quirks="Yes", allow_quirks="Yes",

35
components/style/values/computed/mod.rs
View file

@ -22,11 +22,12 @@ use crate::properties;
use crate::properties::{ComputedValues, LonghandId, StyleBuilder}; use crate::properties::{ComputedValues, LonghandId, StyleBuilder};
use crate::rule_cache::RuleCacheConditions; use crate::rule_cache::RuleCacheConditions;
use crate::{ArcSlice, Atom, One}; use crate::{ArcSlice, Atom, One};
use euclid::default::Size2D; use euclid::{default, Point2D, Rect, Size2D};
use servo_arc::Arc; use servo_arc::Arc;
use std::cell::RefCell; use std::cell::RefCell;
use std::cmp; use std::cmp;
use std::f32; use std::f32;
use std::ops::{Add, Sub};
#[cfg(feature = "gecko")] #[cfg(feature = "gecko")]
pub use self::align::{ pub use self::align::{
@ -208,7 +209,7 @@ impl<'a> Context<'a> {
} }
/// The current viewport size, used to resolve viewport units. /// The current viewport size, used to resolve viewport units.
pub fn viewport_size_for_viewport_unit_resolution(&self) -> Size2D<Au> { pub fn viewport_size_for_viewport_unit_resolution(&self) -> default::Size2D<Au> {
self.builder self.builder
.device .device
.au_viewport_size_for_viewport_unit_resolution() .au_viewport_size_for_viewport_unit_resolution()
@ -353,11 +354,11 @@ where
} }
} }
impl<T> ToComputedValue for Size2D<T> impl<T> ToComputedValue for default::Size2D<T>
where where
T: ToComputedValue, T: ToComputedValue,
{ {
type ComputedValue = Size2D<<T as ToComputedValue>::ComputedValue>; type ComputedValue = default::Size2D<<T as ToComputedValue>::ComputedValue>;
#[inline] #[inline]
fn to_computed_value(&self, context: &Context) -> Self::ComputedValue { fn to_computed_value(&self, context: &Context) -> Self::ComputedValue {
@ -814,3 +815,29 @@ pub type GridLine = GenericGridLine<Integer>;
/// `<grid-template-rows> | <grid-template-columns>` /// `<grid-template-rows> | <grid-template-columns>`
pub type GridTemplateComponent = GenericGridTemplateComponent<LengthPercentage, Integer>; pub type GridTemplateComponent = GenericGridTemplateComponent<LengthPercentage, Integer>;
impl ClipRect {
/// Given a border box, resolves the clip rect against the border box
/// in the same space the border box is in
pub fn for_border_rect<T: Copy + From<Length> + Add<Output = T> + Sub<Output = T>, U>(
&self,
border_box: Rect<T, U>,
) -> Rect<T, U> {
fn extract_clip_component<T: From<Length>>(p: &LengthOrAuto, or: T) -> T {
match *p {
LengthOrAuto::Auto => or,
LengthOrAuto::LengthPercentage(ref length) => T::from(*length),
}
}
let clip_origin = Point2D::new(
From::from(self.left.auto_is(|| Length::new(0.))),
From::from(self.top.auto_is(|| Length::new(0.))),
);
let right = extract_clip_component(&self.right, border_box.size.width);
let bottom = extract_clip_component(&self.bottom, border_box.size.height);
let clip_size = Size2D::new(right - clip_origin.x, bottom - clip_origin.y);
Rect::new(clip_origin, clip_size).translate(border_box.origin.to_vector())
}
}

3
tests/wpt/include-layout-2020.ini
View file

@ -11,6 +11,9 @@ skip: true
skip: false skip: false
[css-animations] [css-animations]
skip: false skip: false
[css-masking]
[clip]
skip: false
[css-backgrounds] [css-backgrounds]
skip: false skip: false
[css-content] [css-content]

2
tests/wpt/metadata-layout-2020/css/CSS2/visufx/clip-005.xht.ini
View file

@ -1,2 +0,0 @@
[clip-005.xht]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/CSS2/visufx/clip-006.xht.ini
View file

@ -1,2 +0,0 @@
[clip-006.xht]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/CSS2/visufx/clip-007.xht.ini
View file

@ -1,2 +0,0 @@
[clip-007.xht]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/CSS2/visufx/clip-008.xht.ini
View file

@ -1,2 +0,0 @@
[clip-008.xht]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/CSS2/visufx/clip-016.xht.ini
View file

@ -1,2 +0,0 @@
[clip-016.xht]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/CSS2/visufx/clip-017.xht.ini
View file

@ -1,2 +0,0 @@
[clip-017.xht]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/CSS2/visufx/clip-018.xht.ini
View file

@ -1,2 +0,0 @@
[clip-018.xht]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/CSS2/visufx/clip-019.xht.ini
View file

@ -1,2 +0,0 @@
[clip-019.xht]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/CSS2/visufx/clip-020.xht.ini
View file

@ -1,2 +0,0 @@
[clip-020.xht]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/CSS2/visufx/clip-028.xht.ini
View file

@ -1,2 +0,0 @@
[clip-028.xht]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/CSS2/visufx/clip-029.xht.ini
View file

@ -1,2 +0,0 @@
[clip-029.xht]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/CSS2/visufx/clip-030.xht.ini
View file

@ -1,2 +0,0 @@
[clip-030.xht]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/CSS2/visufx/clip-031.xht.ini
View file

@ -1,2 +0,0 @@
[clip-031.xht]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/CSS2/visufx/clip-032.xht.ini
View file

@ -1,2 +0,0 @@
[clip-032.xht]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/CSS2/visufx/clip-040.xht.ini
View file

@ -1,2 +0,0 @@
[clip-040.xht]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/CSS2/visufx/clip-041.xht.ini
View file

@ -1,2 +0,0 @@
[clip-041.xht]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/CSS2/visufx/clip-042.xht.ini
View file

@ -1,2 +0,0 @@
[clip-042.xht]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/CSS2/visufx/clip-043.xht.ini
View file

@ -1,2 +0,0 @@
[clip-043.xht]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/CSS2/visufx/clip-044.xht.ini
View file

@ -1,2 +0,0 @@
[clip-044.xht]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/CSS2/visufx/clip-052.xht.ini
View file

@ -1,2 +0,0 @@
[clip-052.xht]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/CSS2/visufx/clip-053.xht.ini
View file

@ -1,2 +0,0 @@
[clip-053.xht]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/CSS2/visufx/clip-054.xht.ini
View file

@ -1,2 +0,0 @@
[clip-054.xht]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/CSS2/visufx/clip-055.xht.ini
View file

@ -1,2 +0,0 @@
[clip-055.xht]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/CSS2/visufx/clip-056.xht.ini
View file

@ -1,2 +0,0 @@
[clip-056.xht]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/CSS2/visufx/clip-064.xht.ini
View file

@ -1,2 +0,0 @@
[clip-064.xht]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/CSS2/visufx/clip-065.xht.ini
View file

@ -1,2 +0,0 @@
[clip-065.xht]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/CSS2/visufx/clip-066.xht.ini
View file

@ -1,2 +0,0 @@
[clip-066.xht]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/CSS2/visufx/clip-067.xht.ini
View file

@ -1,2 +0,0 @@
[clip-067.xht]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/CSS2/visufx/clip-068.xht.ini
View file

@ -1,2 +0,0 @@
[clip-068.xht]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/CSS2/visufx/clip-076.xht.ini
View file

@ -1,2 +0,0 @@
[clip-076.xht]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/CSS2/visufx/clip-077.xht.ini
View file

@ -1,2 +0,0 @@
[clip-077.xht]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/CSS2/visufx/clip-078.xht.ini
View file

@ -1,2 +0,0 @@
[clip-078.xht]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/CSS2/visufx/clip-079.xht.ini
View file

@ -1,2 +0,0 @@
[clip-079.xht]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/CSS2/visufx/clip-080.xht.ini
View file

@ -1,2 +0,0 @@
[clip-080.xht]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/CSS2/visufx/clip-088.xht.ini
View file

@ -1,2 +0,0 @@
[clip-088.xht]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/CSS2/visufx/clip-089.xht.ini
View file

@ -1,2 +0,0 @@
[clip-089.xht]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/CSS2/visufx/clip-090.xht.ini
View file

@ -1,2 +0,0 @@
[clip-090.xht]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/CSS2/visufx/clip-091.xht.ini
View file

@ -1,2 +0,0 @@
[clip-091.xht]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/CSS2/visufx/clip-092.xht.ini
View file

@ -1,2 +0,0 @@
[clip-092.xht]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/CSS2/visufx/clip-097.xht.ini
View file

@ -1,2 +0,0 @@
[clip-097.xht]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/CSS2/visufx/clip-098.xht.ini
View file

@ -1,2 +0,0 @@
[clip-098.xht]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/CSS2/visufx/clip-099.xht.ini
View file

@ -1,2 +0,0 @@
[clip-099.xht]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/CSS2/visufx/clip-102.xht.ini
View file

@ -1,2 +0,0 @@
[clip-102.xht]
expected: FAIL

307
tests/wpt/metadata-layout-2020/css/css-masking/animations/clip-interpolation.html.ini Normal file
View file

@ -0,0 +1,307 @@
[clip-interpolation.html]
[Web Animations: property <clip> from neutral to [rect(20px, 20px, 20px, 20px)\] at (0) should be [rect(0px 100px 0px 100px)\]]
expected: FAIL
[Web Animations: property <clip> from [rect(auto, auto, auto, 10px)\] to [rect(20px, 50px, 50px, auto)\] at (1.5) should be [rect(20px, 50px, 50px, auto)\]]
expected: FAIL
[Web Animations: property <clip> from [auto\] to [rect(0px, 50px, 50px, 0px)\] at (1) should be [rect(0px, 50px, 50px, 0px)\]]
expected: FAIL
[CSS Animations: property <clip> from [auto\] to [rect(0px, 50px, 50px, 0px)\] at (1.5) should be [rect(0px, 50px, 50px, 0px)\]]
expected: FAIL
[CSS Animations: property <clip> from [initial\] to [rect(20px, 20px, 20px, 20px)\] at (0.5) should be [rect(20px, 20px, 20px, 20px)\]]
expected: FAIL
[Web Animations: property <clip> from [auto\] to [rect(0px, 50px, 50px, 0px)\] at (0) should be [auto\]]
expected: FAIL
[CSS Animations: property <clip> from [initial\] to [rect(20px, 20px, 20px, 20px)\] at (-0.3) should be [initial\]]
expected: FAIL
[Web Animations: property <clip> from [inherit\] to [rect(20px, 20px, 20px, 20px)\] at (0.75) should be [rect(40px 15px 40px 15px)\]]
expected: FAIL
[Web Animations: property <clip> from [rect(0px, 50px, 50px, 0px)\] to [auto\] at (1.5) should be [auto\]]
expected: FAIL
[Web Animations: property <clip> from [rect(auto, 0px, auto, 10px)\] to [rect(auto, 50px, 50px, auto)\] at (0.6) should be [rect(auto, 50px, 50px, auto)\]]
expected: FAIL
[CSS Animations: property <clip> from [unset\] to [rect(20px, 20px, 20px, 20px)\] at (0.3) should be [unset\]]
expected: FAIL
[Web Animations: property <clip> from [rect(auto, 0px, auto, 10px)\] to [rect(auto, 50px, 50px, auto)\] at (0.3) should be [rect(auto, 0px, auto, 10px)\]]
expected: FAIL
[Web Animations: property <clip> from [rect(0px, 75px, 80px, 10px)\] to [rect(0px, 100px, 90px, 5px)\] at (0.25) should be [rect(0px, 81.25px, 82.5px, 8.75px)\]]
expected: FAIL
[CSS Animations: property <clip> from [unset\] to [rect(20px, 20px, 20px, 20px)\] at (0) should be [unset\]]
expected: FAIL
[Web Animations: property <clip> from [rect(0px, 50px, 50px, 0px)\] to [auto\] at (0.6) should be [auto\]]
expected: FAIL
[CSS Animations: property <clip> from [rect(auto, auto, auto, 10px)\] to [rect(20px, 50px, 50px, auto)\] at (0.3) should be [rect(auto, auto, auto, 10px)\]]
expected: FAIL
[CSS Animations: property <clip> from [rect(auto, 0px, auto, 10px)\] to [rect(auto, 50px, 50px, auto)\] at (0.6) should be [rect(auto, 50px, 50px, auto)\]]
expected: FAIL
[CSS Animations: property <clip> from [rect(0px, 50px, 50px, 0px)\] to [auto\] at (0.6) should be [auto\]]
expected: FAIL
[Web Animations: property <clip> from [rect(0px, 50px, 50px, 0px)\] to [auto\] at (0) should be [rect(0px, 50px, 50px, 0px)\]]
expected: FAIL
[Web Animations: property <clip> from [initial\] to [rect(20px, 20px, 20px, 20px)\] at (-0.3) should be [initial\]]
expected: FAIL
[Web Animations: property <clip> from [inherit\] to [rect(20px, 20px, 20px, 20px)\] at (-1) should be [rect(180px -20px 180px -20px)\]]
expected: FAIL
[CSS Animations: property <clip> from [auto\] to [rect(0px, 50px, 50px, 0px)\] at (0.6) should be [rect(0px, 50px, 50px, 0px)\]]
expected: FAIL
[Web Animations: property <clip> from neutral to [rect(20px, 20px, 20px, 20px)\] at (1) should be [rect(20px 20px 20px 20px)\]]
expected: FAIL
[CSS Animations: property <clip> from [rect(0px, 50px, 50px, 0px)\] to [auto\] at (-0.3) should be [rect(0px, 50px, 50px, 0px)\]]
expected: FAIL
[Web Animations: property <clip> from [rect(0px, 75px, 80px, 10px)\] to [rect(0px, 100px, 90px, 5px)\] at (-1) should be [rect(0px, 50px, 70px, 15px)\]]
expected: FAIL
[Web Animations: property <clip> from [initial\] to [rect(20px, 20px, 20px, 20px)\] at (1) should be [rect(20px, 20px, 20px, 20px)\]]
expected: FAIL
[Web Animations: property <clip> from neutral to [rect(20px, 20px, 20px, 20px)\] at (2) should be [rect(40px -60px 40px -60px)\]]
expected: FAIL
[CSS Animations: property <clip> from [auto\] to [rect(0px, 50px, 50px, 0px)\] at (1) should be [rect(0px, 50px, 50px, 0px)\]]
expected: FAIL
[Web Animations: property <clip> from [rect(auto, 0px, auto, 10px)\] to [rect(auto, 50px, 50px, auto)\] at (-0.3) should be [rect(auto, 0px, auto, 10px)\]]
expected: FAIL
[Web Animations: property <clip> from [rect(auto, 0px, auto, 10px)\] to [rect(auto, 50px, 50px, auto)\] at (0) should be [rect(auto, 0px, auto, 10px)\]]
expected: FAIL
[CSS Animations: property <clip> from [initial\] to [rect(20px, 20px, 20px, 20px)\] at (0.6) should be [rect(20px, 20px, 20px, 20px)\]]
expected: FAIL
[Web Animations: property <clip> from [rect(auto, auto, auto, 10px)\] to [rect(20px, 50px, 50px, auto)\] at (0.6) should be [rect(20px, 50px, 50px, auto)\]]
expected: FAIL
[Web Animations: property <clip> from [rect(0px, 75px, 80px, 10px)\] to [rect(0px, 100px, 90px, 5px)\] at (1) should be [rect(0px, 100px, 90px, 5px)\]]
expected: FAIL
[Web Animations: property <clip> from [rect(auto, auto, auto, 10px)\] to [rect(20px, 50px, 50px, auto)\] at (0.3) should be [rect(auto, auto, auto, 10px)\]]
expected: FAIL
[Web Animations: property <clip> from [rect(auto, 0px, auto, 10px)\] to [rect(auto, 50px, 50px, auto)\] at (1) should be [rect(auto, 50px, 50px, auto)\]]
expected: FAIL
[Web Animations: property <clip> from [unset\] to [rect(20px, 20px, 20px, 20px)\] at (1) should be [rect(20px, 20px, 20px, 20px)\]]
expected: FAIL
[CSS Animations: property <clip> from [unset\] to [rect(20px, 20px, 20px, 20px)\] at (-0.3) should be [unset\]]
expected: FAIL
[CSS Animations: property <clip> from [rect(auto, auto, auto, 10px)\] to [rect(20px, 50px, 50px, auto)\] at (1.5) should be [rect(20px, 50px, 50px, auto)\]]
expected: FAIL
[CSS Animations: property <clip> from [rect(auto, auto, auto, 10px)\] to [rect(20px, 50px, 50px, auto)\] at (-0.3) should be [rect(auto, auto, auto, 10px)\]]
expected: FAIL
[CSS Animations: property <clip> from [unset\] to [rect(20px, 20px, 20px, 20px)\] at (1.5) should be [rect(20px, 20px, 20px, 20px)\]]
expected: FAIL
[Web Animations: property <clip> from [inherit\] to [rect(20px, 20px, 20px, 20px)\] at (1) should be [rect(20px 20px 20px 20px)\]]
expected: FAIL
[CSS Animations: property <clip> from [rect(auto, 0px, auto, 10px)\] to [rect(auto, 50px, 50px, auto)\] at (0) should be [rect(auto, 0px, auto, 10px)\]]
expected: FAIL
[CSS Animations: property <clip> from [rect(auto, 0px, auto, 10px)\] to [rect(auto, 50px, 50px, auto)\] at (0.5) should be [rect(auto, 50px, 50px, auto)\]]
expected: FAIL
[CSS Animations: property <clip> from [rect(auto, 0px, auto, 10px)\] to [rect(auto, 50px, 50px, auto)\] at (-0.3) should be [rect(auto, 0px, auto, 10px)\]]
expected: FAIL
[CSS Animations: property <clip> from [auto\] to [rect(0px, 50px, 50px, 0px)\] at (0.5) should be [rect(0px, 50px, 50px, 0px)\]]
expected: FAIL
[CSS Animations: property <clip> from [rect(auto, auto, auto, 10px)\] to [rect(20px, 50px, 50px, auto)\] at (0) should be [rect(auto, auto, auto, 10px)\]]
expected: FAIL
[Web Animations: property <clip> from [auto\] to [rect(0px, 50px, 50px, 0px)\] at (1.5) should be [rect(0px, 50px, 50px, 0px)\]]
expected: FAIL
[CSS Animations: property <clip> from [unset\] to [rect(20px, 20px, 20px, 20px)\] at (0.6) should be [rect(20px, 20px, 20px, 20px)\]]
expected: FAIL
[Web Animations: property <clip> from [unset\] to [rect(20px, 20px, 20px, 20px)\] at (0.3) should be [unset\]]
expected: FAIL
[CSS Animations: property <clip> from [unset\] to [rect(20px, 20px, 20px, 20px)\] at (1) should be [rect(20px, 20px, 20px, 20px)\]]
expected: FAIL
[CSS Animations: property <clip> from [initial\] to [rect(20px, 20px, 20px, 20px)\] at (0.3) should be [initial\]]
expected: FAIL
[Web Animations: property <clip> from [unset\] to [rect(20px, 20px, 20px, 20px)\] at (0) should be [unset\]]
expected: FAIL
[CSS Animations: property <clip> from [rect(auto, 0px, auto, 10px)\] to [rect(auto, 50px, 50px, auto)\] at (1.5) should be [rect(auto, 50px, 50px, auto)\]]
expected: FAIL
[Web Animations: property <clip> from [rect(auto, auto, auto, 10px)\] to [rect(20px, 50px, 50px, auto)\] at (0) should be [rect(auto, auto, auto, 10px)\]]
expected: FAIL
[CSS Animations: property <clip> from [initial\] to [rect(20px, 20px, 20px, 20px)\] at (0) should be [initial\]]
expected: FAIL
[Web Animations: property <clip> from [auto\] to [rect(0px, 50px, 50px, 0px)\] at (0.5) should be [rect(0px, 50px, 50px, 0px)\]]
expected: FAIL
[Web Animations: property <clip> from [rect(0px, 75px, 80px, 10px)\] to [rect(0px, 100px, 90px, 5px)\] at (0) should be [rect(0px, 75px, 80px, 10px)\]]
expected: FAIL
[Web Animations: property <clip> from [rect(0px, 50px, 50px, 0px)\] to [auto\] at (0.3) should be [rect(0px, 50px, 50px, 0px)\]]
expected: FAIL
[CSS Animations: property <clip> from [rect(0px, 50px, 50px, 0px)\] to [auto\] at (1.5) should be [auto\]]
expected: FAIL
[Web Animations: property <clip> from [auto\] to [rect(0px, 50px, 50px, 0px)\] at (0.6) should be [rect(0px, 50px, 50px, 0px)\]]
expected: FAIL
[Web Animations: property <clip> from neutral to [rect(20px, 20px, 20px, 20px)\] at (0.75) should be [rect(15px 40px 15px 40px)\]]
expected: FAIL
[CSS Animations: property <clip> from [unset\] to [rect(20px, 20px, 20px, 20px)\] at (0.5) should be [rect(20px, 20px, 20px, 20px)\]]
expected: FAIL
[Web Animations: property <clip> from [rect(auto, auto, auto, 10px)\] to [rect(20px, 50px, 50px, auto)\] at (1) should be [rect(20px, 50px, 50px, auto)\]]
expected: FAIL
[Web Animations: property <clip> from [initial\] to [rect(20px, 20px, 20px, 20px)\] at (0) should be [initial\]]
expected: FAIL
[Web Animations: property <clip> from [rect(auto, auto, auto, 10px)\] to [rect(20px, 50px, 50px, auto)\] at (0.5) should be [rect(20px, 50px, 50px, auto)\]]
expected: FAIL
[Web Animations: property <clip> from [auto\] to [rect(0px, 50px, 50px, 0px)\] at (-0.3) should be [auto\]]
expected: FAIL
[Web Animations: property <clip> from [rect(auto, 0px, auto, 10px)\] to [rect(auto, 50px, 50px, auto)\] at (1.5) should be [rect(auto, 50px, 50px, auto)\]]
expected: FAIL
[CSS Animations: property <clip> from [initial\] to [rect(20px, 20px, 20px, 20px)\] at (1) should be [rect(20px, 20px, 20px, 20px)\]]
expected: FAIL
[CSS Animations: property <clip> from [rect(auto, auto, auto, 10px)\] to [rect(20px, 50px, 50px, auto)\] at (1) should be [rect(20px, 50px, 50px, auto)\]]
expected: FAIL
[Web Animations: property <clip> from [inherit\] to [rect(20px, 20px, 20px, 20px)\] at (2) should be [rect(-60px 40px -60px 40px)\]]
expected: FAIL
[CSS Animations: property <clip> from [rect(0px, 50px, 50px, 0px)\] to [auto\] at (0.5) should be [auto\]]
expected: FAIL
[CSS Animations: property <clip> from [auto\] to [rect(0px, 50px, 50px, 0px)\] at (0.3) should be [auto\]]
expected: FAIL
[Web Animations: property <clip> from [initial\] to [rect(20px, 20px, 20px, 20px)\] at (0.5) should be [rect(20px, 20px, 20px, 20px)\]]
expected: FAIL
[CSS Animations: property <clip> from [rect(auto, 0px, auto, 10px)\] to [rect(auto, 50px, 50px, auto)\] at (1) should be [rect(auto, 50px, 50px, auto)\]]
expected: FAIL
[Web Animations: property <clip> from neutral to [rect(20px, 20px, 20px, 20px)\] at (0.25) should be [rect(5px 80px 5px 80px)\]]
expected: FAIL
[Web Animations: property <clip> from [rect(0px, 50px, 50px, 0px)\] to [auto\] at (0.5) should be [auto\]]
expected: FAIL
[CSS Animations: property <clip> from [rect(0px, 50px, 50px, 0px)\] to [auto\] at (0) should be [rect(0px, 50px, 50px, 0px)\]]
expected: FAIL
[Web Animations: property <clip> from [rect(auto, 0px, auto, 10px)\] to [rect(auto, 50px, 50px, auto)\] at (0.5) should be [rect(auto, 50px, 50px, auto)\]]
expected: FAIL
[CSS Animations: property <clip> from [rect(auto, auto, auto, 10px)\] to [rect(20px, 50px, 50px, auto)\] at (0.6) should be [rect(20px, 50px, 50px, auto)\]]
expected: FAIL
[Web Animations: property <clip> from [initial\] to [rect(20px, 20px, 20px, 20px)\] at (1.5) should be [rect(20px, 20px, 20px, 20px)\]]
expected: FAIL
[CSS Animations: property <clip> from [rect(auto, auto, auto, 10px)\] to [rect(20px, 50px, 50px, auto)\] at (0.5) should be [rect(20px, 50px, 50px, auto)\]]
expected: FAIL
[Web Animations: property <clip> from [rect(0px, 50px, 50px, 0px)\] to [auto\] at (-0.3) should be [rect(0px, 50px, 50px, 0px)\]]
expected: FAIL
[Web Animations: property <clip> from [inherit\] to [rect(20px, 20px, 20px, 20px)\] at (0.25) should be [rect(80px 5px 80px 5px)\]]
expected: FAIL
[Web Animations: property <clip> from [unset\] to [rect(20px, 20px, 20px, 20px)\] at (0.6) should be [rect(20px, 20px, 20px, 20px)\]]
expected: FAIL
[Web Animations: property <clip> from [rect(auto, auto, auto, 10px)\] to [rect(20px, 50px, 50px, auto)\] at (-0.3) should be [rect(auto, auto, auto, 10px)\]]
expected: FAIL
[Web Animations: property <clip> from [auto\] to [rect(0px, 50px, 50px, 0px)\] at (0.3) should be [auto\]]
expected: FAIL
[Web Animations: property <clip> from [rect(0px, 75px, 80px, 10px)\] to [rect(0px, 100px, 90px, 5px)\] at (2) should be [rect(0px, 125px, 100px, 0px)\]]
expected: FAIL
[Web Animations: property <clip> from [inherit\] to [rect(20px, 20px, 20px, 20px)\] at (0) should be [rect(100px 0px 100px 0px)\]]
expected: FAIL
[CSS Animations: property <clip> from [rect(0px, 50px, 50px, 0px)\] to [auto\] at (1) should be [auto\]]
expected: FAIL
[CSS Animations: property <clip> from [auto\] to [rect(0px, 50px, 50px, 0px)\] at (-0.3) should be [auto\]]
expected: FAIL
[Web Animations: property <clip> from neutral to [rect(20px, 20px, 20px, 20px)\] at (-1) should be [rect(-20px 180px -20px 180px)\]]
expected: FAIL
[Web Animations: property <clip> from [unset\] to [rect(20px, 20px, 20px, 20px)\] at (1.5) should be [rect(20px, 20px, 20px, 20px)\]]
expected: FAIL
[Web Animations: property <clip> from [unset\] to [rect(20px, 20px, 20px, 20px)\] at (-0.3) should be [unset\]]
expected: FAIL
[CSS Animations: property <clip> from [rect(0px, 50px, 50px, 0px)\] to [auto\] at (0.3) should be [rect(0px, 50px, 50px, 0px)\]]
expected: FAIL
[Web Animations: property <clip> from [initial\] to [rect(20px, 20px, 20px, 20px)\] at (0.3) should be [initial\]]
expected: FAIL
[Web Animations: property <clip> from [unset\] to [rect(20px, 20px, 20px, 20px)\] at (0.5) should be [rect(20px, 20px, 20px, 20px)\]]
expected: FAIL
[Web Animations: property <clip> from [initial\] to [rect(20px, 20px, 20px, 20px)\] at (0.6) should be [rect(20px, 20px, 20px, 20px)\]]
expected: FAIL
[Web Animations: property <clip> from [rect(0px, 75px, 80px, 10px)\] to [rect(0px, 100px, 90px, 5px)\] at (0.75) should be [rect(0px, 93.75px, 87.5px, 6.25px)\]]
expected: FAIL
[Web Animations: property <clip> from [rect(0px, 50px, 50px, 0px)\] to [auto\] at (1) should be [auto\]]
expected: FAIL
[CSS Animations: property <clip> from [rect(auto, 0px, auto, 10px)\] to [rect(auto, 50px, 50px, auto)\] at (0.3) should be [rect(auto, 0px, auto, 10px)\]]
expected: FAIL
[CSS Animations: property <clip> from [auto\] to [rect(0px, 50px, 50px, 0px)\] at (0) should be [auto\]]
expected: FAIL
[CSS Animations: property <clip> from [initial\] to [rect(20px, 20px, 20px, 20px)\] at (1.5) should be [rect(20px, 20px, 20px, 20px)\]]
expected: FAIL

193
tests/wpt/metadata-layout-2020/css/css-masking/animations/clip-path-composition.html.ini Normal file
View file

@ -0,0 +1,193 @@
[clip-path-composition.html]
[Compositing: property <clip-path> underlying [circle(100px at 20px 20%)\] from add [circle(50px at 50px 50%)\] to replace [circle(50% at 150px 150%)\] at (0.3) should be [circle(calc(105px + 15%) at 94px 94%)\]]
expected: FAIL
[Compositing: property <clip-path> underlying [ellipse(10px 20px at 30px 40px)\] from replace [ellipse(40px 30px at 20px 10px)\] to add [ellipse(40px 30px at 20px 10px)\] at (1) should be [ellipse(50px 50px at 50px 50px)\]]
expected: FAIL
[Compositing: property <clip-path> underlying [inset(20px)\] from add [inset(20px)\] to add [inset(40%)\] at (0) should be [inset(calc(40px + 0%))\]]
expected: FAIL
[Compositing: property <clip-path> underlying [ellipse(10px 20px at 30px 40px)\] from replace [ellipse(40px 30px at 20px 10px)\] to add [ellipse(40px 30px at 20px 10px)\] at (0.6) should be [ellipse(46px 42px at 38px 34px)\]]
expected: FAIL
[Compositing: property <clip-path> underlying [polygon(evenodd, 10px 20px)\] from add [polygon(evenodd, 10px 20px)\] to add [polygon(evenodd, 110px 120px)\] at (-0.3) should be [polygon(evenodd, -10px 10px)\]]
expected: FAIL
[Compositing: property <clip-path> underlying [ellipse(25px 75%)\] from add [ellipse()\] to add [ellipse(closest-side farthest-side)\] at (0.75) should be [ellipse(closest-side farthest-side at 50% 50%)\]]
expected: FAIL
[Compositing: property <clip-path> underlying [polygon(10px 20%, 30px 40%)\] from add [polygon(10px 20%, 30px 40%)\] to add [polygon(110px 120%, 130px 140%)\] at (1) should be [polygon(120px 140%, 160px 180%)\]]
expected: FAIL
[Compositing: property <clip-path> underlying [ellipse(10px 20px at 30px 40px)\] from replace [ellipse(40px 30px at 20px 10px)\] to add [ellipse(40px 30px at 20px 10px)\] at (-0.3) should be [ellipse(37px 24px at 11px -2px)\]]
expected: FAIL
[Compositing: property <clip-path> underlying [polygon(10px 20px, 30px 40px)\] from add [polygon(10px 20px, 30px 40px)\] to add [polygon(30px 40px)\] at (0.25) should be [polygon(20px 40px, 60px 80px)\]]
expected: FAIL
[Compositing: property <clip-path> underlying [circle(farthest-side at 25px 75%)\] from add [circle(farthest-side at 25px 75%)\] to add [circle(farthest-side at 50px center)\] at (0.75) should be [circle(farthest-side at 50px 50%)\]]
expected: FAIL
[Compositing: property <clip-path> underlying [circle(100px at 20px 20%)\] from add [circle(50px at 50px 50%)\] to replace [circle(50% at 150px 150%)\] at (0) should be [circle(calc(150px + 0%) at 70px 70%)\]]
expected: FAIL
[Compositing: property <clip-path> underlying [circle(100px at 20px 20%)\] from add [circle(50px at 50px 50%)\] to replace [circle(50% at 150px 150%)\] at (-0.3) should be [circle(calc(195px + -15%) at 46px 46%)\]]
expected: FAIL
[Compositing: property <clip-path> underlying [circle(100px at 20px 20%)\] from add [circle(50px at 50px 50%)\] to replace [circle(50% at 150px 150%)\] at (1.5) should be [circle(calc(-75px + 75%) at 190px 190%)\]]
expected: FAIL
[Compositing: property <clip-path> underlying [circle(100px at 25px 25%)\] from add [circle(10px at 25px 75%)\] to add [circle(50px at 50px center)\] at (-0.3) should be [circle(98px at 42.5px 107.5%)\]]
expected: FAIL
[Compositing: property <clip-path> underlying [ellipse(25px 75%)\] from add [ellipse()\] to add [ellipse(closest-side farthest-side)\] at (0.25) should be [ellipse(at 50% 50%)\]]
expected: FAIL
[Compositing: property <clip-path> underlying [inset(1px 2px round 100px 200px)\] from add [inset(1px 2px round 100px 200px)\] to add [inset(101px 102px 101px 102px)\] at (1) should be [inset(102px 104px round 100px 200px)\]]
expected: FAIL
[Compositing: property <clip-path> underlying [ellipse(10px 20px at 30px 40px)\] from add [ellipse(40px 30px at 20px 10px)\] to add [ellipse(140px 130px at 120px 110px)\] at (0.6) should be [ellipse(110px 110px at 110px 110px)\]]
expected: FAIL
[Compositing: property <clip-path> underlying [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)\] from add [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)\] to replace [inset(102px 104px 106px 108px round 120px 140px 160px 180px / 200px 220px 240px 260px)\] at (0.25) should be [inset(27px 29px 31px 33px round 45px 65px 85px 105px / 125px 145px 165px 185px)\]]
expected: FAIL
[Compositing: property <clip-path> underlying [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)\] from add [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)\] to replace [inset(102px 104px 106px 108px round 120px 140px 160px 180px / 200px 220px 240px 260px)\] at (-0.3) should be [inset(-28px -26px -24px -22px round 0px 10px 30px 50px / 70px 90px 110px 130px)\]]
expected: FAIL
[Compositing: property <clip-path> underlying [inset(20px)\] from add [inset(20px)\] to add [inset(40%)\] at (1) should be [inset(calc(20px + 40%))\]]
expected: FAIL
[Compositing: property <clip-path> underlying [circle(100px at 20px 20%)\] from add [circle(50px at 50px 50%)\] to replace [circle(50% at 150px 150%)\] at (1) should be [circle(50% at 150px 150%)\]]
expected: FAIL
[Compositing: property <clip-path> underlying [ellipse(10px 20px at 30px 40px)\] from add [ellipse(40px 30px at 20px 10px)\] to add [ellipse(140px 130px at 120px 110px)\] at (1) should be [ellipse(150px 150px at 150px 150px)\]]
expected: FAIL
[Compositing: property <clip-path> underlying [ellipse(10px 20px at 30px 40px)\] from replace [ellipse(40px 30px at 20px 10px)\] to add [ellipse(40px 30px at 20px 10px)\] at (1.5) should be [ellipse(55px 60px at 65px 70px)\]]
expected: FAIL
[Compositing: property <clip-path> underlying [circle(50px at 10px 20px)\] from add [circle(50px at 10px 20px)\] to add [circle(farthest-side at 30px 40px)\] at (0.25) should be [circle(100px at 20px 40px)\]]
expected: FAIL
[Compositing: property <clip-path> underlying [inset(1px 2px round 100px 200px)\] from add [inset(1px 2px round 100px 200px)\] to add [inset(101px 102px 101px 102px)\] at (0) should be [inset(2px 4px round 200px 400px)\]]
expected: FAIL
[Compositing: property <clip-path> underlying [ellipse(10px 20px at 30px 40px)\] from add [ellipse(40px 30px at 20px 10px)\] to add [ellipse(140px 130px at 120px 110px)\] at (1.5) should be [ellipse(200px 200px at 200px 200px)\]]
expected: FAIL
[Compositing: property <clip-path> underlying [polygon(evenodd, 10px 20px)\] from add [polygon(evenodd, 10px 20px)\] to add [polygon(evenodd, 110px 120px)\] at (0) should be [polygon(evenodd, 20px 40px)\]]
expected: FAIL
[Compositing: property <clip-path> underlying [circle(100px at 25px 25%)\] from add [circle(10px at 25px 75%)\] to add [circle(50px at 50px center)\] at (0.3) should be [circle(122px at 57.5px 92.5%)\]]
expected: FAIL
[Compositing: property <clip-path> underlying [ellipse(10px 20px at 30px 40px)\] from replace [ellipse(40px 30px at 20px 10px)\] to add [ellipse(40px 30px at 20px 10px)\] at (0) should be [ellipse(40px 30px at 20px 10px)\]]
expected: FAIL
[Compositing: property <clip-path> underlying [polygon(evenodd, 10px 20px)\] from add [polygon(evenodd, 10px 20px)\] to add [polygon(evenodd, 110px 120px)\] at (0.6) should be [polygon(evenodd, 80px 100px)\]]
expected: FAIL
[Compositing: property <clip-path> underlying [inset(20px)\] from add [inset(20px)\] to add [inset(40%)\] at (-0.3) should be [inset(calc(46px + -12%))\]]
expected: FAIL
[Compositing: property <clip-path> underlying [ellipse(10px 20px at 30px 40px)\] from add [ellipse(40px 30px at 20px 10px)\] to add [ellipse(140px 130px at 120px 110px)\] at (0.3) should be [ellipse(80px 80px at 80px 80px)\]]
expected: FAIL
[Compositing: property <clip-path> underlying [ellipse(10px 20px at 30px 40px)\] from add [ellipse(40px 30px at 20px 10px)\] to add [ellipse(140px 130px at 120px 110px)\] at (0) should be [ellipse(50px 50px at 50px 50px)\]]
expected: FAIL
[Compositing: property <clip-path> underlying [inset(20px)\] from add [inset(20px)\] to add [inset(40%)\] at (0.3) should be [inset(calc(34px + 12%))\]]
expected: FAIL
[Compositing: property <clip-path> underlying [polygon(evenodd, 10px 20px)\] from add [polygon(evenodd, 10px 20px)\] to add [polygon(nonzero, 30px 40px)\] at (0.75) should be [polygon(30px 40px)\]]
expected: FAIL
[Compositing: property <clip-path> underlying [polygon(10px 20%, 30px 40%)\] from add [polygon(10px 20%, 30px 40%)\] to add [polygon(110px 120%, 130px 140%)\] at (0.3) should be [polygon(50px 70%, 90px 110%)\]]
expected: FAIL
[Compositing: property <clip-path> underlying [polygon(10px 20%, 30px 40%)\] from add [polygon(10px 20%, 30px 40%)\] to add [polygon(110px 120%, 130px 140%)\] at (0) should be [polygon(20px 40%, 60px 80%)\]]
expected: FAIL
[Compositing: property <clip-path> underlying [inset(1px 2px round 100px 200px)\] from add [inset(1px 2px round 100px 200px)\] to add [inset(101px 102px 101px 102px)\] at (-0.3) should be [inset(-28px -26px round 230px 460px)\]]
expected: FAIL
[Compositing: property <clip-path> underlying [circle(100px at 25px 25%)\] from add [circle(10px at 25px 75%)\] to add [circle(50px at 50px center)\] at (0) should be [circle(110px at 50px 100%)\]]
expected: FAIL
[Compositing: property <clip-path> underlying [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)\] from add [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)\] to replace [inset(102px 104px 106px 108px round 120px 140px 160px 180px / 200px 220px 240px 260px)\] at (0.75) should be [inset(77px 79px 81px 83px round 95px 115px 135px 155px / 175px 195px 215px 235px)\]]
expected: FAIL
[Compositing: property <clip-path> underlying [circle(farthest-side at 25px 75%)\] from add [circle(farthest-side at 25px 75%)\] to add [circle(farthest-side at 50px center)\] at (0.25) should be [circle(farthest-side at 25px 75%)\]]
expected: FAIL
[Compositing: property <clip-path> underlying [circle(100px at 25px 25%)\] from add [circle(10px at 25px 75%)\] to add [circle(50px at 50px center)\] at (0.6) should be [circle(134px at 65px 85%)\]]
expected: FAIL
[Compositing: property <clip-path> underlying [ellipse(10px 20px at 30px 40px)\] from replace [ellipse(40px 30px at 20px 10px)\] to add [ellipse(40px 30px at 20px 10px)\] at (0.3) should be [ellipse(43px 36px at 29px 22px)\]]
expected: FAIL
[Compositing: property <clip-path> underlying [polygon(10px 20px, 30px 40px)\] from add [polygon(10px 20px, 30px 40px)\] to add [polygon(30px 40px)\] at (0.75) should be [polygon(30px 40px)\]]
expected: FAIL
[Compositing: property <clip-path> underlying [polygon(evenodd, 10px 20px)\] from add [polygon(evenodd, 10px 20px)\] to add [polygon(evenodd, 110px 120px)\] at (0.3) should be [polygon(evenodd, 50px 70px)\]]
expected: FAIL
[Compositing: property <clip-path> underlying [polygon(10px 20%, 30px 40%)\] from add [polygon(10px 20%, 30px 40%)\] to add [polygon(110px 120%, 130px 140%)\] at (-0.3) should be [polygon(-10px 10%, 30px 50%)\]]
expected: FAIL
[Compositing: property <clip-path> underlying [inset(20px)\] from add [inset(20px)\] to add [inset(40%)\] at (0.6) should be [inset(calc(28px + 24%))\]]
expected: FAIL
[Compositing: property <clip-path> underlying [polygon(evenodd, 10px 20px)\] from add [polygon(evenodd, 10px 20px)\] to add [polygon(evenodd, 110px 120px)\] at (1.5) should be [polygon(evenodd, 170px 190px)\]]
expected: FAIL
[Compositing: property <clip-path> underlying [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)\] from add [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)\] to replace [inset(102px 104px 106px 108px round 120px 140px 160px 180px / 200px 220px 240px 260px)\] at (1.5) should be [inset(152px 154px 156px 158px round 170px 190px 210px 230px / 250px 270px 290px 310px)\]]
expected: FAIL
[Compositing: property <clip-path> underlying [polygon(10px 20%, 30px 40%)\] from add [polygon(10px 20%, 30px 40%)\] to add [polygon(110px 120%, 130px 140%)\] at (0.6) should be [polygon(80px 100%, 120px 140%)\]]
expected: FAIL
[Compositing: property <clip-path> underlying [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)\] from add [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)\] to replace [inset(102px 104px 106px 108px round 120px 140px 160px 180px / 200px 220px 240px 260px)\] at (0) should be [inset(2px 4px 6px 8px round 20px 40px 60px 80px / 100px 120px 140px 160px)\]]
expected: FAIL
[Compositing: property <clip-path> underlying [circle(100px at 25px 25%)\] from add [circle(10px at 25px 75%)\] to add [circle(50px at 50px center)\] at (1.5) should be [circle(170px at 87.5px 62.5%)\]]
expected: FAIL
[Compositing: property <clip-path> underlying [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)\] from add [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)\] to replace [inset(102px 104px 106px 108px round 120px 140px 160px 180px / 200px 220px 240px 260px)\] at (1) should be [inset(102px 104px 106px 108px round 120px 140px 160px 180px / 200px 220px 240px 260px)\]]
expected: FAIL
[Compositing: property <clip-path> underlying [polygon(evenodd, 10px 20px)\] from add [polygon(evenodd, 10px 20px)\] to add [polygon(nonzero, 30px 40px)\] at (0.25) should be [polygon(evenodd, 20px 40px)\]]
expected: FAIL
[Compositing: property <clip-path> underlying [inset(20px)\] from add [inset(20px)\] to add [inset(40%)\] at (1.5) should be [inset(calc(10px + 60%))\]]
expected: FAIL
[Compositing: property <clip-path> underlying [circle(100px at 20px 20%)\] from add [circle(50px at 50px 50%)\] to replace [circle(50% at 150px 150%)\] at (0.6) should be [circle(calc(60px + 30%) at 118px 118%)\]]
expected: FAIL
[Compositing: property <clip-path> underlying [ellipse(10px 20px at 30px 40px)\] from add [ellipse(40px 30px at 20px 10px)\] to add [ellipse(140px 130px at 120px 110px)\] at (-0.3) should be [ellipse(20px 20px at 20px 20px)\]]
expected: FAIL
[Compositing: property <clip-path> underlying [circle(100px at 25px 25%)\] from add [circle(10px at 25px 75%)\] to add [circle(50px at 50px center)\] at (1) should be [circle(150px at 75px 75%)\]]
expected: FAIL
[Compositing: property <clip-path> underlying [inset(1px 2px round 100px 200px)\] from add [inset(1px 2px round 100px 200px)\] to add [inset(101px 102px 101px 102px)\] at (0.6) should be [inset(62px 64px round 140px 280px)\]]
expected: FAIL
[Compositing: property <clip-path> underlying [inset(1px 2px round 100px 200px)\] from add [inset(1px 2px round 100px 200px)\] to add [inset(101px 102px 101px 102px)\] at (1.5) should be [inset(152px 154px round 50px 100px)\]]
expected: FAIL
[Compositing: property <clip-path> underlying [circle(50px at 10px 20px)\] from add [circle(50px at 10px 20px)\] to add [circle(farthest-side at 30px 40px)\] at (0.75) should be [circle(farthest-side at 30px 40px)\]]
expected: FAIL
[Compositing: property <clip-path> underlying [inset(1px 2px round 100px 200px)\] from add [inset(1px 2px round 100px 200px)\] to add [inset(101px 102px 101px 102px)\] at (0.3) should be [inset(32px 34px round 170px 340px)\]]
expected: FAIL
[Compositing: property <clip-path> underlying [polygon(evenodd, 10px 20px)\] from add [polygon(evenodd, 10px 20px)\] to add [polygon(evenodd, 110px 120px)\] at (1) should be [polygon(evenodd, 120px 140px)\]]
expected: FAIL
[Compositing: property <clip-path> underlying [polygon(10px 20%, 30px 40%)\] from add [polygon(10px 20%, 30px 40%)\] to add [polygon(110px 120%, 130px 140%)\] at (1.5) should be [polygon(170px 190%, 210px 230%)\]]
expected: FAIL

889
tests/wpt/metadata-layout-2020/css/css-masking/animations/clip-path-interpolation-001.html.ini Normal file
View file

@ -0,0 +1,889 @@
[clip-path-interpolation-001.html]
[Web Animations: property <clip-path> from [polygon(evenodd, 0px 0px, 25px 25px, 50px 50px)\] to [polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)\] at (-0.3) should be [polygon(evenodd, 0px 0px, 25px 25px, 50px 50px)\]]
expected: FAIL
[CSS Animations: property <clip-path> from [ellipse(100% 100% at 0% 0%)\] to [ellipse(50% 50% at 25% 25%)\] at (1.5) should be [ellipse(25% 25% at 37.5% 37.5%)\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from [ellipse(100% 100% at 0% 0%)\] to [ellipse(50% 50% at 25% 25%)\] at (1.5) should be [ellipse(25% 25% at 37.5% 37.5%)\]]
expected: FAIL
[CSS Transitions: property <clip-path> from [url("/clip-source")\] to [ellipse(100% 100% at 0% 0%)\] at (1.5) should be [ellipse(100% 100% at 0% 0%)\]]
expected: FAIL
[Web Animations: property <clip-path> from [initial\] to [circle(40% at 20% 20%)\] at (0.5) should be [circle(40% at 20% 20%)\]]
expected: FAIL
[CSS Transitions: property <clip-path> from [polygon(evenodd, 0px 0px, 25px 25px, 50px 50px)\] to [polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)\] at (0.3) should be [polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)\]]
expected: FAIL
[CSS Transitions: property <clip-path> from neutral to [circle(40% at 20% 20%)\] at (0) should be [circle(60% at 10% 30%)\]]
expected: FAIL
[Web Animations: property <clip-path> from neutral to [circle(40% at 20% 20%)\] at (0) should be [circle(60% at 10% 30%)\]]
expected: FAIL
[CSS Transitions: property <clip-path> from [initial\] to [circle(40% at 20% 20%)\] at (-0.3) should be [circle(40% at 20% 20%)\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from neutral to [circle(40% at 20% 20%)\] at (0.3) should be [circle(54% at 13% 27%)\]]
expected: FAIL
[CSS Transitions: property <clip-path> from [none\] to [ellipse(100% 100% at 0% 0%)\] at (0.5) should be [ellipse(100% 100% at 0% 0%)\]]
expected: FAIL
[CSS Transitions: property <clip-path> from [circle(25% at right 5% bottom 15px)\] to [circle(45% at right 25% bottom 35px)\] at (0.25) should be [circle(30% at 90% calc(-20px + 100%))\]]
expected: FAIL
[Web Animations: property <clip-path> from [unset\] to [circle(40% at 20% 20%)\] at (1) should be [circle(40% at 20% 20%)\]]
expected: FAIL
[CSS Transitions: property <clip-path> from [initial\] to [circle(40% at 20% 20%)\] at (0.5) should be [circle(40% at 20% 20%)\]]
expected: FAIL
[CSS Animations: property <clip-path> from [polygon(evenodd, 0px 0px, 25px 25px, 50px 50px)\] to [polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)\] at (-0.3) should be [polygon(evenodd, 0px 0px, 25px 25px, 50px 50px)\]]
expected: FAIL
[CSS Animations: property <clip-path> from neutral to [circle(40% at 20% 20%)\] at (0) should be [circle(60% at 10% 30%)\]]
expected: FAIL
[CSS Transitions: property <clip-path> from [circle(25% at right 5% bottom 15px)\] to [circle(45% at right 25% bottom 35px)\] at (0.75) should be [circle(40% at 80% calc(-30px + 100%))\]]
expected: FAIL
[Web Animations: property <clip-path> from [polygon(nonzero, 0px 0px, 25px 25px, 50px 50px)\] to [polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)\] at (1) should be [polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)\]]
expected: FAIL
[CSS Transitions: property <clip-path> from [ellipse(100% 100% at 0% 0%)\] to [ellipse(50% 50% at 25% 25%)\] at (0) should be [ellipse(100% 100% at 0% 0%)\]]
expected: FAIL
[Web Animations: property <clip-path> from [none\] to [ellipse(100% 100% at 0% 0%)\] at (0.5) should be [ellipse(100% 100% at 0% 0%)\]]
expected: FAIL
[CSS Animations: property <clip-path> from [initial\] to [circle(40% at 20% 20%)\] at (0) should be [initial\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from [circle(100% at 0% 0%)\] to [circle(50% at 25% 25%)\] at (0.6) should be [circle(70% at 15% 15%)\]]
expected: FAIL
[Web Animations: property <clip-path> from [inset(100%)\] to [inset(120%)\] at (1) should be [inset(120%)\]]
expected: FAIL
[Web Animations: property <clip-path> from [inset(100%)\] to [inset(120%)\] at (0.3) should be [inset(106%)\]]
expected: FAIL
[CSS Transitions: property <clip-path> from [polygon(nonzero, 0px 0px, 25px 25px, 50px 50px)\] to [polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)\] at (0.6) should be [polygon(nonzero, 15px 15px, 40px 40px, 65px 65px)\]]
expected: FAIL
[CSS Transitions: property <clip-path> from [ellipse(100% 100% at 0% 0%)\] to [ellipse(50% 50% at 25% 25%)\] at (-0.3) should be [ellipse(115% 115% at -7.5% -7.5%)\]]
expected: FAIL
[Web Animations: property <clip-path> from [polygon(evenodd, 0px 0px, 25px 25px, 50px 50px)\] to [polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)\] at (0.3) should be [polygon(evenodd, 0px 0px, 25px 25px, 50px 50px)\]]
expected: FAIL
[CSS Animations: property <clip-path> from [url("/clip-source")\] to [ellipse(100% 100% at 0% 0%)\] at (0.3) should be [url(http://web-platform.test:8000/.../clip-source)\]]
expected: FAIL
[CSS Transitions: property <clip-path> from [circle(100% at 0% 0%)\] to [circle(50% at 25% 25%)\] at (0) should be [circle(100% at 0% 0%)\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from [unset\] to [circle(40% at 20% 20%)\] at (1.5) should be [circle(40% at 20% 20%)\]]
expected: FAIL
[CSS Animations: property <clip-path> from [inherit\] to [circle(40% at 20% 20%)\] at (-0.3) should be [circle(92% at 33% 7%)\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from [initial\] to [circle(40% at 20% 20%)\] at (0.5) should be [circle(40% at 20% 20%)\]]
expected: FAIL
[Web Animations: property <clip-path> from [url("/clip-source")\] to [ellipse(100% 100% at 0% 0%)\] at (1) should be [ellipse(100% 100% at 0% 0%)\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from [url("/clip-source")\] to [ellipse(100% 100% at 0% 0%)\] at (0.6) should be [ellipse(100% 100% at 0% 0%)\]]
expected: FAIL
[CSS Transitions: property <clip-path> from [initial\] to [circle(40% at 20% 20%)\] at (0.3) should be [circle(40% at 20% 20%)\]]
expected: FAIL
[CSS Animations: property <clip-path> from [polygon(nonzero, 0px 0px, 25px 25px, 50px 50px)\] to [polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)\] at (0.3) should be [polygon(nonzero, 7.5px 7.5px, 32.5px 32.5px, 57.5px 57.5px)\]]
expected: FAIL
[CSS Transitions: property <clip-path> from [circle(100% at 0% 0%)\] to [circle(50% at 25% 25%)\] at (1) should be [circle(50% at 25% 25%)\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from [circle(100% at 0% 0%)\] to [circle(50% at 25% 25%)\] at (-0.3) should be [circle(115% at -7.5% -7.5%)\]]
expected: FAIL
[CSS Transitions: property <clip-path> from [inset(100%)\] to [inset(120%)\] at (0.6) should be [inset(112%)\]]
expected: FAIL
[CSS Animations: property <clip-path> from [circle(25% at right 5% bottom 15px)\] to [circle(45% at right 25% bottom 35px)\] at (0.5) should be [circle(35% at 85% calc(-25px + 100%))\]]
expected: FAIL
[Web Animations: property <clip-path> from [ellipse(100% 100% at 0% 0%)\] to [ellipse(50% 50% at 25% 25%)\] at (1.5) should be [ellipse(25% 25% at 37.5% 37.5%)\]]
expected: FAIL
[CSS Animations: property <clip-path> from [initial\] to [circle(40% at 20% 20%)\] at (1.5) should be [circle(40% at 20% 20%)\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from [none\] to [ellipse(100% 100% at 0% 0%)\] at (1) should be [ellipse(100% 100% at 0% 0%)\]]
expected: FAIL
[CSS Transitions: property <clip-path> from neutral to [circle(40% at 20% 20%)\] at (1) should be [circle(40% at 20% 20%)\]]
expected: FAIL
[CSS Animations: property <clip-path> from [none\] to [ellipse(100% 100% at 0% 0%)\] at (0.3) should be [none\]]
expected: FAIL
[CSS Transitions: property <clip-path> from [url("/clip-source")\] to [ellipse(100% 100% at 0% 0%)\] at (0.6) should be [ellipse(100% 100% at 0% 0%)\]]
expected: FAIL
[CSS Transitions: property <clip-path> from [url("/clip-source")\] to [ellipse(100% 100% at 0% 0%)\] at (-0.3) should be [ellipse(100% 100% at 0% 0%)\]]
expected: FAIL
[CSS Animations: property <clip-path> from [initial\] to [circle(40% at 20% 20%)\] at (-0.3) should be [initial\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from [url("/clip-source")\] to [ellipse(100% 100% at 0% 0%)\] at (0.3) should be [ellipse(100% 100% at 0% 0%)\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from [ellipse(100% 100% at 0% 0%)\] to [ellipse(50% 50% at 25% 25%)\] at (0) should be [ellipse(100% 100% at 0% 0%)\]]
expected: FAIL
[CSS Animations: property <clip-path> from [url("/clip-source")\] to [ellipse(100% 100% at 0% 0%)\] at (0) should be [url(http://web-platform.test:8000/.../clip-source)\]]
expected: FAIL
[CSS Animations: property <clip-path> from [polygon(evenodd, 0px 0px, 25px 25px, 50px 50px)\] to [polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)\] at (0.5) should be [polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)\]]
expected: FAIL
[CSS Animations: property <clip-path> from [inset(100%)\] to [inset(120%)\] at (-0.3) should be [inset(94%)\]]
expected: FAIL
[CSS Animations: property <clip-path> from neutral to [circle(40% at 20% 20%)\] at (0.3) should be [circle(54% at 13% 27%)\]]
expected: FAIL
[CSS Animations: property <clip-path> from [inset(100%)\] to [inset(120%)\] at (0.6) should be [inset(112%)\]]
expected: FAIL
[CSS Transitions: property <clip-path> from [unset\] to [circle(40% at 20% 20%)\] at (-0.3) should be [circle(40% at 20% 20%)\]]
expected: FAIL
[CSS Animations: property <clip-path> from [polygon(nonzero, 0px 0px, 25px 25px, 50px 50px)\] to [polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)\] at (0) should be [polygon(nonzero, 0px 0px, 25px 25px, 50px 50px)\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from neutral to [circle(40% at 20% 20%)\] at (0.6) should be [circle(48% at 16% 24%)\]]
expected: FAIL
[CSS Animations: property <clip-path> from [polygon(evenodd, 0px 0px, 25px 25px, 50px 50px)\] to [polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)\] at (0) should be [polygon(evenodd, 0px 0px, 25px 25px, 50px 50px)\]]
expected: FAIL
[CSS Transitions: property <clip-path> from [none\] to [ellipse(100% 100% at 0% 0%)\] at (1.5) should be [ellipse(100% 100% at 0% 0%)\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from [unset\] to [circle(40% at 20% 20%)\] at (1) should be [circle(40% at 20% 20%)\]]
expected: FAIL
[Web Animations: property <clip-path> from [unset\] to [circle(40% at 20% 20%)\] at (0.5) should be [circle(40% at 20% 20%)\]]
expected: FAIL
[Web Animations: property <clip-path> from [circle(100% at 0% 0%)\] to [circle(50% at 25% 25%)\] at (-0.3) should be [circle(115% at -7.5% -7.5%)\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from [initial\] to [circle(40% at 20% 20%)\] at (0.6) should be [circle(40% at 20% 20%)\]]
expected: FAIL
[CSS Animations: property <clip-path> from [unset\] to [circle(40% at 20% 20%)\] at (1) should be [circle(40% at 20% 20%)\]]
expected: FAIL
[CSS Transitions: property <clip-path> from [inset(100%)\] to [inset(120%)\] at (-0.3) should be [inset(94%)\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from [inherit\] to [circle(40% at 20% 20%)\] at (0.3) should be [circle(68% at 27% 13%)\]]
expected: FAIL
[CSS Transitions: property <clip-path> from [inset(100%)\] to [inset(120%)\] at (1.5) should be [inset(130%)\]]
expected: FAIL
[Web Animations: property <clip-path> from [circle(25% at right 5% bottom 15px)\] to [circle(45% at right 25% bottom 35px)\] at (0.75) should be [circle(40% at 80% calc(-30px + 100%))\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from [polygon(evenodd, 0px 0px, 25px 25px, 50px 50px)\] to [polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)\] at (1) should be [polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)\]]
expected: FAIL
[CSS Transitions: property <clip-path> from [url("/clip-source")\] to [ellipse(100% 100% at 0% 0%)\] at (0.5) should be [ellipse(100% 100% at 0% 0%)\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from [inherit\] to [circle(40% at 20% 20%)\] at (0.6) should be [circle(56% at 24% 16%)\]]
expected: FAIL
[CSS Animations: property <clip-path> from [polygon(evenodd, 0px 0px, 25px 25px, 50px 50px)\] to [polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)\] at (1.5) should be [polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)\]]
expected: FAIL
[Web Animations: property <clip-path> from [ellipse(100% 100% at 0% 0%)\] to [ellipse(50% 50% at 25% 25%)\] at (0) should be [ellipse(100% 100% at 0% 0%)\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from [url("/clip-source")\] to [ellipse(100% 100% at 0% 0%)\] at (1.5) should be [ellipse(100% 100% at 0% 0%)\]]
expected: FAIL
[Web Animations: property <clip-path> from [initial\] to [circle(40% at 20% 20%)\] at (0.3) should be [initial\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from [inset(100%)\] to [inset(120%)\] at (0.3) should be [inset(106%)\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from [polygon(nonzero, 0px 0px, 25px 25px, 50px 50px)\] to [polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)\] at (1.5) should be [polygon(nonzero, 37.5px 37.5px, 62.5px 62.5px, 87.5px 87.5px)\]]
expected: FAIL
[Web Animations: property <clip-path> from [inset(100%)\] to [inset(120%)\] at (0) should be [inset(100%)\]]
expected: FAIL
[Web Animations: property <clip-path> from [none\] to [ellipse(100% 100% at 0% 0%)\] at (-0.3) should be [none\]]
expected: FAIL
[Web Animations: property <clip-path> from [polygon(evenodd, 0px 0px, 25px 25px, 50px 50px)\] to [polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)\] at (1.5) should be [polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from [polygon(evenodd, 0px 0px, 25px 25px, 50px 50px)\] to [polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)\] at (1.5) should be [polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)\]]
expected: FAIL
[CSS Transitions: property <clip-path> from [inset(100%)\] to [inset(120%)\] at (0.3) should be [inset(106%)\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from [ellipse(100% 100% at 0% 0%)\] to [ellipse(50% 50% at 25% 25%)\] at (1) should be [ellipse(50% 50% at 25% 25%)\]]
expected: FAIL
[CSS Animations: property <clip-path> from [initial\] to [circle(40% at 20% 20%)\] at (0.6) should be [circle(40% at 20% 20%)\]]
expected: FAIL
[CSS Animations: property <clip-path> from [circle(25% at right 5% bottom 15px)\] to [circle(45% at right 25% bottom 35px)\] at (0.75) should be [circle(40% at 80% calc(-30px + 100%))\]]
expected: FAIL
[CSS Transitions: property <clip-path> from [inset(100%)\] to [inset(120%)\] at (1) should be [inset(120%)\]]
expected: FAIL
[CSS Animations: property <clip-path> from [polygon(evenodd, 0px 0px, 25px 25px, 50px 50px)\] to [polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)\] at (0.3) should be [polygon(evenodd, 0px 0px, 25px 25px, 50px 50px)\]]
expected: FAIL
[CSS Animations: property <clip-path> from [none\] to [ellipse(100% 100% at 0% 0%)\] at (1.5) should be [ellipse(100% 100% at 0% 0%)\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from [polygon(nonzero, 0px 0px, 25px 25px, 50px 50px)\] to [polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)\] at (1) should be [polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)\]]
expected: FAIL
[CSS Animations: property <clip-path> from [circle(100% at 0% 0%)\] to [circle(50% at 25% 25%)\] at (0.3) should be [circle(85% at 7.5% 7.5%)\]]
expected: FAIL
[CSS Transitions: property <clip-path> from [polygon(evenodd, 0px 0px, 25px 25px, 50px 50px)\] to [polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)\] at (0.6) should be [polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)\]]
expected: FAIL
[CSS Animations: property <clip-path> from [inherit\] to [circle(40% at 20% 20%)\] at (0) should be [circle(80% at 30% 10%)\]]
expected: FAIL
[CSS Transitions: property <clip-path> from [circle(100% at 0% 0%)\] to [circle(50% at 25% 25%)\] at (0.6) should be [circle(70% at 15% 15%)\]]
expected: FAIL
[CSS Transitions: property <clip-path> from [polygon(evenodd, 0px 0px, 25px 25px, 50px 50px)\] to [polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)\] at (0) should be [polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)\]]
expected: FAIL
[CSS Animations: property <clip-path> from [unset\] to [circle(40% at 20% 20%)\] at (0.5) should be [circle(40% at 20% 20%)\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from [polygon(nonzero, 0px 0px, 25px 25px, 50px 50px)\] to [polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)\] at (0.3) should be [polygon(nonzero, 7.5px 7.5px, 32.5px 32.5px, 57.5px 57.5px)\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from [initial\] to [circle(40% at 20% 20%)\] at (-0.3) should be [circle(40% at 20% 20%)\]]
expected: FAIL
[CSS Animations: property <clip-path> from [none\] to [ellipse(100% 100% at 0% 0%)\] at (0) should be [none\]]
expected: FAIL
[CSS Animations: property <clip-path> from [none\] to [ellipse(100% 100% at 0% 0%)\] at (1) should be [ellipse(100% 100% at 0% 0%)\]]
expected: FAIL
[CSS Transitions: property <clip-path> from [inherit\] to [circle(40% at 20% 20%)\] at (0.3) should be [circle(68% at 27% 13%)\]]
expected: FAIL
[Web Animations: property <clip-path> from [unset\] to [circle(40% at 20% 20%)\] at (-0.3) should be [unset\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from [inherit\] to [circle(40% at 20% 20%)\] at (-0.3) should be [circle(92% at 33% 7%)\]]
expected: FAIL
[CSS Animations: property <clip-path> from [circle(100% at 0% 0%)\] to [circle(50% at 25% 25%)\] at (0) should be [circle(100% at 0% 0%)\]]
expected: FAIL
[CSS Transitions: property <clip-path> from [unset\] to [circle(40% at 20% 20%)\] at (0.5) should be [circle(40% at 20% 20%)\]]
expected: FAIL
[Web Animations: property <clip-path> from [polygon(evenodd, 0px 0px, 25px 25px, 50px 50px)\] to [polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)\] at (0.6) should be [polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)\]]
expected: FAIL
[Web Animations: property <clip-path> from [inset(100%)\] to [inset(120%)\] at (0.6) should be [inset(112%)\]]
expected: FAIL
[Web Animations: property <clip-path> from [circle(100% at 0% 0%)\] to [circle(50% at 25% 25%)\] at (0.3) should be [circle(85% at 7.5% 7.5%)\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from [unset\] to [circle(40% at 20% 20%)\] at (0) should be [circle(40% at 20% 20%)\]]
expected: FAIL
[Web Animations: property <clip-path> from [initial\] to [circle(40% at 20% 20%)\] at (1) should be [circle(40% at 20% 20%)\]]
expected: FAIL
[CSS Animations: property <clip-path> from [circle(100% at 0% 0%)\] to [circle(50% at 25% 25%)\] at (0.6) should be [circle(70% at 15% 15%)\]]
expected: FAIL
[CSS Animations: property <clip-path> from [initial\] to [circle(40% at 20% 20%)\] at (0.3) should be [initial\]]
expected: FAIL
[CSS Transitions: property <clip-path> from [initial\] to [circle(40% at 20% 20%)\] at (0.6) should be [circle(40% at 20% 20%)\]]
expected: FAIL
[Web Animations: property <clip-path> from [url("/clip-source")\] to [ellipse(100% 100% at 0% 0%)\] at (0) should be [url(http://web-platform.test:8000/.../clip-source)\]]
expected: FAIL
[Web Animations: property <clip-path> from neutral to [circle(40% at 20% 20%)\] at (-0.3) should be [circle(66% at 7% 33%)\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from [url("/clip-source")\] to [ellipse(100% 100% at 0% 0%)\] at (-0.3) should be [ellipse(100% 100% at 0% 0%)\]]
expected: FAIL
[Web Animations: property <clip-path> from [inherit\] to [circle(40% at 20% 20%)\] at (1.5) should be [circle(20% at 15% 25%)\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from [inherit\] to [circle(40% at 20% 20%)\] at (1) should be [circle(40% at 20% 20%)\]]
expected: FAIL
[CSS Transitions: property <clip-path> from [url("/clip-source")\] to [ellipse(100% 100% at 0% 0%)\] at (1) should be [ellipse(100% 100% at 0% 0%)\]]
expected: FAIL
[CSS Animations: property <clip-path> from [url("/clip-source")\] to [ellipse(100% 100% at 0% 0%)\] at (1) should be [ellipse(100% 100% at 0% 0%)\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from [none\] to [ellipse(100% 100% at 0% 0%)\] at (1.5) should be [ellipse(100% 100% at 0% 0%)\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from [none\] to [ellipse(100% 100% at 0% 0%)\] at (0.6) should be [ellipse(100% 100% at 0% 0%)\]]
expected: FAIL
[CSS Transitions: property <clip-path> from [unset\] to [circle(40% at 20% 20%)\] at (0.3) should be [circle(40% at 20% 20%)\]]
expected: FAIL
[CSS Transitions: property <clip-path> from [none\] to [ellipse(100% 100% at 0% 0%)\] at (0.6) should be [ellipse(100% 100% at 0% 0%)\]]
expected: FAIL
[CSS Animations: property <clip-path> from [unset\] to [circle(40% at 20% 20%)\] at (1.5) should be [circle(40% at 20% 20%)\]]
expected: FAIL
[CSS Transitions: property <clip-path> from [polygon(nonzero, 0px 0px, 25px 25px, 50px 50px)\] to [polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)\] at (0) should be [polygon(nonzero, 0px 0px, 25px 25px, 50px 50px)\]]
expected: FAIL
[CSS Transitions: property <clip-path> from [inherit\] to [circle(40% at 20% 20%)\] at (0) should be [circle(80% at 30% 10%)\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from [inset(100%)\] to [inset(120%)\] at (0.6) should be [inset(112%)\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from [circle(100% at 0% 0%)\] to [circle(50% at 25% 25%)\] at (0) should be [circle(100% at 0% 0%)\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from [inset(100%)\] to [inset(120%)\] at (0) should be [inset(100%)\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from [circle(25% at right 5% bottom 15px)\] to [circle(45% at right 25% bottom 35px)\] at (0.25) should be [circle(30% at 90% calc(-20px + 100%))\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from [polygon(evenodd, 0px 0px, 25px 25px, 50px 50px)\] to [polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)\] at (0.6) should be [polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)\]]
expected: FAIL
[CSS Animations: property <clip-path> from [polygon(nonzero, 0px 0px, 25px 25px, 50px 50px)\] to [polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)\] at (1.5) should be [polygon(nonzero, 37.5px 37.5px, 62.5px 62.5px, 87.5px 87.5px)\]]
expected: FAIL
[Web Animations: property <clip-path> from [url("/clip-source")\] to [ellipse(100% 100% at 0% 0%)\] at (-0.3) should be [url(http://web-platform.test:8000/.../clip-source)\]]
expected: FAIL
[CSS Animations: property <clip-path> from [circle(100% at 0% 0%)\] to [circle(50% at 25% 25%)\] at (1.5) should be [circle(25% at 37.5% 37.5%)\]]
expected: FAIL
[CSS Transitions: property <clip-path> from [none\] to [ellipse(100% 100% at 0% 0%)\] at (0) should be [ellipse(100% 100% at 0% 0%)\]]
expected: FAIL
[CSS Animations: property <clip-path> from [url("/clip-source")\] to [ellipse(100% 100% at 0% 0%)\] at (1.5) should be [ellipse(100% 100% at 0% 0%)\]]
expected: FAIL
[CSS Animations: property <clip-path> from [circle(100% at 0% 0%)\] to [circle(50% at 25% 25%)\] at (-0.3) should be [circle(115% at -7.5% -7.5%)\]]
expected: FAIL
[CSS Transitions: property <clip-path> from [ellipse(100% 100% at 0% 0%)\] to [ellipse(50% 50% at 25% 25%)\] at (0.3) should be [ellipse(85% 85% at 7.5% 7.5%)\]]
expected: FAIL
[CSS Transitions: property <clip-path> from [url("/clip-source")\] to [ellipse(100% 100% at 0% 0%)\] at (0.3) should be [ellipse(100% 100% at 0% 0%)\]]
expected: FAIL
[Web Animations: property <clip-path> from [inherit\] to [circle(40% at 20% 20%)\] at (1) should be [circle(40% at 20% 20%)\]]
expected: FAIL
[CSS Transitions: property <clip-path> from [unset\] to [circle(40% at 20% 20%)\] at (0) should be [circle(40% at 20% 20%)\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from [none\] to [ellipse(100% 100% at 0% 0%)\] at (0) should be [ellipse(100% 100% at 0% 0%)\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from [circle(25% at right 5% bottom 15px)\] to [circle(45% at right 25% bottom 35px)\] at (0.75) should be [circle(40% at 80% calc(-30px + 100%))\]]
expected: FAIL
[CSS Transitions: property <clip-path> from [url("/clip-source")\] to [ellipse(100% 100% at 0% 0%)\] at (0) should be [ellipse(100% 100% at 0% 0%)\]]
expected: FAIL
[CSS Transitions: property <clip-path> from [ellipse(100% 100% at 0% 0%)\] to [ellipse(50% 50% at 25% 25%)\] at (1) should be [ellipse(50% 50% at 25% 25%)\]]
expected: FAIL
[Web Animations: property <clip-path> from [none\] to [ellipse(100% 100% at 0% 0%)\] at (1) should be [ellipse(100% 100% at 0% 0%)\]]
expected: FAIL
[Web Animations: property <clip-path> from [circle(25% at right 5% bottom 15px)\] to [circle(45% at right 25% bottom 35px)\] at (0.25) should be [circle(30% at 90% calc(-20px + 100%))\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from [polygon(nonzero, 0px 0px, 25px 25px, 50px 50px)\] to [polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)\] at (0) should be [polygon(nonzero, 0px 0px, 25px 25px, 50px 50px)\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from [polygon(nonzero, 0px 0px, 25px 25px, 50px 50px)\] to [polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)\] at (-0.3) should be [polygon(nonzero, -7.5px -7.5px, 17.5px 17.5px, 42.5px 42.5px)\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from [none\] to [ellipse(100% 100% at 0% 0%)\] at (0.3) should be [ellipse(100% 100% at 0% 0%)\]]
expected: FAIL
[Web Animations: property <clip-path> from [url("/clip-source")\] to [ellipse(100% 100% at 0% 0%)\] at (1.5) should be [ellipse(100% 100% at 0% 0%)\]]
expected: FAIL
[Web Animations: property <clip-path> from [initial\] to [circle(40% at 20% 20%)\] at (0) should be [initial\]]
expected: FAIL
[CSS Animations: property <clip-path> from [circle(100% at 0% 0%)\] to [circle(50% at 25% 25%)\] at (1) should be [circle(50% at 25% 25%)\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from [unset\] to [circle(40% at 20% 20%)\] at (0.6) should be [circle(40% at 20% 20%)\]]
expected: FAIL
[Web Animations: property <clip-path> from [ellipse(100% 100% at 0% 0%)\] to [ellipse(50% 50% at 25% 25%)\] at (1) should be [ellipse(50% 50% at 25% 25%)\]]
expected: FAIL
[Web Animations: property <clip-path> from [unset\] to [circle(40% at 20% 20%)\] at (0.3) should be [unset\]]
expected: FAIL
[CSS Animations: property <clip-path> from [ellipse(100% 100% at 0% 0%)\] to [ellipse(50% 50% at 25% 25%)\] at (-0.3) should be [ellipse(115% 115% at -7.5% -7.5%)\]]
expected: FAIL
[Web Animations: property <clip-path> from [polygon(evenodd, 0px 0px, 25px 25px, 50px 50px)\] to [polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)\] at (0) should be [polygon(evenodd, 0px 0px, 25px 25px, 50px 50px)\]]
expected: FAIL
[CSS Animations: property <clip-path> from [polygon(nonzero, 0px 0px, 25px 25px, 50px 50px)\] to [polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)\] at (-0.3) should be [polygon(nonzero, -7.5px -7.5px, 17.5px 17.5px, 42.5px 42.5px)\]]
expected: FAIL
[Web Animations: property <clip-path> from [ellipse(100% 100% at 0% 0%)\] to [ellipse(50% 50% at 25% 25%)\] at (0.6) should be [ellipse(70% 70% at 15% 15%)\]]
expected: FAIL
[CSS Transitions: property <clip-path> from [inherit\] to [circle(40% at 20% 20%)\] at (0.6) should be [circle(56% at 24% 16%)\]]
expected: FAIL
[Web Animations: property <clip-path> from [polygon(nonzero, 0px 0px, 25px 25px, 50px 50px)\] to [polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)\] at (-0.3) should be [polygon(nonzero, -7.5px -7.5px, 17.5px 17.5px, 42.5px 42.5px)\]]
expected: FAIL
[CSS Animations: property <clip-path> from [polygon(evenodd, 0px 0px, 25px 25px, 50px 50px)\] to [polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)\] at (1) should be [polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)\]]
expected: FAIL
[CSS Animations: property <clip-path> from [unset\] to [circle(40% at 20% 20%)\] at (0.3) should be [unset\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from [circle(100% at 0% 0%)\] to [circle(50% at 25% 25%)\] at (1) should be [circle(50% at 25% 25%)\]]
expected: FAIL
[CSS Transitions: property <clip-path> from [polygon(nonzero, 0px 0px, 25px 25px, 50px 50px)\] to [polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)\] at (1.5) should be [polygon(nonzero, 37.5px 37.5px, 62.5px 62.5px, 87.5px 87.5px)\]]
expected: FAIL
[Web Animations: property <clip-path> from [polygon(evenodd, 0px 0px, 25px 25px, 50px 50px)\] to [polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)\] at (1) should be [polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)\]]
expected: FAIL
[Web Animations: property <clip-path> from [unset\] to [circle(40% at 20% 20%)\] at (1.5) should be [circle(40% at 20% 20%)\]]
expected: FAIL
[Web Animations: property <clip-path> from [initial\] to [circle(40% at 20% 20%)\] at (1.5) should be [circle(40% at 20% 20%)\]]
expected: FAIL
[CSS Transitions: property <clip-path> from [circle(25% at right 5% bottom 15px)\] to [circle(45% at right 25% bottom 35px)\] at (0.5) should be [circle(35% at 85% calc(-25px + 100%))\]]
expected: FAIL
[CSS Animations: property <clip-path> from [initial\] to [circle(40% at 20% 20%)\] at (0.5) should be [circle(40% at 20% 20%)\]]
expected: FAIL
[CSS Animations: property <clip-path> from [none\] to [ellipse(100% 100% at 0% 0%)\] at (-0.3) should be [none\]]
expected: FAIL
[Web Animations: property <clip-path> from [none\] to [ellipse(100% 100% at 0% 0%)\] at (0) should be [none\]]
expected: FAIL
[CSS Transitions: property <clip-path> from [inherit\] to [circle(40% at 20% 20%)\] at (1.5) should be [circle(20% at 15% 25%)\]]
expected: FAIL
[Web Animations: property <clip-path> from [circle(25% at right 5% bottom 15px)\] to [circle(45% at right 25% bottom 35px)\] at (0.5) should be [circle(35% at 85% calc(-25px + 100%))\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from neutral to [circle(40% at 20% 20%)\] at (0) should be [circle(60% at 10% 30%)\]]
expected: FAIL
[CSS Transitions: property <clip-path> from [initial\] to [circle(40% at 20% 20%)\] at (1.5) should be [circle(40% at 20% 20%)\]]
expected: FAIL
[Web Animations: property <clip-path> from [inset(100%)\] to [inset(120%)\] at (-0.3) should be [inset(94%)\]]
expected: FAIL
[CSS Transitions: property <clip-path> from [inset(100%)\] to [inset(120%)\] at (0) should be [inset(100%)\]]
expected: FAIL
[Web Animations: property <clip-path> from [none\] to [ellipse(100% 100% at 0% 0%)\] at (1.5) should be [ellipse(100% 100% at 0% 0%)\]]
expected: FAIL
[CSS Transitions: property <clip-path> from neutral to [circle(40% at 20% 20%)\] at (0.3) should be [circle(54% at 13% 27%)\]]
expected: FAIL
[CSS Transitions: property <clip-path> from [initial\] to [circle(40% at 20% 20%)\] at (1) should be [circle(40% at 20% 20%)\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from [initial\] to [circle(40% at 20% 20%)\] at (1.5) should be [circle(40% at 20% 20%)\]]
expected: FAIL
[CSS Animations: property <clip-path> from [ellipse(100% 100% at 0% 0%)\] to [ellipse(50% 50% at 25% 25%)\] at (0.3) should be [ellipse(85% 85% at 7.5% 7.5%)\]]
expected: FAIL
[Web Animations: property <clip-path> from [unset\] to [circle(40% at 20% 20%)\] at (0.6) should be [circle(40% at 20% 20%)\]]
expected: FAIL
[Web Animations: property <clip-path> from neutral to [circle(40% at 20% 20%)\] at (0.3) should be [circle(54% at 13% 27%)\]]
expected: FAIL
[Web Animations: property <clip-path> from [polygon(nonzero, 0px 0px, 25px 25px, 50px 50px)\] to [polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)\] at (0.6) should be [polygon(nonzero, 15px 15px, 40px 40px, 65px 65px)\]]
expected: FAIL
[CSS Animations: property <clip-path> from [inset(100%)\] to [inset(120%)\] at (0.3) should be [inset(106%)\]]
expected: FAIL
[CSS Transitions: property <clip-path> from neutral to [circle(40% at 20% 20%)\] at (1.5) should be [circle(30% at 25% 15%)\]]
expected: FAIL
[CSS Transitions: property <clip-path> from neutral to [circle(40% at 20% 20%)\] at (-0.3) should be [circle(66% at 7% 33%)\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from [circle(25% at right 5% bottom 15px)\] to [circle(45% at right 25% bottom 35px)\] at (0.5) should be [circle(35% at 85% calc(-25px + 100%))\]]
expected: FAIL
[CSS Animations: property <clip-path> from [polygon(nonzero, 0px 0px, 25px 25px, 50px 50px)\] to [polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)\] at (0.6) should be [polygon(nonzero, 15px 15px, 40px 40px, 65px 65px)\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from [polygon(nonzero, 0px 0px, 25px 25px, 50px 50px)\] to [polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)\] at (0.6) should be [polygon(nonzero, 15px 15px, 40px 40px, 65px 65px)\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from [polygon(evenodd, 0px 0px, 25px 25px, 50px 50px)\] to [polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)\] at (0.3) should be [polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from [url("/clip-source")\] to [ellipse(100% 100% at 0% 0%)\] at (1) should be [ellipse(100% 100% at 0% 0%)\]]
expected: FAIL
[CSS Animations: property <clip-path> from [url("/clip-source")\] to [ellipse(100% 100% at 0% 0%)\] at (0.5) should be [ellipse(100% 100% at 0% 0%)\]]
expected: FAIL
[CSS Transitions: property <clip-path> from [unset\] to [circle(40% at 20% 20%)\] at (1) should be [circle(40% at 20% 20%)\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from [unset\] to [circle(40% at 20% 20%)\] at (0.5) should be [circle(40% at 20% 20%)\]]
expected: FAIL
[Web Animations: property <clip-path> from neutral to [circle(40% at 20% 20%)\] at (1.5) should be [circle(30% at 25% 15%)\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from [initial\] to [circle(40% at 20% 20%)\] at (0) should be [circle(40% at 20% 20%)\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from [polygon(evenodd, 0px 0px, 25px 25px, 50px 50px)\] to [polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)\] at (0) should be [polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from [ellipse(100% 100% at 0% 0%)\] to [ellipse(50% 50% at 25% 25%)\] at (-0.3) should be [ellipse(115% 115% at -7.5% -7.5%)\]]
expected: FAIL
[Web Animations: property <clip-path> from [none\] to [ellipse(100% 100% at 0% 0%)\] at (0.6) should be [ellipse(100% 100% at 0% 0%)\]]
expected: FAIL
[CSS Animations: property <clip-path> from [polygon(evenodd, 0px 0px, 25px 25px, 50px 50px)\] to [polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)\] at (0.6) should be [polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)\]]
expected: FAIL
[CSS Animations: property <clip-path> from [inset(100%)\] to [inset(120%)\] at (1.5) should be [inset(130%)\]]
expected: FAIL
[CSS Transitions: property <clip-path> from [initial\] to [circle(40% at 20% 20%)\] at (0) should be [circle(40% at 20% 20%)\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from neutral to [circle(40% at 20% 20%)\] at (1) should be [circle(40% at 20% 20%)\]]
expected: FAIL
[CSS Transitions: property <clip-path> from [circle(100% at 0% 0%)\] to [circle(50% at 25% 25%)\] at (1.5) should be [circle(25% at 37.5% 37.5%)\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from [circle(100% at 0% 0%)\] to [circle(50% at 25% 25%)\] at (1.5) should be [circle(25% at 37.5% 37.5%)\]]
expected: FAIL
[CSS Animations: property <clip-path> from [inherit\] to [circle(40% at 20% 20%)\] at (1) should be [circle(40% at 20% 20%)\]]
expected: FAIL
[CSS Animations: property <clip-path> from [polygon(nonzero, 0px 0px, 25px 25px, 50px 50px)\] to [polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)\] at (1) should be [polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)\]]
expected: FAIL
[Web Animations: property <clip-path> from [polygon(evenodd, 0px 0px, 25px 25px, 50px 50px)\] to [polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)\] at (0.5) should be [polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)\]]
expected: FAIL
[CSS Animations: property <clip-path> from [none\] to [ellipse(100% 100% at 0% 0%)\] at (0.6) should be [ellipse(100% 100% at 0% 0%)\]]
expected: FAIL
[CSS Animations: property <clip-path> from [inherit\] to [circle(40% at 20% 20%)\] at (0.6) should be [circle(56% at 24% 16%)\]]
expected: FAIL
[CSS Transitions: property <clip-path> from [polygon(evenodd, 0px 0px, 25px 25px, 50px 50px)\] to [polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)\] at (1) should be [polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from [inset(100%)\] to [inset(120%)\] at (1.5) should be [inset(130%)\]]
expected: FAIL
[CSS Transitions: property <clip-path> from [polygon(nonzero, 0px 0px, 25px 25px, 50px 50px)\] to [polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)\] at (-0.3) should be [polygon(nonzero, -7.5px -7.5px, 17.5px 17.5px, 42.5px 42.5px)\]]
expected: FAIL
[CSS Transitions: property <clip-path> from [none\] to [ellipse(100% 100% at 0% 0%)\] at (-0.3) should be [ellipse(100% 100% at 0% 0%)\]]
expected: FAIL
[CSS Transitions: property <clip-path> from [polygon(evenodd, 0px 0px, 25px 25px, 50px 50px)\] to [polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)\] at (0.5) should be [polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from [ellipse(100% 100% at 0% 0%)\] to [ellipse(50% 50% at 25% 25%)\] at (0.3) should be [ellipse(85% 85% at 7.5% 7.5%)\]]
expected: FAIL
[CSS Animations: property <clip-path> from [ellipse(100% 100% at 0% 0%)\] to [ellipse(50% 50% at 25% 25%)\] at (0.6) should be [ellipse(70% 70% at 15% 15%)\]]
expected: FAIL
[CSS Animations: property <clip-path> from [inset(100%)\] to [inset(120%)\] at (1) should be [inset(120%)\]]
expected: FAIL
[Web Animations: property <clip-path> from [url("/clip-source")\] to [ellipse(100% 100% at 0% 0%)\] at (0.6) should be [ellipse(100% 100% at 0% 0%)\]]
expected: FAIL
[CSS Transitions: property <clip-path> from [inherit\] to [circle(40% at 20% 20%)\] at (-0.3) should be [circle(92% at 33% 7%)\]]
expected: FAIL
[Web Animations: property <clip-path> from [circle(100% at 0% 0%)\] to [circle(50% at 25% 25%)\] at (0.6) should be [circle(70% at 15% 15%)\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from [inherit\] to [circle(40% at 20% 20%)\] at (0) should be [circle(80% at 30% 10%)\]]
expected: FAIL
[Web Animations: property <clip-path> from [url("/clip-source")\] to [ellipse(100% 100% at 0% 0%)\] at (0.5) should be [ellipse(100% 100% at 0% 0%)\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from [unset\] to [circle(40% at 20% 20%)\] at (0.3) should be [circle(40% at 20% 20%)\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from [none\] to [ellipse(100% 100% at 0% 0%)\] at (0.5) should be [ellipse(100% 100% at 0% 0%)\]]
expected: FAIL
[Web Animations: property <clip-path> from [inset(100%)\] to [inset(120%)\] at (1.5) should be [inset(130%)\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from [inset(100%)\] to [inset(120%)\] at (1) should be [inset(120%)\]]
expected: FAIL
[CSS Animations: property <clip-path> from [circle(25% at right 5% bottom 15px)\] to [circle(45% at right 25% bottom 35px)\] at (0.25) should be [circle(30% at 90% calc(-20px + 100%))\]]
expected: FAIL
[CSS Transitions: property <clip-path> from [none\] to [ellipse(100% 100% at 0% 0%)\] at (0.3) should be [ellipse(100% 100% at 0% 0%)\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from [url("/clip-source")\] to [ellipse(100% 100% at 0% 0%)\] at (0.5) should be [ellipse(100% 100% at 0% 0%)\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from neutral to [circle(40% at 20% 20%)\] at (-0.3) should be [circle(66% at 7% 33%)\]]
expected: FAIL
[Web Animations: property <clip-path> from [ellipse(100% 100% at 0% 0%)\] to [ellipse(50% 50% at 25% 25%)\] at (-0.3) should be [ellipse(115% 115% at -7.5% -7.5%)\]]
expected: FAIL
[CSS Transitions: property <clip-path> from [ellipse(100% 100% at 0% 0%)\] to [ellipse(50% 50% at 25% 25%)\] at (1.5) should be [ellipse(25% 25% at 37.5% 37.5%)\]]
expected: FAIL
[CSS Animations: property <clip-path> from [url("/clip-source")\] to [ellipse(100% 100% at 0% 0%)\] at (-0.3) should be [url(http://web-platform.test:8000/.../clip-source)\]]
expected: FAIL
[Web Animations: property <clip-path> from [initial\] to [circle(40% at 20% 20%)\] at (-0.3) should be [initial\]]
expected: FAIL
[CSS Transitions: property <clip-path> from neutral to [circle(40% at 20% 20%)\] at (0.6) should be [circle(48% at 16% 24%)\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from [initial\] to [circle(40% at 20% 20%)\] at (0.3) should be [circle(40% at 20% 20%)\]]
expected: FAIL
[CSS Animations: property <clip-path> from [inherit\] to [circle(40% at 20% 20%)\] at (0.3) should be [circle(68% at 27% 13%)\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from [inherit\] to [circle(40% at 20% 20%)\] at (1.5) should be [circle(20% at 15% 25%)\]]
expected: FAIL
[CSS Animations: property <clip-path> from [ellipse(100% 100% at 0% 0%)\] to [ellipse(50% 50% at 25% 25%)\] at (1) should be [ellipse(50% 50% at 25% 25%)\]]
expected: FAIL
[Web Animations: property <clip-path> from [circle(100% at 0% 0%)\] to [circle(50% at 25% 25%)\] at (0) should be [circle(100% at 0% 0%)\]]
expected: FAIL
[CSS Animations: property <clip-path> from neutral to [circle(40% at 20% 20%)\] at (0.6) should be [circle(48% at 16% 24%)\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from [initial\] to [circle(40% at 20% 20%)\] at (1) should be [circle(40% at 20% 20%)\]]
expected: FAIL
[Web Animations: property <clip-path> from [circle(100% at 0% 0%)\] to [circle(50% at 25% 25%)\] at (1) should be [circle(50% at 25% 25%)\]]
expected: FAIL
[Web Animations: property <clip-path> from [none\] to [ellipse(100% 100% at 0% 0%)\] at (0.3) should be [none\]]
expected: FAIL
[CSS Animations: property <clip-path> from [none\] to [ellipse(100% 100% at 0% 0%)\] at (0.5) should be [ellipse(100% 100% at 0% 0%)\]]
expected: FAIL
[CSS Transitions: property <clip-path> from [polygon(nonzero, 0px 0px, 25px 25px, 50px 50px)\] to [polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)\] at (1) should be [polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)\]]
expected: FAIL
[CSS Animations: property <clip-path> from [unset\] to [circle(40% at 20% 20%)\] at (0) should be [unset\]]
expected: FAIL
[CSS Animations: property <clip-path> from [ellipse(100% 100% at 0% 0%)\] to [ellipse(50% 50% at 25% 25%)\] at (0) should be [ellipse(100% 100% at 0% 0%)\]]
expected: FAIL
[Web Animations: property <clip-path> from [circle(100% at 0% 0%)\] to [circle(50% at 25% 25%)\] at (1.5) should be [circle(25% at 37.5% 37.5%)\]]
expected: FAIL
[Web Animations: property <clip-path> from [unset\] to [circle(40% at 20% 20%)\] at (0) should be [unset\]]
expected: FAIL
[Web Animations: property <clip-path> from [inherit\] to [circle(40% at 20% 20%)\] at (-0.3) should be [circle(92% at 33% 7%)\]]
expected: FAIL
[CSS Transitions: property <clip-path> from [unset\] to [circle(40% at 20% 20%)\] at (1.5) should be [circle(40% at 20% 20%)\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from neutral to [circle(40% at 20% 20%)\] at (1.5) should be [circle(30% at 25% 15%)\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from [none\] to [ellipse(100% 100% at 0% 0%)\] at (-0.3) should be [ellipse(100% 100% at 0% 0%)\]]
expected: FAIL
[Web Animations: property <clip-path> from [polygon(nonzero, 0px 0px, 25px 25px, 50px 50px)\] to [polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)\] at (0.3) should be [polygon(nonzero, 7.5px 7.5px, 32.5px 32.5px, 57.5px 57.5px)\]]
expected: FAIL
[CSS Transitions: property <clip-path> from [polygon(nonzero, 0px 0px, 25px 25px, 50px 50px)\] to [polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)\] at (0.3) should be [polygon(nonzero, 7.5px 7.5px, 32.5px 32.5px, 57.5px 57.5px)\]]
expected: FAIL
[Web Animations: property <clip-path> from [inherit\] to [circle(40% at 20% 20%)\] at (0) should be [circle(80% at 30% 10%)\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from [url("/clip-source")\] to [ellipse(100% 100% at 0% 0%)\] at (0) should be [ellipse(100% 100% at 0% 0%)\]]
expected: FAIL
[CSS Transitions: property <clip-path> from [circle(100% at 0% 0%)\] to [circle(50% at 25% 25%)\] at (-0.3) should be [circle(115% at -7.5% -7.5%)\]]
expected: FAIL
[CSS Animations: property <clip-path> from [initial\] to [circle(40% at 20% 20%)\] at (1) should be [circle(40% at 20% 20%)\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from [polygon(evenodd, 0px 0px, 25px 25px, 50px 50px)\] to [polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)\] at (-0.3) should be [polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)\]]
expected: FAIL
[Web Animations: property <clip-path> from [inherit\] to [circle(40% at 20% 20%)\] at (0.6) should be [circle(56% at 24% 16%)\]]
expected: FAIL
[CSS Animations: property <clip-path> from [url("/clip-source")\] to [ellipse(100% 100% at 0% 0%)\] at (0.6) should be [ellipse(100% 100% at 0% 0%)\]]
expected: FAIL
[CSS Animations: property <clip-path> from [unset\] to [circle(40% at 20% 20%)\] at (-0.3) should be [unset\]]
expected: FAIL
[CSS Transitions: property <clip-path> from [polygon(evenodd, 0px 0px, 25px 25px, 50px 50px)\] to [polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)\] at (-0.3) should be [polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)\]]
expected: FAIL
[CSS Animations: property <clip-path> from [inset(100%)\] to [inset(120%)\] at (0) should be [inset(100%)\]]
expected: FAIL
[Web Animations: property <clip-path> from [ellipse(100% 100% at 0% 0%)\] to [ellipse(50% 50% at 25% 25%)\] at (0.3) should be [ellipse(85% 85% at 7.5% 7.5%)\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from [circle(100% at 0% 0%)\] to [circle(50% at 25% 25%)\] at (0.3) should be [circle(85% at 7.5% 7.5%)\]]
expected: FAIL
[CSS Animations: property <clip-path> from neutral to [circle(40% at 20% 20%)\] at (1.5) should be [circle(30% at 25% 15%)\]]
expected: FAIL
[CSS Transitions: property <clip-path> from [none\] to [ellipse(100% 100% at 0% 0%)\] at (1) should be [ellipse(100% 100% at 0% 0%)\]]
expected: FAIL
[Web Animations: property <clip-path> from neutral to [circle(40% at 20% 20%)\] at (1) should be [circle(40% at 20% 20%)\]]
expected: FAIL
[CSS Transitions: property <clip-path> from [ellipse(100% 100% at 0% 0%)\] to [ellipse(50% 50% at 25% 25%)\] at (0.6) should be [ellipse(70% 70% at 15% 15%)\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from [inset(100%)\] to [inset(120%)\] at (-0.3) should be [inset(94%)\]]
expected: FAIL
[Web Animations: property <clip-path> from [url("/clip-source")\] to [ellipse(100% 100% at 0% 0%)\] at (0.3) should be [url(http://web-platform.test:8000/.../clip-source)\]]
expected: FAIL
[CSS Animations: property <clip-path> from [inherit\] to [circle(40% at 20% 20%)\] at (1.5) should be [circle(20% at 15% 25%)\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from [unset\] to [circle(40% at 20% 20%)\] at (-0.3) should be [circle(40% at 20% 20%)\]]
expected: FAIL
[CSS Animations: property <clip-path> from [unset\] to [circle(40% at 20% 20%)\] at (0.6) should be [circle(40% at 20% 20%)\]]
expected: FAIL
[CSS Transitions: property <clip-path> from [inherit\] to [circle(40% at 20% 20%)\] at (1) should be [circle(40% at 20% 20%)\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from [polygon(evenodd, 0px 0px, 25px 25px, 50px 50px)\] to [polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)\] at (0.5) should be [polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)\]]
expected: FAIL
[CSS Transitions: property <clip-path> from [polygon(evenodd, 0px 0px, 25px 25px, 50px 50px)\] to [polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)\] at (1.5) should be [polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)\]]
expected: FAIL
[CSS Transitions: property <clip-path> from [circle(100% at 0% 0%)\] to [circle(50% at 25% 25%)\] at (0.3) should be [circle(85% at 7.5% 7.5%)\]]
expected: FAIL
[CSS Animations: property <clip-path> from neutral to [circle(40% at 20% 20%)\] at (1) should be [circle(40% at 20% 20%)\]]
expected: FAIL
[CSS Transitions with transition: all: property <clip-path> from [ellipse(100% 100% at 0% 0%)\] to [ellipse(50% 50% at 25% 25%)\] at (0.6) should be [ellipse(70% 70% at 15% 15%)\]]
expected: FAIL
[Web Animations: property <clip-path> from [polygon(nonzero, 0px 0px, 25px 25px, 50px 50px)\] to [polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)\] at (0) should be [polygon(nonzero, 0px 0px, 25px 25px, 50px 50px)\]]
expected: FAIL
[Web Animations: property <clip-path> from [inherit\] to [circle(40% at 20% 20%)\] at (0.3) should be [circle(68% at 27% 13%)\]]
expected: FAIL
[Web Animations: property <clip-path> from neutral to [circle(40% at 20% 20%)\] at (0.6) should be [circle(48% at 16% 24%)\]]
expected: FAIL
[Web Animations: property <clip-path> from [polygon(nonzero, 0px 0px, 25px 25px, 50px 50px)\] to [polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)\] at (1.5) should be [polygon(nonzero, 37.5px 37.5px, 62.5px 62.5px, 87.5px 87.5px)\]]
expected: FAIL
[CSS Transitions: property <clip-path> from [unset\] to [circle(40% at 20% 20%)\] at (0.6) should be [circle(40% at 20% 20%)\]]
expected: FAIL
[CSS Animations: property <clip-path> from neutral to [circle(40% at 20% 20%)\] at (-0.3) should be [circle(66% at 7% 33%)\]]
expected: FAIL
[Web Animations: property <clip-path> from [initial\] to [circle(40% at 20% 20%)\] at (0.6) should be [circle(40% at 20% 20%)\]]
expected: FAIL

1657
tests/wpt/metadata-layout-2020/css/css-masking/animations/clip-path-interpolation-002.html.ini Normal file
View file

File diff suppressed because it is too large Load diff

721
tests/wpt/metadata-layout-2020/css/css-masking/animations/mask-image-interpolation.html.ini Normal file
View file

@ -0,0 +1,721 @@
[mask-image-interpolation.html]
[CSS Transitions with transition: all: property <mask-image> from [unset\] to [url(../resources/stripes-20.png)\] at (-0.3) should be [none\]]
expected: FAIL
[CSS Transitions: property <mask-image> from [url(../resources/stripes-20.png)\] to [url(../resources/blue-20.png)\] at (1.5) should be [url(../resources/blue-20.png)\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-image> from [unset\] to [url(../resources/stripes-20.png)\] at (1.5) should be [url(../resources/stripes-20.png)\]]
expected: FAIL
[CSS Transitions: property <mask-image> from [url(../resources/blue-20.png), none\] to [url(../resources/stripes-20.png), url(../resources/blue-20.png)\] at (1.5) should be [url(../resources/stripes-20.png), url(../resources/blue-20.png)\]]
expected: FAIL
[Web Animations: property <mask-image> from [none\] to [url(../resources/green-20.png)\] at (0.6) should be [url(../resources/green-20.png)\]]
expected: FAIL
[CSS Transitions: property <mask-image> from [url(../resources/stripes-20.png), linear-gradient(-45deg, blue, transparent)\] to [url(../resources/blue-20.png), url(../resources/stripes-20.png)\] at (1.5) should be [url(../resources/blue-20.png), url(../resources/stripes-20.png)\]]
expected: FAIL
[CSS Animations: property <mask-image> from neutral to [url(../resources/green-20.png)\] at (0.3) should be [url(../resources/stripes-20.png)\]]
expected: FAIL
[CSS Animations: property <mask-image> from [inherit\] to [url(../resources/green-20.png)\] at (-0.3) should be [url(../resources/blue-20.png)\]]
expected: FAIL
[Web Animations: property <mask-image> from [url(../resources/stripes-20.png)\] to [url(../resources/blue-20.png)\] at (-0.3) should be [url(../resources/stripes-20.png)\]]
expected: FAIL
[CSS Transitions: property <mask-image> from [url(../resources/blue-20.png), none\] to [url(../resources/stripes-20.png), url(../resources/blue-20.png)\] at (0) should be [url(../resources/blue-20.png)\]]
expected: FAIL
[CSS Transitions: property <mask-image> from [url(../resources/blue-20.png)\] to [url(../resources/stripes-20.png), url(../resources/blue-20.png)\] at (1.5) should be [url(../resources/stripes-20.png), url(../resources/blue-20.png)\]]
expected: FAIL
[Web Animations: property <mask-image> from [none\] to [url(../resources/green-20.png)\] at (1.5) should be [url(../resources/green-20.png)\]]
expected: FAIL
[CSS Animations: property <mask-image> from [url(../resources/stripes-20.png), linear-gradient(-45deg, blue, transparent)\] to [url(../resources/blue-20.png), url(../resources/stripes-20.png)\] at (0) should be [url(../resources/stripes-20.png), linear-gradient(-45deg, blue, transparent)\]]
expected: FAIL
[Web Animations: property <mask-image> from [initial\] to [url(../resources/green-20.png)\] at (1.5) should be [url(../resources/green-20.png)\]]
expected: FAIL
[CSS Transitions: property <mask-image> from [initial\] to [url(../resources/green-20.png)\] at (1.5) should be [url(../resources/green-20.png)\]]
expected: FAIL
[CSS Animations: property <mask-image> from [url(../resources/stripes-20.png)\] to [linear-gradient(45deg, blue, transparent)\] at (0.6) should be [linear-gradient(45deg, blue, transparent)\]]
expected: FAIL
[Web Animations: property <mask-image> from [inherit\] to [url(../resources/green-20.png)\] at (0) should be [url(../resources/blue-20.png)\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-image> from [initial\] to [url(../resources/green-20.png)\] at (0.6) should be [url(../resources/green-20.png)\]]
expected: FAIL
[Web Animations: property <mask-image> from [none\] to [url(../resources/green-20.png)\] at (-0.3) should be [none\]]
expected: FAIL
[CSS Transitions: property <mask-image> from [initial\] to [url(../resources/green-20.png)\] at (0.3) should be [none\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-image> from [url(../resources/blue-20.png), none\] to [url(../resources/stripes-20.png), url(../resources/blue-20.png)\] at (0.6) should be [url(../resources/stripes-20.png), url(../resources/blue-20.png)\]]
expected: FAIL
[CSS Animations: property <mask-image> from neutral to [url(../resources/green-20.png)\] at (0.6) should be [url(../resources/green-20.png)\]]
expected: FAIL
[Web Animations: property <mask-image> from [url(../resources/blue-20.png)\] to [url(../resources/stripes-20.png), url(../resources/blue-20.png)\] at (1.5) should be [url(../resources/stripes-20.png), url(../resources/blue-20.png)\]]
expected: FAIL
[CSS Animations: property <mask-image> from [url(../resources/blue-20.png), none\] to [url(../resources/stripes-20.png), url(../resources/blue-20.png)\] at (-0.3) should be [url(../resources/blue-20.png)\]]
expected: FAIL
[Web Animations: property <mask-image> from [initial\] to [url(../resources/green-20.png)\] at (1) should be [url(../resources/green-20.png)\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-image> from [inherit\] to [url(../resources/green-20.png)\] at (-0.3) should be [url(../resources/blue-20.png)\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-image> from [initial\] to [url(../resources/green-20.png)\] at (-0.3) should be [none\]]
expected: FAIL
[Web Animations: property <mask-image> from [url(../resources/blue-20.png)\] to [url(../resources/stripes-20.png), url(../resources/blue-20.png)\] at (-0.3) should be [url(../resources/blue-20.png)\]]
expected: FAIL
[Web Animations: property <mask-image> from [url(../resources/stripes-20.png)\] to [linear-gradient(45deg, blue, transparent)\] at (0.3) should be [url(../resources/stripes-20.png)\]]
expected: FAIL
[CSS Animations: property <mask-image> from [url(../resources/blue-20.png), none\] to [url(../resources/stripes-20.png), url(../resources/blue-20.png)\] at (0.3) should be [url(../resources/blue-20.png)\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-image> from [url(../resources/blue-20.png), none\] to [url(../resources/stripes-20.png), url(../resources/blue-20.png)\] at (0.3) should be [url(../resources/blue-20.png)\]]
expected: FAIL
[CSS Animations: property <mask-image> from [none\] to [url(../resources/green-20.png)\] at (-0.3) should be [none\]]
expected: FAIL
[CSS Animations: property <mask-image> from [initial\] to [url(../resources/green-20.png)\] at (-0.3) should be [none\]]
expected: FAIL
[CSS Animations: property <mask-image> from [url(../resources/stripes-20.png), linear-gradient(-45deg, blue, transparent)\] to [url(../resources/blue-20.png), url(../resources/stripes-20.png)\] at (1) should be [url(../resources/blue-20.png), url(../resources/stripes-20.png)\]]
expected: FAIL
[Web Animations: property <mask-image> from [url(../resources/blue-20.png), none\] to [url(../resources/stripes-20.png), url(../resources/blue-20.png)\] at (0) should be [url(../resources/blue-20.png)\]]
expected: FAIL
[Web Animations: property <mask-image> from [url(../resources/stripes-20.png)\] to [linear-gradient(45deg, blue, transparent)\] at (1) should be [linear-gradient(45deg, blue, transparent)\]]
expected: FAIL
[CSS Animations: property <mask-image> from [url(../resources/blue-20.png)\] to [url(../resources/stripes-20.png), url(../resources/blue-20.png)\] at (1) should be [url(../resources/stripes-20.png), url(../resources/blue-20.png)\]]
expected: FAIL
[CSS Animations: property <mask-image> from [inherit\] to [url(../resources/green-20.png)\] at (0.6) should be [url(../resources/green-20.png)\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-image> from [initial\] to [url(../resources/green-20.png)\] at (1) should be [url(../resources/green-20.png)\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-image> from [inherit\] to [url(../resources/green-20.png)\] at (0.3) should be [url(../resources/blue-20.png)\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-image> from [url(../resources/stripes-20.png), linear-gradient(-45deg, blue, transparent)\] to [url(../resources/blue-20.png), url(../resources/stripes-20.png)\] at (0) should be [url(../resources/stripes-20.png), linear-gradient(-45deg, blue, transparent)\]]
expected: FAIL
[CSS Transitions: property <mask-image> from [initial\] to [url(../resources/green-20.png)\] at (1) should be [url(../resources/green-20.png)\]]
expected: FAIL
[CSS Transitions: property <mask-image> from [unset\] to [url(../resources/stripes-20.png)\] at (1) should be [url(../resources/stripes-20.png)\]]
expected: FAIL
[Web Animations: property <mask-image> from [url(../resources/stripes-20.png), linear-gradient(-45deg, blue, transparent)\] to [url(../resources/blue-20.png), url(../resources/stripes-20.png)\] at (1) should be [url(../resources/blue-20.png), url(../resources/stripes-20.png)\]]
expected: FAIL
[CSS Animations: property <mask-image> from [url(../resources/stripes-20.png)\] to [linear-gradient(45deg, blue, transparent)\] at (-0.3) should be [url(../resources/stripes-20.png)\]]
expected: FAIL
[CSS Transitions: property <mask-image> from [none\] to [url(../resources/green-20.png)\] at (1.5) should be [url(../resources/green-20.png)\]]
expected: FAIL
[Web Animations: property <mask-image> from neutral to [url(../resources/green-20.png)\] at (0.6) should be [url(../resources/green-20.png)\]]
expected: FAIL
[CSS Animations: property <mask-image> from neutral to [url(../resources/green-20.png)\] at (0) should be [url(../resources/stripes-20.png)\]]
expected: FAIL
[CSS Transitions: property <mask-image> from [url(../resources/stripes-20.png)\] to [linear-gradient(45deg, blue, transparent)\] at (0) should be [url(../resources/stripes-20.png)\]]
expected: FAIL
[CSS Animations: property <mask-image> from [url(../resources/stripes-20.png), linear-gradient(-45deg, blue, transparent)\] to [url(../resources/blue-20.png), url(../resources/stripes-20.png)\] at (0.3) should be [url(../resources/stripes-20.png), linear-gradient(-45deg, blue, transparent)\]]
expected: FAIL
[CSS Transitions: property <mask-image> from [initial\] to [url(../resources/green-20.png)\] at (0.6) should be [url(../resources/green-20.png)\]]
expected: FAIL
[Web Animations: property <mask-image> from [url(../resources/stripes-20.png), linear-gradient(-45deg, blue, transparent)\] to [url(../resources/blue-20.png), url(../resources/stripes-20.png)\] at (0.3) should be [url(../resources/stripes-20.png), linear-gradient(-45deg, blue, transparent)\]]
expected: FAIL
[CSS Transitions: property <mask-image> from [url(../resources/stripes-20.png)\] to [linear-gradient(45deg, blue, transparent)\] at (0.3) should be [url(../resources/stripes-20.png)\]]
expected: FAIL
[Web Animations: property <mask-image> from [unset\] to [url(../resources/stripes-20.png)\] at (0.3) should be [none\]]
expected: FAIL
[CSS Animations: property <mask-image> from [none\] to [url(../resources/green-20.png)\] at (0.6) should be [url(../resources/green-20.png)\]]
expected: FAIL
[CSS Transitions: property <mask-image> from neutral to [url(../resources/green-20.png)\] at (1.5) should be [url(../resources/green-20.png)\]]
expected: FAIL
[CSS Animations: property <mask-image> from [initial\] to [url(../resources/green-20.png)\] at (0.3) should be [none\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-image> from [unset\] to [url(../resources/stripes-20.png)\] at (0.6) should be [url(../resources/stripes-20.png)\]]
expected: FAIL
[CSS Transitions: property <mask-image> from [inherit\] to [url(../resources/green-20.png)\] at (1) should be [url(../resources/green-20.png)\]]
expected: FAIL
[CSS Transitions: property <mask-image> from neutral to [url(../resources/green-20.png)\] at (-0.3) should be [url(../resources/stripes-20.png)\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-image> from [url(../resources/stripes-20.png)\] to [linear-gradient(45deg, blue, transparent)\] at (0.3) should be [url(../resources/stripes-20.png)\]]
expected: FAIL
[Web Animations: property <mask-image> from [url(../resources/stripes-20.png)\] to [url(../resources/blue-20.png)\] at (0.6) should be [url(../resources/blue-20.png)\]]
expected: FAIL
[CSS Transitions: property <mask-image> from [unset\] to [url(../resources/stripes-20.png)\] at (0.6) should be [url(../resources/stripes-20.png)\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-image> from [initial\] to [url(../resources/green-20.png)\] at (0.3) should be [none\]]
expected: FAIL
[CSS Transitions: property <mask-image> from [unset\] to [url(../resources/stripes-20.png)\] at (0.3) should be [none\]]
expected: FAIL
[CSS Transitions: property <mask-image> from [url(../resources/stripes-20.png), linear-gradient(-45deg, blue, transparent)\] to [url(../resources/blue-20.png), url(../resources/stripes-20.png)\] at (0.6) should be [url(../resources/blue-20.png), url(../resources/stripes-20.png)\]]
expected: FAIL
[CSS Animations: property <mask-image> from [initial\] to [url(../resources/green-20.png)\] at (0) should be [none\]]
expected: FAIL
[CSS Animations: property <mask-image> from [url(../resources/blue-20.png)\] to [url(../resources/stripes-20.png), url(../resources/blue-20.png)\] at (0.6) should be [url(../resources/stripes-20.png), url(../resources/blue-20.png)\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-image> from neutral to [url(../resources/green-20.png)\] at (0.6) should be [url(../resources/green-20.png)\]]
expected: FAIL
[CSS Transitions: property <mask-image> from [url(../resources/stripes-20.png)\] to [url(../resources/blue-20.png)\] at (-0.3) should be [url(../resources/stripes-20.png)\]]
expected: FAIL
[CSS Animations: property <mask-image> from [unset\] to [url(../resources/stripes-20.png)\] at (0.6) should be [url(../resources/stripes-20.png)\]]
expected: FAIL
[CSS Transitions: property <mask-image> from [url(../resources/stripes-20.png)\] to [url(../resources/blue-20.png)\] at (0.6) should be [url(../resources/blue-20.png)\]]
expected: FAIL
[Web Animations: property <mask-image> from [url(../resources/stripes-20.png)\] to [linear-gradient(45deg, blue, transparent)\] at (1.5) should be [linear-gradient(45deg, blue, transparent)\]]
expected: FAIL
[CSS Transitions: property <mask-image> from [url(../resources/stripes-20.png), linear-gradient(-45deg, blue, transparent)\] to [url(../resources/blue-20.png), url(../resources/stripes-20.png)\] at (0.3) should be [url(../resources/stripes-20.png), linear-gradient(-45deg, blue, transparent)\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-image> from [url(../resources/stripes-20.png), linear-gradient(-45deg, blue, transparent)\] to [url(../resources/blue-20.png), url(../resources/stripes-20.png)\] at (-0.3) should be [url(../resources/stripes-20.png), linear-gradient(-45deg, blue, transparent)\]]
expected: FAIL
[Web Animations: property <mask-image> from neutral to [url(../resources/green-20.png)\] at (1.5) should be [url(../resources/green-20.png)\]]
expected: FAIL
[CSS Animations: property <mask-image> from neutral to [url(../resources/green-20.png)\] at (-0.3) should be [url(../resources/stripes-20.png)\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-image> from [inherit\] to [url(../resources/green-20.png)\] at (1.5) should be [url(../resources/green-20.png)\]]
expected: FAIL
[CSS Transitions: property <mask-image> from [none\] to [url(../resources/green-20.png)\] at (0.6) should be [url(../resources/green-20.png)\]]
expected: FAIL
[CSS Transitions: property <mask-image> from [url(../resources/stripes-20.png)\] to [linear-gradient(45deg, blue, transparent)\] at (0.6) should be [linear-gradient(45deg, blue, transparent)\]]
expected: FAIL
[CSS Animations: property <mask-image> from [url(../resources/blue-20.png), none\] to [url(../resources/stripes-20.png), url(../resources/blue-20.png)\] at (1.5) should be [url(../resources/stripes-20.png), url(../resources/blue-20.png)\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-image> from [none\] to [url(../resources/green-20.png)\] at (-0.3) should be [none\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-image> from [url(../resources/stripes-20.png), linear-gradient(-45deg, blue, transparent)\] to [url(../resources/blue-20.png), url(../resources/stripes-20.png)\] at (0.3) should be [url(../resources/stripes-20.png), linear-gradient(-45deg, blue, transparent)\]]
expected: FAIL
[CSS Transitions: property <mask-image> from [url(../resources/blue-20.png)\] to [url(../resources/stripes-20.png), url(../resources/blue-20.png)\] at (0.6) should be [url(../resources/stripes-20.png), url(../resources/blue-20.png)\]]
expected: FAIL
[CSS Animations: property <mask-image> from [url(../resources/stripes-20.png)\] to [linear-gradient(45deg, blue, transparent)\] at (0) should be [url(../resources/stripes-20.png)\]]
expected: FAIL
[CSS Animations: property <mask-image> from [url(../resources/blue-20.png)\] to [url(../resources/stripes-20.png), url(../resources/blue-20.png)\] at (-0.3) should be [url(../resources/blue-20.png)\]]
expected: FAIL
[CSS Animations: property <mask-image> from neutral to [url(../resources/green-20.png)\] at (1.5) should be [url(../resources/green-20.png)\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-image> from neutral to [url(../resources/green-20.png)\] at (0.3) should be [url(../resources/stripes-20.png)\]]
expected: FAIL
[CSS Transitions: property <mask-image> from [initial\] to [url(../resources/green-20.png)\] at (-0.3) should be [none\]]
expected: FAIL
[Web Animations: property <mask-image> from [initial\] to [url(../resources/green-20.png)\] at (0.3) should be [none\]]
expected: FAIL
[CSS Transitions: property <mask-image> from [url(../resources/stripes-20.png), linear-gradient(-45deg, blue, transparent)\] to [url(../resources/blue-20.png), url(../resources/stripes-20.png)\] at (0) should be [url(../resources/stripes-20.png), linear-gradient(-45deg, blue, transparent)\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-image> from [url(../resources/stripes-20.png), linear-gradient(-45deg, blue, transparent)\] to [url(../resources/blue-20.png), url(../resources/stripes-20.png)\] at (1.5) should be [url(../resources/blue-20.png), url(../resources/stripes-20.png)\]]
expected: FAIL
[Web Animations: property <mask-image> from [url(../resources/blue-20.png)\] to [url(../resources/stripes-20.png), url(../resources/blue-20.png)\] at (1) should be [url(../resources/stripes-20.png), url(../resources/blue-20.png)\]]
expected: FAIL
[Web Animations: property <mask-image> from [unset\] to [url(../resources/stripes-20.png)\] at (-0.3) should be [none\]]
expected: FAIL
[CSS Transitions: property <mask-image> from [none\] to [url(../resources/green-20.png)\] at (0.3) should be [none\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-image> from [url(../resources/stripes-20.png)\] to [linear-gradient(45deg, blue, transparent)\] at (1.5) should be [linear-gradient(45deg, blue, transparent)\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-image> from [url(../resources/stripes-20.png)\] to [linear-gradient(45deg, blue, transparent)\] at (-0.3) should be [url(../resources/stripes-20.png)\]]
expected: FAIL
[CSS Animations: property <mask-image> from [url(../resources/blue-20.png)\] to [url(../resources/stripes-20.png), url(../resources/blue-20.png)\] at (0.3) should be [url(../resources/blue-20.png)\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-image> from [url(../resources/stripes-20.png)\] to [url(../resources/blue-20.png)\] at (-0.3) should be [url(../resources/stripes-20.png)\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-image> from [unset\] to [url(../resources/stripes-20.png)\] at (1) should be [url(../resources/stripes-20.png)\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-image> from [url(../resources/blue-20.png), none\] to [url(../resources/stripes-20.png), url(../resources/blue-20.png)\] at (1.5) should be [url(../resources/stripes-20.png), url(../resources/blue-20.png)\]]
expected: FAIL
[CSS Transitions: property <mask-image> from [none\] to [url(../resources/green-20.png)\] at (1) should be [url(../resources/green-20.png)\]]
expected: FAIL
[CSS Animations: property <mask-image> from [url(../resources/blue-20.png), none\] to [url(../resources/stripes-20.png), url(../resources/blue-20.png)\] at (1) should be [url(../resources/stripes-20.png), url(../resources/blue-20.png)\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-image> from [url(../resources/stripes-20.png)\] to [url(../resources/blue-20.png)\] at (1) should be [url(../resources/blue-20.png)\]]
expected: FAIL
[Web Animations: property <mask-image> from [url(../resources/stripes-20.png), linear-gradient(-45deg, blue, transparent)\] to [url(../resources/blue-20.png), url(../resources/stripes-20.png)\] at (-0.3) should be [url(../resources/stripes-20.png), linear-gradient(-45deg, blue, transparent)\]]
expected: FAIL
[CSS Animations: property <mask-image> from [url(../resources/stripes-20.png)\] to [linear-gradient(45deg, blue, transparent)\] at (1) should be [linear-gradient(45deg, blue, transparent)\]]
expected: FAIL
[CSS Transitions: property <mask-image> from neutral to [url(../resources/green-20.png)\] at (0.6) should be [url(../resources/green-20.png)\]]
expected: FAIL
[Web Animations: property <mask-image> from [url(../resources/stripes-20.png)\] to [linear-gradient(45deg, blue, transparent)\] at (0) should be [url(../resources/stripes-20.png)\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-image> from [url(../resources/stripes-20.png)\] to [url(../resources/blue-20.png)\] at (0) should be [url(../resources/stripes-20.png)\]]
expected: FAIL
[CSS Animations: property <mask-image> from [inherit\] to [url(../resources/green-20.png)\] at (0) should be [url(../resources/blue-20.png)\]]
expected: FAIL
[CSS Transitions: property <mask-image> from [inherit\] to [url(../resources/green-20.png)\] at (1.5) should be [url(../resources/green-20.png)\]]
expected: FAIL
[Web Animations: property <mask-image> from [initial\] to [url(../resources/green-20.png)\] at (0.6) should be [url(../resources/green-20.png)\]]
expected: FAIL
[CSS Animations: property <mask-image> from [none\] to [url(../resources/green-20.png)\] at (0) should be [none\]]
expected: FAIL
[CSS Transitions: property <mask-image> from neutral to [url(../resources/green-20.png)\] at (0) should be [url(../resources/stripes-20.png)\]]
expected: FAIL
[CSS Transitions: property <mask-image> from [url(../resources/blue-20.png), none\] to [url(../resources/stripes-20.png), url(../resources/blue-20.png)\] at (-0.3) should be [url(../resources/blue-20.png)\]]
expected: FAIL
[CSS Animations: property <mask-image> from [initial\] to [url(../resources/green-20.png)\] at (0.6) should be [url(../resources/green-20.png)\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-image> from [url(../resources/blue-20.png)\] to [url(../resources/stripes-20.png), url(../resources/blue-20.png)\] at (0.6) should be [url(../resources/stripes-20.png), url(../resources/blue-20.png)\]]
expected: FAIL
[CSS Transitions: property <mask-image> from [url(../resources/stripes-20.png), linear-gradient(-45deg, blue, transparent)\] to [url(../resources/blue-20.png), url(../resources/stripes-20.png)\] at (-0.3) should be [url(../resources/stripes-20.png), linear-gradient(-45deg, blue, transparent)\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-image> from [url(../resources/stripes-20.png)\] to [linear-gradient(45deg, blue, transparent)\] at (0.6) should be [linear-gradient(45deg, blue, transparent)\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-image> from [url(../resources/blue-20.png)\] to [url(../resources/stripes-20.png), url(../resources/blue-20.png)\] at (0) should be [url(../resources/blue-20.png)\]]
expected: FAIL
[CSS Animations: property <mask-image> from [url(../resources/stripes-20.png)\] to [url(../resources/blue-20.png)\] at (0) should be [url(../resources/stripes-20.png)\]]
expected: FAIL
[Web Animations: property <mask-image> from [url(../resources/stripes-20.png)\] to [url(../resources/blue-20.png)\] at (1) should be [url(../resources/blue-20.png)\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-image> from [url(../resources/blue-20.png)\] to [url(../resources/stripes-20.png), url(../resources/blue-20.png)\] at (1) should be [url(../resources/stripes-20.png), url(../resources/blue-20.png)\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-image> from [url(../resources/stripes-20.png)\] to [linear-gradient(45deg, blue, transparent)\] at (1) should be [linear-gradient(45deg, blue, transparent)\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-image> from [url(../resources/stripes-20.png)\] to [url(../resources/blue-20.png)\] at (0.3) should be [url(../resources/stripes-20.png)\]]
expected: FAIL
[CSS Transitions: property <mask-image> from [url(../resources/stripes-20.png)\] to [url(../resources/blue-20.png)\] at (0.3) should be [url(../resources/stripes-20.png)\]]
expected: FAIL
[CSS Transitions: property <mask-image> from [url(../resources/stripes-20.png), linear-gradient(-45deg, blue, transparent)\] to [url(../resources/blue-20.png), url(../resources/stripes-20.png)\] at (1) should be [url(../resources/blue-20.png), url(../resources/stripes-20.png)\]]
expected: FAIL
[Web Animations: property <mask-image> from [inherit\] to [url(../resources/green-20.png)\] at (1) should be [url(../resources/green-20.png)\]]
expected: FAIL
[Web Animations: property <mask-image> from [url(../resources/blue-20.png), none\] to [url(../resources/stripes-20.png), url(../resources/blue-20.png)\] at (-0.3) should be [url(../resources/blue-20.png)\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-image> from [url(../resources/blue-20.png)\] to [url(../resources/stripes-20.png), url(../resources/blue-20.png)\] at (-0.3) should be [url(../resources/blue-20.png)\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-image> from [none\] to [url(../resources/green-20.png)\] at (0) should be [none\]]
expected: FAIL
[CSS Transitions: property <mask-image> from [url(../resources/blue-20.png)\] to [url(../resources/stripes-20.png), url(../resources/blue-20.png)\] at (0.3) should be [url(../resources/blue-20.png)\]]
expected: FAIL
[CSS Animations: property <mask-image> from [none\] to [url(../resources/green-20.png)\] at (0.3) should be [none\]]
expected: FAIL
[CSS Animations: property <mask-image> from [url(../resources/stripes-20.png), linear-gradient(-45deg, blue, transparent)\] to [url(../resources/blue-20.png), url(../resources/stripes-20.png)\] at (1.5) should be [url(../resources/blue-20.png), url(../resources/stripes-20.png)\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-image> from [url(../resources/stripes-20.png)\] to [url(../resources/blue-20.png)\] at (1.5) should be [url(../resources/blue-20.png)\]]
expected: FAIL
[Web Animations: property <mask-image> from [unset\] to [url(../resources/stripes-20.png)\] at (0.6) should be [url(../resources/stripes-20.png)\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-image> from [unset\] to [url(../resources/stripes-20.png)\] at (0) should be [none\]]
expected: FAIL
[CSS Animations: property <mask-image> from [inherit\] to [url(../resources/green-20.png)\] at (0.3) should be [url(../resources/blue-20.png)\]]
expected: FAIL
[Web Animations: property <mask-image> from [url(../resources/blue-20.png)\] to [url(../resources/stripes-20.png), url(../resources/blue-20.png)\] at (0.3) should be [url(../resources/blue-20.png)\]]
expected: FAIL
[CSS Transitions: property <mask-image> from [url(../resources/stripes-20.png)\] to [linear-gradient(45deg, blue, transparent)\] at (1) should be [linear-gradient(45deg, blue, transparent)\]]
expected: FAIL
[Web Animations: property <mask-image> from [url(../resources/blue-20.png), none\] to [url(../resources/stripes-20.png), url(../resources/blue-20.png)\] at (0.6) should be [url(../resources/stripes-20.png), url(../resources/blue-20.png)\]]
expected: FAIL
[CSS Animations: property <mask-image> from [url(../resources/stripes-20.png)\] to [url(../resources/blue-20.png)\] at (-0.3) should be [url(../resources/stripes-20.png)\]]
expected: FAIL
[Web Animations: property <mask-image> from [url(../resources/blue-20.png), none\] to [url(../resources/stripes-20.png), url(../resources/blue-20.png)\] at (0.3) should be [url(../resources/blue-20.png)\]]
expected: FAIL
[CSS Animations: property <mask-image> from [url(../resources/blue-20.png)\] to [url(../resources/stripes-20.png), url(../resources/blue-20.png)\] at (0) should be [url(../resources/blue-20.png)\]]
expected: FAIL
[CSS Transitions: property <mask-image> from [none\] to [url(../resources/green-20.png)\] at (0) should be [none\]]
expected: FAIL
[CSS Transitions: property <mask-image> from [initial\] to [url(../resources/green-20.png)\] at (0) should be [none\]]
expected: FAIL
[CSS Transitions: property <mask-image> from [unset\] to [url(../resources/stripes-20.png)\] at (1.5) should be [url(../resources/stripes-20.png)\]]
expected: FAIL
[CSS Animations: property <mask-image> from [unset\] to [url(../resources/stripes-20.png)\] at (1) should be [url(../resources/stripes-20.png)\]]
expected: FAIL
[Web Animations: property <mask-image> from [unset\] to [url(../resources/stripes-20.png)\] at (0) should be [none\]]
expected: FAIL
[Web Animations: property <mask-image> from neutral to [url(../resources/green-20.png)\] at (1) should be [url(../resources/green-20.png)\]]
expected: FAIL
[CSS Animations: property <mask-image> from [url(../resources/stripes-20.png)\] to [linear-gradient(45deg, blue, transparent)\] at (1.5) should be [linear-gradient(45deg, blue, transparent)\]]
expected: FAIL
[CSS Animations: property <mask-image> from [unset\] to [url(../resources/stripes-20.png)\] at (0) should be [none\]]
expected: FAIL
[CSS Transitions: property <mask-image> from [url(../resources/stripes-20.png)\] to [linear-gradient(45deg, blue, transparent)\] at (1.5) should be [linear-gradient(45deg, blue, transparent)\]]
expected: FAIL
[Web Animations: property <mask-image> from [url(../resources/stripes-20.png), linear-gradient(-45deg, blue, transparent)\] to [url(../resources/blue-20.png), url(../resources/stripes-20.png)\] at (0) should be [url(../resources/stripes-20.png), linear-gradient(-45deg, blue, transparent)\]]
expected: FAIL
[CSS Animations: property <mask-image> from [url(../resources/stripes-20.png), linear-gradient(-45deg, blue, transparent)\] to [url(../resources/blue-20.png), url(../resources/stripes-20.png)\] at (0.6) should be [url(../resources/blue-20.png), url(../resources/stripes-20.png)\]]
expected: FAIL
[CSS Animations: property <mask-image> from [none\] to [url(../resources/green-20.png)\] at (1.5) should be [url(../resources/green-20.png)\]]
expected: FAIL
[CSS Transitions: property <mask-image> from [inherit\] to [url(../resources/green-20.png)\] at (0.6) should be [url(../resources/green-20.png)\]]
expected: FAIL
[Web Animations: property <mask-image> from [url(../resources/blue-20.png)\] to [url(../resources/stripes-20.png), url(../resources/blue-20.png)\] at (0) should be [url(../resources/blue-20.png)\]]
expected: FAIL
[Web Animations: property <mask-image> from [inherit\] to [url(../resources/green-20.png)\] at (0.3) should be [url(../resources/blue-20.png)\]]
expected: FAIL
[Web Animations: property <mask-image> from neutral to [url(../resources/green-20.png)\] at (0.3) should be [url(../resources/stripes-20.png)\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-image> from [none\] to [url(../resources/green-20.png)\] at (0.6) should be [url(../resources/green-20.png)\]]
expected: FAIL
[Web Animations: property <mask-image> from [url(../resources/stripes-20.png)\] to [linear-gradient(45deg, blue, transparent)\] at (0.6) should be [linear-gradient(45deg, blue, transparent)\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-image> from [none\] to [url(../resources/green-20.png)\] at (1.5) should be [url(../resources/green-20.png)\]]
expected: FAIL
[CSS Transitions: property <mask-image> from [inherit\] to [url(../resources/green-20.png)\] at (-0.3) should be [url(../resources/blue-20.png)\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-image> from neutral to [url(../resources/green-20.png)\] at (-0.3) should be [url(../resources/stripes-20.png)\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-image> from [initial\] to [url(../resources/green-20.png)\] at (1.5) should be [url(../resources/green-20.png)\]]
expected: FAIL
[CSS Transitions: property <mask-image> from [inherit\] to [url(../resources/green-20.png)\] at (0) should be [url(../resources/blue-20.png)\]]
expected: FAIL
[Web Animations: property <mask-image> from [none\] to [url(../resources/green-20.png)\] at (0) should be [none\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-image> from [url(../resources/blue-20.png)\] to [url(../resources/stripes-20.png), url(../resources/blue-20.png)\] at (0.3) should be [url(../resources/blue-20.png)\]]
expected: FAIL
[CSS Animations: property <mask-image> from [initial\] to [url(../resources/green-20.png)\] at (1) should be [url(../resources/green-20.png)\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-image> from [url(../resources/blue-20.png), none\] to [url(../resources/stripes-20.png), url(../resources/blue-20.png)\] at (-0.3) should be [url(../resources/blue-20.png)\]]
expected: FAIL
[CSS Animations: property <mask-image> from neutral to [url(../resources/green-20.png)\] at (1) should be [url(../resources/green-20.png)\]]
expected: FAIL
[Web Animations: property <mask-image> from [inherit\] to [url(../resources/green-20.png)\] at (0.6) should be [url(../resources/green-20.png)\]]
expected: FAIL
[Web Animations: property <mask-image> from [unset\] to [url(../resources/stripes-20.png)\] at (1.5) should be [url(../resources/stripes-20.png)\]]
expected: FAIL
[CSS Transitions: property <mask-image> from neutral to [url(../resources/green-20.png)\] at (1) should be [url(../resources/green-20.png)\]]
expected: FAIL
[CSS Animations: property <mask-image> from [url(../resources/blue-20.png)\] to [url(../resources/stripes-20.png), url(../resources/blue-20.png)\] at (1.5) should be [url(../resources/stripes-20.png), url(../resources/blue-20.png)\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-image> from [inherit\] to [url(../resources/green-20.png)\] at (0) should be [url(../resources/blue-20.png)\]]
expected: FAIL
[Web Animations: property <mask-image> from [initial\] to [url(../resources/green-20.png)\] at (0) should be [none\]]
expected: FAIL
[Web Animations: property <mask-image> from [url(../resources/blue-20.png), none\] to [url(../resources/stripes-20.png), url(../resources/blue-20.png)\] at (1.5) should be [url(../resources/stripes-20.png), url(../resources/blue-20.png)\]]
expected: FAIL
[CSS Transitions: property <mask-image> from [url(../resources/stripes-20.png)\] to [linear-gradient(45deg, blue, transparent)\] at (-0.3) should be [url(../resources/stripes-20.png)\]]
expected: FAIL
[CSS Animations: property <mask-image> from [url(../resources/stripes-20.png)\] to [url(../resources/blue-20.png)\] at (1.5) should be [url(../resources/blue-20.png)\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-image> from [inherit\] to [url(../resources/green-20.png)\] at (1) should be [url(../resources/green-20.png)\]]
expected: FAIL
[Web Animations: property <mask-image> from [inherit\] to [url(../resources/green-20.png)\] at (1.5) should be [url(../resources/green-20.png)\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-image> from neutral to [url(../resources/green-20.png)\] at (1) should be [url(../resources/green-20.png)\]]
expected: FAIL
[CSS Animations: property <mask-image> from [unset\] to [url(../resources/stripes-20.png)\] at (0.3) should be [none\]]
expected: FAIL
[Web Animations: property <mask-image> from [url(../resources/stripes-20.png), linear-gradient(-45deg, blue, transparent)\] to [url(../resources/blue-20.png), url(../resources/stripes-20.png)\] at (0.6) should be [url(../resources/blue-20.png), url(../resources/stripes-20.png)\]]
expected: FAIL
[Web Animations: property <mask-image> from [none\] to [url(../resources/green-20.png)\] at (0.3) should be [none\]]
expected: FAIL
[Web Animations: property <mask-image> from [initial\] to [url(../resources/green-20.png)\] at (-0.3) should be [none\]]
expected: FAIL
[Web Animations: property <mask-image> from [url(../resources/stripes-20.png)\] to [linear-gradient(45deg, blue, transparent)\] at (-0.3) should be [url(../resources/stripes-20.png)\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-image> from [url(../resources/blue-20.png), none\] to [url(../resources/stripes-20.png), url(../resources/blue-20.png)\] at (1) should be [url(../resources/stripes-20.png), url(../resources/blue-20.png)\]]
expected: FAIL
[Web Animations: property <mask-image> from [none\] to [url(../resources/green-20.png)\] at (1) should be [url(../resources/green-20.png)\]]
expected: FAIL
[CSS Transitions: property <mask-image> from [url(../resources/blue-20.png)\] to [url(../resources/stripes-20.png), url(../resources/blue-20.png)\] at (0) should be [url(../resources/blue-20.png)\]]
expected: FAIL
[Web Animations: property <mask-image> from [url(../resources/stripes-20.png)\] to [url(../resources/blue-20.png)\] at (0) should be [url(../resources/stripes-20.png)\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-image> from [url(../resources/stripes-20.png), linear-gradient(-45deg, blue, transparent)\] to [url(../resources/blue-20.png), url(../resources/stripes-20.png)\] at (0.6) should be [url(../resources/blue-20.png), url(../resources/stripes-20.png)\]]
expected: FAIL
[CSS Animations: property <mask-image> from [url(../resources/blue-20.png), none\] to [url(../resources/stripes-20.png), url(../resources/blue-20.png)\] at (0.6) should be [url(../resources/stripes-20.png), url(../resources/blue-20.png)\]]
expected: FAIL
[CSS Animations: property <mask-image> from [unset\] to [url(../resources/stripes-20.png)\] at (1.5) should be [url(../resources/stripes-20.png)\]]
expected: FAIL
[CSS Animations: property <mask-image> from [url(../resources/stripes-20.png)\] to [url(../resources/blue-20.png)\] at (1) should be [url(../resources/blue-20.png)\]]
expected: FAIL
[CSS Animations: property <mask-image> from [url(../resources/blue-20.png), none\] to [url(../resources/stripes-20.png), url(../resources/blue-20.png)\] at (0) should be [url(../resources/blue-20.png)\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-image> from [url(../resources/blue-20.png), none\] to [url(../resources/stripes-20.png), url(../resources/blue-20.png)\] at (0) should be [url(../resources/blue-20.png)\]]
expected: FAIL
[CSS Transitions: property <mask-image> from neutral to [url(../resources/green-20.png)\] at (0.3) should be [url(../resources/stripes-20.png)\]]
expected: FAIL
[Web Animations: property <mask-image> from neutral to [url(../resources/green-20.png)\] at (-0.3) should be [url(../resources/stripes-20.png)\]]
expected: FAIL
[Web Animations: property <mask-image> from neutral to [url(../resources/green-20.png)\] at (0) should be [url(../resources/stripes-20.png)\]]
expected: FAIL
[CSS Transitions: property <mask-image> from [url(../resources/stripes-20.png)\] to [url(../resources/blue-20.png)\] at (0) should be [url(../resources/stripes-20.png)\]]
expected: FAIL
[Web Animations: property <mask-image> from [unset\] to [url(../resources/stripes-20.png)\] at (1) should be [url(../resources/stripes-20.png)\]]
expected: FAIL
[Web Animations: property <mask-image> from [url(../resources/blue-20.png), none\] to [url(../resources/stripes-20.png), url(../resources/blue-20.png)\] at (1) should be [url(../resources/stripes-20.png), url(../resources/blue-20.png)\]]
expected: FAIL
[Web Animations: property <mask-image> from [inherit\] to [url(../resources/green-20.png)\] at (-0.3) should be [url(../resources/blue-20.png)\]]
expected: FAIL
[Web Animations: property <mask-image> from [url(../resources/blue-20.png)\] to [url(../resources/stripes-20.png), url(../resources/blue-20.png)\] at (0.6) should be [url(../resources/stripes-20.png), url(../resources/blue-20.png)\]]
expected: FAIL
[CSS Animations: property <mask-image> from [inherit\] to [url(../resources/green-20.png)\] at (1.5) should be [url(../resources/green-20.png)\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-image> from [inherit\] to [url(../resources/green-20.png)\] at (0.6) should be [url(../resources/green-20.png)\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-image> from [url(../resources/stripes-20.png), linear-gradient(-45deg, blue, transparent)\] to [url(../resources/blue-20.png), url(../resources/stripes-20.png)\] at (1) should be [url(../resources/blue-20.png), url(../resources/stripes-20.png)\]]
expected: FAIL
[CSS Transitions: property <mask-image> from [url(../resources/blue-20.png), none\] to [url(../resources/stripes-20.png), url(../resources/blue-20.png)\] at (0.6) should be [url(../resources/stripes-20.png), url(../resources/blue-20.png)\]]
expected: FAIL
[CSS Transitions: property <mask-image> from [url(../resources/blue-20.png)\] to [url(../resources/stripes-20.png), url(../resources/blue-20.png)\] at (1) should be [url(../resources/stripes-20.png), url(../resources/blue-20.png)\]]
expected: FAIL
[CSS Animations: property <mask-image> from [initial\] to [url(../resources/green-20.png)\] at (1.5) should be [url(../resources/green-20.png)\]]
expected: FAIL
[Web Animations: property <mask-image> from [url(../resources/stripes-20.png)\] to [url(../resources/blue-20.png)\] at (0.3) should be [url(../resources/stripes-20.png)\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-image> from [unset\] to [url(../resources/stripes-20.png)\] at (0.3) should be [none\]]
expected: FAIL
[CSS Animations: property <mask-image> from [url(../resources/stripes-20.png), linear-gradient(-45deg, blue, transparent)\] to [url(../resources/blue-20.png), url(../resources/stripes-20.png)\] at (-0.3) should be [url(../resources/stripes-20.png), linear-gradient(-45deg, blue, transparent)\]]
expected: FAIL
[CSS Animations: property <mask-image> from [url(../resources/stripes-20.png)\] to [url(../resources/blue-20.png)\] at (0.6) should be [url(../resources/blue-20.png)\]]
expected: FAIL
[Web Animations: property <mask-image> from [url(../resources/stripes-20.png)\] to [url(../resources/blue-20.png)\] at (1.5) should be [url(../resources/blue-20.png)\]]
expected: FAIL
[CSS Animations: property <mask-image> from [none\] to [url(../resources/green-20.png)\] at (1) should be [url(../resources/green-20.png)\]]
expected: FAIL
[CSS Animations: property <mask-image> from [url(../resources/stripes-20.png)\] to [url(../resources/blue-20.png)\] at (0.3) should be [url(../resources/stripes-20.png)\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-image> from neutral to [url(../resources/green-20.png)\] at (0) should be [url(../resources/stripes-20.png)\]]
expected: FAIL
[CSS Transitions: property <mask-image> from [url(../resources/blue-20.png)\] to [url(../resources/stripes-20.png), url(../resources/blue-20.png)\] at (-0.3) should be [url(../resources/blue-20.png)\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-image> from [initial\] to [url(../resources/green-20.png)\] at (0) should be [none\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-image> from [url(../resources/blue-20.png)\] to [url(../resources/stripes-20.png), url(../resources/blue-20.png)\] at (1.5) should be [url(../resources/stripes-20.png), url(../resources/blue-20.png)\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-image> from [none\] to [url(../resources/green-20.png)\] at (0.3) should be [none\]]
expected: FAIL
[CSS Transitions: property <mask-image> from [inherit\] to [url(../resources/green-20.png)\] at (0.3) should be [url(../resources/blue-20.png)\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-image> from [url(../resources/stripes-20.png)\] to [linear-gradient(45deg, blue, transparent)\] at (0) should be [url(../resources/stripes-20.png)\]]
expected: FAIL
[Web Animations: property <mask-image> from [url(../resources/stripes-20.png), linear-gradient(-45deg, blue, transparent)\] to [url(../resources/blue-20.png), url(../resources/stripes-20.png)\] at (1.5) should be [url(../resources/blue-20.png), url(../resources/stripes-20.png)\]]
expected: FAIL
[CSS Animations: property <mask-image> from [url(../resources/stripes-20.png)\] to [linear-gradient(45deg, blue, transparent)\] at (0.3) should be [url(../resources/stripes-20.png)\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-image> from [none\] to [url(../resources/green-20.png)\] at (1) should be [url(../resources/green-20.png)\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-image> from [url(../resources/stripes-20.png)\] to [url(../resources/blue-20.png)\] at (0.6) should be [url(../resources/blue-20.png)\]]
expected: FAIL
[CSS Transitions: property <mask-image> from [unset\] to [url(../resources/stripes-20.png)\] at (-0.3) should be [none\]]
expected: FAIL
[CSS Transitions: property <mask-image> from [url(../resources/blue-20.png), none\] to [url(../resources/stripes-20.png), url(../resources/blue-20.png)\] at (1) should be [url(../resources/stripes-20.png), url(../resources/blue-20.png)\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-image> from neutral to [url(../resources/green-20.png)\] at (1.5) should be [url(../resources/green-20.png)\]]
expected: FAIL
[CSS Transitions: property <mask-image> from [none\] to [url(../resources/green-20.png)\] at (-0.3) should be [none\]]
expected: FAIL
[CSS Transitions: property <mask-image> from [url(../resources/stripes-20.png)\] to [url(../resources/blue-20.png)\] at (1) should be [url(../resources/blue-20.png)\]]
expected: FAIL
[CSS Animations: property <mask-image> from [unset\] to [url(../resources/stripes-20.png)\] at (-0.3) should be [none\]]
expected: FAIL
[CSS Animations: property <mask-image> from [inherit\] to [url(../resources/green-20.png)\] at (1) should be [url(../resources/green-20.png)\]]
expected: FAIL
[CSS Transitions: property <mask-image> from [unset\] to [url(../resources/stripes-20.png)\] at (0) should be [none\]]
expected: FAIL
[CSS Transitions: property <mask-image> from [url(../resources/blue-20.png), none\] to [url(../resources/stripes-20.png), url(../resources/blue-20.png)\] at (0.3) should be [url(../resources/blue-20.png)\]]
expected: FAIL

589
tests/wpt/metadata-layout-2020/css/css-masking/animations/mask-position-interpolation.html.ini Normal file
View file

@ -0,0 +1,589 @@
[mask-position-interpolation.html]
[CSS Animations: property <mask-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
[CSS Animations: property <mask-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, 80px 80px, 0px 80px\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-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
[CSS Transitions with transition: all: property <mask-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, 20px 20px, 60px 20px\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-position> from [initial\] to [20px 20px\] at (0) should be [0% 0%\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-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, 80px 80px, 0px 80px\]]
expected: FAIL
[CSS Transitions: property <mask-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, 100px 100px, -20px 100px\]]
expected: FAIL
[CSS Transitions: property <mask-position> from neutral to [20px 20px\] at (-0.25) should be [7.5px 32.5px\]]
expected: FAIL
[Web Animations: property <mask-position> from neutral to [20px 20px\] at (0.75) should be [17.5px 22.5px\]]
expected: FAIL
[Web Animations: property <mask-position> from [inherit\] to [20px 20px\] at (0.5) should be [25px 15px\]]
expected: FAIL
[CSS Animations: property <mask-position> from [initial\] to [20px 20px\] at (0.5) should be [calc(0% + 10px) calc(0% + 10px)\]]
expected: FAIL
[Web Animations: property <mask-position> from [inherit\] to [20px 20px\] at (0.25) should be [27.5px 12.5px\]]
expected: FAIL
[Web Animations: property <mask-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
[CSS Animations: property <mask-position> from neutral to [20px 20px\] at (0) should be [10px 30px\]]
expected: FAIL
[Web Animations: property <mask-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, -20px -20px, 100px -20px\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-position> from neutral to [20px 20px\] at (1.25) should be [22.5px 17.5px\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-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, 60px 60px, 20px 60px\]]
expected: FAIL
[Web Animations: property <mask-position> from [top 0px left 0px\] to [left 80px top 80px\] at (1) should be [ 80px 80px\]]
expected: FAIL
[CSS Animations: property <mask-position> from [initial\] to [20px 20px\] at (1) should be [calc(0% + 20px) calc(0% + 20px)\]]
expected: FAIL
[CSS Transitions: property <mask-position> from [initial\] to [20px 20px\] at (0.75) should be [calc(0% + 15px) calc(0% + 15px)\]]
expected: FAIL
[Web Animations: property <mask-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
[CSS Animations: property <mask-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, 40px 40px, 40px 40px\]]
expected: FAIL
[CSS Animations: property <mask-position> from neutral to [20px 20px\] at (1) should be [20px 20px\]]
expected: FAIL
[CSS Animations: property <mask-position> from [unset\] to [20px 20px\] at (1.25) should be [calc(0% + 25px) calc(0% + 25px)\]]
expected: FAIL
[CSS Animations: property <mask-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, 0px 0px, 80px 0px\]]
expected: FAIL
[Web Animations: property <mask-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, 0px 0px, 80px 0px\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-position> from [initial\] to [20px 20px\] at (0.25) should be [calc(0% + 5px) calc(0% + 5px)\]]
expected: FAIL
[CSS Transitions: property <mask-position> from [inherit\] to [20px 20px\] at (0.5) should be [25px 15px\]]
expected: FAIL
[CSS Transitions: property <mask-position> from [inherit\] to [20px 20px\] at (0) should be [30px 10px\]]
expected: FAIL
[CSS Transitions: property <mask-position> from neutral to [20px 20px\] at (0.5) should be [15px 25px\]]
expected: FAIL
[CSS Transitions: property <mask-position> from [initial\] to [20px 20px\] at (0.5) should be [calc(0% + 10px) calc(0% + 10px)\]]
expected: FAIL
[CSS Animations: property <mask-position> from [inherit\] to [20px 20px\] at (0.25) should be [27.5px 12.5px\]]
expected: FAIL
[CSS Transitions: property <mask-position> from [inherit\] to [20px 20px\] at (0.75) should be [22.5px 17.5px\]]
expected: FAIL
[Web Animations: property <mask-position> from [initial\] to [20px 20px\] at (0) should be [0% 0%\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-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, 100px 100px, -20px 100px\]]
expected: FAIL
[CSS Animations: property <mask-position> from [top 0px left 0px\] to [left 80px top 80px\] at (-0.25) should be [-20px -20px\]]
expected: FAIL
[CSS Animations: property <mask-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, 100px 100px, -20px 100px\]]
expected: FAIL
[CSS Transitions: property <mask-position> from [unset\] to [20px 20px\] at (0) should be [0% 0%\]]
expected: FAIL
[CSS Animations: property <mask-position> from [initial\] to [20px 20px\] at (-0.25) should be [calc(0% - 5px) calc(0% - 5px)\]]
expected: FAIL
[CSS Transitions: property <mask-position> from [inherit\] to [20px 20px\] at (0.25) should be [27.5px 12.5px\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-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
[CSS Transitions: property <mask-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, -20px -20px, 100px -20px\]]
expected: FAIL
[CSS Transitions: property <mask-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
[CSS Animations: property <mask-position> from [initial\] to [20px 20px\] at (0) should be [0% 0%\]]
expected: FAIL
[Web Animations: property <mask-position> from [initial\] to [20px 20px\] at (-0.25) should be [calc(0% - 5px) calc(0% - 5px)\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-position> from [unset\] to [20px 20px\] at (0) should be [0% 0%\]]
expected: FAIL
[CSS Transitions: property <mask-position> from [unset\] to [20px 20px\] at (0.25) should be [calc(0% + 5px) calc(0% + 5px)\]]
expected: FAIL
[Web Animations: property <mask-position> from [inherit\] to [20px 20px\] at (0.75) should be [22.5px 17.5px\]]
expected: FAIL
[CSS Animations: property <mask-position> from [unset\] to [20px 20px\] at (1) should be [calc(0% + 20px) calc(0% + 20px)\]]
expected: FAIL
[CSS Transitions: property <mask-position> from [top 0px left 0px\] to [left 80px top 80px\] at (0.5) should be [ 40px 40px\]]
expected: FAIL
[Web Animations: property <mask-position> from [top 0px left 0px\] to [left 80px top 80px\] at (0.75) should be [ 60px 60px\]]
expected: FAIL
[Web Animations: property <mask-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
[CSS Transitions with transition: all: property <mask-position> from [top 0px left 0px\] to [left 80px top 80px\] at (0) should be [ 0px 0px\]]
expected: FAIL
[CSS Transitions: property <mask-position> from [top 0px left 0px\] to [left 80px top 80px\] at (1.25) should be [100px 100px\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-position> from neutral to [20px 20px\] at (1) should be [20px 20px\]]
expected: FAIL
[CSS Animations: property <mask-position> from [top 0px left 0px\] to [left 80px top 80px\] at (1) should be [ 80px 80px\]]
expected: FAIL
[CSS Transitions: property <mask-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
[CSS Transitions with transition: all: property <mask-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, 0px 0px, 80px 0px\]]
expected: FAIL
[Web Animations: property <mask-position> from [initial\] to [20px 20px\] at (1.25) should be [calc(0% + 25px) calc(0% + 25px)\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-position> from [top 0px left 0px\] to [left 80px top 80px\] at (1) should be [ 80px 80px\]]
expected: FAIL
[CSS Animations: property <mask-position> from neutral to [20px 20px\] at (0.75) should be [17.5px 22.5px\]]
expected: FAIL
[CSS Transitions: property <mask-position> from [inherit\] to [20px 20px\] at (-0.25) should be [32.5px 7.5px\]]
expected: FAIL
[Web Animations: property <mask-position> from [unset\] to [20px 20px\] at (1.25) should be [calc(0% + 25px) calc(0% + 25px)\]]
expected: FAIL
[Web Animations: property <mask-position> from [initial\] to [20px 20px\] at (0.75) should be [calc(0% + 15px) calc(0% + 15px)\]]
expected: FAIL
[Web Animations: property <mask-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, 40px 40px, 40px 40px\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-position> from [top 0px left 0px\] to [left 80px top 80px\] at (0.75) should be [ 60px 60px\]]
expected: FAIL
[Web Animations: property <mask-position> from [inherit\] to [20px 20px\] at (1.25) should be [17.5px 22.5px\]]
expected: FAIL
[CSS Transitions: property <mask-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, 20px 20px, 60px 20px\]]
expected: FAIL
[CSS Animations: property <mask-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
[CSS Transitions: property <mask-position> from [top 0px left 0px\] to [left 80px top 80px\] at (0.75) should be [ 60px 60px\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-position> from neutral to [20px 20px\] at (0) should be [10px 30px\]]
expected: FAIL
[CSS Transitions: property <mask-position> from [top 0px left 0px\] to [left 80px top 80px\] at (1) should be [ 80px 80px\]]
expected: FAIL
[CSS Animations: property <mask-position> from [top 0px left 0px\] to [left 80px top 80px\] at (0) should be [ 0px 0px\]]
expected: FAIL
[CSS Transitions: property <mask-position> from [initial\] to [20px 20px\] at (1.25) should be [calc(0% + 25px) calc(0% + 25px)\]]
expected: FAIL
[CSS Animations: property <mask-position> from [top 0px left 0px\] to [left 80px top 80px\] at (1.25) should be [100px 100px\]]
expected: FAIL
[Web Animations: property <mask-position> from [unset\] to [20px 20px\] at (0.25) should be [calc(0% + 5px) calc(0% + 5px)\]]
expected: FAIL
[Web Animations: property <mask-position> from [unset\] to [20px 20px\] at (1) should be [calc(0% + 20px) calc(0% + 20px)\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-position> from [unset\] to [20px 20px\] at (0.5) should be [calc(0% + 10px) calc(0% + 10px)\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-position> from [inherit\] to [20px 20px\] at (0.5) should be [25px 15px\]]
expected: FAIL
[CSS Transitions: property <mask-position> from [inherit\] to [20px 20px\] at (1.25) should be [17.5px 22.5px\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-position> from [initial\] to [20px 20px\] at (-0.25) should be [calc(0% - 5px) calc(0% - 5px)\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-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, -20px -20px, 100px -20px\]]
expected: FAIL
[Web Animations: property <mask-position> from neutral to [20px 20px\] at (1) should be [20px 20px\]]
expected: FAIL
[CSS Transitions: property <mask-position> from [unset\] to [20px 20px\] at (-0.25) should be [calc(0% - 5px) calc(0% - 5px)\]]
expected: FAIL
[Web Animations: property <mask-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, 80px 80px, 0px 80px\]]
expected: FAIL
[CSS Animations: property <mask-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
[CSS Transitions: property <mask-position> from [initial\] to [20px 20px\] at (-0.25) should be [calc(0% - 5px) calc(0% - 5px)\]]
expected: FAIL
[CSS Transitions: property <mask-position> from neutral to [20px 20px\] at (1.25) should be [22.5px 17.5px\]]
expected: FAIL
[CSS Animations: property <mask-position> from neutral to [20px 20px\] at (1.25) should be [22.5px 17.5px\]]
expected: FAIL
[CSS Animations: property <mask-position> from neutral to [20px 20px\] at (0.25) should be [12.5px 27.5px\]]
expected: FAIL
[Web Animations: property <mask-position> from neutral to [20px 20px\] at (-0.25) should be [7.5px 32.5px\]]
expected: FAIL
[CSS Animations: property <mask-position> from [top 0px left 0px\] to [left 80px top 80px\] at (0.75) should be [ 60px 60px\]]
expected: FAIL
[CSS Transitions: property <mask-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 <mask-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, 20px 20px, 60px 20px\]]
expected: FAIL
[CSS Animations: property <mask-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
[CSS Transitions: property <mask-position> from [top 0px left 0px\] to [left 80px top 80px\] at (-0.25) should be [-20px -20px\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-position> from [initial\] to [20px 20px\] at (1) should be [calc(0% + 20px) calc(0% + 20px)\]]
expected: FAIL
[CSS Animations: property <mask-position> from [initial\] to [20px 20px\] at (0.75) should be [calc(0% + 15px) calc(0% + 15px)\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-position> from [top 0px left 0px\] to [left 80px top 80px\] at (0.5) should be [ 40px 40px\]]
expected: FAIL
[Web Animations: property <mask-position> from [unset\] to [20px 20px\] at (0.75) should be [calc(0% + 15px) calc(0% + 15px)\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-position> from [unset\] to [20px 20px\] at (0.25) should be [calc(0% + 5px) calc(0% + 5px)\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-position> from [inherit\] to [20px 20px\] at (1.25) should be [17.5px 22.5px\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-position> from [top 0px left 0px\] to [left 80px top 80px\] at (1.25) should be [100px 100px\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-position> from [top 0px left 0px\] to [left 80px top 80px\] at (-0.25) should be [-20px -20px\]]
expected: FAIL
[Web Animations: property <mask-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
[CSS Transitions: property <mask-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, 40px 40px, 40px 40px\]]
expected: FAIL
[CSS Transitions: property <mask-position> from [initial\] to [20px 20px\] at (0) should be [0% 0%\]]
expected: FAIL
[CSS Transitions: property <mask-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
[CSS Transitions with transition: all: property <mask-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
[CSS Transitions: property <mask-position> from [unset\] to [20px 20px\] at (1.25) should be [calc(0% + 25px) calc(0% + 25px)\]]
expected: FAIL
[CSS Transitions: property <mask-position> from neutral to [20px 20px\] at (0) should be [10px 30px\]]
expected: FAIL
[CSS Transitions: property <mask-position> from [top 0px left 0px\] to [left 80px top 80px\] at (0) should be [ 0px 0px\]]
expected: FAIL
[Web Animations: property <mask-position> from [inherit\] to [20px 20px\] at (1) should be [20px 20px\]]
expected: FAIL
[Web Animations: property <mask-position> from neutral to [20px 20px\] at (0.5) should be [15px 25px\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-position> from [inherit\] to [20px 20px\] at (-0.25) should be [32.5px 7.5px\]]
expected: FAIL
[Web Animations: property <mask-position> from [top 0px left 0px\] to [left 80px top 80px\] at (1.25) should be [100px 100px\]]
expected: FAIL
[Web Animations: property <mask-position> from [top 0px left 0px\] to [left 80px top 80px\] at (0.25) should be [ 20px 20px\]]
expected: FAIL
[Web Animations: property <mask-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
[CSS Transitions with transition: all: property <mask-position> from [inherit\] to [20px 20px\] at (0.75) should be [22.5px 17.5px\]]
expected: FAIL
[Web Animations: property <mask-position> from [top 0px left 0px\] to [left 80px top 80px\] at (0) should be [ 0px 0px\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-position> from [initial\] to [20px 20px\] at (0.75) should be [calc(0% + 15px) calc(0% + 15px)\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-position> from [unset\] to [20px 20px\] at (1.25) should be [calc(0% + 25px) calc(0% + 25px)\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-position> from [top 0px left 0px\] to [left 80px top 80px\] at (0.25) should be [ 20px 20px\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-position> from neutral to [20px 20px\] at (-0.25) should be [7.5px 32.5px\]]
expected: FAIL
[CSS Animations: property <mask-position> from [unset\] to [20px 20px\] at (0.75) should be [calc(0% + 15px) calc(0% + 15px)\]]
expected: FAIL
[CSS Transitions: property <mask-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, 80px 80px, 0px 80px\]]
expected: FAIL
[CSS Transitions: property <mask-position> from neutral to [20px 20px\] at (1) should be [20px 20px\]]
expected: FAIL
[CSS Animations: property <mask-position> from [unset\] to [20px 20px\] at (0.5) should be [calc(0% + 10px) calc(0% + 10px)\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-position> from neutral to [20px 20px\] at (0.75) should be [17.5px 22.5px\]]
expected: FAIL
[CSS Animations: property <mask-position> from [top 0px left 0px\] to [left 80px top 80px\] at (0.25) should be [ 20px 20px\]]
expected: FAIL
[CSS Animations: property <mask-position> from [inherit\] to [20px 20px\] at (0.5) should be [25px 15px\]]
expected: FAIL
[Web Animations: property <mask-position> from [initial\] to [20px 20px\] at (1) should be [calc(0% + 20px) calc(0% + 20px)\]]
expected: FAIL
[Web Animations: property <mask-position> from [initial\] to [20px 20px\] at (0.5) should be [calc(0% + 10px) calc(0% + 10px)\]]
expected: FAIL
[CSS Transitions: property <mask-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
[CSS Animations: property <mask-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 <mask-position> from [top 0px left 0px\] to [left 80px top 80px\] at (0.5) should be [ 40px 40px\]]
expected: FAIL
[CSS Transitions: property <mask-position> from [initial\] to [20px 20px\] at (0.25) should be [calc(0% + 5px) calc(0% + 5px)\]]
expected: FAIL
[Web Animations: property <mask-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, 60px 60px, 20px 60px\]]
expected: FAIL
[Web Animations: property <mask-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
[CSS Animations: property <mask-position> from [unset\] to [20px 20px\] at (0.25) should be [calc(0% + 5px) calc(0% + 5px)\]]
expected: FAIL
[CSS Transitions: property <mask-position> from [unset\] to [20px 20px\] at (1) should be [calc(0% + 20px) calc(0% + 20px)\]]
expected: FAIL
[Web Animations: property <mask-position> from [initial\] to [20px 20px\] at (0.25) should be [calc(0% + 5px) calc(0% + 5px)\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-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
[CSS Transitions: property <mask-position> from [inherit\] to [20px 20px\] at (1) should be [20px 20px\]]
expected: FAIL
[Web Animations: property <mask-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, 100px 100px, -20px 100px\]]
expected: FAIL
[Web Animations: property <mask-position> from [unset\] to [20px 20px\] at (0) should be [0% 0%\]]
expected: FAIL
[CSS Animations: property <mask-position> from [top 0px left 0px\] to [left 80px top 80px\] at (0.5) should be [ 40px 40px\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-position> from [unset\] to [20px 20px\] at (1) should be [calc(0% + 20px) calc(0% + 20px)\]]
expected: FAIL
[CSS Animations: property <mask-position> from [initial\] to [20px 20px\] at (1.25) should be [calc(0% + 25px) calc(0% + 25px)\]]
expected: FAIL
[Web Animations: property <mask-position> from [unset\] to [20px 20px\] at (0.5) should be [calc(0% + 10px) calc(0% + 10px)\]]
expected: FAIL
[CSS Transitions: property <mask-position> from neutral to [20px 20px\] at (0.25) should be [12.5px 27.5px\]]
expected: FAIL
[CSS Transitions: property <mask-position> from [unset\] to [20px 20px\] at (0.75) should be [calc(0% + 15px) calc(0% + 15px)\]]
expected: FAIL
[CSS Transitions: property <mask-position> from [top 0px left 0px\] to [left 80px top 80px\] at (0.25) should be [ 20px 20px\]]
expected: FAIL
[CSS Animations: property <mask-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, 20px 20px, 60px 20px\]]
expected: FAIL
[CSS Transitions: property <mask-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
[CSS Animations: property <mask-position> from [inherit\] to [20px 20px\] at (0) should be [30px 10px\]]
expected: FAIL
[Web Animations: property <mask-position> from [unset\] to [20px 20px\] at (-0.25) should be [calc(0% - 5px) calc(0% - 5px)\]]
expected: FAIL
[CSS Transitions: property <mask-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, 0px 0px, 80px 0px\]]
expected: FAIL
[CSS Animations: property <mask-position> from [inherit\] to [20px 20px\] at (-0.25) should be [32.5px 7.5px\]]
expected: FAIL
[CSS Transitions: property <mask-position> from [unset\] to [20px 20px\] at (0.5) should be [calc(0% + 10px) calc(0% + 10px)\]]
expected: FAIL
[Web Animations: property <mask-position> from neutral to [20px 20px\] at (0.25) should be [12.5px 27.5px\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-position> from [unset\] to [20px 20px\] at (0.75) should be [calc(0% + 15px) calc(0% + 15px)\]]
expected: FAIL
[Web Animations: property <mask-position> from [top 0px left 0px\] to [left 80px top 80px\] at (-0.25) should be [-20px -20px\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-position> from [unset\] to [20px 20px\] at (-0.25) should be [calc(0% - 5px) calc(0% - 5px)\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-position> from [inherit\] to [20px 20px\] at (0) should be [30px 10px\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-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
[CSS Animations: property <mask-position> from [unset\] to [20px 20px\] at (-0.25) should be [calc(0% - 5px) calc(0% - 5px)\]]
expected: FAIL
[Web Animations: property <mask-position> from [inherit\] to [20px 20px\] at (-0.25) should be [32.5px 7.5px\]]
expected: FAIL
[CSS Animations: property <mask-position> from [inherit\] to [20px 20px\] at (0.75) should be [22.5px 17.5px\]]
expected: FAIL
[CSS Transitions: property <mask-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, 60px 60px, 20px 60px\]]
expected: FAIL
[CSS Animations: property <mask-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
[CSS Transitions with transition: all: property <mask-position> from [inherit\] to [20px 20px\] at (0.25) should be [27.5px 12.5px\]]
expected: FAIL
[CSS Animations: property <mask-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, -20px -20px, 100px -20px\]]
expected: FAIL
[CSS Animations: property <mask-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
[CSS Animations: property <mask-position> from [inherit\] to [20px 20px\] at (1.25) should be [17.5px 22.5px\]]
expected: FAIL
[CSS Transitions: property <mask-position> from [initial\] to [20px 20px\] at (1) should be [calc(0% + 20px) calc(0% + 20px)\]]
expected: FAIL
[Web Animations: property <mask-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
[CSS Animations: property <mask-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, 60px 60px, 20px 60px\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-position> from [inherit\] to [20px 20px\] at (1) should be [20px 20px\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-position> from neutral to [20px 20px\] at (0.5) should be [15px 25px\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-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, 40px 40px, 40px 40px\]]
expected: FAIL
[CSS Animations: property <mask-position> from neutral to [20px 20px\] at (0.5) should be [15px 25px\]]
expected: FAIL
[CSS Animations: property <mask-position> from [inherit\] to [20px 20px\] at (1) should be [20px 20px\]]
expected: FAIL
[CSS Transitions: property <mask-position> from neutral to [20px 20px\] at (0.75) should be [17.5px 22.5px\]]
expected: FAIL
[CSS Animations: property <mask-position> from [unset\] to [20px 20px\] at (0) should be [0% 0%\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-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
[CSS Transitions with transition: all: property <mask-position> from [initial\] to [20px 20px\] at (0.5) should be [calc(0% + 10px) calc(0% + 10px)\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-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
[CSS Transitions: property <mask-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
[CSS Transitions with transition: all: property <mask-position> from [initial\] to [20px 20px\] at (1.25) should be [calc(0% + 25px) calc(0% + 25px)\]]
expected: FAIL
[Web Animations: property <mask-position> from neutral to [20px 20px\] at (0) should be [10px 30px\]]
expected: FAIL
[CSS Transitions with transition: all: property <mask-position> from neutral to [20px 20px\] at (0.25) should be [12.5px 27.5px\]]
expected: FAIL
[CSS Animations: property <mask-position> from [initial\] to [20px 20px\] at (0.25) should be [calc(0% + 5px) calc(0% + 5px)\]]
expected: FAIL
[Web Animations: property <mask-position> from [inherit\] to [20px 20px\] at (0) should be [30px 10px\]]
expected: FAIL
[Web Animations: property <mask-position> from neutral to [20px 20px\] at (1.25) should be [22.5px 17.5px\]]
expected: FAIL
[CSS Animations: property <mask-position> from neutral to [20px 20px\] at (-0.25) should be [7.5px 32.5px\]]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/css-masking/clip-path/clip-path-circle-001.html.ini Normal file
View file

@ -0,0 +1,2 @@
[clip-path-circle-001.html]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/css-masking/clip-path/clip-path-circle-002.html.ini Normal file
View file

@ -0,0 +1,2 @@
[clip-path-circle-002.html]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/css-masking/clip-path/clip-path-circle-003.html.ini Normal file
View file

@ -0,0 +1,2 @@
[clip-path-circle-003.html]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/css-masking/clip-path/clip-path-circle-004.html.ini Normal file
View file

@ -0,0 +1,2 @@
[clip-path-circle-004.html]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/css-masking/clip-path/clip-path-circle-005.html.ini Normal file
View file

@ -0,0 +1,2 @@
[clip-path-circle-005.html]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/css-masking/clip-path/clip-path-circle-006.html.ini Normal file
View file

@ -0,0 +1,2 @@
[clip-path-circle-006.html]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/css-masking/clip-path/clip-path-circle-007.html.ini Normal file
View file

@ -0,0 +1,2 @@
[clip-path-circle-007.html]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/css-masking/clip-path/clip-path-circle-008.html.ini Normal file
View file

@ -0,0 +1,2 @@
[clip-path-circle-008.html]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/css-masking/clip-path/clip-path-columns-shape-001.html.ini Normal file
View file

@ -0,0 +1,2 @@
[clip-path-columns-shape-001.html]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/css-masking/clip-path/clip-path-columns-shape-002.html.ini Normal file
View file

@ -0,0 +1,2 @@
[clip-path-columns-shape-002.html]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/css-masking/clip-path/clip-path-descendant-text-mutated-001.html.ini Normal file
View file

@ -0,0 +1,2 @@
[clip-path-descendant-text-mutated-001.html]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/css-masking/clip-path/clip-path-document-element-will-change.html.ini Normal file
View file

@ -0,0 +1,2 @@
[clip-path-document-element-will-change.html]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/css-masking/clip-path/clip-path-document-element.html.ini Normal file
View file

@ -0,0 +1,2 @@
[clip-path-document-element.html]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/css-masking/clip-path/clip-path-element-userSpaceOnUse-001.html.ini Normal file
View file

@ -0,0 +1,2 @@
[clip-path-element-userSpaceOnUse-001.html]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/css-masking/clip-path/clip-path-element-userSpaceOnUse-002.html.ini Normal file
View file

@ -0,0 +1,2 @@
[clip-path-element-userSpaceOnUse-002.html]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/css-masking/clip-path/clip-path-element-userSpaceOnUse-003.html.ini Normal file
View file

@ -0,0 +1,2 @@
[clip-path-element-userSpaceOnUse-003.html]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/css-masking/clip-path/clip-path-element-userSpaceOnUse-004.html.ini Normal file
View file

@ -0,0 +1,2 @@
[clip-path-element-userSpaceOnUse-004.html]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/css-masking/clip-path/clip-path-ellipse-001.html.ini Normal file
View file

@ -0,0 +1,2 @@
[clip-path-ellipse-001.html]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/css-masking/clip-path/clip-path-ellipse-002.html.ini Normal file
View file

@ -0,0 +1,2 @@
[clip-path-ellipse-002.html]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/css-masking/clip-path/clip-path-ellipse-003.html.ini Normal file
View file

@ -0,0 +1,2 @@
[clip-path-ellipse-003.html]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/css-masking/clip-path/clip-path-ellipse-004.html.ini Normal file
View file

@ -0,0 +1,2 @@
[clip-path-ellipse-004.html]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/css-masking/clip-path/clip-path-ellipse-005.html.ini Normal file
View file

@ -0,0 +1,2 @@
[clip-path-ellipse-005.html]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/css-masking/clip-path/clip-path-ellipse-006.html.ini Normal file
View file

@ -0,0 +1,2 @@
[clip-path-ellipse-006.html]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/css-masking/clip-path/clip-path-ellipse-007.html.ini Normal file
View file

@ -0,0 +1,2 @@
[clip-path-ellipse-007.html]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/css-masking/clip-path/clip-path-ellipse-008.html.ini Normal file
View file

@ -0,0 +1,2 @@
[clip-path-ellipse-008.html]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/css-masking/clip-path/clip-path-filter-order.html.ini Normal file
View file

@ -0,0 +1,2 @@
[clip-path-filter-order.html]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/css-masking/clip-path/clip-path-fixed-nested.html.ini Normal file
View file

@ -0,0 +1,2 @@
[clip-path-fixed-nested.html]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/css-masking/clip-path/clip-path-inline-001.html.ini Normal file
View file

@ -0,0 +1,2 @@
[clip-path-inline-001.html]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/css-masking/clip-path/clip-path-inline-002.html.ini Normal file
View file

@ -0,0 +1,2 @@
[clip-path-inline-002.html]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/css-masking/clip-path/clip-path-inline-003.html.ini Normal file
View file

@ -0,0 +1,2 @@
[clip-path-inline-003.html]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/css-masking/clip-path/clip-path-polygon-001.html.ini Normal file
View file

@ -0,0 +1,2 @@
[clip-path-polygon-001.html]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/css-masking/clip-path/clip-path-polygon-002.html.ini Normal file
View file

@ -0,0 +1,2 @@
[clip-path-polygon-002.html]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/css-masking/clip-path/clip-path-polygon-003.html.ini Normal file
View file

@ -0,0 +1,2 @@
[clip-path-polygon-003.html]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/css-masking/clip-path/clip-path-polygon-004.html.ini Normal file
View file

@ -0,0 +1,2 @@
[clip-path-polygon-004.html]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/css-masking/clip-path/clip-path-polygon-005.html.ini Normal file
View file

@ -0,0 +1,2 @@
[clip-path-polygon-005.html]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/css-masking/clip-path/clip-path-polygon-006.html.ini Normal file
View file

@ -0,0 +1,2 @@
[clip-path-polygon-006.html]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/css-masking/clip-path/clip-path-polygon-007.html.ini Normal file
View file

@ -0,0 +1,2 @@
[clip-path-polygon-007.html]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/css-masking/clip-path/clip-path-polygon-008.html.ini Normal file
View file

@ -0,0 +1,2 @@
[clip-path-polygon-008.html]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/css-masking/clip-path/clip-path-polygon-009.html.ini Normal file
View file

@ -0,0 +1,2 @@
[clip-path-polygon-009.html]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/css-masking/clip-path/clip-path-polygon-010.html.ini Normal file
View file

@ -0,0 +1,2 @@
[clip-path-polygon-010.html]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/css-masking/clip-path/clip-path-polygon-011.html.ini Normal file
View file

@ -0,0 +1,2 @@
[clip-path-polygon-011.html]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/css-masking/clip-path/clip-path-polygon-012.html.ini Normal file
View file

@ -0,0 +1,2 @@
[clip-path-polygon-012.html]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/css-masking/clip-path/clip-path-polygon-013.html.ini Normal file
View file

@ -0,0 +1,2 @@
[clip-path-polygon-013.html]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/css-masking/clip-path/clip-path-reference-box-001.html.ini Normal file
View file

@ -0,0 +1,2 @@
[clip-path-reference-box-001.html]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/css-masking/clip-path/clip-path-reference-box-002.html.ini Normal file
View file

@ -0,0 +1,2 @@
[clip-path-reference-box-002.html]
expected: FAIL

2
tests/wpt/metadata-layout-2020/css/css-masking/clip-path/clip-path-reference-box-003.html.ini Normal file
View file

@ -0,0 +1,2 @@
[clip-path-reference-box-003.html]
expected: FAIL

Some files were not shown because too many files have changed in this diff Show more