diff --git a/Libraries/LibWeb/CSS/Interpolation.cpp b/Libraries/LibWeb/CSS/Interpolation.cpp index bba12e76dd9..5c58f70c2a5 100644 --- a/Libraries/LibWeb/CSS/Interpolation.cpp +++ b/Libraries/LibWeb/CSS/Interpolation.cpp @@ -14,6 +14,7 @@ #include #include #include +#include #include #include #include @@ -1174,6 +1175,24 @@ static RefPtr interpolate_value_impl(DOM::Element& element, Ca return BackgroundSizeStyleValue::create(*interpolated_x, *interpolated_y); } + case StyleValue::Type::BorderImageSlice: { + auto& from_border_image_slice = from.as_border_image_slice(); + auto& to_border_image_slice = to.as_border_image_slice(); + if (from_border_image_slice.fill() != to_border_image_slice.fill()) + return {}; + auto interpolated_top = interpolate_value(element, calculation_context, from_border_image_slice.top(), to_border_image_slice.top(), delta, allow_discrete); + auto interpolated_right = interpolate_value(element, calculation_context, from_border_image_slice.right(), to_border_image_slice.right(), delta, allow_discrete); + auto interpolated_bottom = interpolate_value(element, calculation_context, from_border_image_slice.bottom(), to_border_image_slice.bottom(), delta, allow_discrete); + auto interpolated_left = interpolate_value(element, calculation_context, from_border_image_slice.left(), to_border_image_slice.left(), delta, allow_discrete); + if (!interpolated_top || !interpolated_right || !interpolated_bottom || !interpolated_left) + return {}; + return BorderImageSliceStyleValue::create( + interpolated_top.release_nonnull(), + interpolated_right.release_nonnull(), + interpolated_bottom.release_nonnull(), + interpolated_left.release_nonnull(), + from_border_image_slice.fill()); + } case StyleValue::Type::Color: { ColorResolutionContext color_resolution_context {}; if (auto node = element.layout_node()) { diff --git a/Tests/LibWeb/Text/expected/wpt-import/css/css-backgrounds/animations/border-image-slice-composition.txt b/Tests/LibWeb/Text/expected/wpt-import/css/css-backgrounds/animations/border-image-slice-composition.txt index 5be24ae368b..331e8ff3720 100644 --- a/Tests/LibWeb/Text/expected/wpt-import/css/css-backgrounds/animations/border-image-slice-composition.txt +++ b/Tests/LibWeb/Text/expected/wpt-import/css/css-backgrounds/animations/border-image-slice-composition.txt @@ -2,9 +2,9 @@ Harness status: OK Found 56 tests -17 Pass -39 Fail -Fail Compositing: property underlying [1 2 3 4] from add [1 2 3 4] to add [101 102 103 104] at (-0.25) should be [0] +19 Pass +37 Fail +Pass Compositing: property underlying [1 2 3 4] from add [1 2 3 4] to add [101 102 103 104] at (-0.25) should be [0] Fail Compositing: property underlying [1 2 3 4] from add [1 2 3 4] to add [101 102 103 104] at (0) should be [2 4 6 8] Fail Compositing: property underlying [1 2 3 4] from add [1 2 3 4] to add [101 102 103 104] at (0.25) should be [27 29 31 33] Fail Compositing: property underlying [1 2 3 4] from add [1 2 3 4] to add [101 102 103 104] at (0.5) should be [52 54 56 58] @@ -18,7 +18,7 @@ Fail Compositing: property underlying [100 200 300 400 fill Fail Compositing: property underlying [100 200 300 400 fill] from add [100 fill] to add [200 300 500 fill] at (0.75) should be [275 450 700 650 fill] Fail Compositing: property underlying [100 200 300 400 fill] from add [100 fill] to add [200 300 500 fill] at (1) should be [300 500 800 700 fill] Fail Compositing: property underlying [100 200 300 400 fill] from add [100 fill] to add [200 300 500 fill] at (1.25) should be [325 550 900 750 fill] -Fail Compositing: property underlying [1 2 3% 4%] from add [1 2 3% 4%] to add [101 102 103% 104%] at (-0.25) should be [0 0 0% 0%] +Pass Compositing: property underlying [1 2 3% 4%] from add [1 2 3% 4%] to add [101 102 103% 104%] at (-0.25) should be [0 0 0% 0%] Fail Compositing: property underlying [1 2 3% 4%] from add [1 2 3% 4%] to add [101 102 103% 104%] at (0) should be [2 4 6% 8%] Fail Compositing: property underlying [1 2 3% 4%] from add [1 2 3% 4%] to add [101 102 103% 104%] at (0.25) should be [27 29 31% 33%] Fail Compositing: property underlying [1 2 3% 4%] from add [1 2 3% 4%] to add [101 102 103% 104%] at (0.5) should be [52 54 56% 58%] diff --git a/Tests/LibWeb/Text/expected/wpt-import/css/css-backgrounds/animations/border-image-slice-interpolation.txt b/Tests/LibWeb/Text/expected/wpt-import/css/css-backgrounds/animations/border-image-slice-interpolation.txt index 13552426a5f..795a1028396 100644 --- a/Tests/LibWeb/Text/expected/wpt-import/css/css-backgrounds/animations/border-image-slice-interpolation.txt +++ b/Tests/LibWeb/Text/expected/wpt-import/css/css-backgrounds/animations/border-image-slice-interpolation.txt @@ -2,232 +2,231 @@ Harness status: OK Found 434 tests -260 Pass -174 Fail -Fail CSS Transitions: property from neutral to [10%] at (-0.3) should be [23%] -Fail CSS Transitions: property from neutral to [10%] at (0) should be [20%] -Fail CSS Transitions: property from neutral to [10%] at (0.3) should be [17%] -Fail CSS Transitions: property from neutral to [10%] at (0.5) should be [15%] -Fail CSS Transitions: property from neutral to [10%] at (0.6) should be [14%] +434 Pass +Pass CSS Transitions: property from neutral to [10%] at (-0.3) should be [23%] +Pass CSS Transitions: property from neutral to [10%] at (0) should be [20%] +Pass CSS Transitions: property from neutral to [10%] at (0.3) should be [17%] +Pass CSS Transitions: property from neutral to [10%] at (0.5) should be [15%] +Pass CSS Transitions: property from neutral to [10%] at (0.6) should be [14%] Pass CSS Transitions: property from neutral to [10%] at (1) should be [10%] -Fail CSS Transitions: property from neutral to [10%] at (1.5) should be [5%] -Fail CSS Transitions with transition: all: property from neutral to [10%] at (-0.3) should be [23%] -Fail CSS Transitions with transition: all: property from neutral to [10%] at (0) should be [20%] -Fail CSS Transitions with transition: all: property from neutral to [10%] at (0.3) should be [17%] -Fail CSS Transitions with transition: all: property from neutral to [10%] at (0.5) should be [15%] -Fail CSS Transitions with transition: all: property from neutral to [10%] at (0.6) should be [14%] +Pass CSS Transitions: property from neutral to [10%] at (1.5) should be [5%] +Pass CSS Transitions with transition: all: property from neutral to [10%] at (-0.3) should be [23%] +Pass CSS Transitions with transition: all: property from neutral to [10%] at (0) should be [20%] +Pass CSS Transitions with transition: all: property from neutral to [10%] at (0.3) should be [17%] +Pass CSS Transitions with transition: all: property from neutral to [10%] at (0.5) should be [15%] +Pass CSS Transitions with transition: all: property from neutral to [10%] at (0.6) should be [14%] Pass CSS Transitions with transition: all: property from neutral to [10%] at (1) should be [10%] -Fail CSS Transitions with transition: all: property from neutral to [10%] at (1.5) should be [5%] -Fail CSS Animations: property from neutral to [10%] at (-0.3) should be [23%] +Pass CSS Transitions with transition: all: property from neutral to [10%] at (1.5) should be [5%] +Pass CSS Animations: property from neutral to [10%] at (-0.3) should be [23%] Pass CSS Animations: property from neutral to [10%] at (0) should be [20%] -Fail CSS Animations: property from neutral to [10%] at (0.3) should be [17%] -Fail CSS Animations: property from neutral to [10%] at (0.5) should be [15%] -Fail CSS Animations: property from neutral to [10%] at (0.6) should be [14%] +Pass CSS Animations: property from neutral to [10%] at (0.3) should be [17%] +Pass CSS Animations: property from neutral to [10%] at (0.5) should be [15%] +Pass CSS Animations: property from neutral to [10%] at (0.6) should be [14%] Pass CSS Animations: property from neutral to [10%] at (1) should be [10%] -Fail CSS Animations: property from neutral to [10%] at (1.5) should be [5%] -Fail Web Animations: property from neutral to [10%] at (-0.3) should be [23%] +Pass CSS Animations: property from neutral to [10%] at (1.5) should be [5%] +Pass Web Animations: property from neutral to [10%] at (-0.3) should be [23%] Pass Web Animations: property from neutral to [10%] at (0) should be [20%] -Fail Web Animations: property from neutral to [10%] at (0.3) should be [17%] -Fail Web Animations: property from neutral to [10%] at (0.5) should be [15%] -Fail Web Animations: property from neutral to [10%] at (0.6) should be [14%] +Pass Web Animations: property from neutral to [10%] at (0.3) should be [17%] +Pass Web Animations: property from neutral to [10%] at (0.5) should be [15%] +Pass Web Animations: property from neutral to [10%] at (0.6) should be [14%] Pass Web Animations: property from neutral to [10%] at (1) should be [10%] -Fail Web Animations: property from neutral to [10%] at (1.5) should be [5%] -Fail CSS Transitions: property from [initial] to [10%] at (-0.3) should be [127%] -Fail CSS Transitions: property from [initial] to [10%] at (0) should be [100%] -Fail CSS Transitions: property from [initial] to [10%] at (0.3) should be [73%] -Fail CSS Transitions: property from [initial] to [10%] at (0.5) should be [55%] -Fail CSS Transitions: property from [initial] to [10%] at (0.6) should be [46%] +Pass Web Animations: property from neutral to [10%] at (1.5) should be [5%] +Pass CSS Transitions: property from [initial] to [10%] at (-0.3) should be [127%] +Pass CSS Transitions: property from [initial] to [10%] at (0) should be [100%] +Pass CSS Transitions: property from [initial] to [10%] at (0.3) should be [73%] +Pass CSS Transitions: property from [initial] to [10%] at (0.5) should be [55%] +Pass CSS Transitions: property from [initial] to [10%] at (0.6) should be [46%] Pass CSS Transitions: property from [initial] to [10%] at (1) should be [10%] -Fail CSS Transitions: property from [initial] to [10%] at (1.5) should be [0%] -Fail CSS Transitions with transition: all: property from [initial] to [10%] at (-0.3) should be [127%] -Fail CSS Transitions with transition: all: property from [initial] to [10%] at (0) should be [100%] -Fail CSS Transitions with transition: all: property from [initial] to [10%] at (0.3) should be [73%] -Fail CSS Transitions with transition: all: property from [initial] to [10%] at (0.5) should be [55%] -Fail CSS Transitions with transition: all: property from [initial] to [10%] at (0.6) should be [46%] +Pass CSS Transitions: property from [initial] to [10%] at (1.5) should be [0%] +Pass CSS Transitions with transition: all: property from [initial] to [10%] at (-0.3) should be [127%] +Pass CSS Transitions with transition: all: property from [initial] to [10%] at (0) should be [100%] +Pass CSS Transitions with transition: all: property from [initial] to [10%] at (0.3) should be [73%] +Pass CSS Transitions with transition: all: property from [initial] to [10%] at (0.5) should be [55%] +Pass CSS Transitions with transition: all: property from [initial] to [10%] at (0.6) should be [46%] Pass CSS Transitions with transition: all: property from [initial] to [10%] at (1) should be [10%] -Fail CSS Transitions with transition: all: property from [initial] to [10%] at (1.5) should be [0%] -Fail CSS Animations: property from [initial] to [10%] at (-0.3) should be [127%] +Pass CSS Transitions with transition: all: property from [initial] to [10%] at (1.5) should be [0%] +Pass CSS Animations: property from [initial] to [10%] at (-0.3) should be [127%] Pass CSS Animations: property from [initial] to [10%] at (0) should be [100%] -Fail CSS Animations: property from [initial] to [10%] at (0.3) should be [73%] -Fail CSS Animations: property from [initial] to [10%] at (0.5) should be [55%] -Fail CSS Animations: property from [initial] to [10%] at (0.6) should be [46%] +Pass CSS Animations: property from [initial] to [10%] at (0.3) should be [73%] +Pass CSS Animations: property from [initial] to [10%] at (0.5) should be [55%] +Pass CSS Animations: property from [initial] to [10%] at (0.6) should be [46%] Pass CSS Animations: property from [initial] to [10%] at (1) should be [10%] -Fail CSS Animations: property from [initial] to [10%] at (1.5) should be [0%] -Fail Web Animations: property from [initial] to [10%] at (-0.3) should be [127%] +Pass CSS Animations: property from [initial] to [10%] at (1.5) should be [0%] +Pass Web Animations: property from [initial] to [10%] at (-0.3) should be [127%] Pass Web Animations: property from [initial] to [10%] at (0) should be [100%] -Fail Web Animations: property from [initial] to [10%] at (0.3) should be [73%] -Fail Web Animations: property from [initial] to [10%] at (0.5) should be [55%] -Fail Web Animations: property from [initial] to [10%] at (0.6) should be [46%] +Pass Web Animations: property from [initial] to [10%] at (0.3) should be [73%] +Pass Web Animations: property from [initial] to [10%] at (0.5) should be [55%] +Pass Web Animations: property from [initial] to [10%] at (0.6) should be [46%] Pass Web Animations: property from [initial] to [10%] at (1) should be [10%] -Fail Web Animations: property from [initial] to [10%] at (1.5) should be [0%] -Fail CSS Transitions: property from [inherit] to [10%] at (-0.3) should be [62%] -Fail CSS Transitions: property from [inherit] to [10%] at (0) should be [50%] -Fail CSS Transitions: property from [inherit] to [10%] at (0.3) should be [38%] -Fail CSS Transitions: property from [inherit] to [10%] at (0.5) should be [30%] -Fail CSS Transitions: property from [inherit] to [10%] at (0.6) should be [26%] +Pass Web Animations: property from [initial] to [10%] at (1.5) should be [0%] +Pass CSS Transitions: property from [inherit] to [10%] at (-0.3) should be [62%] +Pass CSS Transitions: property from [inherit] to [10%] at (0) should be [50%] +Pass CSS Transitions: property from [inherit] to [10%] at (0.3) should be [38%] +Pass CSS Transitions: property from [inherit] to [10%] at (0.5) should be [30%] +Pass CSS Transitions: property from [inherit] to [10%] at (0.6) should be [26%] Pass CSS Transitions: property from [inherit] to [10%] at (1) should be [10%] -Fail CSS Transitions: property from [inherit] to [10%] at (1.5) should be [0%] -Fail CSS Transitions with transition: all: property from [inherit] to [10%] at (-0.3) should be [62%] -Fail CSS Transitions with transition: all: property from [inherit] to [10%] at (0) should be [50%] -Fail CSS Transitions with transition: all: property from [inherit] to [10%] at (0.3) should be [38%] -Fail CSS Transitions with transition: all: property from [inherit] to [10%] at (0.5) should be [30%] -Fail CSS Transitions with transition: all: property from [inherit] to [10%] at (0.6) should be [26%] +Pass CSS Transitions: property from [inherit] to [10%] at (1.5) should be [0%] +Pass CSS Transitions with transition: all: property from [inherit] to [10%] at (-0.3) should be [62%] +Pass CSS Transitions with transition: all: property from [inherit] to [10%] at (0) should be [50%] +Pass CSS Transitions with transition: all: property from [inherit] to [10%] at (0.3) should be [38%] +Pass CSS Transitions with transition: all: property from [inherit] to [10%] at (0.5) should be [30%] +Pass CSS Transitions with transition: all: property from [inherit] to [10%] at (0.6) should be [26%] Pass CSS Transitions with transition: all: property from [inherit] to [10%] at (1) should be [10%] -Fail CSS Transitions with transition: all: property from [inherit] to [10%] at (1.5) should be [0%] -Fail CSS Animations: property from [inherit] to [10%] at (-0.3) should be [62%] +Pass CSS Transitions with transition: all: property from [inherit] to [10%] at (1.5) should be [0%] +Pass CSS Animations: property from [inherit] to [10%] at (-0.3) should be [62%] Pass CSS Animations: property from [inherit] to [10%] at (0) should be [50%] -Fail CSS Animations: property from [inherit] to [10%] at (0.3) should be [38%] -Fail CSS Animations: property from [inherit] to [10%] at (0.5) should be [30%] -Fail CSS Animations: property from [inherit] to [10%] at (0.6) should be [26%] +Pass CSS Animations: property from [inherit] to [10%] at (0.3) should be [38%] +Pass CSS Animations: property from [inherit] to [10%] at (0.5) should be [30%] +Pass CSS Animations: property from [inherit] to [10%] at (0.6) should be [26%] Pass CSS Animations: property from [inherit] to [10%] at (1) should be [10%] -Fail CSS Animations: property from [inherit] to [10%] at (1.5) should be [0%] -Fail Web Animations: property from [inherit] to [10%] at (-0.3) should be [62%] +Pass CSS Animations: property from [inherit] to [10%] at (1.5) should be [0%] +Pass Web Animations: property from [inherit] to [10%] at (-0.3) should be [62%] Pass Web Animations: property from [inherit] to [10%] at (0) should be [50%] -Fail Web Animations: property from [inherit] to [10%] at (0.3) should be [38%] -Fail Web Animations: property from [inherit] to [10%] at (0.5) should be [30%] -Fail Web Animations: property from [inherit] to [10%] at (0.6) should be [26%] +Pass Web Animations: property from [inherit] to [10%] at (0.3) should be [38%] +Pass Web Animations: property from [inherit] to [10%] at (0.5) should be [30%] +Pass Web Animations: property from [inherit] to [10%] at (0.6) should be [26%] Pass Web Animations: property from [inherit] to [10%] at (1) should be [10%] -Fail Web Animations: property from [inherit] to [10%] at (1.5) should be [0%] -Fail CSS Transitions: property from [unset] to [10%] at (-0.3) should be [127%] -Fail CSS Transitions: property from [unset] to [10%] at (0) should be [100%] -Fail CSS Transitions: property from [unset] to [10%] at (0.3) should be [73%] -Fail CSS Transitions: property from [unset] to [10%] at (0.5) should be [55%] -Fail CSS Transitions: property from [unset] to [10%] at (0.6) should be [46%] +Pass Web Animations: property from [inherit] to [10%] at (1.5) should be [0%] +Pass CSS Transitions: property from [unset] to [10%] at (-0.3) should be [127%] +Pass CSS Transitions: property from [unset] to [10%] at (0) should be [100%] +Pass CSS Transitions: property from [unset] to [10%] at (0.3) should be [73%] +Pass CSS Transitions: property from [unset] to [10%] at (0.5) should be [55%] +Pass CSS Transitions: property from [unset] to [10%] at (0.6) should be [46%] Pass CSS Transitions: property from [unset] to [10%] at (1) should be [10%] -Fail CSS Transitions: property from [unset] to [10%] at (1.5) should be [0%] -Fail CSS Transitions with transition: all: property from [unset] to [10%] at (-0.3) should be [127%] -Fail CSS Transitions with transition: all: property from [unset] to [10%] at (0) should be [100%] -Fail CSS Transitions with transition: all: property from [unset] to [10%] at (0.3) should be [73%] -Fail CSS Transitions with transition: all: property from [unset] to [10%] at (0.5) should be [55%] -Fail CSS Transitions with transition: all: property from [unset] to [10%] at (0.6) should be [46%] +Pass CSS Transitions: property from [unset] to [10%] at (1.5) should be [0%] +Pass CSS Transitions with transition: all: property from [unset] to [10%] at (-0.3) should be [127%] +Pass CSS Transitions with transition: all: property from [unset] to [10%] at (0) should be [100%] +Pass CSS Transitions with transition: all: property from [unset] to [10%] at (0.3) should be [73%] +Pass CSS Transitions with transition: all: property from [unset] to [10%] at (0.5) should be [55%] +Pass CSS Transitions with transition: all: property from [unset] to [10%] at (0.6) should be [46%] Pass CSS Transitions with transition: all: property from [unset] to [10%] at (1) should be [10%] -Fail CSS Transitions with transition: all: property from [unset] to [10%] at (1.5) should be [0%] -Fail CSS Animations: property from [unset] to [10%] at (-0.3) should be [127%] +Pass CSS Transitions with transition: all: property from [unset] to [10%] at (1.5) should be [0%] +Pass CSS Animations: property from [unset] to [10%] at (-0.3) should be [127%] Pass CSS Animations: property from [unset] to [10%] at (0) should be [100%] -Fail CSS Animations: property from [unset] to [10%] at (0.3) should be [73%] -Fail CSS Animations: property from [unset] to [10%] at (0.5) should be [55%] -Fail CSS Animations: property from [unset] to [10%] at (0.6) should be [46%] +Pass CSS Animations: property from [unset] to [10%] at (0.3) should be [73%] +Pass CSS Animations: property from [unset] to [10%] at (0.5) should be [55%] +Pass CSS Animations: property from [unset] to [10%] at (0.6) should be [46%] Pass CSS Animations: property from [unset] to [10%] at (1) should be [10%] -Fail CSS Animations: property from [unset] to [10%] at (1.5) should be [0%] -Fail Web Animations: property from [unset] to [10%] at (-0.3) should be [127%] +Pass CSS Animations: property from [unset] to [10%] at (1.5) should be [0%] +Pass Web Animations: property from [unset] to [10%] at (-0.3) should be [127%] Pass Web Animations: property from [unset] to [10%] at (0) should be [100%] -Fail Web Animations: property from [unset] to [10%] at (0.3) should be [73%] -Fail Web Animations: property from [unset] to [10%] at (0.5) should be [55%] -Fail Web Animations: property from [unset] to [10%] at (0.6) should be [46%] +Pass Web Animations: property from [unset] to [10%] at (0.3) should be [73%] +Pass Web Animations: property from [unset] to [10%] at (0.5) should be [55%] +Pass Web Animations: property from [unset] to [10%] at (0.6) should be [46%] Pass Web Animations: property from [unset] to [10%] at (1) should be [10%] -Fail Web Animations: property from [unset] to [10%] at (1.5) should be [0%] -Fail CSS Transitions: property from [0%] to [50%] at (-0.3) should be [0%] -Fail CSS Transitions: property from [0%] to [50%] at (0) should be [0%] -Fail CSS Transitions: property from [0%] to [50%] at (0.3) should be [15%] -Fail CSS Transitions: property from [0%] to [50%] at (0.5) should be [25%] -Fail CSS Transitions: property from [0%] to [50%] at (0.6) should be [30%] +Pass Web Animations: property from [unset] to [10%] at (1.5) should be [0%] +Pass CSS Transitions: property from [0%] to [50%] at (-0.3) should be [0%] +Pass CSS Transitions: property from [0%] to [50%] at (0) should be [0%] +Pass CSS Transitions: property from [0%] to [50%] at (0.3) should be [15%] +Pass CSS Transitions: property from [0%] to [50%] at (0.5) should be [25%] +Pass CSS Transitions: property from [0%] to [50%] at (0.6) should be [30%] Pass CSS Transitions: property from [0%] to [50%] at (1) should be [50%] -Fail CSS Transitions: property from [0%] to [50%] at (1.5) should be [75%] -Fail CSS Transitions with transition: all: property from [0%] to [50%] at (-0.3) should be [0%] -Fail CSS Transitions with transition: all: property from [0%] to [50%] at (0) should be [0%] -Fail CSS Transitions with transition: all: property from [0%] to [50%] at (0.3) should be [15%] -Fail CSS Transitions with transition: all: property from [0%] to [50%] at (0.5) should be [25%] -Fail CSS Transitions with transition: all: property from [0%] to [50%] at (0.6) should be [30%] +Pass CSS Transitions: property from [0%] to [50%] at (1.5) should be [75%] +Pass CSS Transitions with transition: all: property from [0%] to [50%] at (-0.3) should be [0%] +Pass CSS Transitions with transition: all: property from [0%] to [50%] at (0) should be [0%] +Pass CSS Transitions with transition: all: property from [0%] to [50%] at (0.3) should be [15%] +Pass CSS Transitions with transition: all: property from [0%] to [50%] at (0.5) should be [25%] +Pass CSS Transitions with transition: all: property from [0%] to [50%] at (0.6) should be [30%] Pass CSS Transitions with transition: all: property from [0%] to [50%] at (1) should be [50%] -Fail CSS Transitions with transition: all: property from [0%] to [50%] at (1.5) should be [75%] +Pass CSS Transitions with transition: all: property from [0%] to [50%] at (1.5) should be [75%] Pass CSS Animations: property from [0%] to [50%] at (-0.3) should be [0%] Pass CSS Animations: property from [0%] to [50%] at (0) should be [0%] -Fail CSS Animations: property from [0%] to [50%] at (0.3) should be [15%] -Fail CSS Animations: property from [0%] to [50%] at (0.5) should be [25%] -Fail CSS Animations: property from [0%] to [50%] at (0.6) should be [30%] +Pass CSS Animations: property from [0%] to [50%] at (0.3) should be [15%] +Pass CSS Animations: property from [0%] to [50%] at (0.5) should be [25%] +Pass CSS Animations: property from [0%] to [50%] at (0.6) should be [30%] Pass CSS Animations: property from [0%] to [50%] at (1) should be [50%] -Fail CSS Animations: property from [0%] to [50%] at (1.5) should be [75%] +Pass CSS Animations: property from [0%] to [50%] at (1.5) should be [75%] Pass Web Animations: property from [0%] to [50%] at (-0.3) should be [0%] Pass Web Animations: property from [0%] to [50%] at (0) should be [0%] -Fail Web Animations: property from [0%] to [50%] at (0.3) should be [15%] -Fail Web Animations: property from [0%] to [50%] at (0.5) should be [25%] -Fail Web Animations: property from [0%] to [50%] at (0.6) should be [30%] +Pass Web Animations: property from [0%] to [50%] at (0.3) should be [15%] +Pass Web Animations: property from [0%] to [50%] at (0.5) should be [25%] +Pass Web Animations: property from [0%] to [50%] at (0.6) should be [30%] Pass Web Animations: property from [0%] to [50%] at (1) should be [50%] -Fail Web Animations: property from [0%] to [50%] at (1.5) should be [75%] -Fail CSS Transitions: property from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (-0.5) should be [0% 0% 0% 10%] -Fail CSS Transitions: property from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (0) should be [0% 10% 20% 30%] -Fail CSS Transitions: property from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (0.3) should be [12% 22% 32% 42%] -Fail CSS Transitions: property from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (0.5) should be [20% 30% 40% 50%] -Fail CSS Transitions: property from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (0.6) should be [24% 34% 44% 54%] +Pass Web Animations: property from [0%] to [50%] at (1.5) should be [75%] +Pass CSS Transitions: property from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (-0.5) should be [0% 0% 0% 10%] +Pass CSS Transitions: property from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (0) should be [0% 10% 20% 30%] +Pass CSS Transitions: property from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (0.3) should be [12% 22% 32% 42%] +Pass CSS Transitions: property from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (0.5) should be [20% 30% 40% 50%] +Pass CSS Transitions: property from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (0.6) should be [24% 34% 44% 54%] Pass CSS Transitions: property from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (1) should be [40% 50% 60% 70%] -Fail CSS Transitions: property from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (1.5) should be [60% 70% 80% 90%] -Fail CSS Transitions with transition: all: property from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (-0.5) should be [0% 0% 0% 10%] -Fail CSS Transitions with transition: all: property from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (0) should be [0% 10% 20% 30%] -Fail CSS Transitions with transition: all: property from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (0.3) should be [12% 22% 32% 42%] -Fail CSS Transitions with transition: all: property from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (0.5) should be [20% 30% 40% 50%] -Fail CSS Transitions with transition: all: property from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (0.6) should be [24% 34% 44% 54%] +Pass CSS Transitions: property from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (1.5) should be [60% 70% 80% 90%] +Pass CSS Transitions with transition: all: property from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (-0.5) should be [0% 0% 0% 10%] +Pass CSS Transitions with transition: all: property from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (0) should be [0% 10% 20% 30%] +Pass CSS Transitions with transition: all: property from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (0.3) should be [12% 22% 32% 42%] +Pass CSS Transitions with transition: all: property from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (0.5) should be [20% 30% 40% 50%] +Pass CSS Transitions with transition: all: property from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (0.6) should be [24% 34% 44% 54%] Pass CSS Transitions with transition: all: property from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (1) should be [40% 50% 60% 70%] -Fail CSS Transitions with transition: all: property from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (1.5) should be [60% 70% 80% 90%] -Fail CSS Animations: property from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (-0.5) should be [0% 0% 0% 10%] +Pass CSS Transitions with transition: all: property from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (1.5) should be [60% 70% 80% 90%] +Pass CSS Animations: property from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (-0.5) should be [0% 0% 0% 10%] Pass CSS Animations: property from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (0) should be [0% 10% 20% 30%] -Fail CSS Animations: property from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (0.3) should be [12% 22% 32% 42%] -Fail CSS Animations: property from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (0.5) should be [20% 30% 40% 50%] -Fail CSS Animations: property from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (0.6) should be [24% 34% 44% 54%] +Pass CSS Animations: property from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (0.3) should be [12% 22% 32% 42%] +Pass CSS Animations: property from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (0.5) should be [20% 30% 40% 50%] +Pass CSS Animations: property from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (0.6) should be [24% 34% 44% 54%] Pass CSS Animations: property from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (1) should be [40% 50% 60% 70%] -Fail CSS Animations: property from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (1.5) should be [60% 70% 80% 90%] -Fail Web Animations: property from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (-0.5) should be [0% 0% 0% 10%] +Pass CSS Animations: property from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (1.5) should be [60% 70% 80% 90%] +Pass Web Animations: property from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (-0.5) should be [0% 0% 0% 10%] Pass Web Animations: property from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (0) should be [0% 10% 20% 30%] -Fail Web Animations: property from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (0.3) should be [12% 22% 32% 42%] -Fail Web Animations: property from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (0.5) should be [20% 30% 40% 50%] -Fail Web Animations: property from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (0.6) should be [24% 34% 44% 54%] +Pass Web Animations: property from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (0.3) should be [12% 22% 32% 42%] +Pass Web Animations: property from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (0.5) should be [20% 30% 40% 50%] +Pass Web Animations: property from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (0.6) should be [24% 34% 44% 54%] Pass Web Animations: property from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (1) should be [40% 50% 60% 70%] -Fail Web Animations: property from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (1.5) should be [60% 70% 80% 90%] -Fail CSS Transitions: property from [0 10 20 30 fill] to [40 50 60 70 fill] at (-0.5) should be [0 0 0 10 fill] -Fail CSS Transitions: property from [0 10 20 30 fill] to [40 50 60 70 fill] at (0) should be [0 10 20 30 fill] -Fail CSS Transitions: property from [0 10 20 30 fill] to [40 50 60 70 fill] at (0.3) should be [12 22 32 42 fill] -Fail CSS Transitions: property from [0 10 20 30 fill] to [40 50 60 70 fill] at (0.5) should be [20 30 40 50 fill] -Fail CSS Transitions: property from [0 10 20 30 fill] to [40 50 60 70 fill] at (0.6) should be [24 34 44 54 fill] +Pass Web Animations: property from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (1.5) should be [60% 70% 80% 90%] +Pass CSS Transitions: property from [0 10 20 30 fill] to [40 50 60 70 fill] at (-0.5) should be [0 0 0 10 fill] +Pass CSS Transitions: property from [0 10 20 30 fill] to [40 50 60 70 fill] at (0) should be [0 10 20 30 fill] +Pass CSS Transitions: property from [0 10 20 30 fill] to [40 50 60 70 fill] at (0.3) should be [12 22 32 42 fill] +Pass CSS Transitions: property from [0 10 20 30 fill] to [40 50 60 70 fill] at (0.5) should be [20 30 40 50 fill] +Pass CSS Transitions: property from [0 10 20 30 fill] to [40 50 60 70 fill] at (0.6) should be [24 34 44 54 fill] Pass CSS Transitions: property from [0 10 20 30 fill] to [40 50 60 70 fill] at (1) should be [40 50 60 70 fill] -Fail CSS Transitions: property from [0 10 20 30 fill] to [40 50 60 70 fill] at (1.5) should be [60 70 80 90 fill] -Fail CSS Transitions with transition: all: property from [0 10 20 30 fill] to [40 50 60 70 fill] at (-0.5) should be [0 0 0 10 fill] -Fail CSS Transitions with transition: all: property from [0 10 20 30 fill] to [40 50 60 70 fill] at (0) should be [0 10 20 30 fill] -Fail CSS Transitions with transition: all: property from [0 10 20 30 fill] to [40 50 60 70 fill] at (0.3) should be [12 22 32 42 fill] -Fail CSS Transitions with transition: all: property from [0 10 20 30 fill] to [40 50 60 70 fill] at (0.5) should be [20 30 40 50 fill] -Fail CSS Transitions with transition: all: property from [0 10 20 30 fill] to [40 50 60 70 fill] at (0.6) should be [24 34 44 54 fill] +Pass CSS Transitions: property from [0 10 20 30 fill] to [40 50 60 70 fill] at (1.5) should be [60 70 80 90 fill] +Pass CSS Transitions with transition: all: property from [0 10 20 30 fill] to [40 50 60 70 fill] at (-0.5) should be [0 0 0 10 fill] +Pass CSS Transitions with transition: all: property from [0 10 20 30 fill] to [40 50 60 70 fill] at (0) should be [0 10 20 30 fill] +Pass CSS Transitions with transition: all: property from [0 10 20 30 fill] to [40 50 60 70 fill] at (0.3) should be [12 22 32 42 fill] +Pass CSS Transitions with transition: all: property from [0 10 20 30 fill] to [40 50 60 70 fill] at (0.5) should be [20 30 40 50 fill] +Pass CSS Transitions with transition: all: property from [0 10 20 30 fill] to [40 50 60 70 fill] at (0.6) should be [24 34 44 54 fill] Pass CSS Transitions with transition: all: property from [0 10 20 30 fill] to [40 50 60 70 fill] at (1) should be [40 50 60 70 fill] -Fail CSS Transitions with transition: all: property from [0 10 20 30 fill] to [40 50 60 70 fill] at (1.5) should be [60 70 80 90 fill] -Fail CSS Animations: property from [0 10 20 30 fill] to [40 50 60 70 fill] at (-0.5) should be [0 0 0 10 fill] +Pass CSS Transitions with transition: all: property from [0 10 20 30 fill] to [40 50 60 70 fill] at (1.5) should be [60 70 80 90 fill] +Pass CSS Animations: property from [0 10 20 30 fill] to [40 50 60 70 fill] at (-0.5) should be [0 0 0 10 fill] Pass CSS Animations: property from [0 10 20 30 fill] to [40 50 60 70 fill] at (0) should be [0 10 20 30 fill] -Fail CSS Animations: property from [0 10 20 30 fill] to [40 50 60 70 fill] at (0.3) should be [12 22 32 42 fill] -Fail CSS Animations: property from [0 10 20 30 fill] to [40 50 60 70 fill] at (0.5) should be [20 30 40 50 fill] -Fail CSS Animations: property from [0 10 20 30 fill] to [40 50 60 70 fill] at (0.6) should be [24 34 44 54 fill] +Pass CSS Animations: property from [0 10 20 30 fill] to [40 50 60 70 fill] at (0.3) should be [12 22 32 42 fill] +Pass CSS Animations: property from [0 10 20 30 fill] to [40 50 60 70 fill] at (0.5) should be [20 30 40 50 fill] +Pass CSS Animations: property from [0 10 20 30 fill] to [40 50 60 70 fill] at (0.6) should be [24 34 44 54 fill] Pass CSS Animations: property from [0 10 20 30 fill] to [40 50 60 70 fill] at (1) should be [40 50 60 70 fill] -Fail CSS Animations: property from [0 10 20 30 fill] to [40 50 60 70 fill] at (1.5) should be [60 70 80 90 fill] -Fail Web Animations: property from [0 10 20 30 fill] to [40 50 60 70 fill] at (-0.5) should be [0 0 0 10 fill] +Pass CSS Animations: property from [0 10 20 30 fill] to [40 50 60 70 fill] at (1.5) should be [60 70 80 90 fill] +Pass Web Animations: property from [0 10 20 30 fill] to [40 50 60 70 fill] at (-0.5) should be [0 0 0 10 fill] Pass Web Animations: property from [0 10 20 30 fill] to [40 50 60 70 fill] at (0) should be [0 10 20 30 fill] -Fail Web Animations: property from [0 10 20 30 fill] to [40 50 60 70 fill] at (0.3) should be [12 22 32 42 fill] -Fail Web Animations: property from [0 10 20 30 fill] to [40 50 60 70 fill] at (0.5) should be [20 30 40 50 fill] -Fail Web Animations: property from [0 10 20 30 fill] to [40 50 60 70 fill] at (0.6) should be [24 34 44 54 fill] +Pass Web Animations: property from [0 10 20 30 fill] to [40 50 60 70 fill] at (0.3) should be [12 22 32 42 fill] +Pass Web Animations: property from [0 10 20 30 fill] to [40 50 60 70 fill] at (0.5) should be [20 30 40 50 fill] +Pass Web Animations: property from [0 10 20 30 fill] to [40 50 60 70 fill] at (0.6) should be [24 34 44 54 fill] Pass Web Animations: property from [0 10 20 30 fill] to [40 50 60 70 fill] at (1) should be [40 50 60 70 fill] -Fail Web Animations: property from [0 10 20 30 fill] to [40 50 60 70 fill] at (1.5) should be [60 70 80 90 fill] -Fail CSS Transitions: property from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (-0.5) should be [0% 0 0% 10 fill] -Fail CSS Transitions: property from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (0) should be [0% 10 20% 30 fill] -Fail CSS Transitions: property from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (0.3) should be [12% 22 32% 42 fill] -Fail CSS Transitions: property from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (0.5) should be [20% 30 40% 50 fill] -Fail CSS Transitions: property from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (0.6) should be [24% 34 44% 54 fill] +Pass Web Animations: property from [0 10 20 30 fill] to [40 50 60 70 fill] at (1.5) should be [60 70 80 90 fill] +Pass CSS Transitions: property from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (-0.5) should be [0% 0 0% 10 fill] +Pass CSS Transitions: property from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (0) should be [0% 10 20% 30 fill] +Pass CSS Transitions: property from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (0.3) should be [12% 22 32% 42 fill] +Pass CSS Transitions: property from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (0.5) should be [20% 30 40% 50 fill] +Pass CSS Transitions: property from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (0.6) should be [24% 34 44% 54 fill] Pass CSS Transitions: property from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (1) should be [40% 50 60% 70 fill] -Fail CSS Transitions: property from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (1.5) should be [60% 70 80% 90 fill] -Fail CSS Transitions with transition: all: property from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (-0.5) should be [0% 0 0% 10 fill] -Fail CSS Transitions with transition: all: property from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (0) should be [0% 10 20% 30 fill] -Fail CSS Transitions with transition: all: property from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (0.3) should be [12% 22 32% 42 fill] -Fail CSS Transitions with transition: all: property from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (0.5) should be [20% 30 40% 50 fill] -Fail CSS Transitions with transition: all: property from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (0.6) should be [24% 34 44% 54 fill] +Pass CSS Transitions: property from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (1.5) should be [60% 70 80% 90 fill] +Pass CSS Transitions with transition: all: property from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (-0.5) should be [0% 0 0% 10 fill] +Pass CSS Transitions with transition: all: property from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (0) should be [0% 10 20% 30 fill] +Pass CSS Transitions with transition: all: property from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (0.3) should be [12% 22 32% 42 fill] +Pass CSS Transitions with transition: all: property from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (0.5) should be [20% 30 40% 50 fill] +Pass CSS Transitions with transition: all: property from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (0.6) should be [24% 34 44% 54 fill] Pass CSS Transitions with transition: all: property from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (1) should be [40% 50 60% 70 fill] -Fail CSS Transitions with transition: all: property from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (1.5) should be [60% 70 80% 90 fill] -Fail CSS Animations: property from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (-0.5) should be [0% 0 0% 10 fill] +Pass CSS Transitions with transition: all: property from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (1.5) should be [60% 70 80% 90 fill] +Pass CSS Animations: property from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (-0.5) should be [0% 0 0% 10 fill] Pass CSS Animations: property from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (0) should be [0% 10 20% 30 fill] -Fail CSS Animations: property from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (0.3) should be [12% 22 32% 42 fill] -Fail CSS Animations: property from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (0.5) should be [20% 30 40% 50 fill] -Fail CSS Animations: property from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (0.6) should be [24% 34 44% 54 fill] +Pass CSS Animations: property from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (0.3) should be [12% 22 32% 42 fill] +Pass CSS Animations: property from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (0.5) should be [20% 30 40% 50 fill] +Pass CSS Animations: property from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (0.6) should be [24% 34 44% 54 fill] Pass CSS Animations: property from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (1) should be [40% 50 60% 70 fill] -Fail CSS Animations: property from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (1.5) should be [60% 70 80% 90 fill] -Fail Web Animations: property from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (-0.5) should be [0% 0 0% 10 fill] +Pass CSS Animations: property from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (1.5) should be [60% 70 80% 90 fill] +Pass Web Animations: property from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (-0.5) should be [0% 0 0% 10 fill] Pass Web Animations: property from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (0) should be [0% 10 20% 30 fill] -Fail Web Animations: property from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (0.3) should be [12% 22 32% 42 fill] -Fail Web Animations: property from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (0.5) should be [20% 30 40% 50 fill] -Fail Web Animations: property from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (0.6) should be [24% 34 44% 54 fill] +Pass Web Animations: property from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (0.3) should be [12% 22 32% 42 fill] +Pass Web Animations: property from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (0.5) should be [20% 30 40% 50 fill] +Pass Web Animations: property from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (0.6) should be [24% 34 44% 54 fill] Pass Web Animations: property from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (1) should be [40% 50 60% 70 fill] -Fail Web Animations: property from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (1.5) should be [60% 70 80% 90 fill] +Pass Web Animations: property from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (1.5) should be [60% 70 80% 90 fill] Pass CSS Transitions with transition-behavior:allow-discrete: property from [0% fill] to [50%] at (-0.3) should be [0% fill] Pass CSS Transitions with transition-behavior:allow-discrete: property from [0% fill] to [50%] at (0) should be [0% fill] Pass CSS Transitions with transition-behavior:allow-discrete: property from [0% fill] to [50%] at (0.3) should be [0% fill]