mirrors/ladybird
0
0
Fork 0
mirror of https://github.com/LadybirdBrowser/ladybird.git synced 2025-09-21 08:48:57 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

LibWeb: Handle interpolation of mixed-type LengthPercentages

Browse source
This commit is contained in:
Tim Ledbetter 2025-09-14 17:35:10 +01:00 • committed by Sam Atkins
commit f5fd6338d5
Notes: github-actions[bot] 2025-09-15 09:42:05 +00:00
5 changed files with 343 additions and 308 deletions
Download patch file Download diff file Expand all files Collapse all files

45
Libraries/LibWeb/CSS/Interpolation.cpp
View file

@ -1148,13 +1148,37 @@ static RefPtr<StyleValue const> interpolate_value_impl(DOM::Element& element, Ca
return interpolate_mixed_value(calculation_context, from, to, delta); return interpolate_mixed_value(calculation_context, from, to, delta);
} }
static auto length_percentage_or_auto_to_style_value = [](auto const& value) -> NonnullRefPtr<StyleValue const> {
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<LengthPercentage> { static auto interpolate_length_percentage = [](CalculationContext const& calculation_context, LengthPercentage const& from, LengthPercentage const& to, float delta) -> Optional<LengthPercentage> {
if (from.is_length() && to.is_length()) 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))); 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()) 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))); return Percentage(interpolate_raw(from.percentage().value(), to.percentage().value(), delta, calculation_context.accepted_type_ranges.get(ValueType::Percentage)));
// FIXME: Interpolate calculations auto from_style_value = length_percentage_or_auto_to_style_value(from);
return {}; 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<LengthPercentageOrAuto> { static auto interpolate_length_percentage_or_auto = [](CalculationContext const& calculation_context, LengthPercentageOrAuto const& from, LengthPercentageOrAuto const& to, float delta) -> Optional<LengthPercentageOrAuto> {
@ -1164,8 +1188,21 @@ static RefPtr<StyleValue const> 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))); 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()) 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))); 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()) { switch (from.type()) {

116
Tests/LibWeb/Text/expected/wpt-import/css/css-backgrounds/animations/background-position-interpolation.txt
View file

@ -2,8 +2,8 @@ Harness status: OK
Found 196 tests Found 196 tests
84 Pass 140 Pass
112 Fail 56 Fail
Pass CSS Transitions: property <background-position> from neutral to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (-0.25) should be [30px 30px, 30px 30px, 30px 30px, 30px 30px] Pass CSS Transitions: property <background-position> from neutral to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (-0.25) should be [30px 30px, 30px 30px, 30px 30px, 30px 30px]
Pass CSS Transitions: property <background-position> from neutral to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0) should be [40px 40px, 40px 40px, 40px 40px, 40px 40px] Pass CSS Transitions: property <background-position> from neutral to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0) should be [40px 40px, 40px 40px, 40px 40px, 40px 40px]
Pass CSS Transitions: property <background-position> from neutral to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.25) should be [50px 50px, 50px 50px, 50px 50px, 50px 50px] Pass CSS Transitions: property <background-position> from neutral to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.25) should be [50px 50px, 50px 50px, 50px 50px, 50px 50px]
@ -32,34 +32,34 @@ Pass Web Animations: property <background-position> from neutral to [80px 80px,
Pass Web Animations: property <background-position> from neutral to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.75) should be [70px 70px, 70px 70px, 70px 70px, 70px 70px] Pass Web Animations: property <background-position> from neutral to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.75) should be [70px 70px, 70px 70px, 70px 70px, 70px 70px]
Pass Web Animations: property <background-position> from neutral to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1) should be [80px 80px, 80px 80px, 80px 80px, 80px 80px] Pass Web Animations: property <background-position> from neutral to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1) should be [80px 80px, 80px 80px, 80px 80px, 80px 80px]
Pass Web Animations: property <background-position> from neutral to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1.25) should be [90px 90px, 90px 90px, 90px 90px, 90px 90px] Pass Web Animations: property <background-position> from neutral to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1.25) should be [90px 90px, 90px 90px, 90px 90px, 90px 90px]
Fail CSS Transitions: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (-0.25) should be [calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px)] Pass CSS Transitions: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (-0.25) should be [calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px)]
Fail CSS Transitions: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0) should be [0% 0%, 0% 0%, 0% 0%, 0% 0%] Pass CSS Transitions: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0) should be [0% 0%, 0% 0%, 0% 0%, 0% 0%]
Fail CSS Transitions: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.25) should be [calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px)] Pass CSS Transitions: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.25) should be [calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px)]
Fail CSS Transitions: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.5) should be [calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px)] Pass CSS Transitions: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.5) should be [calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px)]
Fail CSS Transitions: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.75) should be [calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px)] Pass CSS Transitions: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.75) should be [calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px)]
Fail CSS Transitions: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1) should be [calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px)] Pass CSS Transitions: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1) should be [calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px)]
Fail CSS Transitions: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1.25) should be [calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px)] Pass CSS Transitions: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1.25) should be [calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px)]
Fail CSS Transitions with transition: all: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (-0.25) should be [calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px)] Pass CSS Transitions with transition: all: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (-0.25) should be [calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px)]
Fail CSS Transitions with transition: all: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0) should be [0% 0%, 0% 0%, 0% 0%, 0% 0%] Pass CSS Transitions with transition: all: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0) should be [0% 0%, 0% 0%, 0% 0%, 0% 0%]
Fail CSS Transitions with transition: all: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.25) should be [calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px)] Pass CSS Transitions with transition: all: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.25) should be [calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px)]
Fail CSS Transitions with transition: all: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.5) should be [calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px)] Pass CSS Transitions with transition: all: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.5) should be [calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px)]
Fail CSS Transitions with transition: all: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.75) should be [calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px)] Pass CSS Transitions with transition: all: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.75) should be [calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px)]
Fail CSS Transitions with transition: all: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1) should be [calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px)] Pass CSS Transitions with transition: all: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1) should be [calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px)]
Fail CSS Transitions with transition: all: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1.25) should be [calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px)] Pass CSS Transitions with transition: all: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1.25) should be [calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px)]
Fail CSS Animations: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (-0.25) should be [calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px)] Pass CSS Animations: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (-0.25) should be [calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px)]
Fail CSS Animations: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0) should be [0% 0%, 0% 0%, 0% 0%, 0% 0%] Pass CSS Animations: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0) should be [0% 0%, 0% 0%, 0% 0%, 0% 0%]
Fail CSS Animations: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.25) should be [calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px)] Pass CSS Animations: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.25) should be [calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px)]
Fail CSS Animations: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.5) should be [calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px)] Pass CSS Animations: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.5) should be [calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px)]
Fail CSS Animations: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.75) should be [calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px)] Pass CSS Animations: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.75) should be [calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px)]
Fail CSS Animations: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1) should be [calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px)] Pass CSS Animations: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1) should be [calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px)]
Fail CSS Animations: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1.25) should be [calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px)] Pass CSS Animations: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1.25) should be [calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px)]
Fail Web Animations: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (-0.25) should be [calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px)] Pass Web Animations: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (-0.25) should be [calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px)]
Fail Web Animations: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0) should be [0% 0%, 0% 0%, 0% 0%, 0% 0%] Pass Web Animations: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0) should be [0% 0%, 0% 0%, 0% 0%, 0% 0%]
Fail Web Animations: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.25) should be [calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px)] Pass Web Animations: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.25) should be [calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px)]
Fail Web Animations: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.5) should be [calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px)] Pass Web Animations: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.5) should be [calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px)]
Fail Web Animations: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.75) should be [calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px)] Pass Web Animations: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.75) should be [calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px)]
Fail Web Animations: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1) should be [calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px)] Pass Web Animations: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1) should be [calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px)]
Fail Web Animations: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1.25) should be [calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px)] Pass Web Animations: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1.25) should be [calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px)]
Pass CSS Transitions: property <background-position> from [inherit] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (-0.25) should be [55px 55px, 55px 55px, 55px 55px, 55px 55px] Pass CSS Transitions: property <background-position> from [inherit] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (-0.25) should be [55px 55px, 55px 55px, 55px 55px, 55px 55px]
Pass CSS Transitions: property <background-position> from [inherit] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0) should be [60px 60px, 60px 60px, 60px 60px, 60px 60px] Pass CSS Transitions: property <background-position> from [inherit] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0) should be [60px 60px, 60px 60px, 60px 60px, 60px 60px]
Pass CSS Transitions: property <background-position> from [inherit] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.25) should be [65px 65px, 65px 65px, 65px 65px, 65px 65px] Pass CSS Transitions: property <background-position> from [inherit] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.25) should be [65px 65px, 65px 65px, 65px 65px, 65px 65px]
@ -88,34 +88,34 @@ Pass Web Animations: property <background-position> from [inherit] to [80px 80px
Pass Web Animations: property <background-position> from [inherit] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.75) should be [75px 75px, 75px 75px, 75px 75px, 75px 75px] Pass Web Animations: property <background-position> from [inherit] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.75) should be [75px 75px, 75px 75px, 75px 75px, 75px 75px]
Pass Web Animations: property <background-position> from [inherit] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1) should be [80px 80px, 80px 80px, 80px 80px, 80px 80px] Pass Web Animations: property <background-position> from [inherit] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1) should be [80px 80px, 80px 80px, 80px 80px, 80px 80px]
Pass Web Animations: property <background-position> from [inherit] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1.25) should be [85px 85px, 85px 85px, 85px 85px, 85px 85px] Pass Web Animations: property <background-position> from [inherit] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1.25) should be [85px 85px, 85px 85px, 85px 85px, 85px 85px]
Fail CSS Transitions: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (-0.25) should be [calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px)] Pass CSS Transitions: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (-0.25) should be [calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px)]
Fail CSS Transitions: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0) should be [0% 0%, 0% 0%, 0% 0%, 0% 0%] Pass CSS Transitions: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0) should be [0% 0%, 0% 0%, 0% 0%, 0% 0%]
Fail CSS Transitions: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.25) should be [calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px)] Pass CSS Transitions: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.25) should be [calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px)]
Fail CSS Transitions: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.5) should be [calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px)] Pass CSS Transitions: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.5) should be [calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px)]
Fail CSS Transitions: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.75) should be [calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px)] Pass CSS Transitions: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.75) should be [calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px)]
Fail CSS Transitions: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1) should be [calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px)] Pass CSS Transitions: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1) should be [calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px)]
Fail CSS Transitions: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1.25) should be [calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px)] Pass CSS Transitions: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1.25) should be [calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px)]
Fail CSS Transitions with transition: all: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (-0.25) should be [calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px)] Pass CSS Transitions with transition: all: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (-0.25) should be [calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px)]
Fail CSS Transitions with transition: all: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0) should be [0% 0%, 0% 0%, 0% 0%, 0% 0%] Pass CSS Transitions with transition: all: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0) should be [0% 0%, 0% 0%, 0% 0%, 0% 0%]
Fail CSS Transitions with transition: all: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.25) should be [calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px)] Pass CSS Transitions with transition: all: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.25) should be [calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px)]
Fail CSS Transitions with transition: all: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.5) should be [calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px)] Pass CSS Transitions with transition: all: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.5) should be [calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px)]
Fail CSS Transitions with transition: all: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.75) should be [calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px)] Pass CSS Transitions with transition: all: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.75) should be [calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px)]
Fail CSS Transitions with transition: all: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1) should be [calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px)] Pass CSS Transitions with transition: all: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1) should be [calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px)]
Fail CSS Transitions with transition: all: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1.25) should be [calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px)] Pass CSS Transitions with transition: all: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1.25) should be [calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px)]
Fail CSS Animations: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (-0.25) should be [calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px)] Pass CSS Animations: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (-0.25) should be [calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px)]
Fail CSS Animations: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0) should be [0% 0%, 0% 0%, 0% 0%, 0% 0%] Pass CSS Animations: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0) should be [0% 0%, 0% 0%, 0% 0%, 0% 0%]
Fail CSS Animations: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.25) should be [calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px)] Pass CSS Animations: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.25) should be [calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px)]
Fail CSS Animations: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.5) should be [calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px)] Pass CSS Animations: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.5) should be [calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px)]
Fail CSS Animations: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.75) should be [calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px)] Pass CSS Animations: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.75) should be [calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px)]
Fail CSS Animations: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1) should be [calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px)] Pass CSS Animations: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1) should be [calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px)]
Fail CSS Animations: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1.25) should be [calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px)] Pass CSS Animations: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1.25) should be [calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px)]
Fail Web Animations: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (-0.25) should be [calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px)] Pass Web Animations: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (-0.25) should be [calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px)]
Fail Web Animations: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0) should be [0% 0%, 0% 0%, 0% 0%, 0% 0%] Pass Web Animations: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0) should be [0% 0%, 0% 0%, 0% 0%, 0% 0%]
Fail Web Animations: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.25) should be [calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px)] Pass Web Animations: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.25) should be [calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px)]
Fail Web Animations: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.5) should be [calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px)] Pass Web Animations: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.5) should be [calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px)]
Fail Web Animations: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.75) should be [calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px)] Pass Web Animations: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.75) should be [calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px)]
Fail Web Animations: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1) should be [calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px)] Pass Web Animations: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1) should be [calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px)]
Fail Web Animations: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1.25) should be [calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px)] Pass Web Animations: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1.25) should be [calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px)]
Pass CSS Transitions: property <background-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (-0.25) should be [-20px -20px, -20px -20px, -20px -20px, -20px -20px] Pass CSS Transitions: property <background-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (-0.25) should be [-20px -20px, -20px -20px, -20px -20px, -20px -20px]
Pass CSS Transitions: property <background-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0) should be [ 0px 0px, 0px 0px, 0px 0px, 0px 0px] Pass CSS Transitions: property <background-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0) should be [ 0px 0px, 0px 0px, 0px 0px, 0px 0px]
Pass CSS Transitions: property <background-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.25) should be [ 20px 20px, 20px 20px, 20px 20px, 20px 20px] Pass CSS Transitions: property <background-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.25) should be [ 20px 20px, 20px 20px, 20px 20px, 20px 20px]

