Fix calc() handling for "nine-piece image quads"
CSSPrimitiveValue::ComputeLength<Length> does not handle a mix of
percentages and non-percentages (treating them all as the latter). The
right function for that is ConvertToLength. However, since we're
handling <length-percentage> | auto here (after checking for <number>),
just forward to StyleBuilderConverter::ConvertLengthOrAuto.
This should fix all the properties that use the CSSQuadValue
representation for nine-piece images and have a <length-percentage>
in their syntax (border-image-width and -webkit-mask-box-image-width).
Bug: 918994
Change-Id: Ic29c8ec023d29d1e64eca2e0372e9e90611bbe73
Reviewed-on: https://chromium-review.googlesource.com/c/1451978
Reviewed-by: Rune Lillesveen <futhark@chromium.org>
Commit-Queue: Fredrik Söderquist <fs@opera.com>
Cr-Commit-Position: refs/heads/master@{#629078}diff --git a/third_party/blink/renderer/core/css/resolver/css_to_style_map.cc b/third_party/blink/renderer/core/css/resolver/css_to_style_map.cc
index 90f7ecbe..944103d 100644
--- a/third_party/blink/renderer/core/css/resolver/css_to_style_map.cc
+++ b/third_party/blink/renderer/core/css/resolver/css_to_style_map.cc
@@ -597,19 +597,14 @@
image.SetFill(border_image_slice.Fill());
}
-static BorderImageLength ToBorderImageLength(
- CSSValue& value,
- const CSSToLengthConversionData& conversion_data) {
+static BorderImageLength ToBorderImageLength(const StyleResolverState& state,
+ const CSSValue& value) {
if (value.IsPrimitiveValue()) {
const CSSPrimitiveValue& primitive_value = ToCSSPrimitiveValue(value);
if (primitive_value.IsNumber())
return primitive_value.GetDoubleValue();
- if (primitive_value.IsPercentage())
- return Length(primitive_value.GetDoubleValue(), kPercent);
- return primitive_value.ComputeLength<Length>(conversion_data);
}
- DCHECK_EQ(ToCSSIdentifierValue(value).GetValueID(), CSSValueAuto);
- return Length(kAuto);
+ return StyleBuilderConverter::ConvertLengthOrAuto(state, value);
}
BorderImageLengthBox CSSToStyleMap::MapNinePieceImageQuad(
@@ -619,13 +614,11 @@
return BorderImageLengthBox(Length(kAuto));
const CSSQuadValue& slices = ToCSSQuadValue(value);
-
// Set up a border image length box to represent our image slices.
- return BorderImageLengthBox(
- ToBorderImageLength(*slices.Top(), state.CssToLengthConversionData()),
- ToBorderImageLength(*slices.Right(), state.CssToLengthConversionData()),
- ToBorderImageLength(*slices.Bottom(), state.CssToLengthConversionData()),
- ToBorderImageLength(*slices.Left(), state.CssToLengthConversionData()));
+ return BorderImageLengthBox(ToBorderImageLength(state, *slices.Top()),
+ ToBorderImageLength(state, *slices.Right()),
+ ToBorderImageLength(state, *slices.Bottom()),
+ ToBorderImageLength(state, *slices.Left()));
}
void CSSToStyleMap::MapNinePieceImageRepeat(StyleResolverState&,
diff --git a/third_party/blink/web_tests/animations/interpolation/border-image-width-interpolation-expected.txt b/third_party/blink/web_tests/animations/interpolation/border-image-width-interpolation-expected.txt
deleted file mode 100644
index 28c4a0b7..0000000
--- a/third_party/blink/web_tests/animations/interpolation/border-image-width-interpolation-expected.txt
+++ /dev/null
@@ -1,464 +0,0 @@
-This is a testharness.js-based test.
-PASS This test uses interpolation-test.js.
-PASS CSS Transitions: property <border-image-width> from neutral to [20px] at (-0.3) is [7px]
-PASS CSS Transitions: property <border-image-width> from neutral to [20px] at (0) is [10px]
-PASS CSS Transitions: property <border-image-width> from neutral to [20px] at (0.3) is [13px]
-PASS CSS Transitions: property <border-image-width> from neutral to [20px] at (0.6) is [16px]
-PASS CSS Transitions: property <border-image-width> from neutral to [20px] at (1) is [20px]
-PASS CSS Transitions: property <border-image-width> from neutral to [20px] at (1.5) is [25px]
-PASS CSS Transitions: property <border-image-width> from neutral to [20px] at (5) is [60px]
-PASS CSS Transitions: property <border-image-width> from neutral to [20px] at (10) is [110px]
-PASS CSS Transitions: property <border-image-width> from [initial] to [20px] at (-0.3) is [20px]
-PASS CSS Transitions: property <border-image-width> from [initial] to [20px] at (0) is [20px]
-PASS CSS Transitions: property <border-image-width> from [initial] to [20px] at (0.3) is [20px]
-PASS CSS Transitions: property <border-image-width> from [initial] to [20px] at (0.5) is [20px]
-PASS CSS Transitions: property <border-image-width> from [initial] to [20px] at (0.6) is [20px]
-PASS CSS Transitions: property <border-image-width> from [initial] to [20px] at (1) is [20px]
-PASS CSS Transitions: property <border-image-width> from [initial] to [20px] at (1.5) is [20px]
-PASS CSS Transitions: property <border-image-width> from [inherit] to [20px] at (-0.3) is [124px]
-PASS CSS Transitions: property <border-image-width> from [inherit] to [20px] at (0) is [100px]
-PASS CSS Transitions: property <border-image-width> from [inherit] to [20px] at (0.3) is [76px]
-PASS CSS Transitions: property <border-image-width> from [inherit] to [20px] at (0.6) is [52px]
-PASS CSS Transitions: property <border-image-width> from [inherit] to [20px] at (1) is [20px]
-PASS CSS Transitions: property <border-image-width> from [inherit] to [20px] at (1.5) is [0px]
-PASS CSS Transitions: property <border-image-width> from [inherit] to [20px] at (5) is [0px]
-PASS CSS Transitions: property <border-image-width> from [inherit] to [20px] at (10) is [0px]
-PASS CSS Transitions: property <border-image-width> from [unset] to [20px] at (-0.3) is [20px]
-PASS CSS Transitions: property <border-image-width> from [unset] to [20px] at (0) is [20px]
-PASS CSS Transitions: property <border-image-width> from [unset] to [20px] at (0.3) is [20px]
-PASS CSS Transitions: property <border-image-width> from [unset] to [20px] at (0.5) is [20px]
-PASS CSS Transitions: property <border-image-width> from [unset] to [20px] at (0.6) is [20px]
-PASS CSS Transitions: property <border-image-width> from [unset] to [20px] at (1) is [20px]
-PASS CSS Transitions: property <border-image-width> from [unset] to [20px] at (1.5) is [20px]
-PASS CSS Transitions: property <border-image-width> from [0px] to [20px] at (-0.3) is [0px]
-PASS CSS Transitions: property <border-image-width> from [0px] to [20px] at (0) is [0px]
-PASS CSS Transitions: property <border-image-width> from [0px] to [20px] at (0.3) is [6px]
-PASS CSS Transitions: property <border-image-width> from [0px] to [20px] at (0.6) is [12px]
-PASS CSS Transitions: property <border-image-width> from [0px] to [20px] at (1) is [20px]
-PASS CSS Transitions: property <border-image-width> from [0px] to [20px] at (1.5) is [30px]
-PASS CSS Transitions: property <border-image-width> from [0px] to [20px] at (5) is [100px]
-PASS CSS Transitions: property <border-image-width> from [0px] to [20px] at (10) is [200px]
-PASS CSS Transitions: property <border-image-width> from [0%] to [20%] at (-0.3) is [0%]
-PASS CSS Transitions: property <border-image-width> from [0%] to [20%] at (0) is [0%]
-PASS CSS Transitions: property <border-image-width> from [0%] to [20%] at (0.3) is [6%]
-PASS CSS Transitions: property <border-image-width> from [0%] to [20%] at (0.6) is [12%]
-PASS CSS Transitions: property <border-image-width> from [0%] to [20%] at (1) is [20%]
-PASS CSS Transitions: property <border-image-width> from [0%] to [20%] at (1.5) is [30%]
-PASS CSS Transitions: property <border-image-width> from [0%] to [20%] at (5) is [100%]
-PASS CSS Transitions: property <border-image-width> from [0%] to [20%] at (10) is [200%]
-PASS CSS Transitions: property <border-image-width> from [0] to [20] at (-0.3) is [0]
-PASS CSS Transitions: property <border-image-width> from [0] to [20] at (0) is [0]
-PASS CSS Transitions: property <border-image-width> from [0] to [20] at (0.3) is [6]
-PASS CSS Transitions: property <border-image-width> from [0] to [20] at (0.6) is [12]
-PASS CSS Transitions: property <border-image-width> from [0] to [20] at (1) is [20]
-PASS CSS Transitions: property <border-image-width> from [0] to [20] at (1.5) is [30]
-PASS CSS Transitions: property <border-image-width> from [0] to [20] at (5) is [100]
-PASS CSS Transitions: property <border-image-width> from [0] to [20] at (10) is [200]
-PASS CSS Transitions: property <border-image-width> from [10px 20% 30 40px] to [80px 70% 60 50px] at (-0.3) is [0px 5% 21 37px]
-PASS CSS Transitions: property <border-image-width> from [10px 20% 30 40px] to [80px 70% 60 50px] at (0) is [10px 20% 30 40px]
-PASS CSS Transitions: property <border-image-width> from [10px 20% 30 40px] to [80px 70% 60 50px] at (0.3) is [31px 35% 39 43px]
-PASS CSS Transitions: property <border-image-width> from [10px 20% 30 40px] to [80px 70% 60 50px] at (0.6) is [52px 50% 48 46px]
-PASS CSS Transitions: property <border-image-width> from [10px 20% 30 40px] to [80px 70% 60 50px] at (1) is [80px 70% 60 50px]
-PASS CSS Transitions: property <border-image-width> from [10px 20% 30 40px] to [80px 70% 60 50px] at (1.5) is [115px 95% 75 55px]
-PASS CSS Transitions: property <border-image-width> from [10px 20% 30 40px] to [80px 70% 60 50px] at (5) is [360px 270% 180 90px]
-PASS CSS Transitions: property <border-image-width> from [10px 20% 30 40px] to [80px 70% 60 50px] at (10) is [710px 520% 330 140px]
-FAIL CSS Transitions: property <border-image-width> from [10%] to [20px] at (-0.3) is [calc(13% + -6px)] assert_equals: expected "7px " but got "calc ( 13 % + - 6px ) "
-PASS CSS Transitions: property <border-image-width> from [10%] to [20px] at (0) is [10%]
-FAIL CSS Transitions: property <border-image-width> from [10%] to [20px] at (0.3) is [calc(7% + 6px)] assert_equals: expected "13px " but got "calc ( 7 % + 6px ) "
-FAIL CSS Transitions: property <border-image-width> from [10%] to [20px] at (0.6) is [calc(4% + 12px)] assert_equals: expected "16px " but got "calc ( 4 % + 12px ) "
-PASS CSS Transitions: property <border-image-width> from [10%] to [20px] at (1) is [20px]
-FAIL CSS Transitions: property <border-image-width> from [10%] to [20px] at (1.5) is [calc(-5% + 30px)] assert_equals: expected "25px " but got "calc ( - 5 % + 30px ) "
-FAIL CSS Transitions: property <border-image-width> from [10px] to [20%] at (-0.3) is [calc(-6% + 13px)] assert_equals: expected "7px " but got "calc ( - 6 % + 13px ) "
-PASS CSS Transitions: property <border-image-width> from [10px] to [20%] at (0) is [10px]
-FAIL CSS Transitions: property <border-image-width> from [10px] to [20%] at (0.3) is [calc(6% + 7px)] assert_equals: expected "13px " but got "calc ( 6 % + 7px ) "
-FAIL CSS Transitions: property <border-image-width> from [10px] to [20%] at (0.6) is [calc(12% + 4px)] assert_equals: expected "16px " but got "calc ( 12 % + 4px ) "
-PASS CSS Transitions: property <border-image-width> from [10px] to [20%] at (1) is [20%]
-FAIL CSS Transitions: property <border-image-width> from [10px] to [20%] at (1.5) is [calc(30% + -5px)] assert_equals: expected "25px " but got "calc ( 30 % + - 5px ) "
-PASS CSS Transitions: property <border-image-width> from [10px auto auto 20] to [110px auto auto 120] at (-0.3) is [0px auto auto 0]
-PASS CSS Transitions: property <border-image-width> from [10px auto auto 20] to [110px auto auto 120] at (0) is [10px auto auto 20]
-PASS CSS Transitions: property <border-image-width> from [10px auto auto 20] to [110px auto auto 120] at (0.3) is [40px auto auto 50]
-PASS CSS Transitions: property <border-image-width> from [10px auto auto 20] to [110px auto auto 120] at (0.6) is [70px auto auto 80]
-PASS CSS Transitions: property <border-image-width> from [10px auto auto 20] to [110px auto auto 120] at (1) is [110px auto auto 120]
-PASS CSS Transitions: property <border-image-width> from [10px auto auto 20] to [110px auto auto 120] at (1.5) is [160px auto auto 170]
-PASS CSS Transitions: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (-0.3) is [110px auto 120]
-PASS CSS Transitions: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (0) is [110px auto 120]
-PASS CSS Transitions: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (0.3) is [110px auto 120]
-PASS CSS Transitions: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (0.5) is [110px auto 120]
-PASS CSS Transitions: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (0.6) is [110px auto 120]
-PASS CSS Transitions: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (1) is [110px auto 120]
-PASS CSS Transitions: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (1.5) is [110px auto 120]
-PASS CSS Transitions: property <border-image-width> from [10px] to [20] at (-0.3) is [20]
-PASS CSS Transitions: property <border-image-width> from [10px] to [20] at (0) is [20]
-PASS CSS Transitions: property <border-image-width> from [10px] to [20] at (0.3) is [20]
-PASS CSS Transitions: property <border-image-width> from [10px] to [20] at (0.5) is [20]
-PASS CSS Transitions: property <border-image-width> from [10px] to [20] at (0.6) is [20]
-PASS CSS Transitions: property <border-image-width> from [10px] to [20] at (1) is [20]
-PASS CSS Transitions: property <border-image-width> from [10px] to [20] at (1.5) is [20]
-PASS CSS Transitions: property <border-image-width> from [10] to [20px] at (-0.3) is [20px]
-PASS CSS Transitions: property <border-image-width> from [10] to [20px] at (0) is [20px]
-PASS CSS Transitions: property <border-image-width> from [10] to [20px] at (0.3) is [20px]
-PASS CSS Transitions: property <border-image-width> from [10] to [20px] at (0.5) is [20px]
-PASS CSS Transitions: property <border-image-width> from [10] to [20px] at (0.6) is [20px]
-PASS CSS Transitions: property <border-image-width> from [10] to [20px] at (1) is [20px]
-PASS CSS Transitions: property <border-image-width> from [10] to [20px] at (1.5) is [20px]
-PASS CSS Transitions: property <border-image-width> from [10%] to [20] at (-0.3) is [20]
-PASS CSS Transitions: property <border-image-width> from [10%] to [20] at (0) is [20]
-PASS CSS Transitions: property <border-image-width> from [10%] to [20] at (0.3) is [20]
-PASS CSS Transitions: property <border-image-width> from [10%] to [20] at (0.5) is [20]
-PASS CSS Transitions: property <border-image-width> from [10%] to [20] at (0.6) is [20]
-PASS CSS Transitions: property <border-image-width> from [10%] to [20] at (1) is [20]
-PASS CSS Transitions: property <border-image-width> from [10%] to [20] at (1.5) is [20]
-PASS CSS Transitions: property <border-image-width> from [10] to [20%] at (-0.3) is [20%]
-PASS CSS Transitions: property <border-image-width> from [10] to [20%] at (0) is [20%]
-PASS CSS Transitions: property <border-image-width> from [10] to [20%] at (0.3) is [20%]
-PASS CSS Transitions: property <border-image-width> from [10] to [20%] at (0.5) is [20%]
-PASS CSS Transitions: property <border-image-width> from [10] to [20%] at (0.6) is [20%]
-PASS CSS Transitions: property <border-image-width> from [10] to [20%] at (1) is [20%]
-PASS CSS Transitions: property <border-image-width> from [10] to [20%] at (1.5) is [20%]
-PASS CSS Transitions with transition: all: property <border-image-width> from neutral to [20px] at (-0.3) is [7px]
-PASS CSS Transitions with transition: all: property <border-image-width> from neutral to [20px] at (0) is [10px]
-PASS CSS Transitions with transition: all: property <border-image-width> from neutral to [20px] at (0.3) is [13px]
-PASS CSS Transitions with transition: all: property <border-image-width> from neutral to [20px] at (0.6) is [16px]
-PASS CSS Transitions with transition: all: property <border-image-width> from neutral to [20px] at (1) is [20px]
-PASS CSS Transitions with transition: all: property <border-image-width> from neutral to [20px] at (1.5) is [25px]
-PASS CSS Transitions with transition: all: property <border-image-width> from neutral to [20px] at (5) is [60px]
-PASS CSS Transitions with transition: all: property <border-image-width> from neutral to [20px] at (10) is [110px]
-PASS CSS Transitions with transition: all: property <border-image-width> from [initial] to [20px] at (-0.3) is [20px]
-PASS CSS Transitions with transition: all: property <border-image-width> from [initial] to [20px] at (0) is [20px]
-PASS CSS Transitions with transition: all: property <border-image-width> from [initial] to [20px] at (0.3) is [20px]
-PASS CSS Transitions with transition: all: property <border-image-width> from [initial] to [20px] at (0.5) is [20px]
-PASS CSS Transitions with transition: all: property <border-image-width> from [initial] to [20px] at (0.6) is [20px]
-PASS CSS Transitions with transition: all: property <border-image-width> from [initial] to [20px] at (1) is [20px]
-PASS CSS Transitions with transition: all: property <border-image-width> from [initial] to [20px] at (1.5) is [20px]
-PASS CSS Transitions with transition: all: property <border-image-width> from [inherit] to [20px] at (-0.3) is [124px]
-PASS CSS Transitions with transition: all: property <border-image-width> from [inherit] to [20px] at (0) is [100px]
-PASS CSS Transitions with transition: all: property <border-image-width> from [inherit] to [20px] at (0.3) is [76px]
-PASS CSS Transitions with transition: all: property <border-image-width> from [inherit] to [20px] at (0.6) is [52px]
-PASS CSS Transitions with transition: all: property <border-image-width> from [inherit] to [20px] at (1) is [20px]
-PASS CSS Transitions with transition: all: property <border-image-width> from [inherit] to [20px] at (1.5) is [0px]
-PASS CSS Transitions with transition: all: property <border-image-width> from [inherit] to [20px] at (5) is [0px]
-PASS CSS Transitions with transition: all: property <border-image-width> from [inherit] to [20px] at (10) is [0px]
-PASS CSS Transitions with transition: all: property <border-image-width> from [unset] to [20px] at (-0.3) is [20px]
-PASS CSS Transitions with transition: all: property <border-image-width> from [unset] to [20px] at (0) is [20px]
-PASS CSS Transitions with transition: all: property <border-image-width> from [unset] to [20px] at (0.3) is [20px]
-PASS CSS Transitions with transition: all: property <border-image-width> from [unset] to [20px] at (0.5) is [20px]
-PASS CSS Transitions with transition: all: property <border-image-width> from [unset] to [20px] at (0.6) is [20px]
-PASS CSS Transitions with transition: all: property <border-image-width> from [unset] to [20px] at (1) is [20px]
-PASS CSS Transitions with transition: all: property <border-image-width> from [unset] to [20px] at (1.5) is [20px]
-PASS CSS Transitions with transition: all: property <border-image-width> from [0px] to [20px] at (-0.3) is [0px]
-PASS CSS Transitions with transition: all: property <border-image-width> from [0px] to [20px] at (0) is [0px]
-PASS CSS Transitions with transition: all: property <border-image-width> from [0px] to [20px] at (0.3) is [6px]
-PASS CSS Transitions with transition: all: property <border-image-width> from [0px] to [20px] at (0.6) is [12px]
-PASS CSS Transitions with transition: all: property <border-image-width> from [0px] to [20px] at (1) is [20px]
-PASS CSS Transitions with transition: all: property <border-image-width> from [0px] to [20px] at (1.5) is [30px]
-PASS CSS Transitions with transition: all: property <border-image-width> from [0px] to [20px] at (5) is [100px]
-PASS CSS Transitions with transition: all: property <border-image-width> from [0px] to [20px] at (10) is [200px]
-PASS CSS Transitions with transition: all: property <border-image-width> from [0%] to [20%] at (-0.3) is [0%]
-PASS CSS Transitions with transition: all: property <border-image-width> from [0%] to [20%] at (0) is [0%]
-PASS CSS Transitions with transition: all: property <border-image-width> from [0%] to [20%] at (0.3) is [6%]
-PASS CSS Transitions with transition: all: property <border-image-width> from [0%] to [20%] at (0.6) is [12%]
-PASS CSS Transitions with transition: all: property <border-image-width> from [0%] to [20%] at (1) is [20%]
-PASS CSS Transitions with transition: all: property <border-image-width> from [0%] to [20%] at (1.5) is [30%]
-PASS CSS Transitions with transition: all: property <border-image-width> from [0%] to [20%] at (5) is [100%]
-PASS CSS Transitions with transition: all: property <border-image-width> from [0%] to [20%] at (10) is [200%]
-PASS CSS Transitions with transition: all: property <border-image-width> from [0] to [20] at (-0.3) is [0]
-PASS CSS Transitions with transition: all: property <border-image-width> from [0] to [20] at (0) is [0]
-PASS CSS Transitions with transition: all: property <border-image-width> from [0] to [20] at (0.3) is [6]
-PASS CSS Transitions with transition: all: property <border-image-width> from [0] to [20] at (0.6) is [12]
-PASS CSS Transitions with transition: all: property <border-image-width> from [0] to [20] at (1) is [20]
-PASS CSS Transitions with transition: all: property <border-image-width> from [0] to [20] at (1.5) is [30]
-PASS CSS Transitions with transition: all: property <border-image-width> from [0] to [20] at (5) is [100]
-PASS CSS Transitions with transition: all: property <border-image-width> from [0] to [20] at (10) is [200]
-PASS CSS Transitions with transition: all: property <border-image-width> from [10px 20% 30 40px] to [80px 70% 60 50px] at (-0.3) is [0px 5% 21 37px]
-PASS CSS Transitions with transition: all: property <border-image-width> from [10px 20% 30 40px] to [80px 70% 60 50px] at (0) is [10px 20% 30 40px]
-PASS CSS Transitions with transition: all: property <border-image-width> from [10px 20% 30 40px] to [80px 70% 60 50px] at (0.3) is [31px 35% 39 43px]
-PASS CSS Transitions with transition: all: property <border-image-width> from [10px 20% 30 40px] to [80px 70% 60 50px] at (0.6) is [52px 50% 48 46px]
-PASS CSS Transitions with transition: all: property <border-image-width> from [10px 20% 30 40px] to [80px 70% 60 50px] at (1) is [80px 70% 60 50px]
-PASS CSS Transitions with transition: all: property <border-image-width> from [10px 20% 30 40px] to [80px 70% 60 50px] at (1.5) is [115px 95% 75 55px]
-PASS CSS Transitions with transition: all: property <border-image-width> from [10px 20% 30 40px] to [80px 70% 60 50px] at (5) is [360px 270% 180 90px]
-PASS CSS Transitions with transition: all: property <border-image-width> from [10px 20% 30 40px] to [80px 70% 60 50px] at (10) is [710px 520% 330 140px]
-FAIL CSS Transitions with transition: all: property <border-image-width> from [10%] to [20px] at (-0.3) is [calc(13% + -6px)] assert_equals: expected "7px " but got "calc ( 13 % + - 6px ) "
-PASS CSS Transitions with transition: all: property <border-image-width> from [10%] to [20px] at (0) is [10%]
-FAIL CSS Transitions with transition: all: property <border-image-width> from [10%] to [20px] at (0.3) is [calc(7% + 6px)] assert_equals: expected "13px " but got "calc ( 7 % + 6px ) "
-FAIL CSS Transitions with transition: all: property <border-image-width> from [10%] to [20px] at (0.6) is [calc(4% + 12px)] assert_equals: expected "16px " but got "calc ( 4 % + 12px ) "
-PASS CSS Transitions with transition: all: property <border-image-width> from [10%] to [20px] at (1) is [20px]
-FAIL CSS Transitions with transition: all: property <border-image-width> from [10%] to [20px] at (1.5) is [calc(-5% + 30px)] assert_equals: expected "25px " but got "calc ( - 5 % + 30px ) "
-FAIL CSS Transitions with transition: all: property <border-image-width> from [10px] to [20%] at (-0.3) is [calc(-6% + 13px)] assert_equals: expected "7px " but got "calc ( - 6 % + 13px ) "
-PASS CSS Transitions with transition: all: property <border-image-width> from [10px] to [20%] at (0) is [10px]
-FAIL CSS Transitions with transition: all: property <border-image-width> from [10px] to [20%] at (0.3) is [calc(6% + 7px)] assert_equals: expected "13px " but got "calc ( 6 % + 7px ) "
-FAIL CSS Transitions with transition: all: property <border-image-width> from [10px] to [20%] at (0.6) is [calc(12% + 4px)] assert_equals: expected "16px " but got "calc ( 12 % + 4px ) "
-PASS CSS Transitions with transition: all: property <border-image-width> from [10px] to [20%] at (1) is [20%]
-FAIL CSS Transitions with transition: all: property <border-image-width> from [10px] to [20%] at (1.5) is [calc(30% + -5px)] assert_equals: expected "25px " but got "calc ( 30 % + - 5px ) "
-PASS CSS Transitions with transition: all: property <border-image-width> from [10px auto auto 20] to [110px auto auto 120] at (-0.3) is [0px auto auto 0]
-PASS CSS Transitions with transition: all: property <border-image-width> from [10px auto auto 20] to [110px auto auto 120] at (0) is [10px auto auto 20]
-PASS CSS Transitions with transition: all: property <border-image-width> from [10px auto auto 20] to [110px auto auto 120] at (0.3) is [40px auto auto 50]
-PASS CSS Transitions with transition: all: property <border-image-width> from [10px auto auto 20] to [110px auto auto 120] at (0.6) is [70px auto auto 80]
-PASS CSS Transitions with transition: all: property <border-image-width> from [10px auto auto 20] to [110px auto auto 120] at (1) is [110px auto auto 120]
-PASS CSS Transitions with transition: all: property <border-image-width> from [10px auto auto 20] to [110px auto auto 120] at (1.5) is [160px auto auto 170]
-PASS CSS Transitions with transition: all: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (-0.3) is [110px auto 120]
-PASS CSS Transitions with transition: all: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (0) is [110px auto 120]
-PASS CSS Transitions with transition: all: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (0.3) is [110px auto 120]
-PASS CSS Transitions with transition: all: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (0.5) is [110px auto 120]
-PASS CSS Transitions with transition: all: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (0.6) is [110px auto 120]
-PASS CSS Transitions with transition: all: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (1) is [110px auto 120]
-PASS CSS Transitions with transition: all: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (1.5) is [110px auto 120]
-PASS CSS Transitions with transition: all: property <border-image-width> from [10px] to [20] at (-0.3) is [20]
-PASS CSS Transitions with transition: all: property <border-image-width> from [10px] to [20] at (0) is [20]
-PASS CSS Transitions with transition: all: property <border-image-width> from [10px] to [20] at (0.3) is [20]
-PASS CSS Transitions with transition: all: property <border-image-width> from [10px] to [20] at (0.5) is [20]
-PASS CSS Transitions with transition: all: property <border-image-width> from [10px] to [20] at (0.6) is [20]
-PASS CSS Transitions with transition: all: property <border-image-width> from [10px] to [20] at (1) is [20]
-PASS CSS Transitions with transition: all: property <border-image-width> from [10px] to [20] at (1.5) is [20]
-PASS CSS Transitions with transition: all: property <border-image-width> from [10] to [20px] at (-0.3) is [20px]
-PASS CSS Transitions with transition: all: property <border-image-width> from [10] to [20px] at (0) is [20px]
-PASS CSS Transitions with transition: all: property <border-image-width> from [10] to [20px] at (0.3) is [20px]
-PASS CSS Transitions with transition: all: property <border-image-width> from [10] to [20px] at (0.5) is [20px]
-PASS CSS Transitions with transition: all: property <border-image-width> from [10] to [20px] at (0.6) is [20px]
-PASS CSS Transitions with transition: all: property <border-image-width> from [10] to [20px] at (1) is [20px]
-PASS CSS Transitions with transition: all: property <border-image-width> from [10] to [20px] at (1.5) is [20px]
-PASS CSS Transitions with transition: all: property <border-image-width> from [10%] to [20] at (-0.3) is [20]
-PASS CSS Transitions with transition: all: property <border-image-width> from [10%] to [20] at (0) is [20]
-PASS CSS Transitions with transition: all: property <border-image-width> from [10%] to [20] at (0.3) is [20]
-PASS CSS Transitions with transition: all: property <border-image-width> from [10%] to [20] at (0.5) is [20]
-PASS CSS Transitions with transition: all: property <border-image-width> from [10%] to [20] at (0.6) is [20]
-PASS CSS Transitions with transition: all: property <border-image-width> from [10%] to [20] at (1) is [20]
-PASS CSS Transitions with transition: all: property <border-image-width> from [10%] to [20] at (1.5) is [20]
-PASS CSS Transitions with transition: all: property <border-image-width> from [10] to [20%] at (-0.3) is [20%]
-PASS CSS Transitions with transition: all: property <border-image-width> from [10] to [20%] at (0) is [20%]
-PASS CSS Transitions with transition: all: property <border-image-width> from [10] to [20%] at (0.3) is [20%]
-PASS CSS Transitions with transition: all: property <border-image-width> from [10] to [20%] at (0.5) is [20%]
-PASS CSS Transitions with transition: all: property <border-image-width> from [10] to [20%] at (0.6) is [20%]
-PASS CSS Transitions with transition: all: property <border-image-width> from [10] to [20%] at (1) is [20%]
-PASS CSS Transitions with transition: all: property <border-image-width> from [10] to [20%] at (1.5) is [20%]
-PASS CSS Animations: property <border-image-width> from neutral to [20px] at (-0.3) is [7px]
-PASS CSS Animations: property <border-image-width> from neutral to [20px] at (0) is [10px]
-PASS CSS Animations: property <border-image-width> from neutral to [20px] at (0.3) is [13px]
-PASS CSS Animations: property <border-image-width> from neutral to [20px] at (0.6) is [16px]
-PASS CSS Animations: property <border-image-width> from neutral to [20px] at (1) is [20px]
-PASS CSS Animations: property <border-image-width> from neutral to [20px] at (1.5) is [25px]
-PASS CSS Animations: property <border-image-width> from neutral to [20px] at (5) is [60px]
-PASS CSS Animations: property <border-image-width> from neutral to [20px] at (10) is [110px]
-PASS CSS Animations: property <border-image-width> from [initial] to [20px] at (-0.3) is [1]
-PASS CSS Animations: property <border-image-width> from [initial] to [20px] at (0) is [1]
-PASS CSS Animations: property <border-image-width> from [initial] to [20px] at (0.3) is [1]
-PASS CSS Animations: property <border-image-width> from [initial] to [20px] at (0.5) is [20px]
-PASS CSS Animations: property <border-image-width> from [initial] to [20px] at (0.6) is [20px]
-PASS CSS Animations: property <border-image-width> from [initial] to [20px] at (1) is [20px]
-PASS CSS Animations: property <border-image-width> from [initial] to [20px] at (1.5) is [20px]
-PASS CSS Animations: property <border-image-width> from [inherit] to [20px] at (-0.3) is [124px]
-PASS CSS Animations: property <border-image-width> from [inherit] to [20px] at (0) is [100px]
-PASS CSS Animations: property <border-image-width> from [inherit] to [20px] at (0.3) is [76px]
-PASS CSS Animations: property <border-image-width> from [inherit] to [20px] at (0.6) is [52px]
-PASS CSS Animations: property <border-image-width> from [inherit] to [20px] at (1) is [20px]
-PASS CSS Animations: property <border-image-width> from [inherit] to [20px] at (1.5) is [0px]
-PASS CSS Animations: property <border-image-width> from [inherit] to [20px] at (5) is [0px]
-PASS CSS Animations: property <border-image-width> from [inherit] to [20px] at (10) is [0px]
-PASS CSS Animations: property <border-image-width> from [unset] to [20px] at (-0.3) is [1]
-PASS CSS Animations: property <border-image-width> from [unset] to [20px] at (0) is [1]
-PASS CSS Animations: property <border-image-width> from [unset] to [20px] at (0.3) is [1]
-PASS CSS Animations: property <border-image-width> from [unset] to [20px] at (0.5) is [20px]
-PASS CSS Animations: property <border-image-width> from [unset] to [20px] at (0.6) is [20px]
-PASS CSS Animations: property <border-image-width> from [unset] to [20px] at (1) is [20px]
-PASS CSS Animations: property <border-image-width> from [unset] to [20px] at (1.5) is [20px]
-PASS CSS Animations: property <border-image-width> from [0px] to [20px] at (-0.3) is [0px]
-PASS CSS Animations: property <border-image-width> from [0px] to [20px] at (0) is [0px]
-PASS CSS Animations: property <border-image-width> from [0px] to [20px] at (0.3) is [6px]
-PASS CSS Animations: property <border-image-width> from [0px] to [20px] at (0.6) is [12px]
-PASS CSS Animations: property <border-image-width> from [0px] to [20px] at (1) is [20px]
-PASS CSS Animations: property <border-image-width> from [0px] to [20px] at (1.5) is [30px]
-PASS CSS Animations: property <border-image-width> from [0px] to [20px] at (5) is [100px]
-PASS CSS Animations: property <border-image-width> from [0px] to [20px] at (10) is [200px]
-PASS CSS Animations: property <border-image-width> from [0%] to [20%] at (-0.3) is [0%]
-PASS CSS Animations: property <border-image-width> from [0%] to [20%] at (0) is [0%]
-PASS CSS Animations: property <border-image-width> from [0%] to [20%] at (0.3) is [6%]
-PASS CSS Animations: property <border-image-width> from [0%] to [20%] at (0.6) is [12%]
-PASS CSS Animations: property <border-image-width> from [0%] to [20%] at (1) is [20%]
-PASS CSS Animations: property <border-image-width> from [0%] to [20%] at (1.5) is [30%]
-PASS CSS Animations: property <border-image-width> from [0%] to [20%] at (5) is [100%]
-PASS CSS Animations: property <border-image-width> from [0%] to [20%] at (10) is [200%]
-PASS CSS Animations: property <border-image-width> from [0] to [20] at (-0.3) is [0]
-PASS CSS Animations: property <border-image-width> from [0] to [20] at (0) is [0]
-PASS CSS Animations: property <border-image-width> from [0] to [20] at (0.3) is [6]
-PASS CSS Animations: property <border-image-width> from [0] to [20] at (0.6) is [12]
-PASS CSS Animations: property <border-image-width> from [0] to [20] at (1) is [20]
-PASS CSS Animations: property <border-image-width> from [0] to [20] at (1.5) is [30]
-PASS CSS Animations: property <border-image-width> from [0] to [20] at (5) is [100]
-PASS CSS Animations: property <border-image-width> from [0] to [20] at (10) is [200]
-PASS CSS Animations: property <border-image-width> from [10px 20% 30 40px] to [80px 70% 60 50px] at (-0.3) is [0px 5% 21 37px]
-PASS CSS Animations: property <border-image-width> from [10px 20% 30 40px] to [80px 70% 60 50px] at (0) is [10px 20% 30 40px]
-PASS CSS Animations: property <border-image-width> from [10px 20% 30 40px] to [80px 70% 60 50px] at (0.3) is [31px 35% 39 43px]
-PASS CSS Animations: property <border-image-width> from [10px 20% 30 40px] to [80px 70% 60 50px] at (0.6) is [52px 50% 48 46px]
-PASS CSS Animations: property <border-image-width> from [10px 20% 30 40px] to [80px 70% 60 50px] at (1) is [80px 70% 60 50px]
-PASS CSS Animations: property <border-image-width> from [10px 20% 30 40px] to [80px 70% 60 50px] at (1.5) is [115px 95% 75 55px]
-PASS CSS Animations: property <border-image-width> from [10px 20% 30 40px] to [80px 70% 60 50px] at (5) is [360px 270% 180 90px]
-PASS CSS Animations: property <border-image-width> from [10px 20% 30 40px] to [80px 70% 60 50px] at (10) is [710px 520% 330 140px]
-FAIL CSS Animations: property <border-image-width> from [10%] to [20px] at (-0.3) is [calc(13% + -6px)] assert_equals: expected "7px " but got "calc ( 13 % + - 6px ) "
-PASS CSS Animations: property <border-image-width> from [10%] to [20px] at (0) is [10%]
-FAIL CSS Animations: property <border-image-width> from [10%] to [20px] at (0.3) is [calc(7% + 6px)] assert_equals: expected "13px " but got "calc ( 7 % + 6px ) "
-FAIL CSS Animations: property <border-image-width> from [10%] to [20px] at (0.6) is [calc(4% + 12px)] assert_equals: expected "16px " but got "calc ( 4 % + 12px ) "
-PASS CSS Animations: property <border-image-width> from [10%] to [20px] at (1) is [20px]
-FAIL CSS Animations: property <border-image-width> from [10%] to [20px] at (1.5) is [calc(-5% + 30px)] assert_equals: expected "25px " but got "calc ( - 5 % + 30px ) "
-FAIL CSS Animations: property <border-image-width> from [10px] to [20%] at (-0.3) is [calc(-6% + 13px)] assert_equals: expected "7px " but got "calc ( - 6 % + 13px ) "
-PASS CSS Animations: property <border-image-width> from [10px] to [20%] at (0) is [10px]
-FAIL CSS Animations: property <border-image-width> from [10px] to [20%] at (0.3) is [calc(6% + 7px)] assert_equals: expected "13px " but got "calc ( 6 % + 7px ) "
-FAIL CSS Animations: property <border-image-width> from [10px] to [20%] at (0.6) is [calc(12% + 4px)] assert_equals: expected "16px " but got "calc ( 12 % + 4px ) "
-PASS CSS Animations: property <border-image-width> from [10px] to [20%] at (1) is [20%]
-FAIL CSS Animations: property <border-image-width> from [10px] to [20%] at (1.5) is [calc(30% + -5px)] assert_equals: expected "25px " but got "calc ( 30 % + - 5px ) "
-PASS CSS Animations: property <border-image-width> from [10px auto auto 20] to [110px auto auto 120] at (-0.3) is [0px auto auto 0]
-PASS CSS Animations: property <border-image-width> from [10px auto auto 20] to [110px auto auto 120] at (0) is [10px auto auto 20]
-PASS CSS Animations: property <border-image-width> from [10px auto auto 20] to [110px auto auto 120] at (0.3) is [40px auto auto 50]
-PASS CSS Animations: property <border-image-width> from [10px auto auto 20] to [110px auto auto 120] at (0.6) is [70px auto auto 80]
-PASS CSS Animations: property <border-image-width> from [10px auto auto 20] to [110px auto auto 120] at (1) is [110px auto auto 120]
-PASS CSS Animations: property <border-image-width> from [10px auto auto 20] to [110px auto auto 120] at (1.5) is [160px auto auto 170]
-PASS CSS Animations: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (-0.3) is [10px auto auto 20]
-PASS CSS Animations: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (0) is [10px auto auto 20]
-PASS CSS Animations: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (0.3) is [10px auto auto 20]
-PASS CSS Animations: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (0.5) is [110px auto 120]
-PASS CSS Animations: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (0.6) is [110px auto 120]
-PASS CSS Animations: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (1) is [110px auto 120]
-PASS CSS Animations: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (1.5) is [110px auto 120]
-PASS CSS Animations: property <border-image-width> from [10px] to [20] at (-0.3) is [10px]
-PASS CSS Animations: property <border-image-width> from [10px] to [20] at (0) is [10px]
-PASS CSS Animations: property <border-image-width> from [10px] to [20] at (0.3) is [10px]
-PASS CSS Animations: property <border-image-width> from [10px] to [20] at (0.5) is [20]
-PASS CSS Animations: property <border-image-width> from [10px] to [20] at (0.6) is [20]
-PASS CSS Animations: property <border-image-width> from [10px] to [20] at (1) is [20]
-PASS CSS Animations: property <border-image-width> from [10px] to [20] at (1.5) is [20]
-PASS CSS Animations: property <border-image-width> from [10] to [20px] at (-0.3) is [10]
-PASS CSS Animations: property <border-image-width> from [10] to [20px] at (0) is [10]
-PASS CSS Animations: property <border-image-width> from [10] to [20px] at (0.3) is [10]
-PASS CSS Animations: property <border-image-width> from [10] to [20px] at (0.5) is [20px]
-PASS CSS Animations: property <border-image-width> from [10] to [20px] at (0.6) is [20px]
-PASS CSS Animations: property <border-image-width> from [10] to [20px] at (1) is [20px]
-PASS CSS Animations: property <border-image-width> from [10] to [20px] at (1.5) is [20px]
-PASS CSS Animations: property <border-image-width> from [10%] to [20] at (-0.3) is [10%]
-PASS CSS Animations: property <border-image-width> from [10%] to [20] at (0) is [10%]
-PASS CSS Animations: property <border-image-width> from [10%] to [20] at (0.3) is [10%]
-PASS CSS Animations: property <border-image-width> from [10%] to [20] at (0.5) is [20]
-PASS CSS Animations: property <border-image-width> from [10%] to [20] at (0.6) is [20]
-PASS CSS Animations: property <border-image-width> from [10%] to [20] at (1) is [20]
-PASS CSS Animations: property <border-image-width> from [10%] to [20] at (1.5) is [20]
-PASS CSS Animations: property <border-image-width> from [10] to [20%] at (-0.3) is [10]
-PASS CSS Animations: property <border-image-width> from [10] to [20%] at (0) is [10]
-PASS CSS Animations: property <border-image-width> from [10] to [20%] at (0.3) is [10]
-PASS CSS Animations: property <border-image-width> from [10] to [20%] at (0.5) is [20%]
-PASS CSS Animations: property <border-image-width> from [10] to [20%] at (0.6) is [20%]
-PASS CSS Animations: property <border-image-width> from [10] to [20%] at (1) is [20%]
-PASS CSS Animations: property <border-image-width> from [10] to [20%] at (1.5) is [20%]
-PASS Web Animations: property <border-image-width> from neutral to [20px] at (-0.3) is [7px]
-PASS Web Animations: property <border-image-width> from neutral to [20px] at (0) is [10px]
-PASS Web Animations: property <border-image-width> from neutral to [20px] at (0.3) is [13px]
-PASS Web Animations: property <border-image-width> from neutral to [20px] at (0.6) is [16px]
-PASS Web Animations: property <border-image-width> from neutral to [20px] at (1) is [20px]
-PASS Web Animations: property <border-image-width> from neutral to [20px] at (1.5) is [25px]
-PASS Web Animations: property <border-image-width> from neutral to [20px] at (5) is [60px]
-PASS Web Animations: property <border-image-width> from neutral to [20px] at (10) is [110px]
-PASS Web Animations: property <border-image-width> from [initial] to [20px] at (-0.3) is [1]
-PASS Web Animations: property <border-image-width> from [initial] to [20px] at (0) is [1]
-PASS Web Animations: property <border-image-width> from [initial] to [20px] at (0.3) is [1]
-PASS Web Animations: property <border-image-width> from [initial] to [20px] at (0.5) is [20px]
-PASS Web Animations: property <border-image-width> from [initial] to [20px] at (0.6) is [20px]
-PASS Web Animations: property <border-image-width> from [initial] to [20px] at (1) is [20px]
-PASS Web Animations: property <border-image-width> from [initial] to [20px] at (1.5) is [20px]
-PASS Web Animations: property <border-image-width> from [inherit] to [20px] at (-0.3) is [124px]
-PASS Web Animations: property <border-image-width> from [inherit] to [20px] at (0) is [100px]
-PASS Web Animations: property <border-image-width> from [inherit] to [20px] at (0.3) is [76px]
-PASS Web Animations: property <border-image-width> from [inherit] to [20px] at (0.6) is [52px]
-PASS Web Animations: property <border-image-width> from [inherit] to [20px] at (1) is [20px]
-PASS Web Animations: property <border-image-width> from [inherit] to [20px] at (1.5) is [0px]
-PASS Web Animations: property <border-image-width> from [inherit] to [20px] at (5) is [0px]
-PASS Web Animations: property <border-image-width> from [inherit] to [20px] at (10) is [0px]
-PASS Web Animations: property <border-image-width> from [unset] to [20px] at (-0.3) is [1]
-PASS Web Animations: property <border-image-width> from [unset] to [20px] at (0) is [1]
-PASS Web Animations: property <border-image-width> from [unset] to [20px] at (0.3) is [1]
-PASS Web Animations: property <border-image-width> from [unset] to [20px] at (0.5) is [20px]
-PASS Web Animations: property <border-image-width> from [unset] to [20px] at (0.6) is [20px]
-PASS Web Animations: property <border-image-width> from [unset] to [20px] at (1) is [20px]
-PASS Web Animations: property <border-image-width> from [unset] to [20px] at (1.5) is [20px]
-PASS Web Animations: property <border-image-width> from [0px] to [20px] at (-0.3) is [0px]
-PASS Web Animations: property <border-image-width> from [0px] to [20px] at (0) is [0px]
-PASS Web Animations: property <border-image-width> from [0px] to [20px] at (0.3) is [6px]
-PASS Web Animations: property <border-image-width> from [0px] to [20px] at (0.6) is [12px]
-PASS Web Animations: property <border-image-width> from [0px] to [20px] at (1) is [20px]
-PASS Web Animations: property <border-image-width> from [0px] to [20px] at (1.5) is [30px]
-PASS Web Animations: property <border-image-width> from [0px] to [20px] at (5) is [100px]
-PASS Web Animations: property <border-image-width> from [0px] to [20px] at (10) is [200px]
-PASS Web Animations: property <border-image-width> from [0%] to [20%] at (-0.3) is [0%]
-PASS Web Animations: property <border-image-width> from [0%] to [20%] at (0) is [0%]
-PASS Web Animations: property <border-image-width> from [0%] to [20%] at (0.3) is [6%]
-PASS Web Animations: property <border-image-width> from [0%] to [20%] at (0.6) is [12%]
-PASS Web Animations: property <border-image-width> from [0%] to [20%] at (1) is [20%]
-PASS Web Animations: property <border-image-width> from [0%] to [20%] at (1.5) is [30%]
-PASS Web Animations: property <border-image-width> from [0%] to [20%] at (5) is [100%]
-PASS Web Animations: property <border-image-width> from [0%] to [20%] at (10) is [200%]
-PASS Web Animations: property <border-image-width> from [0] to [20] at (-0.3) is [0]
-PASS Web Animations: property <border-image-width> from [0] to [20] at (0) is [0]
-PASS Web Animations: property <border-image-width> from [0] to [20] at (0.3) is [6]
-PASS Web Animations: property <border-image-width> from [0] to [20] at (0.6) is [12]
-PASS Web Animations: property <border-image-width> from [0] to [20] at (1) is [20]
-PASS Web Animations: property <border-image-width> from [0] to [20] at (1.5) is [30]
-PASS Web Animations: property <border-image-width> from [0] to [20] at (5) is [100]
-PASS Web Animations: property <border-image-width> from [0] to [20] at (10) is [200]
-PASS Web Animations: property <border-image-width> from [10px 20% 30 40px] to [80px 70% 60 50px] at (-0.3) is [0px 5% 21 37px]
-PASS Web Animations: property <border-image-width> from [10px 20% 30 40px] to [80px 70% 60 50px] at (0) is [10px 20% 30 40px]
-PASS Web Animations: property <border-image-width> from [10px 20% 30 40px] to [80px 70% 60 50px] at (0.3) is [31px 35% 39 43px]
-PASS Web Animations: property <border-image-width> from [10px 20% 30 40px] to [80px 70% 60 50px] at (0.6) is [52px 50% 48 46px]
-PASS Web Animations: property <border-image-width> from [10px 20% 30 40px] to [80px 70% 60 50px] at (1) is [80px 70% 60 50px]
-PASS Web Animations: property <border-image-width> from [10px 20% 30 40px] to [80px 70% 60 50px] at (1.5) is [115px 95% 75 55px]
-PASS Web Animations: property <border-image-width> from [10px 20% 30 40px] to [80px 70% 60 50px] at (5) is [360px 270% 180 90px]
-PASS Web Animations: property <border-image-width> from [10px 20% 30 40px] to [80px 70% 60 50px] at (10) is [710px 520% 330 140px]
-FAIL Web Animations: property <border-image-width> from [10%] to [20px] at (-0.3) is [calc(13% + -6px)] assert_equals: expected "7px " but got "calc ( 13 % + - 6px ) "
-PASS Web Animations: property <border-image-width> from [10%] to [20px] at (0) is [10%]
-FAIL Web Animations: property <border-image-width> from [10%] to [20px] at (0.3) is [calc(7% + 6px)] assert_equals: expected "13px " but got "calc ( 7 % + 6px ) "
-FAIL Web Animations: property <border-image-width> from [10%] to [20px] at (0.6) is [calc(4% + 12px)] assert_equals: expected "16px " but got "calc ( 4 % + 12px ) "
-PASS Web Animations: property <border-image-width> from [10%] to [20px] at (1) is [20px]
-FAIL Web Animations: property <border-image-width> from [10%] to [20px] at (1.5) is [calc(-5% + 30px)] assert_equals: expected "25px " but got "calc ( - 5 % + 30px ) "
-FAIL Web Animations: property <border-image-width> from [10px] to [20%] at (-0.3) is [calc(-6% + 13px)] assert_equals: expected "7px " but got "calc ( - 6 % + 13px ) "
-PASS Web Animations: property <border-image-width> from [10px] to [20%] at (0) is [10px]
-FAIL Web Animations: property <border-image-width> from [10px] to [20%] at (0.3) is [calc(6% + 7px)] assert_equals: expected "13px " but got "calc ( 6 % + 7px ) "
-FAIL Web Animations: property <border-image-width> from [10px] to [20%] at (0.6) is [calc(12% + 4px)] assert_equals: expected "16px " but got "calc ( 12 % + 4px ) "
-PASS Web Animations: property <border-image-width> from [10px] to [20%] at (1) is [20%]
-FAIL Web Animations: property <border-image-width> from [10px] to [20%] at (1.5) is [calc(30% + -5px)] assert_equals: expected "25px " but got "calc ( 30 % + - 5px ) "
-PASS Web Animations: property <border-image-width> from [10px auto auto 20] to [110px auto auto 120] at (-0.3) is [0px auto auto 0]
-PASS Web Animations: property <border-image-width> from [10px auto auto 20] to [110px auto auto 120] at (0) is [10px auto auto 20]
-PASS Web Animations: property <border-image-width> from [10px auto auto 20] to [110px auto auto 120] at (0.3) is [40px auto auto 50]
-PASS Web Animations: property <border-image-width> from [10px auto auto 20] to [110px auto auto 120] at (0.6) is [70px auto auto 80]
-PASS Web Animations: property <border-image-width> from [10px auto auto 20] to [110px auto auto 120] at (1) is [110px auto auto 120]
-PASS Web Animations: property <border-image-width> from [10px auto auto 20] to [110px auto auto 120] at (1.5) is [160px auto auto 170]
-PASS Web Animations: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (-0.3) is [10px auto auto 20]
-PASS Web Animations: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (0) is [10px auto auto 20]
-PASS Web Animations: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (0.3) is [10px auto auto 20]
-PASS Web Animations: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (0.5) is [110px auto 120]
-PASS Web Animations: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (0.6) is [110px auto 120]
-PASS Web Animations: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (1) is [110px auto 120]
-PASS Web Animations: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (1.5) is [110px auto 120]
-PASS Web Animations: property <border-image-width> from [10px] to [20] at (-0.3) is [10px]
-PASS Web Animations: property <border-image-width> from [10px] to [20] at (0) is [10px]
-PASS Web Animations: property <border-image-width> from [10px] to [20] at (0.3) is [10px]
-PASS Web Animations: property <border-image-width> from [10px] to [20] at (0.5) is [20]
-PASS Web Animations: property <border-image-width> from [10px] to [20] at (0.6) is [20]
-PASS Web Animations: property <border-image-width> from [10px] to [20] at (1) is [20]
-PASS Web Animations: property <border-image-width> from [10px] to [20] at (1.5) is [20]
-PASS Web Animations: property <border-image-width> from [10] to [20px] at (-0.3) is [10]
-PASS Web Animations: property <border-image-width> from [10] to [20px] at (0) is [10]
-PASS Web Animations: property <border-image-width> from [10] to [20px] at (0.3) is [10]
-PASS Web Animations: property <border-image-width> from [10] to [20px] at (0.5) is [20px]
-PASS Web Animations: property <border-image-width> from [10] to [20px] at (0.6) is [20px]
-PASS Web Animations: property <border-image-width> from [10] to [20px] at (1) is [20px]
-PASS Web Animations: property <border-image-width> from [10] to [20px] at (1.5) is [20px]
-PASS Web Animations: property <border-image-width> from [10%] to [20] at (-0.3) is [10%]
-PASS Web Animations: property <border-image-width> from [10%] to [20] at (0) is [10%]
-PASS Web Animations: property <border-image-width> from [10%] to [20] at (0.3) is [10%]
-PASS Web Animations: property <border-image-width> from [10%] to [20] at (0.5) is [20]
-PASS Web Animations: property <border-image-width> from [10%] to [20] at (0.6) is [20]
-PASS Web Animations: property <border-image-width> from [10%] to [20] at (1) is [20]
-PASS Web Animations: property <border-image-width> from [10%] to [20] at (1.5) is [20]
-PASS Web Animations: property <border-image-width> from [10] to [20%] at (-0.3) is [10]
-PASS Web Animations: property <border-image-width> from [10] to [20%] at (0) is [10]
-PASS Web Animations: property <border-image-width> from [10] to [20%] at (0.3) is [10]
-PASS Web Animations: property <border-image-width> from [10] to [20%] at (0.5) is [20%]
-PASS Web Animations: property <border-image-width> from [10] to [20%] at (0.6) is [20%]
-PASS Web Animations: property <border-image-width> from [10] to [20%] at (1) is [20%]
-PASS Web Animations: property <border-image-width> from [10] to [20%] at (1.5) is [20%]
-Harness: the test ran to completion.
-
