diff --git a/Libraries/LibWeb/CSS/Interpolation.cpp b/Libraries/LibWeb/CSS/Interpolation.cpp index d00171ed6b5..5151af04d55 100644 --- a/Libraries/LibWeb/CSS/Interpolation.cpp +++ b/Libraries/LibWeb/CSS/Interpolation.cpp @@ -1148,13 +1148,37 @@ static RefPtr interpolate_value_impl(DOM::Element& element, Ca return interpolate_mixed_value(calculation_context, from, to, delta); } + static auto length_percentage_or_auto_to_style_value = [](auto const& value) -> NonnullRefPtr { + if constexpr (requires { value.is_auto(); }) { + if (value.is_auto()) + return KeywordStyleValue::create(Keyword::Auto); + } + if (value.is_length()) + return LengthStyleValue::create(value.length()); + if (value.is_percentage()) + return PercentageStyleValue::create(value.percentage()); + if (value.is_calculated()) + return value.calculated(); + VERIFY_NOT_REACHED(); + }; + static auto interpolate_length_percentage = [](CalculationContext const& calculation_context, LengthPercentage const& from, LengthPercentage const& to, float delta) -> Optional { if (from.is_length() && to.is_length()) return Length::make_px(interpolate_raw(from.length().raw_value(), to.length().raw_value(), delta, calculation_context.accepted_type_ranges.get(ValueType::Length))); if (from.is_percentage() && to.is_percentage()) return Percentage(interpolate_raw(from.percentage().value(), to.percentage().value(), delta, calculation_context.accepted_type_ranges.get(ValueType::Percentage))); - // FIXME: Interpolate calculations - return {}; + auto from_style_value = length_percentage_or_auto_to_style_value(from); + auto to_style_value = length_percentage_or_auto_to_style_value(to); + auto interpolated_style_value = interpolate_mixed_value(calculation_context, from_style_value, to_style_value, delta); + if (!interpolated_style_value) + return {}; + if (interpolated_style_value->is_length()) + return interpolated_style_value->as_length().length(); + if (interpolated_style_value->is_percentage()) + return interpolated_style_value->as_percentage().percentage(); + if (interpolated_style_value->is_calculated()) + return LengthPercentage { interpolated_style_value->as_calculated() }; + VERIFY_NOT_REACHED(); }; static auto interpolate_length_percentage_or_auto = [](CalculationContext const& calculation_context, LengthPercentageOrAuto const& from, LengthPercentageOrAuto const& to, float delta) -> Optional { @@ -1164,8 +1188,21 @@ static RefPtr interpolate_value_impl(DOM::Element& element, Ca return Length::make_px(interpolate_raw(from.length().raw_value(), to.length().raw_value(), delta, calculation_context.accepted_type_ranges.get(ValueType::Length))); if (from.is_percentage() && to.is_percentage()) return Percentage(interpolate_raw(from.percentage().value(), to.percentage().value(), delta, calculation_context.accepted_type_ranges.get(ValueType::Percentage))); - // FIXME: Interpolate calculations - return {}; + + auto from_style_value = length_percentage_or_auto_to_style_value(from); + auto to_style_value = length_percentage_or_auto_to_style_value(to); + auto interpolated_style_value = interpolate_mixed_value(calculation_context, from_style_value, to_style_value, delta); + if (!interpolated_style_value) + return {}; + if (interpolated_style_value->to_keyword() == Keyword::Auto) + return LengthPercentageOrAuto::make_auto(); + if (interpolated_style_value->is_length()) + return interpolated_style_value->as_length().length(); + if (interpolated_style_value->is_percentage()) + return interpolated_style_value->as_percentage().percentage(); + if (interpolated_style_value->is_calculated()) + return LengthPercentage { interpolated_style_value->as_calculated() }; + VERIFY_NOT_REACHED(); }; switch (from.type()) { diff --git a/Tests/LibWeb/Text/expected/wpt-import/css/css-backgrounds/animations/background-position-interpolation.txt b/Tests/LibWeb/Text/expected/wpt-import/css/css-backgrounds/animations/background-position-interpolation.txt index 41887ae9a98..6e02056c31e 100644 --- a/Tests/LibWeb/Text/expected/wpt-import/css/css-backgrounds/animations/background-position-interpolation.txt +++ b/Tests/LibWeb/Text/expected/wpt-import/css/css-backgrounds/animations/background-position-interpolation.txt @@ -2,8 +2,8 @@ Harness status: OK Found 196 tests -84 Pass -112 Fail +140 Pass +56 Fail Pass CSS Transitions: property from neutral to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (-0.25) should be [30px 30px, 30px 30px, 30px 30px, 30px 30px] Pass CSS Transitions: property from neutral to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0) should be [40px 40px, 40px 40px, 40px 40px, 40px 40px] Pass CSS Transitions: property from neutral to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.25) should be [50px 50px, 50px 50px, 50px 50px, 50px 50px] @@ -32,34 +32,34 @@ Pass Web Animations: property from neutral to [80px 80px, Pass Web Animations: property from neutral to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.75) should be [70px 70px, 70px 70px, 70px 70px, 70px 70px] Pass Web Animations: property from neutral to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1) should be [80px 80px, 80px 80px, 80px 80px, 80px 80px] Pass Web Animations: property from neutral to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1.25) should be [90px 90px, 90px 90px, 90px 90px, 90px 90px] -Fail CSS Transitions: property from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (-0.25) should be [calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px)] -Fail CSS Transitions: property from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0) should be [0% 0%, 0% 0%, 0% 0%, 0% 0%] -Fail CSS Transitions: property from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.25) should be [calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px)] -Fail CSS Transitions: property from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.5) should be [calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px)] -Fail CSS Transitions: property from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.75) should be [calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px)] -Fail CSS Transitions: property from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1) should be [calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px)] -Fail CSS Transitions: property from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1.25) should be [calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px)] -Fail CSS Transitions with transition: all: property from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (-0.25) should be [calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px)] -Fail CSS Transitions with transition: all: property from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0) should be [0% 0%, 0% 0%, 0% 0%, 0% 0%] -Fail CSS Transitions with transition: all: property from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.25) should be [calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px)] -Fail CSS Transitions with transition: all: property from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.5) should be [calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px)] -Fail CSS Transitions with transition: all: property from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.75) should be [calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px)] -Fail CSS Transitions with transition: all: property from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1) should be [calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px)] -Fail CSS Transitions with transition: all: property from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1.25) should be [calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px)] -Fail CSS Animations: property from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (-0.25) should be [calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px)] -Fail CSS Animations: property from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0) should be [0% 0%, 0% 0%, 0% 0%, 0% 0%] -Fail CSS Animations: property from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.25) should be [calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px)] -Fail CSS Animations: property from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.5) should be [calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px)] -Fail CSS Animations: property from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.75) should be [calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px)] -Fail CSS Animations: property from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1) should be [calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px)] -Fail CSS Animations: property from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1.25) should be [calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px)] -Fail Web Animations: property from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (-0.25) should be [calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px)] -Fail Web Animations: property from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0) should be [0% 0%, 0% 0%, 0% 0%, 0% 0%] -Fail Web Animations: property from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.25) should be [calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px)] -Fail Web Animations: property from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.5) should be [calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px)] -Fail Web Animations: property from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.75) should be [calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px)] -Fail Web Animations: property from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1) should be [calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px)] -Fail Web Animations: property from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1.25) should be [calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px)] +Pass CSS Transitions: property from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (-0.25) should be [calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px)] +Pass CSS Transitions: property from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0) should be [0% 0%, 0% 0%, 0% 0%, 0% 0%] +Pass CSS Transitions: property from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.25) should be [calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px)] +Pass CSS Transitions: property from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.5) should be [calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px)] +Pass CSS Transitions: property from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.75) should be [calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px)] +Pass CSS Transitions: property from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1) should be [calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px)] +Pass CSS Transitions: property from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1.25) should be [calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px)] +Pass CSS Transitions with transition: all: property from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (-0.25) should be [calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px)] +Pass CSS Transitions with transition: all: property from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0) should be [0% 0%, 0% 0%, 0% 0%, 0% 0%] +Pass CSS Transitions with transition: all: property from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.25) should be [calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px)] +Pass CSS Transitions with transition: all: property from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.5) should be [calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px)] +Pass CSS Transitions with transition: all: property from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.75) should be [calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px)] +Pass CSS Transitions with transition: all: property from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1) should be [calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px)] +Pass CSS Transitions with transition: all: property from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1.25) should be [calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px)] +Pass CSS Animations: property from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (-0.25) should be [calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px)] +Pass CSS Animations: property from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0) should be [0% 0%, 0% 0%, 0% 0%, 0% 0%] +Pass CSS Animations: property from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.25) should be [calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px)] +Pass CSS Animations: property from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.5) should be [calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px)] +Pass CSS Animations: property from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.75) should be [calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px)] +Pass CSS Animations: property from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1) should be [calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px)] +Pass CSS Animations: property from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1.25) should be [calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px)] +Pass Web Animations: property from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (-0.25) should be [calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px)] +Pass Web Animations: property from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0) should be [0% 0%, 0% 0%, 0% 0%, 0% 0%] +Pass Web Animations: property from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.25) should be [calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px)] +Pass Web Animations: property from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.5) should be [calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px)] +Pass Web Animations: property from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.75) should be [calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px)] +Pass Web Animations: property from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1) should be [calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px)] +Pass Web Animations: property from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1.25) should be [calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px)] Pass CSS Transitions: property from [inherit] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (-0.25) should be [55px 55px, 55px 55px, 55px 55px, 55px 55px] Pass CSS Transitions: property from [inherit] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0) should be [60px 60px, 60px 60px, 60px 60px, 60px 60px] Pass CSS Transitions: property from [inherit] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.25) should be [65px 65px, 65px 65px, 65px 65px, 65px 65px] @@ -88,34 +88,34 @@ Pass Web Animations: property from [inherit] to [80px 80px Pass Web Animations: property from [inherit] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.75) should be [75px 75px, 75px 75px, 75px 75px, 75px 75px] Pass Web Animations: property from [inherit] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1) should be [80px 80px, 80px 80px, 80px 80px, 80px 80px] Pass Web Animations: property from [inherit] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1.25) should be [85px 85px, 85px 85px, 85px 85px, 85px 85px] -Fail CSS Transitions: property from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (-0.25) should be [calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px)] -Fail CSS Transitions: property from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0) should be [0% 0%, 0% 0%, 0% 0%, 0% 0%] -Fail CSS Transitions: property from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.25) should be [calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px)] -Fail CSS Transitions: property from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.5) should be [calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px)] -Fail CSS Transitions: property from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.75) should be [calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px)] -Fail CSS Transitions: property from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1) should be [calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px)] -Fail CSS Transitions: property from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1.25) should be [calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px)] -Fail CSS Transitions with transition: all: property from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (-0.25) should be [calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px)] -Fail CSS Transitions with transition: all: property from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0) should be [0% 0%, 0% 0%, 0% 0%, 0% 0%] -Fail CSS Transitions with transition: all: property from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.25) should be [calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px)] -Fail CSS Transitions with transition: all: property from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.5) should be [calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px)] -Fail CSS Transitions with transition: all: property from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.75) should be [calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px)] -Fail CSS Transitions with transition: all: property from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1) should be [calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px)] -Fail CSS Transitions with transition: all: property from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1.25) should be [calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px)] -Fail CSS Animations: property from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (-0.25) should be [calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px)] -Fail CSS Animations: property from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0) should be [0% 0%, 0% 0%, 0% 0%, 0% 0%] -Fail CSS Animations: property from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.25) should be [calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px)] -Fail CSS Animations: property from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.5) should be [calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px)] -Fail CSS Animations: property from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.75) should be [calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px)] -Fail CSS Animations: property from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1) should be [calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px)] -Fail CSS Animations: property from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1.25) should be [calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px)] -Fail Web Animations: property from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (-0.25) should be [calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px)] -Fail Web Animations: property from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0) should be [0% 0%, 0% 0%, 0% 0%, 0% 0%] -Fail Web Animations: property from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.25) should be [calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px)] -Fail Web Animations: property from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.5) should be [calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px)] -Fail Web Animations: property from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.75) should be [calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px)] -Fail Web Animations: property from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1) should be [calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px)] -Fail Web Animations: property from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1.25) should be [calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px)] +Pass CSS Transitions: property from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (-0.25) should be [calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px)] +Pass CSS Transitions: property from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0) should be [0% 0%, 0% 0%, 0% 0%, 0% 0%] +Pass CSS Transitions: property from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.25) should be [calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px)] +Pass CSS Transitions: property from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.5) should be [calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px)] +Pass CSS Transitions: property from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.75) should be [calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px)] +Pass CSS Transitions: property from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1) should be [calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px)] +Pass CSS Transitions: property from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1.25) should be [calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px)] +Pass CSS Transitions with transition: all: property from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (-0.25) should be [calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px)] +Pass CSS Transitions with transition: all: property from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0) should be [0% 0%, 0% 0%, 0% 0%, 0% 0%] +Pass CSS Transitions with transition: all: property from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.25) should be [calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px)] +Pass CSS Transitions with transition: all: property from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.5) should be [calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px)] +Pass CSS Transitions with transition: all: property from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.75) should be [calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px)] +Pass CSS Transitions with transition: all: property from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1) should be [calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px)] +Pass CSS Transitions with transition: all: property from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1.25) should be [calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px)] +Pass CSS Animations: property from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (-0.25) should be [calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px)] +Pass CSS Animations: property from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0) should be [0% 0%, 0% 0%, 0% 0%, 0% 0%] +Pass CSS Animations: property from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.25) should be [calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px)] +Pass CSS Animations: property from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.5) should be [calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px)] +Pass CSS Animations: property from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.75) should be [calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px)] +Pass CSS Animations: property from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1) should be [calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px)] +Pass CSS Animations: property from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1.25) should be [calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px)] +Pass Web Animations: property from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (-0.25) should be [calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px)] +Pass Web Animations: property from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0) should be [0% 0%, 0% 0%, 0% 0%, 0% 0%] +Pass Web Animations: property from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.25) should be [calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px)] +Pass Web Animations: property from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.5) should be [calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px)] +Pass Web Animations: property from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.75) should be [calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px)] +Pass Web Animations: property from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1) should be [calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px)] +Pass Web Animations: property from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1.25) should be [calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px)] Pass CSS Transitions: property 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] Pass CSS Transitions: property 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] Pass CSS Transitions: property 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] diff --git a/Tests/LibWeb/Text/expected/wpt-import/css/css-backgrounds/animations/background-position-origin-interpolation.txt b/Tests/LibWeb/Text/expected/wpt-import/css/css-backgrounds/animations/background-position-origin-interpolation.txt index 953ff0e92fc..4265fa23e57 100644 --- a/Tests/LibWeb/Text/expected/wpt-import/css/css-backgrounds/animations/background-position-origin-interpolation.txt +++ b/Tests/LibWeb/Text/expected/wpt-import/css/css-backgrounds/animations/background-position-origin-interpolation.txt @@ -2,8 +2,8 @@ Harness status: OK Found 280 tests -112 Pass -168 Fail +260 Pass +20 Fail Pass CSS Transitions: property from neutral to [left 20px top 20px] at (0) should be [10px 10px] Pass CSS Transitions: property from neutral to [left 20px top 20px] at (0.25) should be [12.5px 12.5px] Pass CSS Transitions: property from neutral to [left 20px top 20px] at (0.5) should be [15px 15px] @@ -24,26 +24,26 @@ Pass Web Animations: property from neutral to [left 20px t Pass Web Animations: property from neutral to [left 20px top 20px] at (0.5) should be [15px 15px] Pass Web Animations: property from neutral to [left 20px top 20px] at (0.75) should be [17.5px 17.5px] Pass Web Animations: property from neutral to [left 20px top 20px] at (1) should be [20px 20px] -Fail CSS Transitions: property from [initial] to [left 20px top 20px] at (0) should be [0% 0%] -Fail CSS Transitions: property from [initial] to [left 20px top 20px] at (0.25) should be [calc(0% + 5px) calc(0% + 5px)] -Fail CSS Transitions: property from [initial] to [left 20px top 20px] at (0.5) should be [calc(0% + 10px) calc(0% + 10px)] -Fail CSS Transitions: property from [initial] to [left 20px top 20px] at (0.75) should be [calc(0% + 15px) calc(0% + 15px)] -Fail CSS Transitions: property from [initial] to [left 20px top 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)] -Fail CSS Transitions with transition: all: property from [initial] to [left 20px top 20px] at (0) should be [0% 0%] -Fail CSS Transitions with transition: all: property from [initial] to [left 20px top 20px] at (0.25) should be [calc(0% + 5px) calc(0% + 5px)] -Fail CSS Transitions with transition: all: property from [initial] to [left 20px top 20px] at (0.5) should be [calc(0% + 10px) calc(0% + 10px)] -Fail CSS Transitions with transition: all: property from [initial] to [left 20px top 20px] at (0.75) should be [calc(0% + 15px) calc(0% + 15px)] -Fail CSS Transitions with transition: all: property from [initial] to [left 20px top 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)] +Pass CSS Transitions: property from [initial] to [left 20px top 20px] at (0) should be [0% 0%] +Pass CSS Transitions: property from [initial] to [left 20px top 20px] at (0.25) should be [calc(0% + 5px) calc(0% + 5px)] +Pass CSS Transitions: property from [initial] to [left 20px top 20px] at (0.5) should be [calc(0% + 10px) calc(0% + 10px)] +Pass CSS Transitions: property from [initial] to [left 20px top 20px] at (0.75) should be [calc(0% + 15px) calc(0% + 15px)] +Pass CSS Transitions: property from [initial] to [left 20px top 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)] +Pass CSS Transitions with transition: all: property from [initial] to [left 20px top 20px] at (0) should be [0% 0%] +Pass CSS Transitions with transition: all: property from [initial] to [left 20px top 20px] at (0.25) should be [calc(0% + 5px) calc(0% + 5px)] +Pass CSS Transitions with transition: all: property from [initial] to [left 20px top 20px] at (0.5) should be [calc(0% + 10px) calc(0% + 10px)] +Pass CSS Transitions with transition: all: property from [initial] to [left 20px top 20px] at (0.75) should be [calc(0% + 15px) calc(0% + 15px)] +Pass CSS Transitions with transition: all: property from [initial] to [left 20px top 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)] Pass CSS Animations: property from [initial] to [left 20px top 20px] at (0) should be [0% 0%] -Fail CSS Animations: property from [initial] to [left 20px top 20px] at (0.25) should be [calc(0% + 5px) calc(0% + 5px)] -Fail CSS Animations: property from [initial] to [left 20px top 20px] at (0.5) should be [calc(0% + 10px) calc(0% + 10px)] -Fail CSS Animations: property from [initial] to [left 20px top 20px] at (0.75) should be [calc(0% + 15px) calc(0% + 15px)] -Fail CSS Animations: property from [initial] to [left 20px top 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)] +Pass CSS Animations: property from [initial] to [left 20px top 20px] at (0.25) should be [calc(0% + 5px) calc(0% + 5px)] +Pass CSS Animations: property from [initial] to [left 20px top 20px] at (0.5) should be [calc(0% + 10px) calc(0% + 10px)] +Pass CSS Animations: property from [initial] to [left 20px top 20px] at (0.75) should be [calc(0% + 15px) calc(0% + 15px)] +Pass CSS Animations: property from [initial] to [left 20px top 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)] Pass Web Animations: property from [initial] to [left 20px top 20px] at (0) should be [0% 0%] -Fail Web Animations: property from [initial] to [left 20px top 20px] at (0.25) should be [calc(0% + 5px) calc(0% + 5px)] -Fail Web Animations: property from [initial] to [left 20px top 20px] at (0.5) should be [calc(0% + 10px) calc(0% + 10px)] -Fail Web Animations: property from [initial] to [left 20px top 20px] at (0.75) should be [calc(0% + 15px) calc(0% + 15px)] -Fail Web Animations: property from [initial] to [left 20px top 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)] +Pass Web Animations: property from [initial] to [left 20px top 20px] at (0.25) should be [calc(0% + 5px) calc(0% + 5px)] +Pass Web Animations: property from [initial] to [left 20px top 20px] at (0.5) should be [calc(0% + 10px) calc(0% + 10px)] +Pass Web Animations: property from [initial] to [left 20px top 20px] at (0.75) should be [calc(0% + 15px) calc(0% + 15px)] +Pass Web Animations: property from [initial] to [left 20px top 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)] Pass CSS Transitions: property from [inherit] to [left 20px top 20px] at (0) should be [80px 80px] Pass CSS Transitions: property from [inherit] to [left 20px top 20px] at (0.25) should be [65px 65px] Pass CSS Transitions: property from [inherit] to [left 20px top 20px] at (0.5) should be [50px 50px] @@ -64,106 +64,106 @@ Pass Web Animations: property from [inherit] to [left 20px Pass Web Animations: property from [inherit] to [left 20px top 20px] at (0.5) should be [50px 50px] Pass Web Animations: property from [inherit] to [left 20px top 20px] at (0.75) should be [35px 35px] Pass Web Animations: property from [inherit] to [left 20px top 20px] at (1) should be [20px 20px] -Fail CSS Transitions: property from [unset] to [left 20px top 20px] at (0) should be [0% 0%] -Fail CSS Transitions: property from [unset] to [left 20px top 20px] at (0.25) should be [calc(0% + 5px) calc(0% + 5px)] -Fail CSS Transitions: property from [unset] to [left 20px top 20px] at (0.5) should be [calc(0% + 10px) calc(0% + 10px)] -Fail CSS Transitions: property from [unset] to [left 20px top 20px] at (0.75) should be [calc(0% + 15px) calc(0% + 15px)] -Fail CSS Transitions: property from [unset] to [left 20px top 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)] -Fail CSS Transitions with transition: all: property from [unset] to [left 20px top 20px] at (0) should be [0% 0%] -Fail CSS Transitions with transition: all: property from [unset] to [left 20px top 20px] at (0.25) should be [calc(0% + 5px) calc(0% + 5px)] -Fail CSS Transitions with transition: all: property from [unset] to [left 20px top 20px] at (0.5) should be [calc(0% + 10px) calc(0% + 10px)] -Fail CSS Transitions with transition: all: property from [unset] to [left 20px top 20px] at (0.75) should be [calc(0% + 15px) calc(0% + 15px)] -Fail CSS Transitions with transition: all: property from [unset] to [left 20px top 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)] +Pass CSS Transitions: property from [unset] to [left 20px top 20px] at (0) should be [0% 0%] +Pass CSS Transitions: property from [unset] to [left 20px top 20px] at (0.25) should be [calc(0% + 5px) calc(0% + 5px)] +Pass CSS Transitions: property from [unset] to [left 20px top 20px] at (0.5) should be [calc(0% + 10px) calc(0% + 10px)] +Pass CSS Transitions: property from [unset] to [left 20px top 20px] at (0.75) should be [calc(0% + 15px) calc(0% + 15px)] +Pass CSS Transitions: property from [unset] to [left 20px top 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)] +Pass CSS Transitions with transition: all: property from [unset] to [left 20px top 20px] at (0) should be [0% 0%] +Pass CSS Transitions with transition: all: property from [unset] to [left 20px top 20px] at (0.25) should be [calc(0% + 5px) calc(0% + 5px)] +Pass CSS Transitions with transition: all: property from [unset] to [left 20px top 20px] at (0.5) should be [calc(0% + 10px) calc(0% + 10px)] +Pass CSS Transitions with transition: all: property from [unset] to [left 20px top 20px] at (0.75) should be [calc(0% + 15px) calc(0% + 15px)] +Pass CSS Transitions with transition: all: property from [unset] to [left 20px top 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)] Pass CSS Animations: property from [unset] to [left 20px top 20px] at (0) should be [0% 0%] -Fail CSS Animations: property from [unset] to [left 20px top 20px] at (0.25) should be [calc(0% + 5px) calc(0% + 5px)] -Fail CSS Animations: property from [unset] to [left 20px top 20px] at (0.5) should be [calc(0% + 10px) calc(0% + 10px)] -Fail CSS Animations: property from [unset] to [left 20px top 20px] at (0.75) should be [calc(0% + 15px) calc(0% + 15px)] -Fail CSS Animations: property from [unset] to [left 20px top 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)] +Pass CSS Animations: property from [unset] to [left 20px top 20px] at (0.25) should be [calc(0% + 5px) calc(0% + 5px)] +Pass CSS Animations: property from [unset] to [left 20px top 20px] at (0.5) should be [calc(0% + 10px) calc(0% + 10px)] +Pass CSS Animations: property from [unset] to [left 20px top 20px] at (0.75) should be [calc(0% + 15px) calc(0% + 15px)] +Pass CSS Animations: property from [unset] to [left 20px top 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)] Pass Web Animations: property from [unset] to [left 20px top 20px] at (0) should be [0% 0%] -Fail Web Animations: property from [unset] to [left 20px top 20px] at (0.25) should be [calc(0% + 5px) calc(0% + 5px)] -Fail Web Animations: property from [unset] to [left 20px top 20px] at (0.5) should be [calc(0% + 10px) calc(0% + 10px)] -Fail Web Animations: property from [unset] to [left 20px top 20px] at (0.75) should be [calc(0% + 15px) calc(0% + 15px)] -Fail Web Animations: property from [unset] to [left 20px top 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)] -Fail CSS Transitions: property from [center center] to [left 20px top 20px] at (0) should be [50% 50%] -Fail CSS Transitions: property from [center center] to [left 20px top 20px] at (0.25) should be [calc(5px + 37.5%) calc(5px + 37.5%)] -Fail CSS Transitions: property from [center center] to [left 20px top 20px] at (0.5) should be [calc(10px + 25%) calc(10px + 25%)] -Fail CSS Transitions: property from [center center] to [left 20px top 20px] at (0.75) should be [calc(15px + 12.5%) calc(15px + 12.5%)] -Fail CSS Transitions: property from [center center] to [left 20px top 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)] -Fail CSS Transitions with transition: all: property from [center center] to [left 20px top 20px] at (0) should be [50% 50%] -Fail CSS Transitions with transition: all: property from [center center] to [left 20px top 20px] at (0.25) should be [calc(5px + 37.5%) calc(5px + 37.5%)] -Fail CSS Transitions with transition: all: property from [center center] to [left 20px top 20px] at (0.5) should be [calc(10px + 25%) calc(10px + 25%)] -Fail CSS Transitions with transition: all: property from [center center] to [left 20px top 20px] at (0.75) should be [calc(15px + 12.5%) calc(15px + 12.5%)] -Fail CSS Transitions with transition: all: property from [center center] to [left 20px top 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)] +Pass Web Animations: property from [unset] to [left 20px top 20px] at (0.25) should be [calc(0% + 5px) calc(0% + 5px)] +Pass Web Animations: property from [unset] to [left 20px top 20px] at (0.5) should be [calc(0% + 10px) calc(0% + 10px)] +Pass Web Animations: property from [unset] to [left 20px top 20px] at (0.75) should be [calc(0% + 15px) calc(0% + 15px)] +Pass Web Animations: property from [unset] to [left 20px top 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)] +Pass CSS Transitions: property from [center center] to [left 20px top 20px] at (0) should be [50% 50%] +Pass CSS Transitions: property from [center center] to [left 20px top 20px] at (0.25) should be [calc(5px + 37.5%) calc(5px + 37.5%)] +Pass CSS Transitions: property from [center center] to [left 20px top 20px] at (0.5) should be [calc(10px + 25%) calc(10px + 25%)] +Pass CSS Transitions: property from [center center] to [left 20px top 20px] at (0.75) should be [calc(15px + 12.5%) calc(15px + 12.5%)] +Pass CSS Transitions: property from [center center] to [left 20px top 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)] +Pass CSS Transitions with transition: all: property from [center center] to [left 20px top 20px] at (0) should be [50% 50%] +Pass CSS Transitions with transition: all: property from [center center] to [left 20px top 20px] at (0.25) should be [calc(5px + 37.5%) calc(5px + 37.5%)] +Pass CSS Transitions with transition: all: property from [center center] to [left 20px top 20px] at (0.5) should be [calc(10px + 25%) calc(10px + 25%)] +Pass CSS Transitions with transition: all: property from [center center] to [left 20px top 20px] at (0.75) should be [calc(15px + 12.5%) calc(15px + 12.5%)] +Pass CSS Transitions with transition: all: property from [center center] to [left 20px top 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)] Pass CSS Animations: property from [center center] to [left 20px top 20px] at (0) should be [50% 50%] -Fail CSS Animations: property from [center center] to [left 20px top 20px] at (0.25) should be [calc(5px + 37.5%) calc(5px + 37.5%)] -Fail CSS Animations: property from [center center] to [left 20px top 20px] at (0.5) should be [calc(10px + 25%) calc(10px + 25%)] -Fail CSS Animations: property from [center center] to [left 20px top 20px] at (0.75) should be [calc(15px + 12.5%) calc(15px + 12.5%)] -Fail CSS Animations: property from [center center] to [left 20px top 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)] +Pass CSS Animations: property from [center center] to [left 20px top 20px] at (0.25) should be [calc(5px + 37.5%) calc(5px + 37.5%)] +Pass CSS Animations: property from [center center] to [left 20px top 20px] at (0.5) should be [calc(10px + 25%) calc(10px + 25%)] +Pass CSS Animations: property from [center center] to [left 20px top 20px] at (0.75) should be [calc(15px + 12.5%) calc(15px + 12.5%)] +Pass CSS Animations: property from [center center] to [left 20px top 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)] Pass Web Animations: property from [center center] to [left 20px top 20px] at (0) should be [50% 50%] -Fail Web Animations: property from [center center] to [left 20px top 20px] at (0.25) should be [calc(5px + 37.5%) calc(5px + 37.5%)] -Fail Web Animations: property from [center center] to [left 20px top 20px] at (0.5) should be [calc(10px + 25%) calc(10px + 25%)] -Fail Web Animations: property from [center center] to [left 20px top 20px] at (0.75) should be [calc(15px + 12.5%) calc(15px + 12.5%)] -Fail Web Animations: property from [center center] to [left 20px top 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)] -Fail CSS Transitions: property from [center center] to [center top 20px] at (0) should be [50% 50%] -Fail CSS Transitions: property from [center center] to [center top 20px] at (0.25) should be [50% calc(5px + 37.5%)] -Fail CSS Transitions: property from [center center] to [center top 20px] at (0.5) should be [50% calc(10px + 25%)] -Fail CSS Transitions: property from [center center] to [center top 20px] at (0.75) should be [50% calc(15px + 12.5%)] -Fail CSS Transitions: property from [center center] to [center top 20px] at (1) should be [50% calc(0% + 20px)] -Fail CSS Transitions with transition: all: property from [center center] to [center top 20px] at (0) should be [50% 50%] -Fail CSS Transitions with transition: all: property from [center center] to [center top 20px] at (0.25) should be [50% calc(5px + 37.5%)] -Fail CSS Transitions with transition: all: property from [center center] to [center top 20px] at (0.5) should be [50% calc(10px + 25%)] -Fail CSS Transitions with transition: all: property from [center center] to [center top 20px] at (0.75) should be [50% calc(15px + 12.5%)] -Fail CSS Transitions with transition: all: property from [center center] to [center top 20px] at (1) should be [50% calc(0% + 20px)] +Pass Web Animations: property from [center center] to [left 20px top 20px] at (0.25) should be [calc(5px + 37.5%) calc(5px + 37.5%)] +Pass Web Animations: property from [center center] to [left 20px top 20px] at (0.5) should be [calc(10px + 25%) calc(10px + 25%)] +Pass Web Animations: property from [center center] to [left 20px top 20px] at (0.75) should be [calc(15px + 12.5%) calc(15px + 12.5%)] +Pass Web Animations: property from [center center] to [left 20px top 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)] +Pass CSS Transitions: property from [center center] to [center top 20px] at (0) should be [50% 50%] +Pass CSS Transitions: property from [center center] to [center top 20px] at (0.25) should be [50% calc(5px + 37.5%)] +Pass CSS Transitions: property from [center center] to [center top 20px] at (0.5) should be [50% calc(10px + 25%)] +Pass CSS Transitions: property from [center center] to [center top 20px] at (0.75) should be [50% calc(15px + 12.5%)] +Pass CSS Transitions: property from [center center] to [center top 20px] at (1) should be [50% calc(0% + 20px)] +Pass CSS Transitions with transition: all: property from [center center] to [center top 20px] at (0) should be [50% 50%] +Pass CSS Transitions with transition: all: property from [center center] to [center top 20px] at (0.25) should be [50% calc(5px + 37.5%)] +Pass CSS Transitions with transition: all: property from [center center] to [center top 20px] at (0.5) should be [50% calc(10px + 25%)] +Pass CSS Transitions with transition: all: property from [center center] to [center top 20px] at (0.75) should be [50% calc(15px + 12.5%)] +Pass CSS Transitions with transition: all: property from [center center] to [center top 20px] at (1) should be [50% calc(0% + 20px)] Pass CSS Animations: property from [center center] to [center top 20px] at (0) should be [50% 50%] -Fail CSS Animations: property from [center center] to [center top 20px] at (0.25) should be [50% calc(5px + 37.5%)] -Fail CSS Animations: property from [center center] to [center top 20px] at (0.5) should be [50% calc(10px + 25%)] -Fail CSS Animations: property from [center center] to [center top 20px] at (0.75) should be [50% calc(15px + 12.5%)] -Fail CSS Animations: property from [center center] to [center top 20px] at (1) should be [50% calc(0% + 20px)] +Pass CSS Animations: property from [center center] to [center top 20px] at (0.25) should be [50% calc(5px + 37.5%)] +Pass CSS Animations: property from [center center] to [center top 20px] at (0.5) should be [50% calc(10px + 25%)] +Pass CSS Animations: property from [center center] to [center top 20px] at (0.75) should be [50% calc(15px + 12.5%)] +Pass CSS Animations: property from [center center] to [center top 20px] at (1) should be [50% calc(0% + 20px)] Pass Web Animations: property from [center center] to [center top 20px] at (0) should be [50% 50%] -Fail Web Animations: property from [center center] to [center top 20px] at (0.25) should be [50% calc(5px + 37.5%)] -Fail Web Animations: property from [center center] to [center top 20px] at (0.5) should be [50% calc(10px + 25%)] -Fail Web Animations: property from [center center] to [center top 20px] at (0.75) should be [50% calc(15px + 12.5%)] -Fail Web Animations: property from [center center] to [center top 20px] at (1) should be [50% calc(0% + 20px)] +Pass Web Animations: property from [center center] to [center top 20px] at (0.25) should be [50% calc(5px + 37.5%)] +Pass Web Animations: property from [center center] to [center top 20px] at (0.5) should be [50% calc(10px + 25%)] +Pass Web Animations: property from [center center] to [center top 20px] at (0.75) should be [50% calc(15px + 12.5%)] +Pass Web Animations: property from [center center] to [center top 20px] at (1) should be [50% calc(0% + 20px)] Fail CSS Transitions: property from [center center] to [right 20px top 20px] at (0) should be [50% 50%] -Fail CSS Transitions: property from [center center] to [right 20px top 20px] at (0.25) should be [calc(-5px + 62.5%) calc(5px + 37.5%)] -Fail CSS Transitions: property from [center center] to [right 20px top 20px] at (0.5) should be [calc(-10px + 75%) calc(10px + 25%)] -Fail CSS Transitions: property from [center center] to [right 20px top 20px] at (0.75) should be [calc(-15px + 87.5%) calc(15px + 12.5%)] -Fail CSS Transitions: property from [center center] to [right 20px top 20px] at (1) should be [calc(-20px + 100%) calc(0% + 20px)] +Pass CSS Transitions: property from [center center] to [right 20px top 20px] at (0.25) should be [calc(-5px + 62.5%) calc(5px + 37.5%)] +Pass CSS Transitions: property from [center center] to [right 20px top 20px] at (0.5) should be [calc(-10px + 75%) calc(10px + 25%)] +Pass CSS Transitions: property from [center center] to [right 20px top 20px] at (0.75) should be [calc(-15px + 87.5%) calc(15px + 12.5%)] +Pass CSS Transitions: property from [center center] to [right 20px top 20px] at (1) should be [calc(-20px + 100%) calc(0% + 20px)] Fail CSS Transitions with transition: all: property from [center center] to [right 20px top 20px] at (0) should be [50% 50%] -Fail CSS Transitions with transition: all: property from [center center] to [right 20px top 20px] at (0.25) should be [calc(-5px + 62.5%) calc(5px + 37.5%)] -Fail CSS Transitions with transition: all: property from [center center] to [right 20px top 20px] at (0.5) should be [calc(-10px + 75%) calc(10px + 25%)] -Fail CSS Transitions with transition: all: property from [center center] to [right 20px top 20px] at (0.75) should be [calc(-15px + 87.5%) calc(15px + 12.5%)] -Fail CSS Transitions with transition: all: property from [center center] to [right 20px top 20px] at (1) should be [calc(-20px + 100%) calc(0% + 20px)] -Pass CSS Animations: property from [center center] to [right 20px top 20px] at (0) should be [50% 50%] -Fail CSS Animations: property from [center center] to [right 20px top 20px] at (0.25) should be [calc(-5px + 62.5%) calc(5px + 37.5%)] -Fail CSS Animations: property from [center center] to [right 20px top 20px] at (0.5) should be [calc(-10px + 75%) calc(10px + 25%)] -Fail CSS Animations: property from [center center] to [right 20px top 20px] at (0.75) should be [calc(-15px + 87.5%) calc(15px + 12.5%)] -Fail CSS Animations: property from [center center] to [right 20px top 20px] at (1) should be [calc(-20px + 100%) calc(0% + 20px)] -Pass Web Animations: property from [center center] to [right 20px top 20px] at (0) should be [50% 50%] -Fail Web Animations: property from [center center] to [right 20px top 20px] at (0.25) should be [calc(-5px + 62.5%) calc(5px + 37.5%)] -Fail Web Animations: property from [center center] to [right 20px top 20px] at (0.5) should be [calc(-10px + 75%) calc(10px + 25%)] -Fail Web Animations: property from [center center] to [right 20px top 20px] at (0.75) should be [calc(-15px + 87.5%) calc(15px + 12.5%)] -Fail Web Animations: property from [center center] to [right 20px top 20px] at (1) should be [calc(-20px + 100%) calc(0% + 20px)] -Fail CSS Transitions: property from [center center] to [left 20px center] at (0) should be [50% 50%] -Fail CSS Transitions: property from [center center] to [left 20px center] at (0.25) should be [calc(5px + 37.5%) 50%] -Fail CSS Transitions: property from [center center] to [left 20px center] at (0.5) should be [calc(10px + 25%) 50%] -Fail CSS Transitions: property from [center center] to [left 20px center] at (0.75) should be [calc(15px + 12.5%) 50%] -Fail CSS Transitions: property from [center center] to [left 20px center] at (1) should be [calc(0% + 20px) 50%] -Fail CSS Transitions with transition: all: property from [center center] to [left 20px center] at (0) should be [50% 50%] -Fail CSS Transitions with transition: all: property from [center center] to [left 20px center] at (0.25) should be [calc(5px + 37.5%) 50%] -Fail CSS Transitions with transition: all: property from [center center] to [left 20px center] at (0.5) should be [calc(10px + 25%) 50%] -Fail CSS Transitions with transition: all: property from [center center] to [left 20px center] at (0.75) should be [calc(15px + 12.5%) 50%] -Fail CSS Transitions with transition: all: property from [center center] to [left 20px center] at (1) should be [calc(0% + 20px) 50%] +Pass CSS Transitions with transition: all: property from [center center] to [right 20px top 20px] at (0.25) should be [calc(-5px + 62.5%) calc(5px + 37.5%)] +Pass CSS Transitions with transition: all: property from [center center] to [right 20px top 20px] at (0.5) should be [calc(-10px + 75%) calc(10px + 25%)] +Pass CSS Transitions with transition: all: property from [center center] to [right 20px top 20px] at (0.75) should be [calc(-15px + 87.5%) calc(15px + 12.5%)] +Pass CSS Transitions with transition: all: property from [center center] to [right 20px top 20px] at (1) should be [calc(-20px + 100%) calc(0% + 20px)] +Fail CSS Animations: property from [center center] to [right 20px top 20px] at (0) should be [50% 50%] +Pass CSS Animations: property from [center center] to [right 20px top 20px] at (0.25) should be [calc(-5px + 62.5%) calc(5px + 37.5%)] +Pass CSS Animations: property from [center center] to [right 20px top 20px] at (0.5) should be [calc(-10px + 75%) calc(10px + 25%)] +Pass CSS Animations: property from [center center] to [right 20px top 20px] at (0.75) should be [calc(-15px + 87.5%) calc(15px + 12.5%)] +Pass CSS Animations: property from [center center] to [right 20px top 20px] at (1) should be [calc(-20px + 100%) calc(0% + 20px)] +Fail Web Animations: property from [center center] to [right 20px top 20px] at (0) should be [50% 50%] +Pass Web Animations: property from [center center] to [right 20px top 20px] at (0.25) should be [calc(-5px + 62.5%) calc(5px + 37.5%)] +Pass Web Animations: property from [center center] to [right 20px top 20px] at (0.5) should be [calc(-10px + 75%) calc(10px + 25%)] +Pass Web Animations: property from [center center] to [right 20px top 20px] at (0.75) should be [calc(-15px + 87.5%) calc(15px + 12.5%)] +Pass Web Animations: property from [center center] to [right 20px top 20px] at (1) should be [calc(-20px + 100%) calc(0% + 20px)] +Pass CSS Transitions: property from [center center] to [left 20px center] at (0) should be [50% 50%] +Pass CSS Transitions: property from [center center] to [left 20px center] at (0.25) should be [calc(5px + 37.5%) 50%] +Pass CSS Transitions: property from [center center] to [left 20px center] at (0.5) should be [calc(10px + 25%) 50%] +Pass CSS Transitions: property from [center center] to [left 20px center] at (0.75) should be [calc(15px + 12.5%) 50%] +Pass CSS Transitions: property from [center center] to [left 20px center] at (1) should be [calc(0% + 20px) 50%] +Pass CSS Transitions with transition: all: property from [center center] to [left 20px center] at (0) should be [50% 50%] +Pass CSS Transitions with transition: all: property from [center center] to [left 20px center] at (0.25) should be [calc(5px + 37.5%) 50%] +Pass CSS Transitions with transition: all: property from [center center] to [left 20px center] at (0.5) should be [calc(10px + 25%) 50%] +Pass CSS Transitions with transition: all: property from [center center] to [left 20px center] at (0.75) should be [calc(15px + 12.5%) 50%] +Pass CSS Transitions with transition: all: property from [center center] to [left 20px center] at (1) should be [calc(0% + 20px) 50%] Pass CSS Animations: property from [center center] to [left 20px center] at (0) should be [50% 50%] -Fail CSS Animations: property from [center center] to [left 20px center] at (0.25) should be [calc(5px + 37.5%) 50%] -Fail CSS Animations: property from [center center] to [left 20px center] at (0.5) should be [calc(10px + 25%) 50%] -Fail CSS Animations: property from [center center] to [left 20px center] at (0.75) should be [calc(15px + 12.5%) 50%] -Fail CSS Animations: property from [center center] to [left 20px center] at (1) should be [calc(0% + 20px) 50%] +Pass CSS Animations: property from [center center] to [left 20px center] at (0.25) should be [calc(5px + 37.5%) 50%] +Pass CSS Animations: property from [center center] to [left 20px center] at (0.5) should be [calc(10px + 25%) 50%] +Pass CSS Animations: property from [center center] to [left 20px center] at (0.75) should be [calc(15px + 12.5%) 50%] +Pass CSS Animations: property from [center center] to [left 20px center] at (1) should be [calc(0% + 20px) 50%] Pass Web Animations: property from [center center] to [left 20px center] at (0) should be [50% 50%] -Fail Web Animations: property from [center center] to [left 20px center] at (0.25) should be [calc(5px + 37.5%) 50%] -Fail Web Animations: property from [center center] to [left 20px center] at (0.5) should be [calc(10px + 25%) 50%] -Fail Web Animations: property from [center center] to [left 20px center] at (0.75) should be [calc(15px + 12.5%) 50%] -Fail Web Animations: property from [center center] to [left 20px center] at (1) should be [calc(0% + 20px) 50%] +Pass Web Animations: property from [center center] to [left 20px center] at (0.25) should be [calc(5px + 37.5%) 50%] +Pass Web Animations: property from [center center] to [left 20px center] at (0.5) should be [calc(10px + 25%) 50%] +Pass Web Animations: property from [center center] to [left 20px center] at (0.75) should be [calc(15px + 12.5%) 50%] +Pass Web Animations: property from [center center] to [left 20px center] at (1) should be [calc(0% + 20px) 50%] Pass CSS Transitions: property from [center center] to [center center] at (0) should be [50% 50%] Pass CSS Transitions: property from [center center] to [center center] at (0.25) should be [50% 50%] Pass CSS Transitions: property from [center center] to [center center] at (0.5) should be [50% 50%] @@ -185,84 +185,84 @@ Pass Web Animations: property from [center center] to [cen Pass Web Animations: property from [center center] to [center center] at (0.75) should be [50% 50%] Pass Web Animations: property from [center center] to [center center] at (1) should be [50% 50%] Fail CSS Transitions: property from [center center] to [right 20px center] at (0) should be [50% 50%] -Fail CSS Transitions: property from [center center] to [right 20px center] at (0.25) should be [calc(-5px + 62.5%) 50%] -Fail CSS Transitions: property from [center center] to [right 20px center] at (0.5) should be [calc(-10px + 75%) 50%] -Fail CSS Transitions: property from [center center] to [right 20px center] at (0.75) should be [calc(-15px + 87.5%) 50%] +Pass CSS Transitions: property from [center center] to [right 20px center] at (0.25) should be [calc(-5px + 62.5%) 50%] +Pass CSS Transitions: property from [center center] to [right 20px center] at (0.5) should be [calc(-10px + 75%) 50%] +Pass CSS Transitions: property from [center center] to [right 20px center] at (0.75) should be [calc(-15px + 87.5%) 50%] Pass CSS Transitions: property from [center center] to [right 20px center] at (1) should be [calc(-20px + 100%) 50%] Fail CSS Transitions with transition: all: property from [center center] to [right 20px center] at (0) should be [50% 50%] -Fail CSS Transitions with transition: all: property from [center center] to [right 20px center] at (0.25) should be [calc(-5px + 62.5%) 50%] -Fail CSS Transitions with transition: all: property from [center center] to [right 20px center] at (0.5) should be [calc(-10px + 75%) 50%] -Fail CSS Transitions with transition: all: property from [center center] to [right 20px center] at (0.75) should be [calc(-15px + 87.5%) 50%] +Pass CSS Transitions with transition: all: property from [center center] to [right 20px center] at (0.25) should be [calc(-5px + 62.5%) 50%] +Pass CSS Transitions with transition: all: property from [center center] to [right 20px center] at (0.5) should be [calc(-10px + 75%) 50%] +Pass CSS Transitions with transition: all: property from [center center] to [right 20px center] at (0.75) should be [calc(-15px + 87.5%) 50%] Pass CSS Transitions with transition: all: property from [center center] to [right 20px center] at (1) should be [calc(-20px + 100%) 50%] -Pass CSS Animations: property from [center center] to [right 20px center] at (0) should be [50% 50%] -Fail CSS Animations: property from [center center] to [right 20px center] at (0.25) should be [calc(-5px + 62.5%) 50%] -Fail CSS Animations: property from [center center] to [right 20px center] at (0.5) should be [calc(-10px + 75%) 50%] -Fail CSS Animations: property from [center center] to [right 20px center] at (0.75) should be [calc(-15px + 87.5%) 50%] +Fail CSS Animations: property from [center center] to [right 20px center] at (0) should be [50% 50%] +Pass CSS Animations: property from [center center] to [right 20px center] at (0.25) should be [calc(-5px + 62.5%) 50%] +Pass CSS Animations: property from [center center] to [right 20px center] at (0.5) should be [calc(-10px + 75%) 50%] +Pass CSS Animations: property from [center center] to [right 20px center] at (0.75) should be [calc(-15px + 87.5%) 50%] Pass CSS Animations: property from [center center] to [right 20px center] at (1) should be [calc(-20px + 100%) 50%] -Pass Web Animations: property from [center center] to [right 20px center] at (0) should be [50% 50%] -Fail Web Animations: property from [center center] to [right 20px center] at (0.25) should be [calc(-5px + 62.5%) 50%] -Fail Web Animations: property from [center center] to [right 20px center] at (0.5) should be [calc(-10px + 75%) 50%] -Fail Web Animations: property from [center center] to [right 20px center] at (0.75) should be [calc(-15px + 87.5%) 50%] +Fail Web Animations: property from [center center] to [right 20px center] at (0) should be [50% 50%] +Pass Web Animations: property from [center center] to [right 20px center] at (0.25) should be [calc(-5px + 62.5%) 50%] +Pass Web Animations: property from [center center] to [right 20px center] at (0.5) should be [calc(-10px + 75%) 50%] +Pass Web Animations: property from [center center] to [right 20px center] at (0.75) should be [calc(-15px + 87.5%) 50%] Pass Web Animations: property from [center center] to [right 20px center] at (1) should be [calc(-20px + 100%) 50%] Fail CSS Transitions: property from [center center] to [left 20px bottom 20px] at (0) should be [50% 50%] -Fail CSS Transitions: property from [center center] to [left 20px bottom 20px] at (0.25) should be [calc(5px + 37.5%) calc(-5px + 62.5%)] -Fail CSS Transitions: property from [center center] to [left 20px bottom 20px] at (0.5) should be [calc(10px + 25%) calc(-10px + 75%)] -Fail CSS Transitions: property from [center center] to [left 20px bottom 20px] at (0.75) should be [calc(15px + 12.5%) calc(-15px + 87.5%)] -Fail CSS Transitions: property from [center center] to [left 20px bottom 20px] at (1) should be [calc(0% + 20px) calc(-20px + 100%)] +Pass CSS Transitions: property from [center center] to [left 20px bottom 20px] at (0.25) should be [calc(5px + 37.5%) calc(-5px + 62.5%)] +Pass CSS Transitions: property from [center center] to [left 20px bottom 20px] at (0.5) should be [calc(10px + 25%) calc(-10px + 75%)] +Pass CSS Transitions: property from [center center] to [left 20px bottom 20px] at (0.75) should be [calc(15px + 12.5%) calc(-15px + 87.5%)] +Pass CSS Transitions: property from [center center] to [left 20px bottom 20px] at (1) should be [calc(0% + 20px) calc(-20px + 100%)] Fail CSS Transitions with transition: all: property from [center center] to [left 20px bottom 20px] at (0) should be [50% 50%] -Fail CSS Transitions with transition: all: property from [center center] to [left 20px bottom 20px] at (0.25) should be [calc(5px + 37.5%) calc(-5px + 62.5%)] -Fail CSS Transitions with transition: all: property from [center center] to [left 20px bottom 20px] at (0.5) should be [calc(10px + 25%) calc(-10px + 75%)] -Fail CSS Transitions with transition: all: property from [center center] to [left 20px bottom 20px] at (0.75) should be [calc(15px + 12.5%) calc(-15px + 87.5%)] -Fail CSS Transitions with transition: all: property from [center center] to [left 20px bottom 20px] at (1) should be [calc(0% + 20px) calc(-20px + 100%)] -Pass CSS Animations: property from [center center] to [left 20px bottom 20px] at (0) should be [50% 50%] -Fail CSS Animations: property from [center center] to [left 20px bottom 20px] at (0.25) should be [calc(5px + 37.5%) calc(-5px + 62.5%)] -Fail CSS Animations: property from [center center] to [left 20px bottom 20px] at (0.5) should be [calc(10px + 25%) calc(-10px + 75%)] -Fail CSS Animations: property from [center center] to [left 20px bottom 20px] at (0.75) should be [calc(15px + 12.5%) calc(-15px + 87.5%)] -Fail CSS Animations: property from [center center] to [left 20px bottom 20px] at (1) should be [calc(0% + 20px) calc(-20px + 100%)] -Pass Web Animations: property from [center center] to [left 20px bottom 20px] at (0) should be [50% 50%] -Fail Web Animations: property from [center center] to [left 20px bottom 20px] at (0.25) should be [calc(5px + 37.5%) calc(-5px + 62.5%)] -Fail Web Animations: property from [center center] to [left 20px bottom 20px] at (0.5) should be [calc(10px + 25%) calc(-10px + 75%)] -Fail Web Animations: property from [center center] to [left 20px bottom 20px] at (0.75) should be [calc(15px + 12.5%) calc(-15px + 87.5%)] -Fail Web Animations: property from [center center] to [left 20px bottom 20px] at (1) should be [calc(0% + 20px) calc(-20px + 100%)] +Pass CSS Transitions with transition: all: property from [center center] to [left 20px bottom 20px] at (0.25) should be [calc(5px + 37.5%) calc(-5px + 62.5%)] +Pass CSS Transitions with transition: all: property from [center center] to [left 20px bottom 20px] at (0.5) should be [calc(10px + 25%) calc(-10px + 75%)] +Pass CSS Transitions with transition: all: property from [center center] to [left 20px bottom 20px] at (0.75) should be [calc(15px + 12.5%) calc(-15px + 87.5%)] +Pass CSS Transitions with transition: all: property from [center center] to [left 20px bottom 20px] at (1) should be [calc(0% + 20px) calc(-20px + 100%)] +Fail CSS Animations: property from [center center] to [left 20px bottom 20px] at (0) should be [50% 50%] +Pass CSS Animations: property from [center center] to [left 20px bottom 20px] at (0.25) should be [calc(5px + 37.5%) calc(-5px + 62.5%)] +Pass CSS Animations: property from [center center] to [left 20px bottom 20px] at (0.5) should be [calc(10px + 25%) calc(-10px + 75%)] +Pass CSS Animations: property from [center center] to [left 20px bottom 20px] at (0.75) should be [calc(15px + 12.5%) calc(-15px + 87.5%)] +Pass CSS Animations: property from [center center] to [left 20px bottom 20px] at (1) should be [calc(0% + 20px) calc(-20px + 100%)] +Fail Web Animations: property from [center center] to [left 20px bottom 20px] at (0) should be [50% 50%] +Pass Web Animations: property from [center center] to [left 20px bottom 20px] at (0.25) should be [calc(5px + 37.5%) calc(-5px + 62.5%)] +Pass Web Animations: property from [center center] to [left 20px bottom 20px] at (0.5) should be [calc(10px + 25%) calc(-10px + 75%)] +Pass Web Animations: property from [center center] to [left 20px bottom 20px] at (0.75) should be [calc(15px + 12.5%) calc(-15px + 87.5%)] +Pass Web Animations: property from [center center] to [left 20px bottom 20px] at (1) should be [calc(0% + 20px) calc(-20px + 100%)] Fail CSS Transitions: property from [center center] to [center bottom 20px] at (0) should be [50% 50%] -Fail CSS Transitions: property from [center center] to [center bottom 20px] at (0.25) should be [50% calc(-5px + 62.5%)] -Fail CSS Transitions: property from [center center] to [center bottom 20px] at (0.5) should be [50% calc(-10px + 75%)] -Fail CSS Transitions: property from [center center] to [center bottom 20px] at (0.75) should be [50% calc(-15px + 87.5%)] +Pass CSS Transitions: property from [center center] to [center bottom 20px] at (0.25) should be [50% calc(-5px + 62.5%)] +Pass CSS Transitions: property from [center center] to [center bottom 20px] at (0.5) should be [50% calc(-10px + 75%)] +Pass CSS Transitions: property from [center center] to [center bottom 20px] at (0.75) should be [50% calc(-15px + 87.5%)] Pass CSS Transitions: property from [center center] to [center bottom 20px] at (1) should be [50% calc(-20px + 100%)] Fail CSS Transitions with transition: all: property from [center center] to [center bottom 20px] at (0) should be [50% 50%] -Fail CSS Transitions with transition: all: property from [center center] to [center bottom 20px] at (0.25) should be [50% calc(-5px + 62.5%)] -Fail CSS Transitions with transition: all: property from [center center] to [center bottom 20px] at (0.5) should be [50% calc(-10px + 75%)] -Fail CSS Transitions with transition: all: property from [center center] to [center bottom 20px] at (0.75) should be [50% calc(-15px + 87.5%)] +Pass CSS Transitions with transition: all: property from [center center] to [center bottom 20px] at (0.25) should be [50% calc(-5px + 62.5%)] +Pass CSS Transitions with transition: all: property from [center center] to [center bottom 20px] at (0.5) should be [50% calc(-10px + 75%)] +Pass CSS Transitions with transition: all: property from [center center] to [center bottom 20px] at (0.75) should be [50% calc(-15px + 87.5%)] Pass CSS Transitions with transition: all: property from [center center] to [center bottom 20px] at (1) should be [50% calc(-20px + 100%)] -Pass CSS Animations: property from [center center] to [center bottom 20px] at (0) should be [50% 50%] -Fail CSS Animations: property from [center center] to [center bottom 20px] at (0.25) should be [50% calc(-5px + 62.5%)] -Fail CSS Animations: property from [center center] to [center bottom 20px] at (0.5) should be [50% calc(-10px + 75%)] -Fail CSS Animations: property from [center center] to [center bottom 20px] at (0.75) should be [50% calc(-15px + 87.5%)] +Fail CSS Animations: property from [center center] to [center bottom 20px] at (0) should be [50% 50%] +Pass CSS Animations: property from [center center] to [center bottom 20px] at (0.25) should be [50% calc(-5px + 62.5%)] +Pass CSS Animations: property from [center center] to [center bottom 20px] at (0.5) should be [50% calc(-10px + 75%)] +Pass CSS Animations: property from [center center] to [center bottom 20px] at (0.75) should be [50% calc(-15px + 87.5%)] Pass CSS Animations: property from [center center] to [center bottom 20px] at (1) should be [50% calc(-20px + 100%)] -Pass Web Animations: property from [center center] to [center bottom 20px] at (0) should be [50% 50%] -Fail Web Animations: property from [center center] to [center bottom 20px] at (0.25) should be [50% calc(-5px + 62.5%)] -Fail Web Animations: property from [center center] to [center bottom 20px] at (0.5) should be [50% calc(-10px + 75%)] -Fail Web Animations: property from [center center] to [center bottom 20px] at (0.75) should be [50% calc(-15px + 87.5%)] +Fail Web Animations: property from [center center] to [center bottom 20px] at (0) should be [50% 50%] +Pass Web Animations: property from [center center] to [center bottom 20px] at (0.25) should be [50% calc(-5px + 62.5%)] +Pass Web Animations: property from [center center] to [center bottom 20px] at (0.5) should be [50% calc(-10px + 75%)] +Pass Web Animations: property from [center center] to [center bottom 20px] at (0.75) should be [50% calc(-15px + 87.5%)] Pass Web Animations: property from [center center] to [center bottom 20px] at (1) should be [50% calc(-20px + 100%)] Fail CSS Transitions: property from [center center] to [right 20px bottom 20px] at (0) should be [50% 50%] -Fail CSS Transitions: property from [center center] to [right 20px bottom 20px] at (0.25) should be [calc(-5px + 62.5%) calc(-5px + 62.5%)] -Fail CSS Transitions: property from [center center] to [right 20px bottom 20px] at (0.5) should be [calc(-10px + 75%) calc(-10px + 75%)] -Fail CSS Transitions: property from [center center] to [right 20px bottom 20px] at (0.75) should be [calc(-15px + 87.5%) calc(-15px + 87.5%)] +Pass CSS Transitions: property from [center center] to [right 20px bottom 20px] at (0.25) should be [calc(-5px + 62.5%) calc(-5px + 62.5%)] +Pass CSS Transitions: property from [center center] to [right 20px bottom 20px] at (0.5) should be [calc(-10px + 75%) calc(-10px + 75%)] +Pass CSS Transitions: property from [center center] to [right 20px bottom 20px] at (0.75) should be [calc(-15px + 87.5%) calc(-15px + 87.5%)] Pass CSS Transitions: property from [center center] to [right 20px bottom 20px] at (1) should be [calc(-20px + 100%) calc(-20px + 100%)] Fail CSS Transitions with transition: all: property from [center center] to [right 20px bottom 20px] at (0) should be [50% 50%] -Fail CSS Transitions with transition: all: property from [center center] to [right 20px bottom 20px] at (0.25) should be [calc(-5px + 62.5%) calc(-5px + 62.5%)] -Fail CSS Transitions with transition: all: property from [center center] to [right 20px bottom 20px] at (0.5) should be [calc(-10px + 75%) calc(-10px + 75%)] -Fail CSS Transitions with transition: all: property from [center center] to [right 20px bottom 20px] at (0.75) should be [calc(-15px + 87.5%) calc(-15px + 87.5%)] +Pass CSS Transitions with transition: all: property from [center center] to [right 20px bottom 20px] at (0.25) should be [calc(-5px + 62.5%) calc(-5px + 62.5%)] +Pass CSS Transitions with transition: all: property from [center center] to [right 20px bottom 20px] at (0.5) should be [calc(-10px + 75%) calc(-10px + 75%)] +Pass CSS Transitions with transition: all: property from [center center] to [right 20px bottom 20px] at (0.75) should be [calc(-15px + 87.5%) calc(-15px + 87.5%)] Pass CSS Transitions with transition: all: property from [center center] to [right 20px bottom 20px] at (1) should be [calc(-20px + 100%) calc(-20px + 100%)] -Pass CSS Animations: property from [center center] to [right 20px bottom 20px] at (0) should be [50% 50%] -Fail CSS Animations: property from [center center] to [right 20px bottom 20px] at (0.25) should be [calc(-5px + 62.5%) calc(-5px + 62.5%)] -Fail CSS Animations: property from [center center] to [right 20px bottom 20px] at (0.5) should be [calc(-10px + 75%) calc(-10px + 75%)] -Fail CSS Animations: property from [center center] to [right 20px bottom 20px] at (0.75) should be [calc(-15px + 87.5%) calc(-15px + 87.5%)] +Fail CSS Animations: property from [center center] to [right 20px bottom 20px] at (0) should be [50% 50%] +Pass CSS Animations: property from [center center] to [right 20px bottom 20px] at (0.25) should be [calc(-5px + 62.5%) calc(-5px + 62.5%)] +Pass CSS Animations: property from [center center] to [right 20px bottom 20px] at (0.5) should be [calc(-10px + 75%) calc(-10px + 75%)] +Pass CSS Animations: property from [center center] to [right 20px bottom 20px] at (0.75) should be [calc(-15px + 87.5%) calc(-15px + 87.5%)] Pass CSS Animations: property from [center center] to [right 20px bottom 20px] at (1) should be [calc(-20px + 100%) calc(-20px + 100%)] -Pass Web Animations: property from [center center] to [right 20px bottom 20px] at (0) should be [50% 50%] -Fail Web Animations: property from [center center] to [right 20px bottom 20px] at (0.25) should be [calc(-5px + 62.5%) calc(-5px + 62.5%)] -Fail Web Animations: property from [center center] to [right 20px bottom 20px] at (0.5) should be [calc(-10px + 75%) calc(-10px + 75%)] -Fail Web Animations: property from [center center] to [right 20px bottom 20px] at (0.75) should be [calc(-15px + 87.5%) calc(-15px + 87.5%)] +Fail Web Animations: property from [center center] to [right 20px bottom 20px] at (0) should be [50% 50%] +Pass Web Animations: property from [center center] to [right 20px bottom 20px] at (0.25) should be [calc(-5px + 62.5%) calc(-5px + 62.5%)] +Pass Web Animations: property from [center center] to [right 20px bottom 20px] at (0.5) should be [calc(-10px + 75%) calc(-10px + 75%)] +Pass Web Animations: property from [center center] to [right 20px bottom 20px] at (0.75) should be [calc(-15px + 87.5%) calc(-15px + 87.5%)] Pass Web Animations: property from [center center] to [right 20px bottom 20px] at (1) should be [calc(-20px + 100%) calc(-20px + 100%)] Pass CSS Transitions: property from [center] to [bottom] at (0) should be [50% 50%] Pass CSS Transitions: property from [center] to [bottom] at (0.25) should be [50% 62.5%] diff --git a/Tests/LibWeb/Text/expected/wpt-import/css/css-backgrounds/animations/border-radius-interpolation.txt b/Tests/LibWeb/Text/expected/wpt-import/css/css-backgrounds/animations/border-radius-interpolation.txt index 6609ca7abbe..97b9582b619 100644 --- a/Tests/LibWeb/Text/expected/wpt-import/css/css-backgrounds/animations/border-radius-interpolation.txt +++ b/Tests/LibWeb/Text/expected/wpt-import/css/css-backgrounds/animations/border-radius-interpolation.txt @@ -2,8 +2,7 @@ Harness status: OK Found 196 tests -176 Pass -20 Fail +196 Pass Pass CSS Transitions: property from [20px 40px 60px 80px / 120px 140px 160px 180px] to [30px 50px 70px 90px / 130px 150px 170px 190px] at (-0.3) should be [17px 37px 57px 77px / 117px 137px 157px 177px] Pass CSS Transitions: property from [20px 40px 60px 80px / 120px 140px 160px 180px] to [30px 50px 70px 90px / 130px 150px 170px 190px] at (0) should be [20px 40px 60px 80px / 120px 140px 160px 180px] Pass CSS Transitions: property from [20px 40px 60px 80px / 120px 140px 160px 180px] to [30px 50px 70px 90px / 130px 150px 170px 190px] at (0.3) should be [23px 43px 63px 83px / 123px 143px 163px 183px] @@ -148,30 +147,30 @@ Pass Web Animations: property from [10px] to [50px] at Pass Web Animations: property from [10px] to [50px] at (0.6) should be [34px] Pass Web Animations: property from [10px] to [50px] at (1) should be [50px] Pass Web Animations: property from [10px] to [50px] at (1.5) should be [70px] -Fail CSS Transitions: property from [10px] to [100%] at (-0.3) should be [calc(13px + -30%)] -Fail CSS Transitions: property from [10px] to [100%] at (0) should be [calc(10px + 0%)] -Fail CSS Transitions: property from [10px] to [100%] at (0.3) should be [calc(7px + 30%)] -Fail CSS Transitions: property from [10px] to [100%] at (0.6) should be [calc(4px + 60%)] +Pass CSS Transitions: property from [10px] to [100%] at (-0.3) should be [calc(13px + -30%)] +Pass CSS Transitions: property from [10px] to [100%] at (0) should be [calc(10px + 0%)] +Pass CSS Transitions: property from [10px] to [100%] at (0.3) should be [calc(7px + 30%)] +Pass CSS Transitions: property from [10px] to [100%] at (0.6) should be [calc(4px + 60%)] Pass CSS Transitions: property from [10px] to [100%] at (1) should be [100%] -Fail CSS Transitions: property from [10px] to [100%] at (1.5) should be [calc(-5px + 150%)] -Fail CSS Transitions with transition: all: property from [10px] to [100%] at (-0.3) should be [calc(13px + -30%)] -Fail CSS Transitions with transition: all: property from [10px] to [100%] at (0) should be [calc(10px + 0%)] -Fail CSS Transitions with transition: all: property from [10px] to [100%] at (0.3) should be [calc(7px + 30%)] -Fail CSS Transitions with transition: all: property from [10px] to [100%] at (0.6) should be [calc(4px + 60%)] +Pass CSS Transitions: property from [10px] to [100%] at (1.5) should be [calc(-5px + 150%)] +Pass CSS Transitions with transition: all: property from [10px] to [100%] at (-0.3) should be [calc(13px + -30%)] +Pass CSS Transitions with transition: all: property from [10px] to [100%] at (0) should be [calc(10px + 0%)] +Pass CSS Transitions with transition: all: property from [10px] to [100%] at (0.3) should be [calc(7px + 30%)] +Pass CSS Transitions with transition: all: property from [10px] to [100%] at (0.6) should be [calc(4px + 60%)] Pass CSS Transitions with transition: all: property from [10px] to [100%] at (1) should be [100%] -Fail CSS Transitions with transition: all: property from [10px] to [100%] at (1.5) should be [calc(-5px + 150%)] -Fail CSS Animations: property from [10px] to [100%] at (-0.3) should be [calc(13px + -30%)] -Fail CSS Animations: property from [10px] to [100%] at (0) should be [calc(10px + 0%)] -Fail CSS Animations: property from [10px] to [100%] at (0.3) should be [calc(7px + 30%)] -Fail CSS Animations: property from [10px] to [100%] at (0.6) should be [calc(4px + 60%)] +Pass CSS Transitions with transition: all: property from [10px] to [100%] at (1.5) should be [calc(-5px + 150%)] +Pass CSS Animations: property from [10px] to [100%] at (-0.3) should be [calc(13px + -30%)] +Pass CSS Animations: property from [10px] to [100%] at (0) should be [calc(10px + 0%)] +Pass CSS Animations: property from [10px] to [100%] at (0.3) should be [calc(7px + 30%)] +Pass CSS Animations: property from [10px] to [100%] at (0.6) should be [calc(4px + 60%)] Pass CSS Animations: property from [10px] to [100%] at (1) should be [100%] -Fail CSS Animations: property from [10px] to [100%] at (1.5) should be [calc(-5px + 150%)] -Fail Web Animations: property from [10px] to [100%] at (-0.3) should be [calc(13px + -30%)] -Fail Web Animations: property from [10px] to [100%] at (0) should be [calc(10px + 0%)] -Fail Web Animations: property from [10px] to [100%] at (0.3) should be [calc(7px + 30%)] -Fail Web Animations: property from [10px] to [100%] at (0.6) should be [calc(4px + 60%)] +Pass CSS Animations: property from [10px] to [100%] at (1.5) should be [calc(-5px + 150%)] +Pass Web Animations: property from [10px] to [100%] at (-0.3) should be [calc(13px + -30%)] +Pass Web Animations: property from [10px] to [100%] at (0) should be [calc(10px + 0%)] +Pass Web Animations: property from [10px] to [100%] at (0.3) should be [calc(7px + 30%)] +Pass Web Animations: property from [10px] to [100%] at (0.6) should be [calc(4px + 60%)] Pass Web Animations: property from [10px] to [100%] at (1) should be [100%] -Fail Web Animations: property from [10px] to [100%] at (1.5) should be [calc(-5px + 150%)] +Pass Web Animations: property from [10px] to [100%] at (1.5) should be [calc(-5px + 150%)] Pass CSS Transitions: property from [20px] to [10px 30px] at (-2) should be [40px 0px] Pass CSS Transitions: property from [20px] to [10px 30px] at (-0.3) should be [23px 17px] Pass CSS Transitions: property from [20px] to [10px 30px] at (0) should be [20px] diff --git a/Tests/LibWeb/Text/expected/wpt-import/css/css-masking/animations/mask-position-interpolation.txt b/Tests/LibWeb/Text/expected/wpt-import/css/css-masking/animations/mask-position-interpolation.txt index 37c47ea9371..1f22e8b4c88 100644 --- a/Tests/LibWeb/Text/expected/wpt-import/css/css-masking/animations/mask-position-interpolation.txt +++ b/Tests/LibWeb/Text/expected/wpt-import/css/css-masking/animations/mask-position-interpolation.txt @@ -2,8 +2,7 @@ Harness status: OK Found 196 tests -144 Pass -52 Fail +196 Pass Pass CSS Transitions: property from neutral to [20px 20px] at (-0.25) should be [7.5px 32.5px] Pass CSS Transitions: property from neutral to [20px 20px] at (0) should be [10px 30px] Pass CSS Transitions: property from neutral to [20px 20px] at (0.25) should be [12.5px 27.5px] @@ -32,34 +31,34 @@ Pass Web Animations: property from neutral to [20px 20px] at (0. Pass Web Animations: property from neutral to [20px 20px] at (0.75) should be [17.5px 22.5px] Pass Web Animations: property from neutral to [20px 20px] at (1) should be [20px 20px] Pass Web Animations: property from neutral to [20px 20px] at (1.25) should be [22.5px 17.5px] -Fail CSS Transitions: property from [initial] to [20px 20px] at (-0.25) should be [calc(0% - 5px) calc(0% - 5px)] -Fail CSS Transitions: property from [initial] to [20px 20px] at (0) should be [0% 0%] -Fail CSS Transitions: property from [initial] to [20px 20px] at (0.25) should be [calc(0% + 5px) calc(0% + 5px)] -Fail CSS Transitions: property from [initial] to [20px 20px] at (0.5) should be [calc(0% + 10px) calc(0% + 10px)] -Fail CSS Transitions: property from [initial] to [20px 20px] at (0.75) should be [calc(0% + 15px) calc(0% + 15px)] -Fail CSS Transitions: property from [initial] to [20px 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)] -Fail CSS Transitions: property from [initial] to [20px 20px] at (1.25) should be [calc(0% + 25px) calc(0% + 25px)] -Fail CSS Transitions with transition: all: property from [initial] to [20px 20px] at (-0.25) should be [calc(0% - 5px) calc(0% - 5px)] -Fail CSS Transitions with transition: all: property from [initial] to [20px 20px] at (0) should be [0% 0%] -Fail CSS Transitions with transition: all: property from [initial] to [20px 20px] at (0.25) should be [calc(0% + 5px) calc(0% + 5px)] -Fail CSS Transitions with transition: all: property from [initial] to [20px 20px] at (0.5) should be [calc(0% + 10px) calc(0% + 10px)] -Fail CSS Transitions with transition: all: property from [initial] to [20px 20px] at (0.75) should be [calc(0% + 15px) calc(0% + 15px)] -Fail CSS Transitions with transition: all: property from [initial] to [20px 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)] -Fail CSS Transitions with transition: all: property from [initial] to [20px 20px] at (1.25) should be [calc(0% + 25px) calc(0% + 25px)] -Fail CSS Animations: property from [initial] to [20px 20px] at (-0.25) should be [calc(0% - 5px) calc(0% - 5px)] +Pass CSS Transitions: property from [initial] to [20px 20px] at (-0.25) should be [calc(0% - 5px) calc(0% - 5px)] +Pass CSS Transitions: property from [initial] to [20px 20px] at (0) should be [0% 0%] +Pass CSS Transitions: property from [initial] to [20px 20px] at (0.25) should be [calc(0% + 5px) calc(0% + 5px)] +Pass CSS Transitions: property from [initial] to [20px 20px] at (0.5) should be [calc(0% + 10px) calc(0% + 10px)] +Pass CSS Transitions: property from [initial] to [20px 20px] at (0.75) should be [calc(0% + 15px) calc(0% + 15px)] +Pass CSS Transitions: property from [initial] to [20px 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)] +Pass CSS Transitions: property from [initial] to [20px 20px] at (1.25) should be [calc(0% + 25px) calc(0% + 25px)] +Pass CSS Transitions with transition: all: property from [initial] to [20px 20px] at (-0.25) should be [calc(0% - 5px) calc(0% - 5px)] +Pass CSS Transitions with transition: all: property from [initial] to [20px 20px] at (0) should be [0% 0%] +Pass CSS Transitions with transition: all: property from [initial] to [20px 20px] at (0.25) should be [calc(0% + 5px) calc(0% + 5px)] +Pass CSS Transitions with transition: all: property from [initial] to [20px 20px] at (0.5) should be [calc(0% + 10px) calc(0% + 10px)] +Pass CSS Transitions with transition: all: property from [initial] to [20px 20px] at (0.75) should be [calc(0% + 15px) calc(0% + 15px)] +Pass CSS Transitions with transition: all: property from [initial] to [20px 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)] +Pass CSS Transitions with transition: all: property from [initial] to [20px 20px] at (1.25) should be [calc(0% + 25px) calc(0% + 25px)] +Pass CSS Animations: property from [initial] to [20px 20px] at (-0.25) should be [calc(0% - 5px) calc(0% - 5px)] Pass CSS Animations: property from [initial] to [20px 20px] at (0) should be [0% 0%] -Fail CSS Animations: property from [initial] to [20px 20px] at (0.25) should be [calc(0% + 5px) calc(0% + 5px)] -Fail CSS Animations: property from [initial] to [20px 20px] at (0.5) should be [calc(0% + 10px) calc(0% + 10px)] -Fail CSS Animations: property from [initial] to [20px 20px] at (0.75) should be [calc(0% + 15px) calc(0% + 15px)] -Fail CSS Animations: property from [initial] to [20px 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)] -Fail CSS Animations: property from [initial] to [20px 20px] at (1.25) should be [calc(0% + 25px) calc(0% + 25px)] -Fail Web Animations: property from [initial] to [20px 20px] at (-0.25) should be [calc(0% - 5px) calc(0% - 5px)] +Pass CSS Animations: property from [initial] to [20px 20px] at (0.25) should be [calc(0% + 5px) calc(0% + 5px)] +Pass CSS Animations: property from [initial] to [20px 20px] at (0.5) should be [calc(0% + 10px) calc(0% + 10px)] +Pass CSS Animations: property from [initial] to [20px 20px] at (0.75) should be [calc(0% + 15px) calc(0% + 15px)] +Pass CSS Animations: property from [initial] to [20px 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)] +Pass CSS Animations: property from [initial] to [20px 20px] at (1.25) should be [calc(0% + 25px) calc(0% + 25px)] +Pass Web Animations: property from [initial] to [20px 20px] at (-0.25) should be [calc(0% - 5px) calc(0% - 5px)] Pass Web Animations: property from [initial] to [20px 20px] at (0) should be [0% 0%] -Fail Web Animations: property from [initial] to [20px 20px] at (0.25) should be [calc(0% + 5px) calc(0% + 5px)] -Fail Web Animations: property from [initial] to [20px 20px] at (0.5) should be [calc(0% + 10px) calc(0% + 10px)] -Fail Web Animations: property from [initial] to [20px 20px] at (0.75) should be [calc(0% + 15px) calc(0% + 15px)] -Fail Web Animations: property from [initial] to [20px 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)] -Fail Web Animations: property from [initial] to [20px 20px] at (1.25) should be [calc(0% + 25px) calc(0% + 25px)] +Pass Web Animations: property from [initial] to [20px 20px] at (0.25) should be [calc(0% + 5px) calc(0% + 5px)] +Pass Web Animations: property from [initial] to [20px 20px] at (0.5) should be [calc(0% + 10px) calc(0% + 10px)] +Pass Web Animations: property from [initial] to [20px 20px] at (0.75) should be [calc(0% + 15px) calc(0% + 15px)] +Pass Web Animations: property from [initial] to [20px 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)] +Pass Web Animations: property from [initial] to [20px 20px] at (1.25) should be [calc(0% + 25px) calc(0% + 25px)] Pass CSS Transitions: property from [inherit] to [20px 20px] at (-0.25) should be [32.5px 7.5px] Pass CSS Transitions: property from [inherit] to [20px 20px] at (0) should be [30px 10px] Pass CSS Transitions: property from [inherit] to [20px 20px] at (0.25) should be [27.5px 12.5px] @@ -88,34 +87,34 @@ Pass Web Animations: property from [inherit] to [20px 20px] at ( Pass Web Animations: property from [inherit] to [20px 20px] at (0.75) should be [22.5px 17.5px] Pass Web Animations: property from [inherit] to [20px 20px] at (1) should be [20px 20px] Pass Web Animations: property from [inherit] to [20px 20px] at (1.25) should be [17.5px 22.5px] -Fail CSS Transitions: property from [unset] to [20px 20px] at (-0.25) should be [calc(0% - 5px) calc(0% - 5px)] -Fail CSS Transitions: property from [unset] to [20px 20px] at (0) should be [0% 0%] -Fail CSS Transitions: property from [unset] to [20px 20px] at (0.25) should be [calc(0% + 5px) calc(0% + 5px)] -Fail CSS Transitions: property from [unset] to [20px 20px] at (0.5) should be [calc(0% + 10px) calc(0% + 10px)] -Fail CSS Transitions: property from [unset] to [20px 20px] at (0.75) should be [calc(0% + 15px) calc(0% + 15px)] -Fail CSS Transitions: property from [unset] to [20px 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)] -Fail CSS Transitions: property from [unset] to [20px 20px] at (1.25) should be [calc(0% + 25px) calc(0% + 25px)] -Fail CSS Transitions with transition: all: property from [unset] to [20px 20px] at (-0.25) should be [calc(0% - 5px) calc(0% - 5px)] -Fail CSS Transitions with transition: all: property from [unset] to [20px 20px] at (0) should be [0% 0%] -Fail CSS Transitions with transition: all: property from [unset] to [20px 20px] at (0.25) should be [calc(0% + 5px) calc(0% + 5px)] -Fail CSS Transitions with transition: all: property from [unset] to [20px 20px] at (0.5) should be [calc(0% + 10px) calc(0% + 10px)] -Fail CSS Transitions with transition: all: property from [unset] to [20px 20px] at (0.75) should be [calc(0% + 15px) calc(0% + 15px)] -Fail CSS Transitions with transition: all: property from [unset] to [20px 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)] -Fail CSS Transitions with transition: all: property from [unset] to [20px 20px] at (1.25) should be [calc(0% + 25px) calc(0% + 25px)] -Fail CSS Animations: property from [unset] to [20px 20px] at (-0.25) should be [calc(0% - 5px) calc(0% - 5px)] +Pass CSS Transitions: property from [unset] to [20px 20px] at (-0.25) should be [calc(0% - 5px) calc(0% - 5px)] +Pass CSS Transitions: property from [unset] to [20px 20px] at (0) should be [0% 0%] +Pass CSS Transitions: property from [unset] to [20px 20px] at (0.25) should be [calc(0% + 5px) calc(0% + 5px)] +Pass CSS Transitions: property from [unset] to [20px 20px] at (0.5) should be [calc(0% + 10px) calc(0% + 10px)] +Pass CSS Transitions: property from [unset] to [20px 20px] at (0.75) should be [calc(0% + 15px) calc(0% + 15px)] +Pass CSS Transitions: property from [unset] to [20px 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)] +Pass CSS Transitions: property from [unset] to [20px 20px] at (1.25) should be [calc(0% + 25px) calc(0% + 25px)] +Pass CSS Transitions with transition: all: property from [unset] to [20px 20px] at (-0.25) should be [calc(0% - 5px) calc(0% - 5px)] +Pass CSS Transitions with transition: all: property from [unset] to [20px 20px] at (0) should be [0% 0%] +Pass CSS Transitions with transition: all: property from [unset] to [20px 20px] at (0.25) should be [calc(0% + 5px) calc(0% + 5px)] +Pass CSS Transitions with transition: all: property from [unset] to [20px 20px] at (0.5) should be [calc(0% + 10px) calc(0% + 10px)] +Pass CSS Transitions with transition: all: property from [unset] to [20px 20px] at (0.75) should be [calc(0% + 15px) calc(0% + 15px)] +Pass CSS Transitions with transition: all: property from [unset] to [20px 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)] +Pass CSS Transitions with transition: all: property from [unset] to [20px 20px] at (1.25) should be [calc(0% + 25px) calc(0% + 25px)] +Pass CSS Animations: property from [unset] to [20px 20px] at (-0.25) should be [calc(0% - 5px) calc(0% - 5px)] Pass CSS Animations: property from [unset] to [20px 20px] at (0) should be [0% 0%] -Fail CSS Animations: property from [unset] to [20px 20px] at (0.25) should be [calc(0% + 5px) calc(0% + 5px)] -Fail CSS Animations: property from [unset] to [20px 20px] at (0.5) should be [calc(0% + 10px) calc(0% + 10px)] -Fail CSS Animations: property from [unset] to [20px 20px] at (0.75) should be [calc(0% + 15px) calc(0% + 15px)] -Fail CSS Animations: property from [unset] to [20px 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)] -Fail CSS Animations: property from [unset] to [20px 20px] at (1.25) should be [calc(0% + 25px) calc(0% + 25px)] -Fail Web Animations: property from [unset] to [20px 20px] at (-0.25) should be [calc(0% - 5px) calc(0% - 5px)] +Pass CSS Animations: property from [unset] to [20px 20px] at (0.25) should be [calc(0% + 5px) calc(0% + 5px)] +Pass CSS Animations: property from [unset] to [20px 20px] at (0.5) should be [calc(0% + 10px) calc(0% + 10px)] +Pass CSS Animations: property from [unset] to [20px 20px] at (0.75) should be [calc(0% + 15px) calc(0% + 15px)] +Pass CSS Animations: property from [unset] to [20px 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)] +Pass CSS Animations: property from [unset] to [20px 20px] at (1.25) should be [calc(0% + 25px) calc(0% + 25px)] +Pass Web Animations: property from [unset] to [20px 20px] at (-0.25) should be [calc(0% - 5px) calc(0% - 5px)] Pass Web Animations: property from [unset] to [20px 20px] at (0) should be [0% 0%] -Fail Web Animations: property from [unset] to [20px 20px] at (0.25) should be [calc(0% + 5px) calc(0% + 5px)] -Fail Web Animations: property from [unset] to [20px 20px] at (0.5) should be [calc(0% + 10px) calc(0% + 10px)] -Fail Web Animations: property from [unset] to [20px 20px] at (0.75) should be [calc(0% + 15px) calc(0% + 15px)] -Fail Web Animations: property from [unset] to [20px 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)] -Fail Web Animations: property from [unset] to [20px 20px] at (1.25) should be [calc(0% + 25px) calc(0% + 25px)] +Pass Web Animations: property from [unset] to [20px 20px] at (0.25) should be [calc(0% + 5px) calc(0% + 5px)] +Pass Web Animations: property from [unset] to [20px 20px] at (0.5) should be [calc(0% + 10px) calc(0% + 10px)] +Pass Web Animations: property from [unset] to [20px 20px] at (0.75) should be [calc(0% + 15px) calc(0% + 15px)] +Pass Web Animations: property from [unset] to [20px 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)] +Pass Web Animations: property from [unset] to [20px 20px] at (1.25) should be [calc(0% + 25px) calc(0% + 25px)] Pass CSS Transitions: property 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] Pass CSS Transitions: property 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] Pass CSS Transitions: property 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]