340
Tests/LibWeb/Text/expected/wpt-import/css/css-backgrounds/animations/background-position-origin-interpolation.txt
View file

@ -2,8 +2,8 @@ Harness status: OK
Found 280 tests Found 280 tests
112 Pass 260 Pass
168 Fail 20 Fail
Pass CSS Transitions: property <background-position> from neutral to [left 20px top 20px] at (0) should be [10px 10px] Pass CSS Transitions: property <background-position> from neutral to [left 20px top 20px] at (0) should be [10px 10px]
Pass CSS Transitions: property <background-position> from neutral to [left 20px top 20px] at (0.25) should be [12.5px 12.5px] Pass CSS Transitions: property <background-position> from neutral to [left 20px top 20px] at (0.25) should be [12.5px 12.5px]
Pass CSS Transitions: property <background-position> from neutral to [left 20px top 20px] at (0.5) should be [15px 15px] Pass CSS Transitions: property <background-position> from neutral to [left 20px top 20px] at (0.5) should be [15px 15px]
@ -24,26 +24,26 @@ Pass Web Animations: property <background-position> from neutral to [left 20px t
Pass Web Animations: property <background-position> from neutral to [left 20px top 20px] at (0.5) should be [15px 15px] Pass Web Animations: property <background-position> from neutral to [left 20px top 20px] at (0.5) should be [15px 15px]
Pass Web Animations: property <background-position> from neutral to [left 20px top 20px] at (0.75) should be [17.5px 17.5px] Pass Web Animations: property <background-position> from neutral to [left 20px top 20px] at (0.75) should be [17.5px 17.5px]
Pass Web Animations: property <background-position> from neutral to [left 20px top 20px] at (1) should be [20px 20px] Pass Web Animations: property <background-position> from neutral to [left 20px top 20px] at (1) should be [20px 20px]
Fail CSS Transitions: property <background-position> from [initial] to [left 20px top 20px] at (0) should be [0% 0%] Pass CSS Transitions: property <background-position> from [initial] to [left 20px top 20px] at (0) should be [0% 0%]
Fail CSS Transitions: property <background-position> from [initial] to [left 20px top 20px] at (0.25) should be [calc(0% + 5px) calc(0% + 5px)] Pass CSS Transitions: property <background-position> from [initial] to [left 20px top 20px] at (0.25) should be [calc(0% + 5px) calc(0% + 5px)]
Fail CSS Transitions: property <background-position> from [initial] to [left 20px top 20px] at (0.5) should be [calc(0% + 10px) calc(0% + 10px)] Pass CSS Transitions: property <background-position> from [initial] to [left 20px top 20px] at (0.5) should be [calc(0% + 10px) calc(0% + 10px)]
Fail CSS Transitions: property <background-position> from [initial] to [left 20px top 20px] at (0.75) should be [calc(0% + 15px) calc(0% + 15px)] Pass CSS Transitions: property <background-position> from [initial] to [left 20px top 20px] at (0.75) should be [calc(0% + 15px) calc(0% + 15px)]
Fail CSS Transitions: property <background-position> from [initial] to [left 20px top 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)] Pass CSS Transitions: property <background-position> from [initial] to [left 20px top 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)]
Fail CSS Transitions with transition: all: property <background-position> from [initial] to [left 20px top 20px] at (0) should be [0% 0%] Pass CSS Transitions with transition: all: property <background-position> from [initial] to [left 20px top 20px] at (0) should be [0% 0%]
Fail CSS Transitions with transition: all: property <background-position> 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 <background-position> 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 <background-position> 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 <background-position> 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 <background-position> 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 <background-position> 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 <background-position> from [initial] to [left 20px top 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)] Pass CSS Transitions with transition: all: property <background-position> from [initial] to [left 20px top 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)]
Pass CSS Animations: property <background-position> from [initial] to [left 20px top 20px] at (0) should be [0% 0%] Pass CSS Animations: property <background-position> from [initial] to [left 20px top 20px] at (0) should be [0% 0%]
Fail CSS Animations: property <background-position> from [initial] to [left 20px top 20px] at (0.25) should be [calc(0% + 5px) calc(0% + 5px)] Pass CSS Animations: property <background-position> from [initial] to [left 20px top 20px] at (0.25) should be [calc(0% + 5px) calc(0% + 5px)]
Fail CSS Animations: property <background-position> from [initial] to [left 20px top 20px] at (0.5) should be [calc(0% + 10px) calc(0% + 10px)] Pass CSS Animations: property <background-position> from [initial] to [left 20px top 20px] at (0.5) should be [calc(0% + 10px) calc(0% + 10px)]
Fail CSS Animations: property <background-position> from [initial] to [left 20px top 20px] at (0.75) should be [calc(0% + 15px) calc(0% + 15px)] Pass CSS Animations: property <background-position> from [initial] to [left 20px top 20px] at (0.75) should be [calc(0% + 15px) calc(0% + 15px)]
Fail CSS Animations: property <background-position> from [initial] to [left 20px top 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)] Pass CSS Animations: property <background-position> from [initial] to [left 20px top 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)]
Pass Web Animations: property <background-position> from [initial] to [left 20px top 20px] at (0) should be [0% 0%] Pass Web Animations: property <background-position> from [initial] to [left 20px top 20px] at (0) should be [0% 0%]
Fail Web Animations: property <background-position> from [initial] to [left 20px top 20px] at (0.25) should be [calc(0% + 5px) calc(0% + 5px)] Pass Web Animations: property <background-position> from [initial] to [left 20px top 20px] at (0.25) should be [calc(0% + 5px) calc(0% + 5px)]
Fail Web Animations: property <background-position> from [initial] to [left 20px top 20px] at (0.5) should be [calc(0% + 10px) calc(0% + 10px)] Pass Web Animations: property <background-position> from [initial] to [left 20px top 20px] at (0.5) should be [calc(0% + 10px) calc(0% + 10px)]
Fail Web Animations: property <background-position> from [initial] to [left 20px top 20px] at (0.75) should be [calc(0% + 15px) calc(0% + 15px)] Pass Web Animations: property <background-position> from [initial] to [left 20px top 20px] at (0.75) should be [calc(0% + 15px) calc(0% + 15px)]
Fail Web Animations: property <background-position> from [initial] to [left 20px top 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)] Pass Web Animations: property <background-position> from [initial] to [left 20px top 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)]
Pass CSS Transitions: property <background-position> from [inherit] to [left 20px top 20px] at (0) should be [80px 80px] Pass CSS Transitions: property <background-position> from [inherit] to [left 20px top 20px] at (0) should be [80px 80px]
Pass CSS Transitions: property <background-position> from [inherit] to [left 20px top 20px] at (0.25) should be [65px 65px] Pass CSS Transitions: property <background-position> from [inherit] to [left 20px top 20px] at (0.25) should be [65px 65px]
Pass CSS Transitions: property <background-position> from [inherit] to [left 20px top 20px] at (0.5) should be [50px 50px] Pass CSS Transitions: property <background-position> from [inherit] to [left 20px top 20px] at (0.5) should be [50px 50px]
@ -64,106 +64,106 @@ Pass Web Animations: property <background-position> from [inherit] to [left 20px
Pass Web Animations: property <background-position> from [inherit] to [left 20px top 20px] at (0.5) should be [50px 50px] Pass Web Animations: property <background-position> from [inherit] to [left 20px top 20px] at (0.5) should be [50px 50px]
Pass Web Animations: property <background-position> from [inherit] to [left 20px top 20px] at (0.75) should be [35px 35px] Pass Web Animations: property <background-position> from [inherit] to [left 20px top 20px] at (0.75) should be [35px 35px]
Pass Web Animations: property <background-position> from [inherit] to [left 20px top 20px] at (1) should be [20px 20px] Pass Web Animations: property <background-position> from [inherit] to [left 20px top 20px] at (1) should be [20px 20px]
Fail CSS Transitions: property <background-position> from [unset] to [left 20px top 20px] at (0) should be [0% 0%] Pass CSS Transitions: property <background-position> from [unset] to [left 20px top 20px] at (0) should be [0% 0%]
Fail CSS Transitions: property <background-position> from [unset] to [left 20px top 20px] at (0.25) should be [calc(0% + 5px) calc(0% + 5px)] Pass CSS Transitions: property <background-position> from [unset] to [left 20px top 20px] at (0.25) should be [calc(0% + 5px) calc(0% + 5px)]
Fail CSS Transitions: property <background-position> from [unset] to [left 20px top 20px] at (0.5) should be [calc(0% + 10px) calc(0% + 10px)] Pass CSS Transitions: property <background-position> from [unset] to [left 20px top 20px] at (0.5) should be [calc(0% + 10px) calc(0% + 10px)]
Fail CSS Transitions: property <background-position> from [unset] to [left 20px top 20px] at (0.75) should be [calc(0% + 15px) calc(0% + 15px)] Pass CSS Transitions: property <background-position> from [unset] to [left 20px top 20px] at (0.75) should be [calc(0% + 15px) calc(0% + 15px)]
Fail CSS Transitions: property <background-position> from [unset] to [left 20px top 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)] Pass CSS Transitions: property <background-position> from [unset] to [left 20px top 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)]
Fail CSS Transitions with transition: all: property <background-position> from [unset] to [left 20px top 20px] at (0) should be [0% 0%] Pass CSS Transitions with transition: all: property <background-position> from [unset] to [left 20px top 20px] at (0) should be [0% 0%]
Fail CSS Transitions with transition: all: property <background-position> 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 <background-position> 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 <background-position> 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 <background-position> 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 <background-position> 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 <background-position> 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 <background-position> from [unset] to [left 20px top 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)] Pass CSS Transitions with transition: all: property <background-position> from [unset] to [left 20px top 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)]
Pass CSS Animations: property <background-position> from [unset] to [left 20px top 20px] at (0) should be [0% 0%] Pass CSS Animations: property <background-position> from [unset] to [left 20px top 20px] at (0) should be [0% 0%]
Fail CSS Animations: property <background-position> from [unset] to [left 20px top 20px] at (0.25) should be [calc(0% + 5px) calc(0% + 5px)] Pass CSS Animations: property <background-position> from [unset] to [left 20px top 20px] at (0.25) should be [calc(0% + 5px) calc(0% + 5px)]
Fail CSS Animations: property <background-position> from [unset] to [left 20px top 20px] at (0.5) should be [calc(0% + 10px) calc(0% + 10px)] Pass CSS Animations: property <background-position> from [unset] to [left 20px top 20px] at (0.5) should be [calc(0% + 10px) calc(0% + 10px)]
Fail CSS Animations: property <background-position> from [unset] to [left 20px top 20px] at (0.75) should be [calc(0% + 15px) calc(0% + 15px)] Pass CSS Animations: property <background-position> from [unset] to [left 20px top 20px] at (0.75) should be [calc(0% + 15px) calc(0% + 15px)]
Fail CSS Animations: property <background-position> from [unset] to [left 20px top 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)] Pass CSS Animations: property <background-position> from [unset] to [left 20px top 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)]
Pass Web Animations: property <background-position> from [unset] to [left 20px top 20px] at (0) should be [0% 0%] Pass Web Animations: property <background-position> from [unset] to [left 20px top 20px] at (0) should be [0% 0%]
Fail Web Animations: property <background-position> from [unset] to [left 20px top 20px] at (0.25) should be [calc(0% + 5px) calc(0% + 5px)] Pass Web Animations: property <background-position> from [unset] to [left 20px top 20px] at (0.25) should be [calc(0% + 5px) calc(0% + 5px)]
Fail Web Animations: property <background-position> from [unset] to [left 20px top 20px] at (0.5) should be [calc(0% + 10px) calc(0% + 10px)] Pass Web Animations: property <background-position> from [unset] to [left 20px top 20px] at (0.5) should be [calc(0% + 10px) calc(0% + 10px)]
Fail Web Animations: property <background-position> from [unset] to [left 20px top 20px] at (0.75) should be [calc(0% + 15px) calc(0% + 15px)] Pass Web Animations: property <background-position> from [unset] to [left 20px top 20px] at (0.75) should be [calc(0% + 15px) calc(0% + 15px)]
Fail Web Animations: property <background-position> from [unset] to [left 20px top 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)] Pass Web Animations: property <background-position> from [unset] to [left 20px top 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)]
Fail CSS Transitions: property <background-position> from [center center] to [left 20px top 20px] at (0) should be [50% 50%] Pass CSS Transitions: property <background-position> from [center center] to [left 20px top 20px] at (0) should be [50% 50%]
Fail CSS Transitions: property <background-position> 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 <background-position> 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 <background-position> from [center center] to [left 20px top 20px] at (0.5) should be [calc(10px + 25%) calc(10px + 25%)] Pass CSS Transitions: property <background-position> from [center center] to [left 20px top 20px] at (0.5) should be [calc(10px + 25%) calc(10px + 25%)]
Fail CSS Transitions: property <background-position> 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 <background-position> 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 <background-position> from [center center] to [left 20px top 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)] Pass CSS Transitions: property <background-position> 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 <background-position> from [center center] to [left 20px top 20px] at (0) should be [50% 50%] Pass CSS Transitions with transition: all: property <background-position> from [center center] to [left 20px top 20px] at (0) should be [50% 50%]
Fail CSS Transitions with transition: all: property <background-position> 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 <background-position> 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 <background-position> 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 <background-position> 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 <background-position> 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 <background-position> 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 <background-position> 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 <background-position> from [center center] to [left 20px top 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)]
Pass CSS Animations: property <background-position> from [center center] to [left 20px top 20px] at (0) should be [50% 50%] Pass CSS Animations: property <background-position> from [center center] to [left 20px top 20px] at (0) should be [50% 50%]
Fail CSS Animations: property <background-position> from [center center] to [left 20px top 20px] at (0.25) should be [calc(5px + 37.5%) calc(5px + 37.5%)] Pass CSS Animations: property <background-position> from [center center] to [left 20px top 20px] at (0.25) should be [calc(5px + 37.5%) calc(5px + 37.5%)]
Fail CSS Animations: property <background-position> from [center center] to [left 20px top 20px] at (0.5) should be [calc(10px + 25%) calc(10px + 25%)] Pass CSS Animations: property <background-position> from [center center] to [left 20px top 20px] at (0.5) should be [calc(10px + 25%) calc(10px + 25%)]
Fail CSS Animations: property <background-position> from [center center] to [left 20px top 20px] at (0.75) should be [calc(15px + 12.5%) calc(15px + 12.5%)] Pass CSS Animations: property <background-position> from [center center] to [left 20px top 20px] at (0.75) should be [calc(15px + 12.5%) calc(15px + 12.5%)]
Fail CSS Animations: property <background-position> from [center center] to [left 20px top 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)] Pass CSS Animations: property <background-position> from [center center] to [left 20px top 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)]
Pass Web Animations: property <background-position> from [center center] to [left 20px top 20px] at (0) should be [50% 50%] Pass Web Animations: property <background-position> from [center center] to [left 20px top 20px] at (0) should be [50% 50%]
Fail Web Animations: property <background-position> from [center center] to [left 20px top 20px] at (0.25) should be [calc(5px + 37.5%) calc(5px + 37.5%)] Pass Web Animations: property <background-position> from [center center] to [left 20px top 20px] at (0.25) should be [calc(5px + 37.5%) calc(5px + 37.5%)]
Fail Web Animations: property <background-position> from [center center] to [left 20px top 20px] at (0.5) should be [calc(10px + 25%) calc(10px + 25%)] Pass Web Animations: property <background-position> from [center center] to [left 20px top 20px] at (0.5) should be [calc(10px + 25%) calc(10px + 25%)]
Fail Web Animations: property <background-position> from [center center] to [left 20px top 20px] at (0.75) should be [calc(15px + 12.5%) calc(15px + 12.5%)] Pass Web Animations: property <background-position> from [center center] to [left 20px top 20px] at (0.75) should be [calc(15px + 12.5%) calc(15px + 12.5%)]
Fail Web Animations: property <background-position> from [center center] to [left 20px top 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)] Pass Web Animations: property <background-position> from [center center] to [left 20px top 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)]
Fail CSS Transitions: property <background-position> from [center center] to [center top 20px] at (0) should be [50% 50%] Pass CSS Transitions: property <background-position> from [center center] to [center top 20px] at (0) should be [50% 50%]
Fail CSS Transitions: property <background-position> from [center center] to [center top 20px] at (0.25) should be [50% calc(5px + 37.5%)] Pass CSS Transitions: property <background-position> from [center center] to [center top 20px] at (0.25) should be [50% calc(5px + 37.5%)]
Fail CSS Transitions: property <background-position> from [center center] to [center top 20px] at (0.5) should be [50% calc(10px + 25%)] Pass CSS Transitions: property <background-position> from [center center] to [center top 20px] at (0.5) should be [50% calc(10px + 25%)]
Fail CSS Transitions: property <background-position> from [center center] to [center top 20px] at (0.75) should be [50% calc(15px + 12.5%)] Pass CSS Transitions: property <background-position> from [center center] to [center top 20px] at (0.75) should be [50% calc(15px + 12.5%)]
Fail CSS Transitions: property <background-position> from [center center] to [center top 20px] at (1) should be [50% calc(0% + 20px)] Pass CSS Transitions: property <background-position> from [center center] to [center top 20px] at (1) should be [50% calc(0% + 20px)]
Fail CSS Transitions with transition: all: property <background-position> from [center center] to [center top 20px] at (0) should be [50% 50%] Pass CSS Transitions with transition: all: property <background-position> from [center center] to [center top 20px] at (0) should be [50% 50%]
Fail CSS Transitions with transition: all: property <background-position> from [center center] to [center top 20px] at (0.25) should be [50% calc(5px + 37.5%)] Pass CSS Transitions with transition: all: property <background-position> from [center center] to [center top 20px] at (0.25) should be [50% calc(5px + 37.5%)]
Fail CSS Transitions with transition: all: property <background-position> from [center center] to [center top 20px] at (0.5) should be [50% calc(10px + 25%)] Pass CSS Transitions with transition: all: property <background-position> from [center center] to [center top 20px] at (0.5) should be [50% calc(10px + 25%)]
Fail CSS Transitions with transition: all: property <background-position> from [center center] to [center top 20px] at (0.75) should be [50% calc(15px + 12.5%)] Pass CSS Transitions with transition: all: property <background-position> from [center center] to [center top 20px] at (0.75) should be [50% calc(15px + 12.5%)]
Fail CSS Transitions with transition: all: property <background-position> from [center center] to [center top 20px] at (1) should be [50% calc(0% + 20px)] Pass CSS Transitions with transition: all: property <background-position> from [center center] to [center top 20px] at (1) should be [50% calc(0% + 20px)]
Pass CSS Animations: property <background-position> from [center center] to [center top 20px] at (0) should be [50% 50%] Pass CSS Animations: property <background-position> from [center center] to [center top 20px] at (0) should be [50% 50%]
Fail CSS Animations: property <background-position> from [center center] to [center top 20px] at (0.25) should be [50% calc(5px + 37.5%)] Pass CSS Animations: property <background-position> from [center center] to [center top 20px] at (0.25) should be [50% calc(5px + 37.5%)]
Fail CSS Animations: property <background-position> from [center center] to [center top 20px] at (0.5) should be [50% calc(10px + 25%)] Pass CSS Animations: property <background-position> from [center center] to [center top 20px] at (0.5) should be [50% calc(10px + 25%)]
Fail CSS Animations: property <background-position> from [center center] to [center top 20px] at (0.75) should be [50% calc(15px + 12.5%)] Pass CSS Animations: property <background-position> from [center center] to [center top 20px] at (0.75) should be [50% calc(15px + 12.5%)]
Fail CSS Animations: property <background-position> from [center center] to [center top 20px] at (1) should be [50% calc(0% + 20px)] Pass CSS Animations: property <background-position> from [center center] to [center top 20px] at (1) should be [50% calc(0% + 20px)]
Pass Web Animations: property <background-position> from [center center] to [center top 20px] at (0) should be [50% 50%] Pass Web Animations: property <background-position> from [center center] to [center top 20px] at (0) should be [50% 50%]
Fail Web Animations: property <background-position> from [center center] to [center top 20px] at (0.25) should be [50% calc(5px + 37.5%)] Pass Web Animations: property <background-position> from [center center] to [center top 20px] at (0.25) should be [50% calc(5px + 37.5%)]
Fail Web Animations: property <background-position> from [center center] to [center top 20px] at (0.5) should be [50% calc(10px + 25%)] Pass Web Animations: property <background-position> from [center center] to [center top 20px] at (0.5) should be [50% calc(10px + 25%)]
Fail Web Animations: property <background-position> from [center center] to [center top 20px] at (0.75) should be [50% calc(15px + 12.5%)] Pass Web Animations: property <background-position> from [center center] to [center top 20px] at (0.75) should be [50% calc(15px + 12.5%)]
Fail Web Animations: property <background-position> from [center center] to [center top 20px] at (1) should be [50% calc(0% + 20px)] Pass Web Animations: property <background-position> from [center center] to [center top 20px] at (1) should be [50% calc(0% + 20px)]
Fail CSS Transitions: property <background-position> from [center center] to [right 20px top 20px] at (0) should be [50% 50%] Fail CSS Transitions: property <background-position> from [center center] to [right 20px top 20px] at (0) should be [50% 50%]
Fail CSS Transitions: property <background-position> 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 <background-position> 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 <background-position> from [center center] to [right 20px top 20px] at (0.5) should be [calc(-10px + 75%) calc(10px + 25%)] Pass CSS Transitions: property <background-position> from [center center] to [right 20px top 20px] at (0.5) should be [calc(-10px + 75%) calc(10px + 25%)]
Fail CSS Transitions: property <background-position> 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 <background-position> 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 <background-position> from [center center] to [right 20px top 20px] at (1) should be [calc(-20px + 100%) calc(0% + 20px)] Pass CSS Transitions: property <background-position> 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 <background-position> from [center center] to [right 20px top 20px] at (0) should be [50% 50%] Fail CSS Transitions with transition: all: property <background-position> from [center center] to [right 20px top 20px] at (0) should be [50% 50%]
Fail CSS Transitions with transition: all: property <background-position> 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 <background-position> 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 <background-position> 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 <background-position> 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 <background-position> 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 <background-position> 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 <background-position> from [center center] to [right 20px top 20px] at (1) should be [calc(-20px + 100%) calc(0% + 20px)] Pass CSS Transitions with transition: all: property <background-position> from [center center] to [right 20px top 20px] at (1) should be [calc(-20px + 100%) calc(0% + 20px)]
Pass CSS Animations: property <background-position> from [center center] to [right 20px top 20px] at (0) should be [50% 50%] Fail CSS Animations: property <background-position> from [center center] to [right 20px top 20px] at (0) should be [50% 50%]
Fail CSS Animations: property <background-position> from [center center] to [right 20px top 20px] at (0.25) should be [calc(-5px + 62.5%) calc(5px + 37.5%)] Pass CSS Animations: property <background-position> from [center center] to [right 20px top 20px] at (0.25) should be [calc(-5px + 62.5%) calc(5px + 37.5%)]
Fail CSS Animations: property <background-position> from [center center] to [right 20px top 20px] at (0.5) should be [calc(-10px + 75%) calc(10px + 25%)] Pass CSS Animations: property <background-position> from [center center] to [right 20px top 20px] at (0.5) should be [calc(-10px + 75%) calc(10px + 25%)]
Fail CSS Animations: property <background-position> from [center center] to [right 20px top 20px] at (0.75) should be [calc(-15px + 87.5%) calc(15px + 12.5%)] Pass CSS Animations: property <background-position> from [center center] to [right 20px top 20px] at (0.75) should be [calc(-15px + 87.5%) calc(15px + 12.5%)]
Fail CSS Animations: property <background-position> from [center center] to [right 20px top 20px] at (1) should be [calc(-20px + 100%) calc(0% + 20px)] Pass CSS Animations: property <background-position> from [center center] to [right 20px top 20px] at (1) should be [calc(-20px + 100%) calc(0% + 20px)]
Pass Web Animations: property <background-position> from [center center] to [right 20px top 20px] at (0) should be [50% 50%] Fail Web Animations: property <background-position> from [center center] to [right 20px top 20px] at (0) should be [50% 50%]
Fail Web Animations: property <background-position> from [center center] to [right 20px top 20px] at (0.25) should be [calc(-5px + 62.5%) calc(5px + 37.5%)] Pass Web Animations: property <background-position> from [center center] to [right 20px top 20px] at (0.25) should be [calc(-5px + 62.5%) calc(5px + 37.5%)]
Fail Web Animations: property <background-position> from [center center] to [right 20px top 20px] at (0.5) should be [calc(-10px + 75%) calc(10px + 25%)] Pass Web Animations: property <background-position> from [center center] to [right 20px top 20px] at (0.5) should be [calc(-10px + 75%) calc(10px + 25%)]
Fail Web Animations: property <background-position> from [center center] to [right 20px top 20px] at (0.75) should be [calc(-15px + 87.5%) calc(15px + 12.5%)] Pass Web Animations: property <background-position> from [center center] to [right 20px top 20px] at (0.75) should be [calc(-15px + 87.5%) calc(15px + 12.5%)]
Fail Web Animations: property <background-position> from [center center] to [right 20px top 20px] at (1) should be [calc(-20px + 100%) calc(0% + 20px)] Pass Web Animations: property <background-position> from [center center] to [right 20px top 20px] at (1) should be [calc(-20px + 100%) calc(0% + 20px)]
Fail CSS Transitions: property <background-position> from [center center] to [left 20px center] at (0) should be [50% 50%] Pass CSS Transitions: property <background-position> from [center center] to [left 20px center] at (0) should be [50% 50%]
Fail CSS Transitions: property <background-position> from [center center] to [left 20px center] at (0.25) should be [calc(5px + 37.5%) 50%] Pass CSS Transitions: property <background-position> from [center center] to [left 20px center] at (0.25) should be [calc(5px + 37.5%) 50%]
Fail CSS Transitions: property <background-position> from [center center] to [left 20px center] at (0.5) should be [calc(10px + 25%) 50%] Pass CSS Transitions: property <background-position> from [center center] to [left 20px center] at (0.5) should be [calc(10px + 25%) 50%]
Fail CSS Transitions: property <background-position> from [center center] to [left 20px center] at (0.75) should be [calc(15px + 12.5%) 50%] Pass CSS Transitions: property <background-position> from [center center] to [left 20px center] at (0.75) should be [calc(15px + 12.5%) 50%]
Fail CSS Transitions: property <background-position> from [center center] to [left 20px center] at (1) should be [calc(0% + 20px) 50%] Pass CSS Transitions: property <background-position> from [center center] to [left 20px center] at (1) should be [calc(0% + 20px) 50%]
Fail CSS Transitions with transition: all: property <background-position> from [center center] to [left 20px center] at (0) should be [50% 50%] Pass CSS Transitions with transition: all: property <background-position> from [center center] to [left 20px center] at (0) should be [50% 50%]
Fail CSS Transitions with transition: all: property <background-position> from [center center] to [left 20px center] at (0.25) should be [calc(5px + 37.5%) 50%] Pass CSS Transitions with transition: all: property <background-position> from [center center] to [left 20px center] at (0.25) should be [calc(5px + 37.5%) 50%]
Fail CSS Transitions with transition: all: property <background-position> from [center center] to [left 20px center] at (0.5) should be [calc(10px + 25%) 50%] Pass CSS Transitions with transition: all: property <background-position> from [center center] to [left 20px center] at (0.5) should be [calc(10px + 25%) 50%]
Fail CSS Transitions with transition: all: property <background-position> from [center center] to [left 20px center] at (0.75) should be [calc(15px + 12.5%) 50%] Pass CSS Transitions with transition: all: property <background-position> from [center center] to [left 20px center] at (0.75) should be [calc(15px + 12.5%) 50%]
Fail CSS Transitions with transition: all: property <background-position> from [center center] to [left 20px center] at (1) should be [calc(0% + 20px) 50%] Pass CSS Transitions with transition: all: property <background-position> from [center center] to [left 20px center] at (1) should be [calc(0% + 20px) 50%]
Pass CSS Animations: property <background-position> from [center center] to [left 20px center] at (0) should be [50% 50%] Pass CSS Animations: property <background-position> from [center center] to [left 20px center] at (0) should be [50% 50%]
Fail CSS Animations: property <background-position> from [center center] to [left 20px center] at (0.25) should be [calc(5px + 37.5%) 50%] Pass CSS Animations: property <background-position> from [center center] to [left 20px center] at (0.25) should be [calc(5px + 37.5%) 50%]
Fail CSS Animations: property <background-position> from [center center] to [left 20px center] at (0.5) should be [calc(10px + 25%) 50%] Pass CSS Animations: property <background-position> from [center center] to [left 20px center] at (0.5) should be [calc(10px + 25%) 50%]
Fail CSS Animations: property <background-position> from [center center] to [left 20px center] at (0.75) should be [calc(15px + 12.5%) 50%] Pass CSS Animations: property <background-position> from [center center] to [left 20px center] at (0.75) should be [calc(15px + 12.5%) 50%]
Fail CSS Animations: property <background-position> from [center center] to [left 20px center] at (1) should be [calc(0% + 20px) 50%] Pass CSS Animations: property <background-position> from [center center] to [left 20px center] at (1) should be [calc(0% + 20px) 50%]
Pass Web Animations: property <background-position> from [center center] to [left 20px center] at (0) should be [50% 50%] Pass Web Animations: property <background-position> from [center center] to [left 20px center] at (0) should be [50% 50%]
Fail Web Animations: property <background-position> from [center center] to [left 20px center] at (0.25) should be [calc(5px + 37.5%) 50%] Pass Web Animations: property <background-position> from [center center] to [left 20px center] at (0.25) should be [calc(5px + 37.5%) 50%]
Fail Web Animations: property <background-position> from [center center] to [left 20px center] at (0.5) should be [calc(10px + 25%) 50%] Pass Web Animations: property <background-position> from [center center] to [left 20px center] at (0.5) should be [calc(10px + 25%) 50%]
Fail Web Animations: property <background-position> from [center center] to [left 20px center] at (0.75) should be [calc(15px + 12.5%) 50%] Pass Web Animations: property <background-position> from [center center] to [left 20px center] at (0.75) should be [calc(15px + 12.5%) 50%]
Fail Web Animations: property <background-position> from [center center] to [left 20px center] at (1) should be [calc(0% + 20px) 50%] Pass Web Animations: property <background-position> from [center center] to [left 20px center] at (1) should be [calc(0% + 20px) 50%]
Pass CSS Transitions: property <background-position> from [center center] to [center center] at (0) should be [50% 50%] Pass CSS Transitions: property <background-position> from [center center] to [center center] at (0) should be [50% 50%]
Pass CSS Transitions: property <background-position> from [center center] to [center center] at (0.25) should be [50% 50%] Pass CSS Transitions: property <background-position> from [center center] to [center center] at (0.25) should be [50% 50%]
Pass CSS Transitions: property <background-position> from [center center] to [center center] at (0.5) should be [50% 50%] Pass CSS Transitions: property <background-position> from [center center] to [center center] at (0.5) should be [50% 50%]
@ -185,84 +185,84 @@ Pass Web Animations: property <background-position> from [center center] to [cen
Pass Web Animations: property <background-position> from [center center] to [center center] at (0.75) should be [50% 50%] Pass Web Animations: property <background-position> from [center center] to [center center] at (0.75) should be [50% 50%]
Pass Web Animations: property <background-position> from [center center] to [center center] at (1) should be [50% 50%] Pass Web Animations: property <background-position> from [center center] to [center center] at (1) should be [50% 50%]
Fail CSS Transitions: property <background-position> from [center center] to [right 20px center] at (0) should be [50% 50%] Fail CSS Transitions: property <background-position> from [center center] to [right 20px center] at (0) should be [50% 50%]
Fail CSS Transitions: property <background-position> from [center center] to [right 20px center] at (0.25) should be [calc(-5px + 62.5%) 50%] Pass CSS Transitions: property <background-position> from [center center] to [right 20px center] at (0.25) should be [calc(-5px + 62.5%) 50%]
Fail CSS Transitions: property <background-position> from [center center] to [right 20px center] at (0.5) should be [calc(-10px + 75%) 50%] Pass CSS Transitions: property <background-position> from [center center] to [right 20px center] at (0.5) should be [calc(-10px + 75%) 50%]
Fail CSS Transitions: property <background-position> from [center center] to [right 20px center] at (0.75) should be [calc(-15px + 87.5%) 50%] Pass CSS Transitions: property <background-position> from [center center] to [right 20px center] at (0.75) should be [calc(-15px + 87.5%) 50%]
Pass CSS Transitions: property <background-position> from [center center] to [right 20px center] at (1) should be [calc(-20px + 100%) 50%] Pass CSS Transitions: property <background-position> from [center center] to [right 20px center] at (1) should be [calc(-20px + 100%) 50%]
Fail CSS Transitions with transition: all: property <background-position> from [center center] to [right 20px center] at (0) should be [50% 50%] Fail CSS Transitions with transition: all: property <background-position> from [center center] to [right 20px center] at (0) should be [50% 50%]
Fail CSS Transitions with transition: all: property <background-position> from [center center] to [right 20px center] at (0.25) should be [calc(-5px + 62.5%) 50%] Pass CSS Transitions with transition: all: property <background-position> from [center center] to [right 20px center] at (0.25) should be [calc(-5px + 62.5%) 50%]
Fail CSS Transitions with transition: all: property <background-position> from [center center] to [right 20px center] at (0.5) should be [calc(-10px + 75%) 50%] Pass CSS Transitions with transition: all: property <background-position> from [center center] to [right 20px center] at (0.5) should be [calc(-10px + 75%) 50%]
Fail CSS Transitions with transition: all: property <background-position> from [center center] to [right 20px center] at (0.75) should be [calc(-15px + 87.5%) 50%] Pass CSS Transitions with transition: all: property <background-position> from [center center] to [right 20px center] at (0.75) should be [calc(-15px + 87.5%) 50%]
Pass CSS Transitions with transition: all: property <background-position> from [center center] to [right 20px center] at (1) should be [calc(-20px + 100%) 50%] Pass CSS Transitions with transition: all: property <background-position> from [center center] to [right 20px center] at (1) should be [calc(-20px + 100%) 50%]
Pass CSS Animations: property <background-position> from [center center] to [right 20px center] at (0) should be [50% 50%] Fail CSS Animations: property <background-position> from [center center] to [right 20px center] at (0) should be [50% 50%]
Fail CSS Animations: property <background-position> from [center center] to [right 20px center] at (0.25) should be [calc(-5px + 62.5%) 50%] Pass CSS Animations: property <background-position> from [center center] to [right 20px center] at (0.25) should be [calc(-5px + 62.5%) 50%]
Fail CSS Animations: property <background-position> from [center center] to [right 20px center] at (0.5) should be [calc(-10px + 75%) 50%] Pass CSS Animations: property <background-position> from [center center] to [right 20px center] at (0.5) should be [calc(-10px + 75%) 50%]
Fail CSS Animations: property <background-position> from [center center] to [right 20px center] at (0.75) should be [calc(-15px + 87.5%) 50%] Pass CSS Animations: property <background-position> from [center center] to [right 20px center] at (0.75) should be [calc(-15px + 87.5%) 50%]
Pass CSS Animations: property <background-position> from [center center] to [right 20px center] at (1) should be [calc(-20px + 100%) 50%] Pass CSS Animations: property <background-position> from [center center] to [right 20px center] at (1) should be [calc(-20px + 100%) 50%]
Pass Web Animations: property <background-position> from [center center] to [right 20px center] at (0) should be [50% 50%] Fail Web Animations: property <background-position> from [center center] to [right 20px center] at (0) should be [50% 50%]
Fail Web Animations: property <background-position> from [center center] to [right 20px center] at (0.25) should be [calc(-5px + 62.5%) 50%] Pass Web Animations: property <background-position> from [center center] to [right 20px center] at (0.25) should be [calc(-5px + 62.5%) 50%]
Fail Web Animations: property <background-position> from [center center] to [right 20px center] at (0.5) should be [calc(-10px + 75%) 50%] Pass Web Animations: property <background-position> from [center center] to [right 20px center] at (0.5) should be [calc(-10px + 75%) 50%]
Fail Web Animations: property <background-position> from [center center] to [right 20px center] at (0.75) should be [calc(-15px + 87.5%) 50%] Pass Web Animations: property <background-position> from [center center] to [right 20px center] at (0.75) should be [calc(-15px + 87.5%) 50%]
Pass Web Animations: property <background-position> from [center center] to [right 20px center] at (1) should be [calc(-20px + 100%) 50%] Pass Web Animations: property <background-position> from [center center] to [right 20px center] at (1) should be [calc(-20px + 100%) 50%]
Fail CSS Transitions: property <background-position> from [center center] to [left 20px bottom 20px] at (0) should be [50% 50%] Fail CSS Transitions: property <background-position> from [center center] to [left 20px bottom 20px] at (0) should be [50% 50%]
Fail CSS Transitions: property <background-position> 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 <background-position> 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 <background-position> from [center center] to [left 20px bottom 20px] at (0.5) should be [calc(10px + 25%) calc(-10px + 75%)] Pass CSS Transitions: property <background-position> from [center center] to [left 20px bottom 20px] at (0.5) should be [calc(10px + 25%) calc(-10px + 75%)]
Fail CSS Transitions: property <background-position> 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 <background-position> 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 <background-position> from [center center] to [left 20px bottom 20px] at (1) should be [calc(0% + 20px) calc(-20px + 100%)] Pass CSS Transitions: property <background-position> 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 <background-position> from [center center] to [left 20px bottom 20px] at (0) should be [50% 50%] Fail CSS Transitions with transition: all: property <background-position> from [center center] to [left 20px bottom 20px] at (0) should be [50% 50%]
Fail CSS Transitions with transition: all: property <background-position> 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 <background-position> 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 <background-position> 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 <background-position> 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 <background-position> 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 <background-position> 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 <background-position> 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 <background-position> from [center center] to [left 20px bottom 20px] at (1) should be [calc(0% + 20px) calc(-20px + 100%)]
Pass CSS Animations: property <background-position> from [center center] to [left 20px bottom 20px] at (0) should be [50% 50%] Fail CSS Animations: property <background-position> from [center center] to [left 20px bottom 20px] at (0) should be [50% 50%]
Fail CSS Animations: property <background-position> from [center center] to [left 20px bottom 20px] at (0.25) should be [calc(5px + 37.5%) calc(-5px + 62.5%)] Pass CSS Animations: property <background-position> from [center center] to [left 20px bottom 20px] at (0.25) should be [calc(5px + 37.5%) calc(-5px + 62.5%)]
Fail CSS Animations: property <background-position> from [center center] to [left 20px bottom 20px] at (0.5) should be [calc(10px + 25%) calc(-10px + 75%)] Pass CSS Animations: property <background-position> from [center center] to [left 20px bottom 20px] at (0.5) should be [calc(10px + 25%) calc(-10px + 75%)]
Fail CSS Animations: property <background-position> from [center center] to [left 20px bottom 20px] at (0.75) should be [calc(15px + 12.5%) calc(-15px + 87.5%)] Pass CSS Animations: property <background-position> from [center center] to [left 20px bottom 20px] at (0.75) should be [calc(15px + 12.5%) calc(-15px + 87.5%)]
Fail CSS Animations: property <background-position> from [center center] to [left 20px bottom 20px] at (1) should be [calc(0% + 20px) calc(-20px + 100%)] Pass CSS Animations: property <background-position> from [center center] to [left 20px bottom 20px] at (1) should be [calc(0% + 20px) calc(-20px + 100%)]
Pass Web Animations: property <background-position> from [center center] to [left 20px bottom 20px] at (0) should be [50% 50%] Fail Web Animations: property <background-position> from [center center] to [left 20px bottom 20px] at (0) should be [50% 50%]
Fail Web Animations: property <background-position> from [center center] to [left 20px bottom 20px] at (0.25) should be [calc(5px + 37.5%) calc(-5px + 62.5%)] Pass Web Animations: property <background-position> from [center center] to [left 20px bottom 20px] at (0.25) should be [calc(5px + 37.5%) calc(-5px + 62.5%)]
Fail Web Animations: property <background-position> from [center center] to [left 20px bottom 20px] at (0.5) should be [calc(10px + 25%) calc(-10px + 75%)] Pass Web Animations: property <background-position> from [center center] to [left 20px bottom 20px] at (0.5) should be [calc(10px + 25%) calc(-10px + 75%)]
Fail Web Animations: property <background-position> from [center center] to [left 20px bottom 20px] at (0.75) should be [calc(15px + 12.5%) calc(-15px + 87.5%)] Pass Web Animations: property <background-position> from [center center] to [left 20px bottom 20px] at (0.75) should be [calc(15px + 12.5%) calc(-15px + 87.5%)]
Fail Web Animations: property <background-position> from [center center] to [left 20px bottom 20px] at (1) should be [calc(0% + 20px) calc(-20px + 100%)] Pass Web Animations: property <background-position> from [center center] to [left 20px bottom 20px] at (1) should be [calc(0% + 20px) calc(-20px + 100%)]
Fail CSS Transitions: property <background-position> from [center center] to [center bottom 20px] at (0) should be [50% 50%] Fail CSS Transitions: property <background-position> from [center center] to [center bottom 20px] at (0) should be [50% 50%]
Fail CSS Transitions: property <background-position> from [center center] to [center bottom 20px] at (0.25) should be [50% calc(-5px + 62.5%)] Pass CSS Transitions: property <background-position> from [center center] to [center bottom 20px] at (0.25) should be [50% calc(-5px + 62.5%)]
Fail CSS Transitions: property <background-position> from [center center] to [center bottom 20px] at (0.5) should be [50% calc(-10px + 75%)] Pass CSS Transitions: property <background-position> from [center center] to [center bottom 20px] at (0.5) should be [50% calc(-10px + 75%)]
Fail CSS Transitions: property <background-position> from [center center] to [center bottom 20px] at (0.75) should be [50% calc(-15px + 87.5%)] Pass CSS Transitions: property <background-position> from [center center] to [center bottom 20px] at (0.75) should be [50% calc(-15px + 87.5%)]
Pass CSS Transitions: property <background-position> from [center center] to [center bottom 20px] at (1) should be [50% calc(-20px + 100%)] Pass CSS Transitions: property <background-position> from [center center] to [center bottom 20px] at (1) should be [50% calc(-20px + 100%)]
Fail CSS Transitions with transition: all: property <background-position> from [center center] to [center bottom 20px] at (0) should be [50% 50%] Fail CSS Transitions with transition: all: property <background-position> from [center center] to [center bottom 20px] at (0) should be [50% 50%]
Fail CSS Transitions with transition: all: property <background-position> from [center center] to [center bottom 20px] at (0.25) should be [50% calc(-5px + 62.5%)] Pass CSS Transitions with transition: all: property <background-position> from [center center] to [center bottom 20px] at (0.25) should be [50% calc(-5px + 62.5%)]
Fail CSS Transitions with transition: all: property <background-position> from [center center] to [center bottom 20px] at (0.5) should be [50% calc(-10px + 75%)] Pass CSS Transitions with transition: all: property <background-position> from [center center] to [center bottom 20px] at (0.5) should be [50% calc(-10px + 75%)]
Fail CSS Transitions with transition: all: property <background-position> from [center center] to [center bottom 20px] at (0.75) should be [50% calc(-15px + 87.5%)] Pass CSS Transitions with transition: all: property <background-position> from [center center] to [center bottom 20px] at (0.75) should be [50% calc(-15px + 87.5%)]
Pass CSS Transitions with transition: all: property <background-position> from [center center] to [center bottom 20px] at (1) should be [50% calc(-20px + 100%)] Pass CSS Transitions with transition: all: property <background-position> from [center center] to [center bottom 20px] at (1) should be [50% calc(-20px + 100%)]
Pass CSS Animations: property <background-position> from [center center] to [center bottom 20px] at (0) should be [50% 50%] Fail CSS Animations: property <background-position> from [center center] to [center bottom 20px] at (0) should be [50% 50%]
Fail CSS Animations: property <background-position> from [center center] to [center bottom 20px] at (0.25) should be [50% calc(-5px + 62.5%)] Pass CSS Animations: property <background-position> from [center center] to [center bottom 20px] at (0.25) should be [50% calc(-5px + 62.5%)]
Fail CSS Animations: property <background-position> from [center center] to [center bottom 20px] at (0.5) should be [50% calc(-10px + 75%)] Pass CSS Animations: property <background-position> from [center center] to [center bottom 20px] at (0.5) should be [50% calc(-10px + 75%)]
Fail CSS Animations: property <background-position> from [center center] to [center bottom 20px] at (0.75) should be [50% calc(-15px + 87.5%)] Pass CSS Animations: property <background-position> from [center center] to [center bottom 20px] at (0.75) should be [50% calc(-15px + 87.5%)]
Pass CSS Animations: property <background-position> from [center center] to [center bottom 20px] at (1) should be [50% calc(-20px + 100%)] Pass CSS Animations: property <background-position> from [center center] to [center bottom 20px] at (1) should be [50% calc(-20px + 100%)]
Pass Web Animations: property <background-position> from [center center] to [center bottom 20px] at (0) should be [50% 50%] Fail Web Animations: property <background-position> from [center center] to [center bottom 20px] at (0) should be [50% 50%]
Fail Web Animations: property <background-position> from [center center] to [center bottom 20px] at (0.25) should be [50% calc(-5px + 62.5%)] Pass Web Animations: property <background-position> from [center center] to [center bottom 20px] at (0.25) should be [50% calc(-5px + 62.5%)]
Fail Web Animations: property <background-position> from [center center] to [center bottom 20px] at (0.5) should be [50% calc(-10px + 75%)] Pass Web Animations: property <background-position> from [center center] to [center bottom 20px] at (0.5) should be [50% calc(-10px + 75%)]
Fail Web Animations: property <background-position> from [center center] to [center bottom 20px] at (0.75) should be [50% calc(-15px + 87.5%)] Pass Web Animations: property <background-position> from [center center] to [center bottom 20px] at (0.75) should be [50% calc(-15px + 87.5%)]
Pass Web Animations: property <background-position> from [center center] to [center bottom 20px] at (1) should be [50% calc(-20px + 100%)] Pass Web Animations: property <background-position> from [center center] to [center bottom 20px] at (1) should be [50% calc(-20px + 100%)]
Fail CSS Transitions: property <background-position> from [center center] to [right 20px bottom 20px] at (0) should be [50% 50%] Fail CSS Transitions: property <background-position> from [center center] to [right 20px bottom 20px] at (0) should be [50% 50%]
Fail CSS Transitions: property <background-position> 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 <background-position> 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 <background-position> from [center center] to [right 20px bottom 20px] at (0.5) should be [calc(-10px + 75%) calc(-10px + 75%)] Pass CSS Transitions: property <background-position> from [center center] to [right 20px bottom 20px] at (0.5) should be [calc(-10px + 75%) calc(-10px + 75%)]
Fail CSS Transitions: property <background-position> 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 <background-position> 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 <background-position> from [center center] to [right 20px bottom 20px] at (1) should be [calc(-20px + 100%) calc(-20px + 100%)] Pass CSS Transitions: property <background-position> 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 <background-position> from [center center] to [right 20px bottom 20px] at (0) should be [50% 50%] Fail CSS Transitions with transition: all: property <background-position> from [center center] to [right 20px bottom 20px] at (0) should be [50% 50%]
Fail CSS Transitions with transition: all: property <background-position> 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 <background-position> 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 <background-position> 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 <background-position> 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 <background-position> 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 <background-position> 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 <background-position> from [center center] to [right 20px bottom 20px] at (1) should be [calc(-20px + 100%) calc(-20px + 100%)] Pass CSS Transitions with transition: all: property <background-position> from [center center] to [right 20px bottom 20px] at (1) should be [calc(-20px + 100%) calc(-20px + 100%)]
Pass CSS Animations: property <background-position> from [center center] to [right 20px bottom 20px] at (0) should be [50% 50%] Fail CSS Animations: property <background-position> from [center center] to [right 20px bottom 20px] at (0) should be [50% 50%]
Fail CSS Animations: property <background-position> from [center center] to [right 20px bottom 20px] at (0.25) should be [calc(-5px + 62.5%) calc(-5px + 62.5%)] Pass CSS Animations: property <background-position> from [center center] to [right 20px bottom 20px] at (0.25) should be [calc(-5px + 62.5%) calc(-5px + 62.5%)]
Fail CSS Animations: property <background-position> from [center center] to [right 20px bottom 20px] at (0.5) should be [calc(-10px + 75%) calc(-10px + 75%)] Pass CSS Animations: property <background-position> from [center center] to [right 20px bottom 20px] at (0.5) should be [calc(-10px + 75%) calc(-10px + 75%)]
Fail CSS Animations: property <background-position> from [center center] to [right 20px bottom 20px] at (0.75) should be [calc(-15px + 87.5%) calc(-15px + 87.5%)] Pass CSS Animations: property <background-position> from [center center] to [right 20px bottom 20px] at (0.75) should be [calc(-15px + 87.5%) calc(-15px + 87.5%)]
Pass CSS Animations: property <background-position> from [center center] to [right 20px bottom 20px] at (1) should be [calc(-20px + 100%) calc(-20px + 100%)] Pass CSS Animations: property <background-position> from [center center] to [right 20px bottom 20px] at (1) should be [calc(-20px + 100%) calc(-20px + 100%)]
Pass Web Animations: property <background-position> from [center center] to [right 20px bottom 20px] at (0) should be [50% 50%] Fail Web Animations: property <background-position> from [center center] to [right 20px bottom 20px] at (0) should be [50% 50%]
Fail Web Animations: property <background-position> from [center center] to [right 20px bottom 20px] at (0.25) should be [calc(-5px + 62.5%) calc(-5px + 62.5%)] Pass Web Animations: property <background-position> from [center center] to [right 20px bottom 20px] at (0.25) should be [calc(-5px + 62.5%) calc(-5px + 62.5%)]
Fail Web Animations: property <background-position> from [center center] to [right 20px bottom 20px] at (0.5) should be [calc(-10px + 75%) calc(-10px + 75%)] Pass Web Animations: property <background-position> from [center center] to [right 20px bottom 20px] at (0.5) should be [calc(-10px + 75%) calc(-10px + 75%)]
Fail Web Animations: property <background-position> from [center center] to [right 20px bottom 20px] at (0.75) should be [calc(-15px + 87.5%) calc(-15px + 87.5%)] Pass Web Animations: property <background-position> from [center center] to [right 20px bottom 20px] at (0.75) should be [calc(-15px + 87.5%) calc(-15px + 87.5%)]
Pass Web Animations: property <background-position> from [center center] to [right 20px bottom 20px] at (1) should be [calc(-20px + 100%) calc(-20px + 100%)] Pass Web Animations: property <background-position> from [center center] to [right 20px bottom 20px] at (1) should be [calc(-20px + 100%) calc(-20px + 100%)]
Pass CSS Transitions: property <background-position> from [center] to [bottom] at (0) should be [50% 50%] Pass CSS Transitions: property <background-position> from [center] to [bottom] at (0) should be [50% 50%]
Pass CSS Transitions: property <background-position> from [center] to [bottom] at (0.25) should be [50% 62.5%] Pass CSS Transitions: property <background-position> from [center] to [bottom] at (0.25) should be [50% 62.5%]

43
Tests/LibWeb/Text/expected/wpt-import/css/css-backgrounds/animations/border-radius-interpolation.txt
View file

@ -2,8 +2,7 @@ Harness status: OK
Found 196 tests Found 196 tests
176 Pass 196 Pass
20 Fail
Pass CSS Transitions: property <border-radius> from [20px 40px 60px 80px / 120px 140px 160px 180px] to [30px 50px 70px 90px / 130px 150px 170px 190px] at (-0.3) should be [17px 37px 57px 77px / 117px 137px 157px 177px] Pass CSS Transitions: property <border-radius> from [20px 40px 60px 80px / 120px 140px 160px 180px] to [30px 50px 70px 90px / 130px 150px 170px 190px] at (-0.3) should be [17px 37px 57px 77px / 117px 137px 157px 177px]
Pass CSS Transitions: property <border-radius> from [20px 40px 60px 80px / 120px 140px 160px 180px] to [30px 50px 70px 90px / 130px 150px 170px 190px] at (0) should be [20px 40px 60px 80px / 120px 140px 160px 180px] Pass CSS Transitions: property <border-radius> from [20px 40px 60px 80px / 120px 140px 160px 180px] to [30px 50px 70px 90px / 130px 150px 170px 190px] at (0) should be [20px 40px 60px 80px / 120px 140px 160px 180px]
Pass CSS Transitions: property <border-radius> from [20px 40px 60px 80px / 120px 140px 160px 180px] to [30px 50px 70px 90px / 130px 150px 170px 190px] at (0.3) should be [23px 43px 63px 83px / 123px 143px 163px 183px] Pass CSS Transitions: property <border-radius> from [20px 40px 60px 80px / 120px 140px 160px 180px] to [30px 50px 70px 90px / 130px 150px 170px 190px] at (0.3) should be [23px 43px 63px 83px / 123px 143px 163px 183px]
@ -148,30 +147,30 @@ Pass Web Animations: property <border-top-left-radius> from [10px] to [50px] at
Pass Web Animations: property <border-top-left-radius> from [10px] to [50px] at (0.6) should be [34px] Pass Web Animations: property <border-top-left-radius> from [10px] to [50px] at (0.6) should be [34px]
Pass Web Animations: property <border-top-left-radius> from [10px] to [50px] at (1) should be [50px] Pass Web Animations: property <border-top-left-radius> from [10px] to [50px] at (1) should be [50px]
Pass Web Animations: property <border-top-left-radius> from [10px] to [50px] at (1.5) should be [70px] Pass Web Animations: property <border-top-left-radius> from [10px] to [50px] at (1.5) should be [70px]
Fail CSS Transitions: property <border-top-left-radius> from [10px] to [100%] at (-0.3) should be [calc(13px + -30%)] Pass CSS Transitions: property <border-top-left-radius> from [10px] to [100%] at (-0.3) should be [calc(13px + -30%)]
Fail CSS Transitions: property <border-top-left-radius> from [10px] to [100%] at (0) should be [calc(10px + 0%)] Pass CSS Transitions: property <border-top-left-radius> from [10px] to [100%] at (0) should be [calc(10px + 0%)]
Fail CSS Transitions: property <border-top-left-radius> from [10px] to [100%] at (0.3) should be [calc(7px + 30%)] Pass CSS Transitions: property <border-top-left-radius> from [10px] to [100%] at (0.3) should be [calc(7px + 30%)]
Fail CSS Transitions: property <border-top-left-radius> from [10px] to [100%] at (0.6) should be [calc(4px + 60%)] Pass CSS Transitions: property <border-top-left-radius> from [10px] to [100%] at (0.6) should be [calc(4px + 60%)]
Pass CSS Transitions: property <border-top-left-radius> from [10px] to [100%] at (1) should be [100%] Pass CSS Transitions: property <border-top-left-radius> from [10px] to [100%] at (1) should be [100%]
Fail CSS Transitions: property <border-top-left-radius> from [10px] to [100%] at (1.5) should be [calc(-5px + 150%)] Pass CSS Transitions: property <border-top-left-radius> from [10px] to [100%] at (1.5) should be [calc(-5px + 150%)]
Fail CSS Transitions with transition: all: property <border-top-left-radius> from [10px] to [100%] at (-0.3) should be [calc(13px + -30%)] Pass CSS Transitions with transition: all: property <border-top-left-radius> from [10px] to [100%] at (-0.3) should be [calc(13px + -30%)]
Fail CSS Transitions with transition: all: property <border-top-left-radius> from [10px] to [100%] at (0) should be [calc(10px + 0%)] Pass CSS Transitions with transition: all: property <border-top-left-radius> from [10px] to [100%] at (0) should be [calc(10px + 0%)]
Fail CSS Transitions with transition: all: property <border-top-left-radius> from [10px] to [100%] at (0.3) should be [calc(7px + 30%)] Pass CSS Transitions with transition: all: property <border-top-left-radius> from [10px] to [100%] at (0.3) should be [calc(7px + 30%)]
Fail CSS Transitions with transition: all: property <border-top-left-radius> from [10px] to [100%] at (0.6) should be [calc(4px + 60%)] Pass CSS Transitions with transition: all: property <border-top-left-radius> from [10px] to [100%] at (0.6) should be [calc(4px + 60%)]
Pass CSS Transitions with transition: all: property <border-top-left-radius> from [10px] to [100%] at (1) should be [100%] Pass CSS Transitions with transition: all: property <border-top-left-radius> from [10px] to [100%] at (1) should be [100%]
Fail CSS Transitions with transition: all: property <border-top-left-radius> from [10px] to [100%] at (1.5) should be [calc(-5px + 150%)] Pass CSS Transitions with transition: all: property <border-top-left-radius> from [10px] to [100%] at (1.5) should be [calc(-5px + 150%)]
Fail CSS Animations: property <border-top-left-radius> from [10px] to [100%] at (-0.3) should be [calc(13px + -30%)] Pass CSS Animations: property <border-top-left-radius> from [10px] to [100%] at (-0.3) should be [calc(13px + -30%)]
Fail CSS Animations: property <border-top-left-radius> from [10px] to [100%] at (0) should be [calc(10px + 0%)] Pass CSS Animations: property <border-top-left-radius> from [10px] to [100%] at (0) should be [calc(10px + 0%)]
Fail CSS Animations: property <border-top-left-radius> from [10px] to [100%] at (0.3) should be [calc(7px + 30%)] Pass CSS Animations: property <border-top-left-radius> from [10px] to [100%] at (0.3) should be [calc(7px + 30%)]
Fail CSS Animations: property <border-top-left-radius> from [10px] to [100%] at (0.6) should be [calc(4px + 60%)] Pass CSS Animations: property <border-top-left-radius> from [10px] to [100%] at (0.6) should be [calc(4px + 60%)]
Pass CSS Animations: property <border-top-left-radius> from [10px] to [100%] at (1) should be [100%] Pass CSS Animations: property <border-top-left-radius> from [10px] to [100%] at (1) should be [100%]
Fail CSS Animations: property <border-top-left-radius> from [10px] to [100%] at (1.5) should be [calc(-5px + 150%)] Pass CSS Animations: property <border-top-left-radius> from [10px] to [100%] at (1.5) should be [calc(-5px + 150%)]
Fail Web Animations: property <border-top-left-radius> from [10px] to [100%] at (-0.3) should be [calc(13px + -30%)] Pass Web Animations: property <border-top-left-radius> from [10px] to [100%] at (-0.3) should be [calc(13px + -30%)]
Fail Web Animations: property <border-top-left-radius> from [10px] to [100%] at (0) should be [calc(10px + 0%)] Pass Web Animations: property <border-top-left-radius> from [10px] to [100%] at (0) should be [calc(10px + 0%)]
Fail Web Animations: property <border-top-left-radius> from [10px] to [100%] at (0.3) should be [calc(7px + 30%)] Pass Web Animations: property <border-top-left-radius> from [10px] to [100%] at (0.3) should be [calc(7px + 30%)]
Fail Web Animations: property <border-top-left-radius> from [10px] to [100%] at (0.6) should be [calc(4px + 60%)] Pass Web Animations: property <border-top-left-radius> from [10px] to [100%] at (0.6) should be [calc(4px + 60%)]
Pass Web Animations: property <border-top-left-radius> from [10px] to [100%] at (1) should be [100%] Pass Web Animations: property <border-top-left-radius> from [10px] to [100%] at (1) should be [100%]
Fail Web Animations: property <border-top-left-radius> from [10px] to [100%] at (1.5) should be [calc(-5px + 150%)] Pass Web Animations: property <border-top-left-radius> from [10px] to [100%] at (1.5) should be [calc(-5px + 150%)]
Pass CSS Transitions: property <border-top-left-radius> from [20px] to [10px 30px] at (-2) should be [40px 0px] Pass CSS Transitions: property <border-top-left-radius> from [20px] to [10px 30px] at (-2) should be [40px 0px]
Pass CSS Transitions: property <border-top-left-radius> from [20px] to [10px 30px] at (-0.3) should be [23px 17px] Pass CSS Transitions: property <border-top-left-radius> from [20px] to [10px 30px] at (-0.3) should be [23px 17px]
Pass CSS Transitions: property <border-top-left-radius> from [20px] to [10px 30px] at (0) should be [20px] Pass CSS Transitions: property <border-top-left-radius> from [20px] to [10px 30px] at (0) should be [20px]

107
Tests/LibWeb/Text/expected/wpt-import/css/css-masking/animations/mask-position-interpolation.txt
View file

@ -2,8 +2,7 @@ Harness status: OK
Found 196 tests Found 196 tests
144 Pass 196 Pass
52 Fail
Pass CSS Transitions: property <mask-position> from neutral to [20px 20px] at (-0.25) should be [7.5px 32.5px] Pass CSS Transitions: property <mask-position> from neutral to [20px 20px] at (-0.25) should be [7.5px 32.5px]
Pass CSS Transitions: property <mask-position> from neutral to [20px 20px] at (0) should be [10px 30px] Pass CSS Transitions: property <mask-position> from neutral to [20px 20px] at (0) should be [10px 30px]
Pass CSS Transitions: property <mask-position> from neutral to [20px 20px] at (0.25) should be [12.5px 27.5px] Pass CSS Transitions: property <mask-position> from neutral to [20px 20px] at (0.25) should be [12.5px 27.5px]
@ -32,34 +31,34 @@ Pass Web Animations: property <mask-position> from neutral to [20px 20px] at (0.
Pass Web Animations: property <mask-position> from neutral to [20px 20px] at (0.75) should be [17.5px 22.5px] Pass Web Animations: property <mask-position> from neutral to [20px 20px] at (0.75) should be [17.5px 22.5px]
Pass Web Animations: property <mask-position> from neutral to [20px 20px] at (1) should be [20px 20px] Pass Web Animations: property <mask-position> from neutral to [20px 20px] at (1) should be [20px 20px]
Pass Web Animations: property <mask-position> from neutral to [20px 20px] at (1.25) should be [22.5px 17.5px] Pass Web Animations: property <mask-position> from neutral to [20px 20px] at (1.25) should be [22.5px 17.5px]
Fail CSS Transitions: property <mask-position> from [initial] to [20px 20px] at (-0.25) should be [calc(0% - 5px) calc(0% - 5px)] Pass CSS Transitions: property <mask-position> from [initial] to [20px 20px] at (-0.25) should be [calc(0% - 5px) calc(0% - 5px)]
Fail CSS Transitions: property <mask-position> from [initial] to [20px 20px] at (0) should be [0% 0%] Pass CSS Transitions: property <mask-position> from [initial] to [20px 20px] at (0) should be [0% 0%]
Fail CSS Transitions: property <mask-position> from [initial] to [20px 20px] at (0.25) should be [calc(0% + 5px) calc(0% + 5px)] Pass CSS Transitions: property <mask-position> from [initial] to [20px 20px] at (0.25) should be [calc(0% + 5px) calc(0% + 5px)]
Fail CSS Transitions: property <mask-position> from [initial] to [20px 20px] at (0.5) should be [calc(0% + 10px) calc(0% + 10px)] Pass CSS Transitions: property <mask-position> from [initial] to [20px 20px] at (0.5) should be [calc(0% + 10px) calc(0% + 10px)]
Fail CSS Transitions: property <mask-position> from [initial] to [20px 20px] at (0.75) should be [calc(0% + 15px) calc(0% + 15px)] Pass CSS Transitions: property <mask-position> from [initial] to [20px 20px] at (0.75) should be [calc(0% + 15px) calc(0% + 15px)]
Fail CSS Transitions: property <mask-position> from [initial] to [20px 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)] Pass CSS Transitions: property <mask-position> from [initial] to [20px 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)]
Fail CSS Transitions: property <mask-position> from [initial] to [20px 20px] at (1.25) should be [calc(0% + 25px) calc(0% + 25px)] Pass CSS Transitions: property <mask-position> from [initial] to [20px 20px] at (1.25) should be [calc(0% + 25px) calc(0% + 25px)]
Fail CSS Transitions with transition: all: property <mask-position> from [initial] to [20px 20px] at (-0.25) should be [calc(0% - 5px) calc(0% - 5px)] Pass CSS Transitions with transition: all: property <mask-position> from [initial] to [20px 20px] at (-0.25) should be [calc(0% - 5px) calc(0% - 5px)]
Fail CSS Transitions with transition: all: property <mask-position> from [initial] to [20px 20px] at (0) should be [0% 0%] Pass CSS Transitions with transition: all: property <mask-position> from [initial] to [20px 20px] at (0) should be [0% 0%]
Fail CSS Transitions with transition: all: property <mask-position> from [initial] to [20px 20px] at (0.25) should be [calc(0% + 5px) calc(0% + 5px)] Pass CSS Transitions with transition: all: property <mask-position> from [initial] to [20px 20px] at (0.25) should be [calc(0% + 5px) calc(0% + 5px)]
Fail CSS Transitions with transition: all: property <mask-position> from [initial] to [20px 20px] at (0.5) should be [calc(0% + 10px) calc(0% + 10px)] Pass CSS Transitions with transition: all: property <mask-position> from [initial] to [20px 20px] at (0.5) should be [calc(0% + 10px) calc(0% + 10px)]
Fail CSS Transitions with transition: all: property <mask-position> from [initial] to [20px 20px] at (0.75) should be [calc(0% + 15px) calc(0% + 15px)] Pass CSS Transitions with transition: all: property <mask-position> from [initial] to [20px 20px] at (0.75) should be [calc(0% + 15px) calc(0% + 15px)]
Fail CSS Transitions with transition: all: property <mask-position> from [initial] to [20px 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)] Pass CSS Transitions with transition: all: property <mask-position> from [initial] to [20px 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)]
Fail CSS Transitions with transition: all: property <mask-position> from [initial] to [20px 20px] at (1.25) should be [calc(0% + 25px) calc(0% + 25px)] Pass CSS Transitions with transition: all: property <mask-position> from [initial] to [20px 20px] at (1.25) should be [calc(0% + 25px) calc(0% + 25px)]
Fail CSS Animations: property <mask-position> from [initial] to [20px 20px] at (-0.25) should be [calc(0% - 5px) calc(0% - 5px)] Pass CSS Animations: property <mask-position> from [initial] to [20px 20px] at (-0.25) should be [calc(0% - 5px) calc(0% - 5px)]
Pass CSS Animations: property <mask-position> from [initial] to [20px 20px] at (0) should be [0% 0%] Pass CSS Animations: property <mask-position> from [initial] to [20px 20px] at (0) should be [0% 0%]
Fail CSS Animations: property <mask-position> from [initial] to [20px 20px] at (0.25) should be [calc(0% + 5px) calc(0% + 5px)] Pass CSS Animations: property <mask-position> from [initial] to [20px 20px] at (0.25) should be [calc(0% + 5px) calc(0% + 5px)]
Fail CSS Animations: property <mask-position> from [initial] to [20px 20px] at (0.5) should be [calc(0% + 10px) calc(0% + 10px)] Pass CSS Animations: property <mask-position> from [initial] to [20px 20px] at (0.5) should be [calc(0% + 10px) calc(0% + 10px)]
Fail CSS Animations: property <mask-position> from [initial] to [20px 20px] at (0.75) should be [calc(0% + 15px) calc(0% + 15px)] Pass CSS Animations: property <mask-position> from [initial] to [20px 20px] at (0.75) should be [calc(0% + 15px) calc(0% + 15px)]
Fail CSS Animations: property <mask-position> from [initial] to [20px 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)] Pass CSS Animations: property <mask-position> from [initial] to [20px 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)]
Fail CSS Animations: property <mask-position> from [initial] to [20px 20px] at (1.25) should be [calc(0% + 25px) calc(0% + 25px)] Pass CSS Animations: property <mask-position> from [initial] to [20px 20px] at (1.25) should be [calc(0% + 25px) calc(0% + 25px)]
Fail Web Animations: property <mask-position> from [initial] to [20px 20px] at (-0.25) should be [calc(0% - 5px) calc(0% - 5px)] Pass Web Animations: property <mask-position> from [initial] to [20px 20px] at (-0.25) should be [calc(0% - 5px) calc(0% - 5px)]
Pass Web Animations: property <mask-position> from [initial] to [20px 20px] at (0) should be [0% 0%] Pass Web Animations: property <mask-position> from [initial] to [20px 20px] at (0) should be [0% 0%]
Fail Web Animations: property <mask-position> from [initial] to [20px 20px] at (0.25) should be [calc(0% + 5px) calc(0% + 5px)] Pass Web Animations: property <mask-position> from [initial] to [20px 20px] at (0.25) should be [calc(0% + 5px) calc(0% + 5px)]
Fail Web Animations: property <mask-position> from [initial] to [20px 20px] at (0.5) should be [calc(0% + 10px) calc(0% + 10px)] Pass Web Animations: property <mask-position> from [initial] to [20px 20px] at (0.5) should be [calc(0% + 10px) calc(0% + 10px)]
Fail Web Animations: property <mask-position> from [initial] to [20px 20px] at (0.75) should be [calc(0% + 15px) calc(0% + 15px)] Pass Web Animations: property <mask-position> from [initial] to [20px 20px] at (0.75) should be [calc(0% + 15px) calc(0% + 15px)]
Fail Web Animations: property <mask-position> from [initial] to [20px 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)] Pass Web Animations: property <mask-position> from [initial] to [20px 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)]
Fail Web Animations: property <mask-position> from [initial] to [20px 20px] at (1.25) should be [calc(0% + 25px) calc(0% + 25px)] Pass Web Animations: property <mask-position> from [initial] to [20px 20px] at (1.25) should be [calc(0% + 25px) calc(0% + 25px)]
Pass CSS Transitions: property <mask-position> from [inherit] to [20px 20px] at (-0.25) should be [32.5px 7.5px] Pass CSS Transitions: property <mask-position> from [inherit] to [20px 20px] at (-0.25) should be [32.5px 7.5px]
Pass CSS Transitions: property <mask-position> from [inherit] to [20px 20px] at (0) should be [30px 10px] Pass CSS Transitions: property <mask-position> from [inherit] to [20px 20px] at (0) should be [30px 10px]
Pass CSS Transitions: property <mask-position> from [inherit] to [20px 20px] at (0.25) should be [27.5px 12.5px] Pass CSS Transitions: property <mask-position> from [inherit] to [20px 20px] at (0.25) should be [27.5px 12.5px]
@ -88,34 +87,34 @@ Pass Web Animations: property <mask-position> from [inherit] to [20px 20px] at (
Pass Web Animations: property <mask-position> from [inherit] to [20px 20px] at (0.75) should be [22.5px 17.5px] Pass Web Animations: property <mask-position> from [inherit] to [20px 20px] at (0.75) should be [22.5px 17.5px]
Pass Web Animations: property <mask-position> from [inherit] to [20px 20px] at (1) should be [20px 20px] Pass Web Animations: property <mask-position> from [inherit] to [20px 20px] at (1) should be [20px 20px]
Pass Web Animations: property <mask-position> from [inherit] to [20px 20px] at (1.25) should be [17.5px 22.5px] Pass Web Animations: property <mask-position> from [inherit] to [20px 20px] at (1.25) should be [17.5px 22.5px]
Fail CSS Transitions: property <mask-position> from [unset] to [20px 20px] at (-0.25) should be [calc(0% - 5px) calc(0% - 5px)] Pass CSS Transitions: property <mask-position> from [unset] to [20px 20px] at (-0.25) should be [calc(0% - 5px) calc(0% - 5px)]
Fail CSS Transitions: property <mask-position> from [unset] to [20px 20px] at (0) should be [0% 0%] Pass CSS Transitions: property <mask-position> from [unset] to [20px 20px] at (0) should be [0% 0%]
Fail CSS Transitions: property <mask-position> from [unset] to [20px 20px] at (0.25) should be [calc(0% + 5px) calc(0% + 5px)] Pass CSS Transitions: property <mask-position> from [unset] to [20px 20px] at (0.25) should be [calc(0% + 5px) calc(0% + 5px)]
Fail CSS Transitions: property <mask-position> from [unset] to [20px 20px] at (0.5) should be [calc(0% + 10px) calc(0% + 10px)] Pass CSS Transitions: property <mask-position> from [unset] to [20px 20px] at (0.5) should be [calc(0% + 10px) calc(0% + 10px)]
Fail CSS Transitions: property <mask-position> from [unset] to [20px 20px] at (0.75) should be [calc(0% + 15px) calc(0% + 15px)] Pass CSS Transitions: property <mask-position> from [unset] to [20px 20px] at (0.75) should be [calc(0% + 15px) calc(0% + 15px)]
Fail CSS Transitions: property <mask-position> from [unset] to [20px 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)] Pass CSS Transitions: property <mask-position> from [unset] to [20px 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)]
Fail CSS Transitions: property <mask-position> from [unset] to [20px 20px] at (1.25) should be [calc(0% + 25px) calc(0% + 25px)] Pass CSS Transitions: property <mask-position> from [unset] to [20px 20px] at (1.25) should be [calc(0% + 25px) calc(0% + 25px)]
Fail CSS Transitions with transition: all: property <mask-position> from [unset] to [20px 20px] at (-0.25) should be [calc(0% - 5px) calc(0% - 5px)] Pass CSS Transitions with transition: all: property <mask-position> from [unset] to [20px 20px] at (-0.25) should be [calc(0% - 5px) calc(0% - 5px)]
Fail CSS Transitions with transition: all: property <mask-position> from [unset] to [20px 20px] at (0) should be [0% 0%] Pass CSS Transitions with transition: all: property <mask-position> from [unset] to [20px 20px] at (0) should be [0% 0%]
Fail CSS Transitions with transition: all: property <mask-position> from [unset] to [20px 20px] at (0.25) should be [calc(0% + 5px) calc(0% + 5px)] Pass CSS Transitions with transition: all: property <mask-position> from [unset] to [20px 20px] at (0.25) should be [calc(0% + 5px) calc(0% + 5px)]
Fail CSS Transitions with transition: all: property <mask-position> from [unset] to [20px 20px] at (0.5) should be [calc(0% + 10px) calc(0% + 10px)] Pass CSS Transitions with transition: all: property <mask-position> from [unset] to [20px 20px] at (0.5) should be [calc(0% + 10px) calc(0% + 10px)]
Fail CSS Transitions with transition: all: property <mask-position> from [unset] to [20px 20px] at (0.75) should be [calc(0% + 15px) calc(0% + 15px)] Pass CSS Transitions with transition: all: property <mask-position> from [unset] to [20px 20px] at (0.75) should be [calc(0% + 15px) calc(0% + 15px)]
Fail CSS Transitions with transition: all: property <mask-position> from [unset] to [20px 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)] Pass CSS Transitions with transition: all: property <mask-position> from [unset] to [20px 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)]
Fail CSS Transitions with transition: all: property <mask-position> from [unset] to [20px 20px] at (1.25) should be [calc(0% + 25px) calc(0% + 25px)] Pass CSS Transitions with transition: all: property <mask-position> from [unset] to [20px 20px] at (1.25) should be [calc(0% + 25px) calc(0% + 25px)]
Fail CSS Animations: property <mask-position> from [unset] to [20px 20px] at (-0.25) should be [calc(0% - 5px) calc(0% - 5px)] Pass CSS Animations: property <mask-position> from [unset] to [20px 20px] at (-0.25) should be [calc(0% - 5px) calc(0% - 5px)]
Pass CSS Animations: property <mask-position> from [unset] to [20px 20px] at (0) should be [0% 0%] Pass CSS Animations: property <mask-position> from [unset] to [20px 20px] at (0) should be [0% 0%]
Fail CSS Animations: property <mask-position> from [unset] to [20px 20px] at (0.25) should be [calc(0% + 5px) calc(0% + 5px)] Pass CSS Animations: property <mask-position> from [unset] to [20px 20px] at (0.25) should be [calc(0% + 5px) calc(0% + 5px)]
Fail CSS Animations: property <mask-position> from [unset] to [20px 20px] at (0.5) should be [calc(0% + 10px) calc(0% + 10px)] Pass CSS Animations: property <mask-position> from [unset] to [20px 20px] at (0.5) should be [calc(0% + 10px) calc(0% + 10px)]
Fail CSS Animations: property <mask-position> from [unset] to [20px 20px] at (0.75) should be [calc(0% + 15px) calc(0% + 15px)] Pass CSS Animations: property <mask-position> from [unset] to [20px 20px] at (0.75) should be [calc(0% + 15px) calc(0% + 15px)]
Fail CSS Animations: property <mask-position> from [unset] to [20px 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)] Pass CSS Animations: property <mask-position> from [unset] to [20px 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)]
Fail CSS Animations: property <mask-position> from [unset] to [20px 20px] at (1.25) should be [calc(0% + 25px) calc(0% + 25px)] Pass CSS Animations: property <mask-position> from [unset] to [20px 20px] at (1.25) should be [calc(0% + 25px) calc(0% + 25px)]
Fail Web Animations: property <mask-position> from [unset] to [20px 20px] at (-0.25) should be [calc(0% - 5px) calc(0% - 5px)] Pass Web Animations: property <mask-position> from [unset] to [20px 20px] at (-0.25) should be [calc(0% - 5px) calc(0% - 5px)]
Pass Web Animations: property <mask-position> from [unset] to [20px 20px] at (0) should be [0% 0%] Pass Web Animations: property <mask-position> from [unset] to [20px 20px] at (0) should be [0% 0%]
Fail Web Animations: property <mask-position> from [unset] to [20px 20px] at (0.25) should be [calc(0% + 5px) calc(0% + 5px)] Pass Web Animations: property <mask-position> from [unset] to [20px 20px] at (0.25) should be [calc(0% + 5px) calc(0% + 5px)]
Fail Web Animations: property <mask-position> from [unset] to [20px 20px] at (0.5) should be [calc(0% + 10px) calc(0% + 10px)] Pass Web Animations: property <mask-position> from [unset] to [20px 20px] at (0.5) should be [calc(0% + 10px) calc(0% + 10px)]
Fail Web Animations: property <mask-position> from [unset] to [20px 20px] at (0.75) should be [calc(0% + 15px) calc(0% + 15px)] Pass Web Animations: property <mask-position> from [unset] to [20px 20px] at (0.75) should be [calc(0% + 15px) calc(0% + 15px)]
Fail Web Animations: property <mask-position> from [unset] to [20px 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)] Pass Web Animations: property <mask-position> from [unset] to [20px 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)]
Fail Web Animations: property <mask-position> from [unset] to [20px 20px] at (1.25) should be [calc(0% + 25px) calc(0% + 25px)] Pass Web Animations: property <mask-position> from [unset] to [20px 20px] at (1.25) should be [calc(0% + 25px) calc(0% + 25px)]
Pass CSS Transitions: property <mask-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (-0.25) should be [-20px -20px, -20px -20px, -20px -20px, -20px -20px] Pass CSS Transitions: property <mask-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (-0.25) should be [-20px -20px, -20px -20px, -20px -20px, -20px -20px]
Pass CSS Transitions: property <mask-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0) should be [ 0px 0px, 0px 0px, 0px 0px, 0px 0px] Pass CSS Transitions: property <mask-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0) should be [ 0px 0px, 0px 0px, 0px 0px, 0px 0px]
Pass CSS Transitions: property <mask-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.25) should be [ 20px 20px, 20px 20px, 20px 20px, 20px 20px] Pass CSS Transitions: property <mask-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.25) should be [ 20px 20px, 20px 20px, 20px 20px, 20px 20px]