eliott/ladybird
1
0
Fork 0
mirror of https://github.com/LadybirdBrowser/ladybird synced 2026-04-25 17:25:08 +02:00
Code Issues Packages Projects Releases Wiki Activity

LibWeb: Support composition of mixed values

Browse Source 
This exposes an existing issue with interpolation where it is not clear
in what situations zero-valued dimensions should be excluded from the
interpolated value of a dimension-percentage mix (e.g. `calc(50% + 0px)`
vs `50%`) - but this is just a serialization issue as both
representations are resolved to the same used value
This commit is contained in:
Callum Law
2026-02-22 20:07:21 +13:00
committed by Tim Ledbetter
parent f7e5e57233
commit 49eb9d7a7a
Notes: github-actions[bot] 2026-02-23 09:02:43 +00:00 
Author: https://github.com/Calme1709
Commit: https://github.com/LadybirdBrowser/ladybird/commit/49eb9d7a7a1
Pull-request: https://github.com/LadybirdBrowser/ladybird/pull/8079
Reviewed-by: https://github.com/tcl3 ✅
22 changed files with 313 additions and 279 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
Libraries/LibWeb/CSS/Interpolation.cpp
View File

@@ -2424,6 +2424,42 @@ static Optional<GridTrackSizeList> composite_grid_track_size_list(CalculationCon
return result;
}
static RefPtr<StyleValue const> composite_mixed_value(StyleValue const& underlying_value, StyleValue const& animated_value, CalculationContext const& calculation_context)
{
// https://drafts.csswg.org/css-values-4/#combine-mixed
// Addition of <percentage> is defined the same as interpolation except by adding each component rather than interpolating it.
auto underlying_value_type = get_value_type_of_numeric_style_value(underlying_value, calculation_context);
auto animated_value_type = get_value_type_of_numeric_style_value(animated_value, calculation_context);
if (underlying_value_type.has_value() && underlying_value_type == animated_value_type) {
// The computed value of a percentage-dimension mix is defined as
// FIXME: a computed dimension if the percentage component is zero or is defined specifically to compute to a dimension value
// a computed percentage if the dimension component is zero
// a computed calc() expression otherwise
if (auto const* from_dimension_value = as_if<DimensionStyleValue>(underlying_value); from_dimension_value && animated_value.type() == StyleValue::Type::Percentage) {
auto dimension_component = from_dimension_value->raw_value();
auto percentage_component = animated_value.as_percentage().raw_value();
if (dimension_component == 0.f)
return PercentageStyleValue::create(Percentage { percentage_component });
} else if (auto const* to_dimension_value = as_if<DimensionStyleValue>(animated_value); to_dimension_value && underlying_value.type() == StyleValue::Type::Percentage) {
auto dimension_component = to_dimension_value->raw_value();
auto percentage_component = underlying_value.as_percentage().raw_value();
if (dimension_component == 0)
return PercentageStyleValue::create(Percentage { percentage_component });
}
auto underlying_node = CalculationNode::from_style_value(underlying_value, calculation_context);
auto animated_node = CalculationNode::from_style_value(animated_value, calculation_context);
return CalculatedStyleValue::create(
simplify_a_calculation_tree(SumCalculationNode::create({ underlying_node, animated_node }), calculation_context, {}),
*underlying_node->numeric_type()->added_to(*animated_node->numeric_type()),
calculation_context);
}
return {};
}
RefPtr<StyleValue const> composite_value(PropertyID property_id, StyleValue const& underlying_value, StyleValue const& animated_value, Bindings::CompositeOperation composite_operation)
{
auto calculation_context = CalculationContext::for_property(PropertyNameAndID::from_id(property_id));
@@ -2437,9 +2473,8 @@ RefPtr<StyleValue const> composite_value(PropertyID property_id, StyleValue cons
if (composite_operation == Bindings::CompositeOperation::Replace)
return {};
// FIXME: Composite mixed values where possible
if (underlying_value.type() != animated_value.type())
return {};
if (underlying_value.type() != animated_value.type() || underlying_value.is_calculated() || animated_value.is_calculated())
return composite_mixed_value(underlying_value, animated_value, calculation_context);
switch (underlying_value.type()) {
case StyleValue::Type::Angle: {

51
Tests/LibWeb/Text/expected/wpt-import/css/css-backgrounds/animations/background-position-composition.txt
View File

@@ -2,8 +2,7 @@ Harness status: OK
Found 70 tests
46 Pass
24 Fail
70 Pass
Pass Compositing CSS Animations: property <background-position> underlying [40px 140px] from add [60px 160px] to add [160px 260px] at (-0.25) should be [75px 275px, 75px 275px]
Pass Compositing CSS Animations: property <background-position> underlying [40px 140px] from add [60px 160px] to add [160px 260px] at (0) should be [100px 300px, 100px 300px]
Pass Compositing CSS Animations: property <background-position> underlying [40px 140px] from add [60px 160px] to add [160px 260px] at (0.25) should be [125px 325px, 125px 325px]
@@ -18,34 +17,34 @@ Pass Compositing Web Animations: property <background-position> underlying [40px
Pass Compositing Web Animations: property <background-position> underlying [40px 140px] from add [60px 160px] to add [160px 260px] at (0.75) should be [175px 375px, 175px 375px]
Pass Compositing Web Animations: property <background-position> underlying [40px 140px] from add [60px 160px] to add [160px 260px] at (1) should be [200px 400px, 200px 400px]
Pass Compositing Web Animations: property <background-position> underlying [40px 140px] from add [60px 160px] to add [160px 260px] at (1.25) should be [225px 425px, 225px 425px]
Fail Compositing CSS Animations: property <background-position> underlying [top 20% left 40%] from add [left 60% top 80%] to add [right 80% bottom 40%] at (-0.25) should be [110% 105%, 110% 105%]
Pass Compositing CSS Animations: property <background-position> underlying [top 20% left 40%] from add [left 60% top 80%] to add [right 80% bottom 40%] at (-0.25) should be [110% 105%, 110% 105%]
Pass Compositing CSS Animations: property <background-position> underlying [top 20% left 40%] from add [left 60% top 80%] to add [right 80% bottom 40%] at (0) should be [100% 100%, 100% 100%]
Fail Compositing CSS Animations: property <background-position> underlying [top 20% left 40%] from add [left 60% top 80%] to add [right 80% bottom 40%] at (0.25) should be [90% 95%, 90% 95%]
Fail Compositing CSS Animations: property <background-position> underlying [top 20% left 40%] from add [left 60% top 80%] to add [right 80% bottom 40%] at (0.5) should be [80% 90%, 80% 90%]
Fail Compositing CSS Animations: property <background-position> underlying [top 20% left 40%] from add [left 60% top 80%] to add [right 80% bottom 40%] at (0.75) should be [70% 85%, 70% 85%]
Fail Compositing CSS Animations: property <background-position> underlying [top 20% left 40%] from add [left 60% top 80%] to add [right 80% bottom 40%] at (1) should be [60% 80%, 60% 80%]
Fail Compositing CSS Animations: property <background-position> underlying [top 20% left 40%] from add [left 60% top 80%] to add [right 80% bottom 40%] at (1.25) should be [50% 75%, 50% 75%]
Fail Compositing Web Animations: property <background-position> underlying [top 20% left 40%] from add [left 60% top 80%] to add [right 80% bottom 40%] at (-0.25) should be [110% 105%, 110% 105%]
Pass Compositing CSS Animations: property <background-position> underlying [top 20% left 40%] from add [left 60% top 80%] to add [right 80% bottom 40%] at (0.25) should be [90% 95%, 90% 95%]
Pass Compositing CSS Animations: property <background-position> underlying [top 20% left 40%] from add [left 60% top 80%] to add [right 80% bottom 40%] at (0.5) should be [80% 90%, 80% 90%]
Pass Compositing CSS Animations: property <background-position> underlying [top 20% left 40%] from add [left 60% top 80%] to add [right 80% bottom 40%] at (0.75) should be [70% 85%, 70% 85%]
Pass Compositing CSS Animations: property <background-position> underlying [top 20% left 40%] from add [left 60% top 80%] to add [right 80% bottom 40%] at (1) should be [60% 80%, 60% 80%]
Pass Compositing CSS Animations: property <background-position> underlying [top 20% left 40%] from add [left 60% top 80%] to add [right 80% bottom 40%] at (1.25) should be [50% 75%, 50% 75%]
Pass Compositing Web Animations: property <background-position> underlying [top 20% left 40%] from add [left 60% top 80%] to add [right 80% bottom 40%] at (-0.25) should be [110% 105%, 110% 105%]
Pass Compositing Web Animations: property <background-position> underlying [top 20% left 40%] from add [left 60% top 80%] to add [right 80% bottom 40%] at (0) should be [100% 100%, 100% 100%]
Fail Compositing Web Animations: property <background-position> underlying [top 20% left 40%] from add [left 60% top 80%] to add [right 80% bottom 40%] at (0.25) should be [90% 95%, 90% 95%]
Fail Compositing Web Animations: property <background-position> underlying [top 20% left 40%] from add [left 60% top 80%] to add [right 80% bottom 40%] at (0.5) should be [80% 90%, 80% 90%]
Fail Compositing Web Animations: property <background-position> underlying [top 20% left 40%] from add [left 60% top 80%] to add [right 80% bottom 40%] at (0.75) should be [70% 85%, 70% 85%]
Fail Compositing Web Animations: property <background-position> underlying [top 20% left 40%] from add [left 60% top 80%] to add [right 80% bottom 40%] at (1) should be [60% 80%, 60% 80%]
Fail Compositing Web Animations: property <background-position> underlying [top 20% left 40%] from add [left 60% top 80%] to add [right 80% bottom 40%] at (1.25) should be [50% 75%, 50% 75%]
Fail Compositing CSS Animations: property <background-position> underlying [top 20% left 40%] from add [left 60% top 80%, top 180% left 160%] to add [right 80% bottom 40%] at (-0.25) should be [110% 105%, 235% 230%]
Pass Compositing Web Animations: property <background-position> underlying [top 20% left 40%] from add [left 60% top 80%] to add [right 80% bottom 40%] at (0.25) should be [90% 95%, 90% 95%]
Pass Compositing Web Animations: property <background-position> underlying [top 20% left 40%] from add [left 60% top 80%] to add [right 80% bottom 40%] at (0.5) should be [80% 90%, 80% 90%]
Pass Compositing Web Animations: property <background-position> underlying [top 20% left 40%] from add [left 60% top 80%] to add [right 80% bottom 40%] at (0.75) should be [70% 85%, 70% 85%]
Pass Compositing Web Animations: property <background-position> underlying [top 20% left 40%] from add [left 60% top 80%] to add [right 80% bottom 40%] at (1) should be [60% 80%, 60% 80%]
Pass Compositing Web Animations: property <background-position> underlying [top 20% left 40%] from add [left 60% top 80%] to add [right 80% bottom 40%] at (1.25) should be [50% 75%, 50% 75%]
Pass Compositing CSS Animations: property <background-position> underlying [top 20% left 40%] from add [left 60% top 80%, top 180% left 160%] to add [right 80% bottom 40%] at (-0.25) should be [110% 105%, 235% 230%]
Pass Compositing CSS Animations: property <background-position> underlying [top 20% left 40%] from add [left 60% top 80%, top 180% left 160%] to add [right 80% bottom 40%] at (0) should be [100% 100%, 200% 200%]
Fail Compositing CSS Animations: property <background-position> underlying [top 20% left 40%] from add [left 60% top 80%, top 180% left 160%] to add [right 80% bottom 40%] at (0.25) should be [90% 95%, 165% 170%]
Fail Compositing CSS Animations: property <background-position> underlying [top 20% left 40%] from add [left 60% top 80%, top 180% left 160%] to add [right 80% bottom 40%] at (0.5) should be [80% 90%, 130% 140%]
Fail Compositing CSS Animations: property <background-position> underlying [top 20% left 40%] from add [left 60% top 80%, top 180% left 160%] to add [right 80% bottom 40%] at (0.75) should be [70% 85%, 95% 110%]
Fail Compositing CSS Animations: property <background-position> underlying [top 20% left 40%] from add [left 60% top 80%, top 180% left 160%] to add [right 80% bottom 40%] at (1) should be [60% 80%, 60% 80%]
Fail Compositing CSS Animations: property <background-position> underlying [top 20% left 40%] from add [left 60% top 80%, top 180% left 160%] to add [right 80% bottom 40%] at (1.25) should be [50% 75%, 25% 50%]
Fail Compositing Web Animations: property <background-position> underlying [top 20% left 40%] from add [left 60% top 80%, top 180% left 160%] to add [right 80% bottom 40%] at (-0.25) should be [110% 105%, 235% 230%]
Pass Compositing CSS Animations: property <background-position> underlying [top 20% left 40%] from add [left 60% top 80%, top 180% left 160%] to add [right 80% bottom 40%] at (0.25) should be [90% 95%, 165% 170%]
Pass Compositing CSS Animations: property <background-position> underlying [top 20% left 40%] from add [left 60% top 80%, top 180% left 160%] to add [right 80% bottom 40%] at (0.5) should be [80% 90%, 130% 140%]
Pass Compositing CSS Animations: property <background-position> underlying [top 20% left 40%] from add [left 60% top 80%, top 180% left 160%] to add [right 80% bottom 40%] at (0.75) should be [70% 85%, 95% 110%]
Pass Compositing CSS Animations: property <background-position> underlying [top 20% left 40%] from add [left 60% top 80%, top 180% left 160%] to add [right 80% bottom 40%] at (1) should be [60% 80%, 60% 80%]
Pass Compositing CSS Animations: property <background-position> underlying [top 20% left 40%] from add [left 60% top 80%, top 180% left 160%] to add [right 80% bottom 40%] at (1.25) should be [50% 75%, 25% 50%]
Pass Compositing Web Animations: property <background-position> underlying [top 20% left 40%] from add [left 60% top 80%, top 180% left 160%] to add [right 80% bottom 40%] at (-0.25) should be [110% 105%, 235% 230%]
Pass Compositing Web Animations: property <background-position> underlying [top 20% left 40%] from add [left 60% top 80%, top 180% left 160%] to add [right 80% bottom 40%] at (0) should be [100% 100%, 200% 200%]
Fail Compositing Web Animations: property <background-position> underlying [top 20% left 40%] from add [left 60% top 80%, top 180% left 160%] to add [right 80% bottom 40%] at (0.25) should be [90% 95%, 165% 170%]
Fail Compositing Web Animations: property <background-position> underlying [top 20% left 40%] from add [left 60% top 80%, top 180% left 160%] to add [right 80% bottom 40%] at (0.5) should be [80% 90%, 130% 140%]
Fail Compositing Web Animations: property <background-position> underlying [top 20% left 40%] from add [left 60% top 80%, top 180% left 160%] to add [right 80% bottom 40%] at (0.75) should be [70% 85%, 95% 110%]
Fail Compositing Web Animations: property <background-position> underlying [top 20% left 40%] from add [left 60% top 80%, top 180% left 160%] to add [right 80% bottom 40%] at (1) should be [60% 80%, 60% 80%]
Fail Compositing Web Animations: property <background-position> underlying [top 20% left 40%] from add [left 60% top 80%, top 180% left 160%] to add [right 80% bottom 40%] at (1.25) should be [50% 75%, 25% 50%]
Pass Compositing Web Animations: property <background-position> underlying [top 20% left 40%] from add [left 60% top 80%, top 180% left 160%] to add [right 80% bottom 40%] at (0.25) should be [90% 95%, 165% 170%]
Pass Compositing Web Animations: property <background-position> underlying [top 20% left 40%] from add [left 60% top 80%, top 180% left 160%] to add [right 80% bottom 40%] at (0.5) should be [80% 90%, 130% 140%]
Pass Compositing Web Animations: property <background-position> underlying [top 20% left 40%] from add [left 60% top 80%, top 180% left 160%] to add [right 80% bottom 40%] at (0.75) should be [70% 85%, 95% 110%]
Pass Compositing Web Animations: property <background-position> underlying [top 20% left 40%] from add [left 60% top 80%, top 180% left 160%] to add [right 80% bottom 40%] at (1) should be [60% 80%, 60% 80%]
Pass Compositing Web Animations: property <background-position> underlying [top 20% left 40%] from add [left 60% top 80%, top 180% left 160%] to add [right 80% bottom 40%] at (1.25) should be [50% 75%, 25% 50%]
Pass Compositing CSS Animations: property <background-position> underlying [40px 140px] from replace [100px 200px] to add [160px 260px] at (-0.25) should be [75px 150px, 75px 150px]
Pass Compositing CSS Animations: property <background-position> underlying [40px 140px] from replace [100px 200px] to add [160px 260px] at (0) should be [100px 200px, 100px 200px]
Pass Compositing CSS Animations: property <background-position> underlying [40px 140px] from replace [100px 200px] to add [160px 260px] at (0.25) should be [125px 250px, 125px 250px]

24
Tests/LibWeb/Text/expected/wpt-import/css/css-box/animation/margin-bottom-composition.txt
View File

@@ -2,8 +2,8 @@ Harness status: OK
Found 50 tests
42 Pass
8 Fail
48 Pass
2 Fail
Pass Compositing CSS Animations: property <margin-bottom> underlying [50px] from add [100px] to add [200px] at (-0.3) should be [120px]
Pass Compositing CSS Animations: property <margin-bottom> underlying [50px] from add [100px] to add [200px] at (0) should be [150px]
Pass Compositing CSS Animations: property <margin-bottom> underlying [50px] from add [100px] to add [200px] at (0.5) should be [200px]
@@ -24,16 +24,16 @@ Pass Compositing Web Animations: property <margin-bottom> underlying [100px] fro
Pass Compositing Web Animations: property <margin-bottom> underlying [100px] from add [10px] to add [2px] at (0.5) should be [106px]
Pass Compositing Web Animations: property <margin-bottom> underlying [100px] from add [10px] to add [2px] at (1) should be [102px]
Pass Compositing Web Animations: property <margin-bottom> underlying [100px] from add [10px] to add [2px] at (1.5) should be [98px]
Fail Compositing CSS Animations: property <margin-bottom> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Fail Compositing CSS Animations: property <margin-bottom> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Fail Compositing CSS Animations: property <margin-bottom> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Pass Compositing CSS Animations: property <margin-bottom> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Fail Compositing CSS Animations: property <margin-bottom> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Fail Compositing Web Animations: property <margin-bottom> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Fail Compositing Web Animations: property <margin-bottom> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Fail Compositing Web Animations: property <margin-bottom> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Pass Compositing Web Animations: property <margin-bottom> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Fail Compositing Web Animations: property <margin-bottom> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Pass Compositing CSS Animations: property <margin-bottom> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Pass Compositing CSS Animations: property <margin-bottom> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Pass Compositing CSS Animations: property <margin-bottom> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Fail Compositing CSS Animations: property <margin-bottom> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Pass Compositing CSS Animations: property <margin-bottom> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Pass Compositing Web Animations: property <margin-bottom> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Pass Compositing Web Animations: property <margin-bottom> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Pass Compositing Web Animations: property <margin-bottom> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Fail Compositing Web Animations: property <margin-bottom> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Pass Compositing Web Animations: property <margin-bottom> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Pass Compositing CSS Animations: property <margin-bottom> underlying [50px] from add [100px] to replace [200px] at (-0.3) should be [135px]
Pass Compositing CSS Animations: property <margin-bottom> underlying [50px] from add [100px] to replace [200px] at (0) should be [150px]
Pass Compositing CSS Animations: property <margin-bottom> underlying [50px] from add [100px] to replace [200px] at (0.5) should be [175px]

24
Tests/LibWeb/Text/expected/wpt-import/css/css-box/animation/margin-left-composition.txt
View File

@@ -2,8 +2,8 @@ Harness status: OK
Found 50 tests
42 Pass
8 Fail
48 Pass
2 Fail
Pass Compositing CSS Animations: property <margin-left> underlying [50px] from add [100px] to add [200px] at (-0.3) should be [120px]
Pass Compositing CSS Animations: property <margin-left> underlying [50px] from add [100px] to add [200px] at (0) should be [150px]
Pass Compositing CSS Animations: property <margin-left> underlying [50px] from add [100px] to add [200px] at (0.5) should be [200px]
@@ -24,16 +24,16 @@ Pass Compositing Web Animations: property <margin-left> underlying [100px] from
Pass Compositing Web Animations: property <margin-left> underlying [100px] from add [10px] to add [2px] at (0.5) should be [106px]
Pass Compositing Web Animations: property <margin-left> underlying [100px] from add [10px] to add [2px] at (1) should be [102px]
Pass Compositing Web Animations: property <margin-left> underlying [100px] from add [10px] to add [2px] at (1.5) should be [98px]
Fail Compositing CSS Animations: property <margin-left> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Fail Compositing CSS Animations: property <margin-left> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Fail Compositing CSS Animations: property <margin-left> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Pass Compositing CSS Animations: property <margin-left> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Fail Compositing CSS Animations: property <margin-left> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Fail Compositing Web Animations: property <margin-left> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Fail Compositing Web Animations: property <margin-left> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Fail Compositing Web Animations: property <margin-left> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Pass Compositing Web Animations: property <margin-left> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Fail Compositing Web Animations: property <margin-left> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Pass Compositing CSS Animations: property <margin-left> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Pass Compositing CSS Animations: property <margin-left> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Pass Compositing CSS Animations: property <margin-left> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Fail Compositing CSS Animations: property <margin-left> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Pass Compositing CSS Animations: property <margin-left> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Pass Compositing Web Animations: property <margin-left> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Pass Compositing Web Animations: property <margin-left> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Pass Compositing Web Animations: property <margin-left> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Fail Compositing Web Animations: property <margin-left> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Pass Compositing Web Animations: property <margin-left> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Pass Compositing CSS Animations: property <margin-left> underlying [50px] from add [100px] to replace [200px] at (-0.3) should be [135px]
Pass Compositing CSS Animations: property <margin-left> underlying [50px] from add [100px] to replace [200px] at (0) should be [150px]
Pass Compositing CSS Animations: property <margin-left> underlying [50px] from add [100px] to replace [200px] at (0.5) should be [175px]

24
Tests/LibWeb/Text/expected/wpt-import/css/css-box/animation/margin-right-composition.txt
View File

@@ -2,8 +2,8 @@ Harness status: OK
Found 50 tests
42 Pass
8 Fail
48 Pass
2 Fail
Pass Compositing CSS Animations: property <margin-right> underlying [50px] from add [100px] to add [200px] at (-0.3) should be [120px]
Pass Compositing CSS Animations: property <margin-right> underlying [50px] from add [100px] to add [200px] at (0) should be [150px]
Pass Compositing CSS Animations: property <margin-right> underlying [50px] from add [100px] to add [200px] at (0.5) should be [200px]
@@ -24,16 +24,16 @@ Pass Compositing Web Animations: property <margin-right> underlying [100px] from
Pass Compositing Web Animations: property <margin-right> underlying [100px] from add [10px] to add [2px] at (0.5) should be [106px]
Pass Compositing Web Animations: property <margin-right> underlying [100px] from add [10px] to add [2px] at (1) should be [102px]
Pass Compositing Web Animations: property <margin-right> underlying [100px] from add [10px] to add [2px] at (1.5) should be [98px]
Fail Compositing CSS Animations: property <margin-right> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Fail Compositing CSS Animations: property <margin-right> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Fail Compositing CSS Animations: property <margin-right> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Pass Compositing CSS Animations: property <margin-right> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Fail Compositing CSS Animations: property <margin-right> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Fail Compositing Web Animations: property <margin-right> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Fail Compositing Web Animations: property <margin-right> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Fail Compositing Web Animations: property <margin-right> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Pass Compositing Web Animations: property <margin-right> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Fail Compositing Web Animations: property <margin-right> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Pass Compositing CSS Animations: property <margin-right> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Pass Compositing CSS Animations: property <margin-right> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Pass Compositing CSS Animations: property <margin-right> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Fail Compositing CSS Animations: property <margin-right> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Pass Compositing CSS Animations: property <margin-right> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Pass Compositing Web Animations: property <margin-right> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Pass Compositing Web Animations: property <margin-right> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Pass Compositing Web Animations: property <margin-right> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Fail Compositing Web Animations: property <margin-right> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Pass Compositing Web Animations: property <margin-right> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Pass Compositing CSS Animations: property <margin-right> underlying [50px] from add [100px] to replace [200px] at (-0.3) should be [135px]
Pass Compositing CSS Animations: property <margin-right> underlying [50px] from add [100px] to replace [200px] at (0) should be [150px]
Pass Compositing CSS Animations: property <margin-right> underlying [50px] from add [100px] to replace [200px] at (0.5) should be [175px]

24
Tests/LibWeb/Text/expected/wpt-import/css/css-box/animation/margin-top-composition.txt
View File

@@ -2,8 +2,8 @@ Harness status: OK
Found 50 tests
42 Pass
8 Fail
48 Pass
2 Fail
Pass Compositing CSS Animations: property <margin-top> underlying [50px] from add [100px] to add [200px] at (-0.3) should be [120px]
Pass Compositing CSS Animations: property <margin-top> underlying [50px] from add [100px] to add [200px] at (0) should be [150px]
Pass Compositing CSS Animations: property <margin-top> underlying [50px] from add [100px] to add [200px] at (0.5) should be [200px]
@@ -24,16 +24,16 @@ Pass Compositing Web Animations: property <margin-top> underlying [100px] from a
Pass Compositing Web Animations: property <margin-top> underlying [100px] from add [10px] to add [2px] at (0.5) should be [106px]
Pass Compositing Web Animations: property <margin-top> underlying [100px] from add [10px] to add [2px] at (1) should be [102px]
Pass Compositing Web Animations: property <margin-top> underlying [100px] from add [10px] to add [2px] at (1.5) should be [98px]
Fail Compositing CSS Animations: property <margin-top> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Fail Compositing CSS Animations: property <margin-top> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Fail Compositing CSS Animations: property <margin-top> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Pass Compositing CSS Animations: property <margin-top> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Fail Compositing CSS Animations: property <margin-top> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Fail Compositing Web Animations: property <margin-top> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Fail Compositing Web Animations: property <margin-top> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Fail Compositing Web Animations: property <margin-top> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Pass Compositing Web Animations: property <margin-top> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Fail Compositing Web Animations: property <margin-top> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Pass Compositing CSS Animations: property <margin-top> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Pass Compositing CSS Animations: property <margin-top> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Pass Compositing CSS Animations: property <margin-top> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Fail Compositing CSS Animations: property <margin-top> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Pass Compositing CSS Animations: property <margin-top> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Pass Compositing Web Animations: property <margin-top> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Pass Compositing Web Animations: property <margin-top> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Pass Compositing Web Animations: property <margin-top> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Fail Compositing Web Animations: property <margin-top> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Pass Compositing Web Animations: property <margin-top> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Pass Compositing CSS Animations: property <margin-top> underlying [50px] from add [100px] to replace [200px] at (-0.3) should be [135px]
Pass Compositing CSS Animations: property <margin-top> underlying [50px] from add [100px] to replace [200px] at (0) should be [150px]
Pass Compositing CSS Animations: property <margin-top> underlying [50px] from add [100px] to replace [200px] at (0.5) should be [175px]

24
Tests/LibWeb/Text/expected/wpt-import/css/css-box/animation/padding-bottom-composition.txt
View File

@@ -2,8 +2,8 @@ Harness status: OK
Found 40 tests
32 Pass
8 Fail
38 Pass
2 Fail
Pass Compositing CSS Animations: property <padding-bottom> underlying [50px] from add [100px] to add [200px] at (-0.3) should be [120px]
Pass Compositing CSS Animations: property <padding-bottom> underlying [50px] from add [100px] to add [200px] at (0) should be [150px]
Pass Compositing CSS Animations: property <padding-bottom> underlying [50px] from add [100px] to add [200px] at (0.5) should be [200px]
@@ -24,16 +24,16 @@ Pass Compositing Web Animations: property <padding-bottom> underlying [100px] fr
Pass Compositing Web Animations: property <padding-bottom> underlying [100px] from add [10px] to add [2px] at (0.5) should be [106px]
Pass Compositing Web Animations: property <padding-bottom> underlying [100px] from add [10px] to add [2px] at (1) should be [102px]
Pass Compositing Web Animations: property <padding-bottom> underlying [100px] from add [10px] to add [2px] at (1.5) should be [98px]
Fail Compositing CSS Animations: property <padding-bottom> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Fail Compositing CSS Animations: property <padding-bottom> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Fail Compositing CSS Animations: property <padding-bottom> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Pass Compositing CSS Animations: property <padding-bottom> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Fail Compositing CSS Animations: property <padding-bottom> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Fail Compositing Web Animations: property <padding-bottom> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Fail Compositing Web Animations: property <padding-bottom> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Fail Compositing Web Animations: property <padding-bottom> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Pass Compositing Web Animations: property <padding-bottom> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Fail Compositing Web Animations: property <padding-bottom> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Pass Compositing CSS Animations: property <padding-bottom> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Pass Compositing CSS Animations: property <padding-bottom> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Pass Compositing CSS Animations: property <padding-bottom> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Fail Compositing CSS Animations: property <padding-bottom> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Pass Compositing CSS Animations: property <padding-bottom> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Pass Compositing Web Animations: property <padding-bottom> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Pass Compositing Web Animations: property <padding-bottom> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Pass Compositing Web Animations: property <padding-bottom> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Fail Compositing Web Animations: property <padding-bottom> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Pass Compositing Web Animations: property <padding-bottom> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Pass Compositing CSS Animations: property <padding-bottom> underlying [50px] from add [100px] to replace [200px] at (-0.3) should be [135px]
Pass Compositing CSS Animations: property <padding-bottom> underlying [50px] from add [100px] to replace [200px] at (0) should be [150px]
Pass Compositing CSS Animations: property <padding-bottom> underlying [50px] from add [100px] to replace [200px] at (0.5) should be [175px]

24
Tests/LibWeb/Text/expected/wpt-import/css/css-box/animation/padding-left-composition.txt
View File

@@ -2,8 +2,8 @@ Harness status: OK
Found 40 tests
32 Pass
8 Fail
38 Pass
2 Fail
Pass Compositing CSS Animations: property <padding-left> underlying [50px] from add [100px] to add [200px] at (-0.3) should be [120px]
Pass Compositing CSS Animations: property <padding-left> underlying [50px] from add [100px] to add [200px] at (0) should be [150px]
Pass Compositing CSS Animations: property <padding-left> underlying [50px] from add [100px] to add [200px] at (0.5) should be [200px]
@@ -24,16 +24,16 @@ Pass Compositing Web Animations: property <padding-left> underlying [100px] from
Pass Compositing Web Animations: property <padding-left> underlying [100px] from add [10px] to add [2px] at (0.5) should be [106px]
Pass Compositing Web Animations: property <padding-left> underlying [100px] from add [10px] to add [2px] at (1) should be [102px]
Pass Compositing Web Animations: property <padding-left> underlying [100px] from add [10px] to add [2px] at (1.5) should be [98px]
Fail Compositing CSS Animations: property <padding-left> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Fail Compositing CSS Animations: property <padding-left> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Fail Compositing CSS Animations: property <padding-left> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Pass Compositing CSS Animations: property <padding-left> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Fail Compositing CSS Animations: property <padding-left> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Fail Compositing Web Animations: property <padding-left> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Fail Compositing Web Animations: property <padding-left> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Fail Compositing Web Animations: property <padding-left> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Pass Compositing Web Animations: property <padding-left> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Fail Compositing Web Animations: property <padding-left> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Pass Compositing CSS Animations: property <padding-left> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Pass Compositing CSS Animations: property <padding-left> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Pass Compositing CSS Animations: property <padding-left> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Fail Compositing CSS Animations: property <padding-left> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Pass Compositing CSS Animations: property <padding-left> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Pass Compositing Web Animations: property <padding-left> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Pass Compositing Web Animations: property <padding-left> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Pass Compositing Web Animations: property <padding-left> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Fail Compositing Web Animations: property <padding-left> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Pass Compositing Web Animations: property <padding-left> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Pass Compositing CSS Animations: property <padding-left> underlying [50px] from add [100px] to replace [200px] at (-0.3) should be [135px]
Pass Compositing CSS Animations: property <padding-left> underlying [50px] from add [100px] to replace [200px] at (0) should be [150px]
Pass Compositing CSS Animations: property <padding-left> underlying [50px] from add [100px] to replace [200px] at (0.5) should be [175px]

24
Tests/LibWeb/Text/expected/wpt-import/css/css-box/animation/padding-right-composition.txt
View File

@@ -2,8 +2,8 @@ Harness status: OK
Found 40 tests
32 Pass
8 Fail
38 Pass
2 Fail
Pass Compositing CSS Animations: property <padding-right> underlying [50px] from add [100px] to add [200px] at (-0.3) should be [120px]
Pass Compositing CSS Animations: property <padding-right> underlying [50px] from add [100px] to add [200px] at (0) should be [150px]
Pass Compositing CSS Animations: property <padding-right> underlying [50px] from add [100px] to add [200px] at (0.5) should be [200px]
@@ -24,16 +24,16 @@ Pass Compositing Web Animations: property <padding-right> underlying [100px] fro
Pass Compositing Web Animations: property <padding-right> underlying [100px] from add [10px] to add [2px] at (0.5) should be [106px]
Pass Compositing Web Animations: property <padding-right> underlying [100px] from add [10px] to add [2px] at (1) should be [102px]
Pass Compositing Web Animations: property <padding-right> underlying [100px] from add [10px] to add [2px] at (1.5) should be [98px]
Fail Compositing CSS Animations: property <padding-right> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Fail Compositing CSS Animations: property <padding-right> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Fail Compositing CSS Animations: property <padding-right> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Pass Compositing CSS Animations: property <padding-right> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Fail Compositing CSS Animations: property <padding-right> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Fail Compositing Web Animations: property <padding-right> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Fail Compositing Web Animations: property <padding-right> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Fail Compositing Web Animations: property <padding-right> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Pass Compositing Web Animations: property <padding-right> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Fail Compositing Web Animations: property <padding-right> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Pass Compositing CSS Animations: property <padding-right> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Pass Compositing CSS Animations: property <padding-right> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Pass Compositing CSS Animations: property <padding-right> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Fail Compositing CSS Animations: property <padding-right> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Pass Compositing CSS Animations: property <padding-right> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Pass Compositing Web Animations: property <padding-right> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Pass Compositing Web Animations: property <padding-right> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Pass Compositing Web Animations: property <padding-right> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Fail Compositing Web Animations: property <padding-right> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Pass Compositing Web Animations: property <padding-right> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Pass Compositing CSS Animations: property <padding-right> underlying [50px] from add [100px] to replace [200px] at (-0.3) should be [135px]
Pass Compositing CSS Animations: property <padding-right> underlying [50px] from add [100px] to replace [200px] at (0) should be [150px]
Pass Compositing CSS Animations: property <padding-right> underlying [50px] from add [100px] to replace [200px] at (0.5) should be [175px]

24
Tests/LibWeb/Text/expected/wpt-import/css/css-box/animation/padding-top-composition.txt
View File

@@ -2,8 +2,8 @@ Harness status: OK
Found 40 tests
32 Pass
8 Fail
38 Pass
2 Fail
Pass Compositing CSS Animations: property <padding-top> underlying [50px] from add [100px] to add [200px] at (-0.3) should be [120px]
Pass Compositing CSS Animations: property <padding-top> underlying [50px] from add [100px] to add [200px] at (0) should be [150px]
Pass Compositing CSS Animations: property <padding-top> underlying [50px] from add [100px] to add [200px] at (0.5) should be [200px]
@@ -24,16 +24,16 @@ Pass Compositing Web Animations: property <padding-top> underlying [100px] from
Pass Compositing Web Animations: property <padding-top> underlying [100px] from add [10px] to add [2px] at (0.5) should be [106px]
Pass Compositing Web Animations: property <padding-top> underlying [100px] from add [10px] to add [2px] at (1) should be [102px]
Pass Compositing Web Animations: property <padding-top> underlying [100px] from add [10px] to add [2px] at (1.5) should be [98px]
Fail Compositing CSS Animations: property <padding-top> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Fail Compositing CSS Animations: property <padding-top> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Fail Compositing CSS Animations: property <padding-top> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Pass Compositing CSS Animations: property <padding-top> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Fail Compositing CSS Animations: property <padding-top> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Fail Compositing Web Animations: property <padding-top> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Fail Compositing Web Animations: property <padding-top> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Fail Compositing Web Animations: property <padding-top> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Pass Compositing Web Animations: property <padding-top> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Fail Compositing Web Animations: property <padding-top> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Pass Compositing CSS Animations: property <padding-top> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Pass Compositing CSS Animations: property <padding-top> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Pass Compositing CSS Animations: property <padding-top> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Fail Compositing CSS Animations: property <padding-top> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Pass Compositing CSS Animations: property <padding-top> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Pass Compositing Web Animations: property <padding-top> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Pass Compositing Web Animations: property <padding-top> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Pass Compositing Web Animations: property <padding-top> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Fail Compositing Web Animations: property <padding-top> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Pass Compositing Web Animations: property <padding-top> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Pass Compositing CSS Animations: property <padding-top> underlying [50px] from add [100px] to replace [200px] at (-0.3) should be [135px]
Pass Compositing CSS Animations: property <padding-top> underlying [50px] from add [100px] to replace [200px] at (0) should be [150px]
Pass Compositing CSS Animations: property <padding-top> underlying [50px] from add [100px] to replace [200px] at (0.5) should be [175px]

24
Tests/LibWeb/Text/expected/wpt-import/css/css-flexbox/animation/flex-basis-composition.txt
View File

@@ -2,8 +2,8 @@ Harness status: OK
Found 50 tests
42 Pass
8 Fail
48 Pass
2 Fail
Pass Compositing CSS Animations: property <flex-basis> underlying [50px] from add [100px] to add [200px] at (-0.3) should be [120px]
Pass Compositing CSS Animations: property <flex-basis> underlying [50px] from add [100px] to add [200px] at (0) should be [150px]
Pass Compositing CSS Animations: property <flex-basis> underlying [50px] from add [100px] to add [200px] at (0.5) should be [200px]
@@ -24,16 +24,16 @@ Pass Compositing Web Animations: property <flex-basis> underlying [100px] from a
Pass Compositing Web Animations: property <flex-basis> underlying [100px] from add [10px] to add [2px] at (0.5) should be [106px]
Pass Compositing Web Animations: property <flex-basis> underlying [100px] from add [10px] to add [2px] at (1) should be [102px]
Pass Compositing Web Animations: property <flex-basis> underlying [100px] from add [10px] to add [2px] at (1.5) should be [98px]
Fail Compositing CSS Animations: property <flex-basis> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Fail Compositing CSS Animations: property <flex-basis> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Fail Compositing CSS Animations: property <flex-basis> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Pass Compositing CSS Animations: property <flex-basis> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Fail Compositing CSS Animations: property <flex-basis> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Fail Compositing Web Animations: property <flex-basis> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Fail Compositing Web Animations: property <flex-basis> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Fail Compositing Web Animations: property <flex-basis> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Pass Compositing Web Animations: property <flex-basis> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Fail Compositing Web Animations: property <flex-basis> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Pass Compositing CSS Animations: property <flex-basis> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Pass Compositing CSS Animations: property <flex-basis> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Pass Compositing CSS Animations: property <flex-basis> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Fail Compositing CSS Animations: property <flex-basis> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Pass Compositing CSS Animations: property <flex-basis> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Pass Compositing Web Animations: property <flex-basis> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Pass Compositing Web Animations: property <flex-basis> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Pass Compositing Web Animations: property <flex-basis> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Fail Compositing Web Animations: property <flex-basis> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Pass Compositing Web Animations: property <flex-basis> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Pass Compositing CSS Animations: property <flex-basis> underlying [50px] from add [100px] to replace [200px] at (-0.3) should be [135px]
Pass Compositing CSS Animations: property <flex-basis> underlying [50px] from add [100px] to replace [200px] at (0) should be [150px]
Pass Compositing CSS Animations: property <flex-basis> underlying [50px] from add [100px] to replace [200px] at (0.5) should be [175px]

24
Tests/LibWeb/Text/expected/wpt-import/css/css-position/animations/bottom-composition.txt
View File

@@ -2,8 +2,8 @@ Harness status: OK
Found 50 tests
42 Pass
8 Fail
48 Pass
2 Fail
Pass Compositing CSS Animations: property <bottom> underlying [50px] from add [100px] to add [200px] at (-0.3) should be [120px]
Pass Compositing CSS Animations: property <bottom> underlying [50px] from add [100px] to add [200px] at (0) should be [150px]
Pass Compositing CSS Animations: property <bottom> underlying [50px] from add [100px] to add [200px] at (0.5) should be [200px]
@@ -24,16 +24,16 @@ Pass Compositing Web Animations: property <bottom> underlying [100px] from add [
Pass Compositing Web Animations: property <bottom> underlying [100px] from add [10px] to add [2px] at (0.5) should be [106px]
Pass Compositing Web Animations: property <bottom> underlying [100px] from add [10px] to add [2px] at (1) should be [102px]
Pass Compositing Web Animations: property <bottom> underlying [100px] from add [10px] to add [2px] at (1.5) should be [98px]
Fail Compositing CSS Animations: property <bottom> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Fail Compositing CSS Animations: property <bottom> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Fail Compositing CSS Animations: property <bottom> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Pass Compositing CSS Animations: property <bottom> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Fail Compositing CSS Animations: property <bottom> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Fail Compositing Web Animations: property <bottom> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Fail Compositing Web Animations: property <bottom> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Fail Compositing Web Animations: property <bottom> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Pass Compositing Web Animations: property <bottom> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Fail Compositing Web Animations: property <bottom> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Pass Compositing CSS Animations: property <bottom> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Pass Compositing CSS Animations: property <bottom> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Pass Compositing CSS Animations: property <bottom> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Fail Compositing CSS Animations: property <bottom> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Pass Compositing CSS Animations: property <bottom> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Pass Compositing Web Animations: property <bottom> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Pass Compositing Web Animations: property <bottom> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Pass Compositing Web Animations: property <bottom> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Fail Compositing Web Animations: property <bottom> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Pass Compositing Web Animations: property <bottom> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Pass Compositing CSS Animations: property <bottom> underlying [50px] from add [100px] to replace [200px] at (-0.3) should be [135px]
Pass Compositing CSS Animations: property <bottom> underlying [50px] from add [100px] to replace [200px] at (0) should be [150px]
Pass Compositing CSS Animations: property <bottom> underlying [50px] from add [100px] to replace [200px] at (0.5) should be [175px]

44
Tests/LibWeb/Text/expected/wpt-import/css/css-position/animations/left-composition.txt
View File

@@ -2,8 +2,8 @@ Harness status: OK
Found 60 tests
44 Pass
16 Fail
56 Pass
4 Fail
Pass Compositing CSS Animations: property <left> underlying [50px] from add [100px] to add [200px] at (-0.3) should be [120px]
Pass Compositing CSS Animations: property <left> underlying [50px] from add [100px] to add [200px] at (0) should be [150px]
Pass Compositing CSS Animations: property <left> underlying [50px] from add [100px] to add [200px] at (0.5) should be [200px]
@@ -24,26 +24,26 @@ Pass Compositing Web Animations: property <left> underlying [100px] from add [10
Pass Compositing Web Animations: property <left> underlying [100px] from add [10px] to add [2px] at (0.5) should be [106px]
Pass Compositing Web Animations: property <left> underlying [100px] from add [10px] to add [2px] at (1) should be [102px]
Pass Compositing Web Animations: property <left> underlying [100px] from add [10px] to add [2px] at (1.5) should be [98px]
Fail Compositing CSS Animations: property <left> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Fail Compositing CSS Animations: property <left> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Fail Compositing CSS Animations: property <left> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Pass Compositing CSS Animations: property <left> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Fail Compositing CSS Animations: property <left> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Fail Compositing Web Animations: property <left> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Fail Compositing Web Animations: property <left> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Fail Compositing Web Animations: property <left> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Pass Compositing Web Animations: property <left> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Fail Compositing Web Animations: property <left> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Fail Compositing CSS Animations: property <left> underlying [10%] from add [100px] to add [-10%] at (-0.3) should be [calc(130px + 13%)]
Fail Compositing CSS Animations: property <left> underlying [10%] from add [100px] to add [-10%] at (0) should be [calc(100px + 10%)]
Fail Compositing CSS Animations: property <left> underlying [10%] from add [100px] to add [-10%] at (0.5) should be [calc(50px + 5%)]
Pass Compositing CSS Animations: property <left> underlying [10%] from add [100px] to add [-10%] at (1) should be [0%]
Fail Compositing CSS Animations: property <left> underlying [10%] from add [100px] to add [-10%] at (1.5) should be [calc(-50px - 5%)]
Fail Compositing Web Animations: property <left> underlying [10%] from add [100px] to add [-10%] at (-0.3) should be [calc(130px + 13%)]
Fail Compositing Web Animations: property <left> underlying [10%] from add [100px] to add [-10%] at (0) should be [calc(100px + 10%)]
Fail Compositing Web Animations: property <left> underlying [10%] from add [100px] to add [-10%] at (0.5) should be [calc(50px + 5%)]
Pass Compositing Web Animations: property <left> underlying [10%] from add [100px] to add [-10%] at (1) should be [0%]
Fail Compositing Web Animations: property <left> underlying [10%] from add [100px] to add [-10%] at (1.5) should be [calc(-50px - 5%)]
Pass Compositing CSS Animations: property <left> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Pass Compositing CSS Animations: property <left> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Pass Compositing CSS Animations: property <left> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Fail Compositing CSS Animations: property <left> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Pass Compositing CSS Animations: property <left> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Pass Compositing Web Animations: property <left> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Pass Compositing Web Animations: property <left> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Pass Compositing Web Animations: property <left> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Fail Compositing Web Animations: property <left> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Pass Compositing Web Animations: property <left> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Pass Compositing CSS Animations: property <left> underlying [10%] from add [100px] to add [-10%] at (-0.3) should be [calc(130px + 13%)]
Pass Compositing CSS Animations: property <left> underlying [10%] from add [100px] to add [-10%] at (0) should be [calc(100px + 10%)]
Pass Compositing CSS Animations: property <left> underlying [10%] from add [100px] to add [-10%] at (0.5) should be [calc(50px + 5%)]
Fail Compositing CSS Animations: property <left> underlying [10%] from add [100px] to add [-10%] at (1) should be [0%]
Pass Compositing CSS Animations: property <left> underlying [10%] from add [100px] to add [-10%] at (1.5) should be [calc(-50px - 5%)]
Pass Compositing Web Animations: property <left> underlying [10%] from add [100px] to add [-10%] at (-0.3) should be [calc(130px + 13%)]
Pass Compositing Web Animations: property <left> underlying [10%] from add [100px] to add [-10%] at (0) should be [calc(100px + 10%)]
Pass Compositing Web Animations: property <left> underlying [10%] from add [100px] to add [-10%] at (0.5) should be [calc(50px + 5%)]
Fail Compositing Web Animations: property <left> underlying [10%] from add [100px] to add [-10%] at (1) should be [0%]
Pass Compositing Web Animations: property <left> underlying [10%] from add [100px] to add [-10%] at (1.5) should be [calc(-50px - 5%)]
Pass Compositing CSS Animations: property <left> underlying [50px] from add [100px] to replace [200px] at (-0.3) should be [135px]
Pass Compositing CSS Animations: property <left> underlying [50px] from add [100px] to replace [200px] at (0) should be [150px]
Pass Compositing CSS Animations: property <left> underlying [50px] from add [100px] to replace [200px] at (0.5) should be [175px]

24
Tests/LibWeb/Text/expected/wpt-import/css/css-position/animations/right-composition.txt
View File

@@ -2,8 +2,8 @@ Harness status: OK
Found 50 tests
42 Pass
8 Fail
48 Pass
2 Fail
Pass Compositing CSS Animations: property <right> underlying [50px] from add [100px] to add [200px] at (-0.3) should be [120px]
Pass Compositing CSS Animations: property <right> underlying [50px] from add [100px] to add [200px] at (0) should be [150px]
Pass Compositing CSS Animations: property <right> underlying [50px] from add [100px] to add [200px] at (0.5) should be [200px]
@@ -24,16 +24,16 @@ Pass Compositing Web Animations: property <right> underlying [100px] from add [1
Pass Compositing Web Animations: property <right> underlying [100px] from add [10px] to add [2px] at (0.5) should be [106px]
Pass Compositing Web Animations: property <right> underlying [100px] from add [10px] to add [2px] at (1) should be [102px]
Pass Compositing Web Animations: property <right> underlying [100px] from add [10px] to add [2px] at (1.5) should be [98px]
Fail Compositing CSS Animations: property <right> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Fail Compositing CSS Animations: property <right> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Fail Compositing CSS Animations: property <right> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Pass Compositing CSS Animations: property <right> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Fail Compositing CSS Animations: property <right> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Fail Compositing Web Animations: property <right> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Fail Compositing Web Animations: property <right> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Fail Compositing Web Animations: property <right> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Pass Compositing Web Animations: property <right> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Fail Compositing Web Animations: property <right> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Pass Compositing CSS Animations: property <right> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Pass Compositing CSS Animations: property <right> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Pass Compositing CSS Animations: property <right> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Fail Compositing CSS Animations: property <right> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Pass Compositing CSS Animations: property <right> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Pass Compositing Web Animations: property <right> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Pass Compositing Web Animations: property <right> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Pass Compositing Web Animations: property <right> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Fail Compositing Web Animations: property <right> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Pass Compositing Web Animations: property <right> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Pass Compositing CSS Animations: property <right> underlying [50px] from add [100px] to replace [200px] at (-0.3) should be [135px]
Pass Compositing CSS Animations: property <right> underlying [50px] from add [100px] to replace [200px] at (0) should be [150px]
Pass Compositing CSS Animations: property <right> underlying [50px] from add [100px] to replace [200px] at (0.5) should be [175px]

24
Tests/LibWeb/Text/expected/wpt-import/css/css-position/animations/top-composition.txt
View File

@@ -2,8 +2,8 @@ Harness status: OK
Found 50 tests
42 Pass
8 Fail
48 Pass
2 Fail
Pass Compositing CSS Animations: property <top> underlying [50px] from add [100px] to add [200px] at (-0.3) should be [120px]
Pass Compositing CSS Animations: property <top> underlying [50px] from add [100px] to add [200px] at (0) should be [150px]
Pass Compositing CSS Animations: property <top> underlying [50px] from add [100px] to add [200px] at (0.5) should be [200px]
@@ -24,16 +24,16 @@ Pass Compositing Web Animations: property <top> underlying [100px] from add [10p
Pass Compositing Web Animations: property <top> underlying [100px] from add [10px] to add [2px] at (0.5) should be [106px]
Pass Compositing Web Animations: property <top> underlying [100px] from add [10px] to add [2px] at (1) should be [102px]
Pass Compositing Web Animations: property <top> underlying [100px] from add [10px] to add [2px] at (1.5) should be [98px]
Fail Compositing CSS Animations: property <top> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Fail Compositing CSS Animations: property <top> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Fail Compositing CSS Animations: property <top> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Pass Compositing CSS Animations: property <top> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Fail Compositing CSS Animations: property <top> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Fail Compositing Web Animations: property <top> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Fail Compositing Web Animations: property <top> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Fail Compositing Web Animations: property <top> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Pass Compositing Web Animations: property <top> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Fail Compositing Web Animations: property <top> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Pass Compositing CSS Animations: property <top> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Pass Compositing CSS Animations: property <top> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Pass Compositing CSS Animations: property <top> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Fail Compositing CSS Animations: property <top> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Pass Compositing CSS Animations: property <top> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Pass Compositing Web Animations: property <top> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Pass Compositing Web Animations: property <top> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Pass Compositing Web Animations: property <top> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Fail Compositing Web Animations: property <top> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Pass Compositing Web Animations: property <top> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Pass Compositing CSS Animations: property <top> underlying [50px] from add [100px] to replace [200px] at (-0.3) should be [135px]
Pass Compositing CSS Animations: property <top> underlying [50px] from add [100px] to replace [200px] at (0) should be [150px]
Pass Compositing CSS Animations: property <top> underlying [50px] from add [100px] to replace [200px] at (0.5) should be [175px]

24
Tests/LibWeb/Text/expected/wpt-import/css/css-shapes/animation/shape-margin-composition.txt
View File

@@ -2,8 +2,8 @@ Harness status: OK
Found 40 tests
32 Pass
8 Fail
38 Pass
2 Fail
Pass Compositing CSS Animations: property <shape-margin> underlying [50px] from add [100px] to add [200px] at (-0.3) should be [120px]
Pass Compositing CSS Animations: property <shape-margin> underlying [50px] from add [100px] to add [200px] at (0) should be [150px]
Pass Compositing CSS Animations: property <shape-margin> underlying [50px] from add [100px] to add [200px] at (0.5) should be [200px]
@@ -24,16 +24,16 @@ Pass Compositing Web Animations: property <shape-margin> underlying [100px] from
Pass Compositing Web Animations: property <shape-margin> underlying [100px] from add [10px] to add [2px] at (0.5) should be [106px]
Pass Compositing Web Animations: property <shape-margin> underlying [100px] from add [10px] to add [2px] at (1) should be [102px]
Pass Compositing Web Animations: property <shape-margin> underlying [100px] from add [10px] to add [2px] at (1.5) should be [98px]
Fail Compositing CSS Animations: property <shape-margin> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Fail Compositing CSS Animations: property <shape-margin> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Fail Compositing CSS Animations: property <shape-margin> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Pass Compositing CSS Animations: property <shape-margin> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Fail Compositing CSS Animations: property <shape-margin> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Fail Compositing Web Animations: property <shape-margin> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Fail Compositing Web Animations: property <shape-margin> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Fail Compositing Web Animations: property <shape-margin> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Pass Compositing Web Animations: property <shape-margin> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Fail Compositing Web Animations: property <shape-margin> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Pass Compositing CSS Animations: property <shape-margin> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Pass Compositing CSS Animations: property <shape-margin> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Pass Compositing CSS Animations: property <shape-margin> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Fail Compositing CSS Animations: property <shape-margin> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Pass Compositing CSS Animations: property <shape-margin> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Pass Compositing Web Animations: property <shape-margin> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Pass Compositing Web Animations: property <shape-margin> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Pass Compositing Web Animations: property <shape-margin> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Fail Compositing Web Animations: property <shape-margin> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Pass Compositing Web Animations: property <shape-margin> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Pass Compositing CSS Animations: property <shape-margin> underlying [50px] from add [100px] to replace [200px] at (-0.3) should be [135px]
Pass Compositing CSS Animations: property <shape-margin> underlying [50px] from add [100px] to replace [200px] at (0) should be [150px]
Pass Compositing CSS Animations: property <shape-margin> underlying [50px] from add [100px] to replace [200px] at (0.5) should be [175px]

24
Tests/LibWeb/Text/expected/wpt-import/css/css-sizing/animation/max-height-composition.txt
View File

@@ -2,8 +2,8 @@ Harness status: OK
Found 60 tests
52 Pass
8 Fail
58 Pass
2 Fail
Pass Compositing CSS Animations: property <max-height> underlying [50px] from add [100px] to add [200px] at (-0.3) should be [120px]
Pass Compositing CSS Animations: property <max-height> underlying [50px] from add [100px] to add [200px] at (0) should be [150px]
Pass Compositing CSS Animations: property <max-height> underlying [50px] from add [100px] to add [200px] at (0.5) should be [200px]
@@ -24,16 +24,16 @@ Pass Compositing Web Animations: property <max-height> underlying [100px] from a
Pass Compositing Web Animations: property <max-height> underlying [100px] from add [10px] to add [2px] at (0.5) should be [106px]
Pass Compositing Web Animations: property <max-height> underlying [100px] from add [10px] to add [2px] at (1) should be [102px]
Pass Compositing Web Animations: property <max-height> underlying [100px] from add [10px] to add [2px] at (1.5) should be [98px]
Fail Compositing CSS Animations: property <max-height> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Fail Compositing CSS Animations: property <max-height> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Fail Compositing CSS Animations: property <max-height> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Pass Compositing CSS Animations: property <max-height> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Fail Compositing CSS Animations: property <max-height> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Fail Compositing Web Animations: property <max-height> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Fail Compositing Web Animations: property <max-height> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Fail Compositing Web Animations: property <max-height> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Pass Compositing Web Animations: property <max-height> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Fail Compositing Web Animations: property <max-height> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Pass Compositing CSS Animations: property <max-height> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Pass Compositing CSS Animations: property <max-height> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Pass Compositing CSS Animations: property <max-height> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Fail Compositing CSS Animations: property <max-height> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Pass Compositing CSS Animations: property <max-height> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Pass Compositing Web Animations: property <max-height> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Pass Compositing Web Animations: property <max-height> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Pass Compositing Web Animations: property <max-height> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Fail Compositing Web Animations: property <max-height> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Pass Compositing Web Animations: property <max-height> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Pass Compositing CSS Animations: property <max-height> underlying [50px] from add [100px] to replace [200px] at (-0.3) should be [135px]
Pass Compositing CSS Animations: property <max-height> underlying [50px] from add [100px] to replace [200px] at (0) should be [150px]
Pass Compositing CSS Animations: property <max-height> underlying [50px] from add [100px] to replace [200px] at (0.5) should be [175px]

24
Tests/LibWeb/Text/expected/wpt-import/css/css-sizing/animation/max-width-composition.txt
View File

@@ -2,8 +2,8 @@ Harness status: OK
Found 60 tests
52 Pass
8 Fail
58 Pass
2 Fail
Pass Compositing CSS Animations: property <max-width> underlying [50px] from add [100px] to add [200px] at (-0.3) should be [120px]
Pass Compositing CSS Animations: property <max-width> underlying [50px] from add [100px] to add [200px] at (0) should be [150px]
Pass Compositing CSS Animations: property <max-width> underlying [50px] from add [100px] to add [200px] at (0.5) should be [200px]
@@ -24,16 +24,16 @@ Pass Compositing Web Animations: property <max-width> underlying [100px] from ad
Pass Compositing Web Animations: property <max-width> underlying [100px] from add [10px] to add [2px] at (0.5) should be [106px]
Pass Compositing Web Animations: property <max-width> underlying [100px] from add [10px] to add [2px] at (1) should be [102px]
Pass Compositing Web Animations: property <max-width> underlying [100px] from add [10px] to add [2px] at (1.5) should be [98px]
Fail Compositing CSS Animations: property <max-width> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Fail Compositing CSS Animations: property <max-width> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Fail Compositing CSS Animations: property <max-width> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Pass Compositing CSS Animations: property <max-width> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Fail Compositing CSS Animations: property <max-width> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Fail Compositing Web Animations: property <max-width> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Fail Compositing Web Animations: property <max-width> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Fail Compositing Web Animations: property <max-width> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Pass Compositing Web Animations: property <max-width> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Fail Compositing Web Animations: property <max-width> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Pass Compositing CSS Animations: property <max-width> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Pass Compositing CSS Animations: property <max-width> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Pass Compositing CSS Animations: property <max-width> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Fail Compositing CSS Animations: property <max-width> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Pass Compositing CSS Animations: property <max-width> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Pass Compositing Web Animations: property <max-width> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Pass Compositing Web Animations: property <max-width> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Pass Compositing Web Animations: property <max-width> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Fail Compositing Web Animations: property <max-width> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Pass Compositing Web Animations: property <max-width> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Pass Compositing CSS Animations: property <max-width> underlying [50px] from add [100px] to replace [200px] at (-0.3) should be [135px]
Pass Compositing CSS Animations: property <max-width> underlying [50px] from add [100px] to replace [200px] at (0) should be [150px]
Pass Compositing CSS Animations: property <max-width> underlying [50px] from add [100px] to replace [200px] at (0.5) should be [175px]

24
Tests/LibWeb/Text/expected/wpt-import/css/css-sizing/animation/min-height-composition.txt
View File

@@ -2,8 +2,8 @@ Harness status: OK
Found 60 tests
52 Pass
8 Fail
58 Pass
2 Fail
Pass Compositing CSS Animations: property <min-height> underlying [50px] from add [100px] to add [200px] at (-0.3) should be [120px]
Pass Compositing CSS Animations: property <min-height> underlying [50px] from add [100px] to add [200px] at (0) should be [150px]
Pass Compositing CSS Animations: property <min-height> underlying [50px] from add [100px] to add [200px] at (0.5) should be [200px]
@@ -24,16 +24,16 @@ Pass Compositing Web Animations: property <min-height> underlying [100px] from a
Pass Compositing Web Animations: property <min-height> underlying [100px] from add [10px] to add [2px] at (0.5) should be [106px]
Pass Compositing Web Animations: property <min-height> underlying [100px] from add [10px] to add [2px] at (1) should be [102px]
Pass Compositing Web Animations: property <min-height> underlying [100px] from add [10px] to add [2px] at (1.5) should be [98px]
Fail Compositing CSS Animations: property <min-height> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Fail Compositing CSS Animations: property <min-height> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Fail Compositing CSS Animations: property <min-height> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Pass Compositing CSS Animations: property <min-height> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Fail Compositing CSS Animations: property <min-height> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Fail Compositing Web Animations: property <min-height> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Fail Compositing Web Animations: property <min-height> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Fail Compositing Web Animations: property <min-height> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Pass Compositing Web Animations: property <min-height> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Fail Compositing Web Animations: property <min-height> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Pass Compositing CSS Animations: property <min-height> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Pass Compositing CSS Animations: property <min-height> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Pass Compositing CSS Animations: property <min-height> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Fail Compositing CSS Animations: property <min-height> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Pass Compositing CSS Animations: property <min-height> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Pass Compositing Web Animations: property <min-height> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Pass Compositing Web Animations: property <min-height> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Pass Compositing Web Animations: property <min-height> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Fail Compositing Web Animations: property <min-height> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Pass Compositing Web Animations: property <min-height> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Pass Compositing CSS Animations: property <min-height> underlying [50px] from add [100px] to replace [200px] at (-0.3) should be [135px]
Pass Compositing CSS Animations: property <min-height> underlying [50px] from add [100px] to replace [200px] at (0) should be [150px]
Pass Compositing CSS Animations: property <min-height> underlying [50px] from add [100px] to replace [200px] at (0.5) should be [175px]

24
Tests/LibWeb/Text/expected/wpt-import/css/css-sizing/animation/min-width-composition.txt
View File

@@ -2,8 +2,8 @@ Harness status: OK
Found 60 tests
52 Pass
8 Fail
58 Pass
2 Fail
Pass Compositing CSS Animations: property <min-width> underlying [50px] from add [100px] to add [200px] at (-0.3) should be [120px]
Pass Compositing CSS Animations: property <min-width> underlying [50px] from add [100px] to add [200px] at (0) should be [150px]
Pass Compositing CSS Animations: property <min-width> underlying [50px] from add [100px] to add [200px] at (0.5) should be [200px]
@@ -24,16 +24,16 @@ Pass Compositing Web Animations: property <min-width> underlying [100px] from ad
Pass Compositing Web Animations: property <min-width> underlying [100px] from add [10px] to add [2px] at (0.5) should be [106px]
Pass Compositing Web Animations: property <min-width> underlying [100px] from add [10px] to add [2px] at (1) should be [102px]
Pass Compositing Web Animations: property <min-width> underlying [100px] from add [10px] to add [2px] at (1.5) should be [98px]
Fail Compositing CSS Animations: property <min-width> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Fail Compositing CSS Animations: property <min-width> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Fail Compositing CSS Animations: property <min-width> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Pass Compositing CSS Animations: property <min-width> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Fail Compositing CSS Animations: property <min-width> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Fail Compositing Web Animations: property <min-width> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Fail Compositing Web Animations: property <min-width> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Fail Compositing Web Animations: property <min-width> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Pass Compositing Web Animations: property <min-width> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Fail Compositing Web Animations: property <min-width> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Pass Compositing CSS Animations: property <min-width> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Pass Compositing CSS Animations: property <min-width> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Pass Compositing CSS Animations: property <min-width> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Fail Compositing CSS Animations: property <min-width> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Pass Compositing CSS Animations: property <min-width> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Pass Compositing Web Animations: property <min-width> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Pass Compositing Web Animations: property <min-width> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Pass Compositing Web Animations: property <min-width> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Fail Compositing Web Animations: property <min-width> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Pass Compositing Web Animations: property <min-width> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Pass Compositing CSS Animations: property <min-width> underlying [50px] from add [100px] to replace [200px] at (-0.3) should be [135px]
Pass Compositing CSS Animations: property <min-width> underlying [50px] from add [100px] to replace [200px] at (0) should be [150px]
Pass Compositing CSS Animations: property <min-width> underlying [50px] from add [100px] to replace [200px] at (0.5) should be [175px]

24
Tests/LibWeb/Text/expected/wpt-import/css/css-sizing/animation/width-composition.txt
View File

@@ -2,8 +2,8 @@ Harness status: OK
Found 60 tests
52 Pass
8 Fail
58 Pass
2 Fail
Pass Compositing CSS Animations: property <width> underlying [50px] from add [100px] to add [200px] at (-0.3) should be [120px]
Pass Compositing CSS Animations: property <width> underlying [50px] from add [100px] to add [200px] at (0) should be [150px]
Pass Compositing CSS Animations: property <width> underlying [50px] from add [100px] to add [200px] at (0.5) should be [200px]
@@ -24,16 +24,16 @@ Pass Compositing Web Animations: property <width> underlying [100px] from add [1
Pass Compositing Web Animations: property <width> underlying [100px] from add [10px] to add [2px] at (0.5) should be [106px]
Pass Compositing Web Animations: property <width> underlying [100px] from add [10px] to add [2px] at (1) should be [102px]
Pass Compositing Web Animations: property <width> underlying [100px] from add [10px] to add [2px] at (1.5) should be [98px]
Fail Compositing CSS Animations: property <width> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Fail Compositing CSS Animations: property <width> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Fail Compositing CSS Animations: property <width> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Pass Compositing CSS Animations: property <width> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Fail Compositing CSS Animations: property <width> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Fail Compositing Web Animations: property <width> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Fail Compositing Web Animations: property <width> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Fail Compositing Web Animations: property <width> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Pass Compositing Web Animations: property <width> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Fail Compositing Web Animations: property <width> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Pass Compositing CSS Animations: property <width> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Pass Compositing CSS Animations: property <width> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Pass Compositing CSS Animations: property <width> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Fail Compositing CSS Animations: property <width> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Pass Compositing CSS Animations: property <width> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Pass Compositing Web Animations: property <width> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Pass Compositing Web Animations: property <width> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Pass Compositing Web Animations: property <width> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Fail Compositing Web Animations: property <width> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Pass Compositing Web Animations: property <width> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Pass Compositing CSS Animations: property <width> underlying [50px] from add [100px] to replace [200px] at (-0.3) should be [135px]
Pass Compositing CSS Animations: property <width> underlying [50px] from add [100px] to replace [200px] at (0) should be [150px]
Pass Compositing CSS Animations: property <width> underlying [50px] from add [100px] to replace [200px] at (0.5) should be [175px]

24
Tests/LibWeb/Text/expected/wpt-import/css/css-transitions/animations/vertical-align-composition.txt
View File

@@ -2,8 +2,8 @@ Harness status: OK
Found 40 tests
32 Pass
8 Fail
38 Pass
2 Fail
Pass Compositing CSS Animations: property <vertical-align> underlying [50px] from add [100px] to add [200px] at (-0.3) should be [120px]
Pass Compositing CSS Animations: property <vertical-align> underlying [50px] from add [100px] to add [200px] at (0) should be [150px]
Pass Compositing CSS Animations: property <vertical-align> underlying [50px] from add [100px] to add [200px] at (0.5) should be [200px]
@@ -24,16 +24,16 @@ Pass Compositing Web Animations: property <vertical-align> underlying [100px] fr
Pass Compositing Web Animations: property <vertical-align> underlying [100px] from add [10px] to add [2px] at (0.5) should be [106px]
Pass Compositing Web Animations: property <vertical-align> underlying [100px] from add [10px] to add [2px] at (1) should be [102px]
Pass Compositing Web Animations: property <vertical-align> underlying [100px] from add [10px] to add [2px] at (1.5) should be [98px]
Fail Compositing CSS Animations: property <vertical-align> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Fail Compositing CSS Animations: property <vertical-align> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Fail Compositing CSS Animations: property <vertical-align> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Pass Compositing CSS Animations: property <vertical-align> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Fail Compositing CSS Animations: property <vertical-align> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Fail Compositing Web Animations: property <vertical-align> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Fail Compositing Web Animations: property <vertical-align> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Fail Compositing Web Animations: property <vertical-align> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Pass Compositing Web Animations: property <vertical-align> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Fail Compositing Web Animations: property <vertical-align> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Pass Compositing CSS Animations: property <vertical-align> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Pass Compositing CSS Animations: property <vertical-align> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Pass Compositing CSS Animations: property <vertical-align> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Fail Compositing CSS Animations: property <vertical-align> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Pass Compositing CSS Animations: property <vertical-align> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Pass Compositing Web Animations: property <vertical-align> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Pass Compositing Web Animations: property <vertical-align> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Pass Compositing Web Animations: property <vertical-align> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Fail Compositing Web Animations: property <vertical-align> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Pass Compositing Web Animations: property <vertical-align> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Pass Compositing CSS Animations: property <vertical-align> underlying [50px] from add [100px] to replace [200px] at (-0.3) should be [135px]
Pass Compositing CSS Animations: property <vertical-align> underlying [50px] from add [100px] to replace [200px] at (0) should be [150px]
Pass Compositing CSS Animations: property <vertical-align> underlying [50px] from add [100px] to replace [200px] at (0.5) should be [175px]