LibWeb: Interpolate legacy colors in sRGB

This commit is contained in:
Gingeh 2025-07-03 22:02:40 +10:00 committed by Tim Ledbetter
commit 1b7323fc2d
Notes: github-actions[bot] 2025-07-04 14:29:15 +00:00
8 changed files with 137 additions and 113 deletions

View file

@ -595,23 +595,36 @@ RefPtr<CSSStyleValue const> interpolate_transform(DOM::Element& element, CSSStyl
return StyleValueList::create({ TransformationStyleValue::create(PropertyID::Transform, TransformFunction::Matrix3d, move(values)) }, StyleValueList::Separator::Comma); return StyleValueList::create({ TransformationStyleValue::create(PropertyID::Transform, TransformFunction::Matrix3d, move(values)) }, StyleValueList::Separator::Comma);
} }
Color interpolate_color(Color from, Color to, float delta) Color interpolate_color(Color from, Color to, float delta, ColorSyntax syntax)
{ {
// https://drafts.csswg.org/css-color/#interpolation
// FIXME: Handle all interpolation methods.
// FIXME: Handle "analogous", "missing", and "powerless" components, somehow.
// https://drafts.csswg.org/css-color/#interpolation-space // https://drafts.csswg.org/css-color/#interpolation-space
// If the host syntax does not define what color space interpolation should take place in, it defaults to Oklab. // If the host syntax does not define what color space interpolation should take place in, it defaults to Oklab.
// However, user agents must handle interpolation between legacy sRGB color formats (hex colors, named colors, // However, user agents must handle interpolation between legacy sRGB color formats (hex colors, named colors,
// rgb(), hsl() or hwb() and the equivalent alpha-including forms) in gamma-encoded sRGB space. This provides // rgb(), hsl() or hwb() and the equivalent alpha-including forms) in gamma-encoded sRGB space. This provides
// Web compatibility; legacy sRGB content interpolates in the sRGB space by default. // Web compatibility; legacy sRGB content interpolates in the sRGB space by default.
// FIXME: Use srgb by default for these, once we can distinguish what form a color was specified in.
auto from_oklab = from.to_oklab();
auto to_oklab = to.to_oklab();
auto color = Color::from_oklab( Color result;
interpolate_raw(from_oklab.L, to_oklab.L, delta), if (syntax == ColorSyntax::Modern) {
interpolate_raw(from_oklab.a, to_oklab.a, delta), auto from_oklab = from.to_oklab();
interpolate_raw(from_oklab.b, to_oklab.b, delta)); auto to_oklab = to.to_oklab();
color.set_alpha(interpolate_raw(from.alpha(), to.alpha(), delta));
return color; result = Color::from_oklab(
interpolate_raw(from_oklab.L, to_oklab.L, delta),
interpolate_raw(from_oklab.a, to_oklab.a, delta),
interpolate_raw(from_oklab.b, to_oklab.b, delta));
} else {
result = Color {
interpolate_raw(from.red(), to.red(), delta),
interpolate_raw(from.green(), to.green(), delta),
interpolate_raw(from.blue(), to.blue(), delta),
};
}
result.set_alpha(interpolate_raw(from.alpha(), to.alpha(), delta));
return result;
} }
RefPtr<CSSStyleValue const> interpolate_box_shadow(DOM::Element& element, CalculationContext const& calculation_context, CSSStyleValue const& from, CSSStyleValue const& to, float delta, AllowDiscrete allow_discrete) RefPtr<CSSStyleValue const> interpolate_box_shadow(DOM::Element& element, CalculationContext const& calculation_context, CSSStyleValue const& from, CSSStyleValue const& to, float delta, AllowDiscrete allow_discrete)
@ -675,8 +688,13 @@ RefPtr<CSSStyleValue const> interpolate_box_shadow(DOM::Element& element, Calcul
auto interpolated_spread_distance = interpolate_value(element, calculation_context, from_shadow.spread_distance(), to_shadow.spread_distance(), delta, allow_discrete); auto interpolated_spread_distance = interpolate_value(element, calculation_context, from_shadow.spread_distance(), to_shadow.spread_distance(), delta, allow_discrete);
if (!interpolated_offset_x || !interpolated_offset_y || !interpolated_blur_radius || !interpolated_spread_distance) if (!interpolated_offset_x || !interpolated_offset_y || !interpolated_blur_radius || !interpolated_spread_distance)
return {}; return {};
auto color_syntax = ColorSyntax::Legacy;
if ((!from_shadow.color()->is_keyword() && from_shadow.color()->as_color().color_syntax() == ColorSyntax::Modern)
|| (!to_shadow.color()->is_keyword() && to_shadow.color()->as_color().color_syntax() == ColorSyntax::Modern)) {
color_syntax = ColorSyntax::Modern;
}
auto result_shadow = ShadowStyleValue::create( auto result_shadow = ShadowStyleValue::create(
CSSColorValue::create_from_color(interpolate_color(from_shadow.color()->to_color(layout_node, resolution_context), to_shadow.color()->to_color(layout_node, resolution_context), delta), ColorSyntax::Modern), CSSColorValue::create_from_color(interpolate_color(from_shadow.color()->to_color(layout_node, resolution_context), to_shadow.color()->to_color(layout_node, resolution_context), delta, color_syntax), ColorSyntax::Modern),
*interpolated_offset_x, *interpolated_offset_x,
*interpolated_offset_y, *interpolated_offset_y,
*interpolated_blur_radius, *interpolated_blur_radius,
@ -794,7 +812,12 @@ static RefPtr<CSSStyleValue const> interpolate_value_impl(DOM::Element& element,
resolution_context.length_resolution_context = Length::ResolutionContext::for_layout_node(*node); resolution_context.length_resolution_context = Length::ResolutionContext::for_layout_node(*node);
} }
return CSSColorValue::create_from_color(interpolate_color(from.to_color(layout_node, resolution_context), to.to_color(layout_node, resolution_context), delta), ColorSyntax::Modern); auto color_syntax = ColorSyntax::Legacy;
if ((!from.is_keyword() && from.as_color().color_syntax() == ColorSyntax::Modern)
|| (!to.is_keyword() && to.as_color().color_syntax() == ColorSyntax::Modern)) {
color_syntax = ColorSyntax::Modern;
}
return CSSColorValue::create_from_color(interpolate_color(from.to_color(layout_node, resolution_context), to.to_color(layout_node, resolution_context), delta, color_syntax), ColorSyntax::Modern);
} }
case CSSStyleValue::Type::Edge: { case CSSStyleValue::Type::Edge: {
auto resolved_from = from.as_edge().resolved_value(calculation_context); auto resolved_from = from.as_edge().resolved_value(calculation_context);

View file

@ -8,6 +8,7 @@
#include <LibWeb/CSS/CSSStyleValue.h> #include <LibWeb/CSS/CSSStyleValue.h>
#include <LibWeb/CSS/Enums.h> #include <LibWeb/CSS/Enums.h>
#include <LibWeb/CSS/StyleValues/CSSColorValue.h>
#include <LibWeb/Forward.h> #include <LibWeb/Forward.h>
namespace Web::CSS { namespace Web::CSS {
@ -28,6 +29,6 @@ RefPtr<CSSStyleValue const> interpolate_repeatable_list(DOM::Element&, Calculati
RefPtr<CSSStyleValue const> interpolate_box_shadow(DOM::Element&, CalculationContext const&, CSSStyleValue const& from, CSSStyleValue const& to, float delta, AllowDiscrete); RefPtr<CSSStyleValue const> interpolate_box_shadow(DOM::Element&, CalculationContext const&, CSSStyleValue const& from, CSSStyleValue const& to, float delta, AllowDiscrete);
RefPtr<CSSStyleValue const> interpolate_transform(DOM::Element&, CSSStyleValue const& from, CSSStyleValue const& to, float delta, AllowDiscrete); RefPtr<CSSStyleValue const> interpolate_transform(DOM::Element&, CSSStyleValue const& from, CSSStyleValue const& to, float delta, AllowDiscrete);
Color interpolate_color(Color from, Color to, float delta); Color interpolate_color(Color from, Color to, float delta, ColorSyntax syntax);
} }

View file

@ -177,13 +177,13 @@ ColorMixStyleValue::PercentageNormalizationResult ColorMixStyleValue::normalize_
// https://drafts.csswg.org/css-color-5/#color-mix-result // https://drafts.csswg.org/css-color-5/#color-mix-result
Color ColorMixStyleValue::to_color(Optional<Layout::NodeWithStyle const&> node, CalculationResolutionContext const& resolution_context) const Color ColorMixStyleValue::to_color(Optional<Layout::NodeWithStyle const&> node, CalculationResolutionContext const& resolution_context) const
{ {
// FIXME: Do this in a spec-compliant way. // FIXME: Take the color space and hue interpolation method into account.
// Our color interpolation doesn't currently take the color space or hue interpolation method into account. // The current implementation only uses oklab interpolation.
auto normalized_percentages = normalize_percentages(); auto normalized_percentages = normalize_percentages();
auto from_color = m_properties.first_component.color->to_color(node, resolution_context); auto from_color = m_properties.first_component.color;
auto to_color = m_properties.second_component.color->to_color(node, resolution_context); auto to_color = m_properties.second_component.color;
auto delta = normalized_percentages.p2.value() / 100; auto delta = normalized_percentages.p2.value() / 100;
return interpolate_color(from_color, to_color, delta); return interpolate_color(from_color->to_color(node, resolution_context), to_color->to_color(node, resolution_context), delta, ColorSyntax::Modern);
} }
} }

View file

@ -6,8 +6,8 @@ At time 400:
background-color: rgb(78, 88, 99) background-color: rgb(78, 88, 99)
background-repeat: repeat-x background-repeat: repeat-x
bottom: auto bottom: auto
box-shadow: rgb(163, 82, 142) 40px 80px 126px 0px inset, rgba(0, 0, 72, 0.4) 20px 4px 8px 12px box-shadow: rgb(153, 0, 102) 40px 80px 126px 0px inset, rgba(0, 0, 102, 0.4) 20px 4px 8px 12px
color: rgb(163, 82, 142) color: rgb(153, 0, 102)
transform: matrix(1, 0, 0, 1, 40, 40) transform: matrix(1, 0, 0, 1, 40, 40)
At time 750: At time 750:
@ -18,7 +18,7 @@ At time 750:
background-color: rgb(147, 157, 168) background-color: rgb(147, 157, 168)
background-repeat: space background-repeat: space
bottom: 100% bottom: 100%
box-shadow: rgb(81, 71, 210) 75px 150px 227.5px 0px, rgba(0, 0, 174, 0.75) 37.5px 7.5px 15px 22.5px box-shadow: rgb(63, 0, 191) 75px 150px 227.5px 0px, rgba(0, 0, 191, 0.75) 37.5px 7.5px 15px 22.5px
color: rgb(81, 71, 210) color: rgb(63, 0, 191)
transform: matrix(1, 0, 0, 1, 75, 75) transform: matrix(1, 0, 0, 1, 75, 75)

View file

@ -2,152 +2,152 @@ Harness status: OK
Found 172 tests Found 172 tests
70 Pass 108 Pass
102 Fail 64 Fail
Pass CSS Transitions: property <background-color> from neutral to [green] at (-0.3) should be [rgb(0, 0, 0)] Pass CSS Transitions: property <background-color> from neutral to [green] at (-0.3) should be [rgb(0, 0, 0)]
Pass CSS Transitions: property <background-color> from neutral to [green] at (0) should be [rgb(0, 0, 0)] Pass CSS Transitions: property <background-color> from neutral to [green] at (0) should be [rgb(0, 0, 0)]
Fail CSS Transitions: property <background-color> from neutral to [green] at (0.3) should be [rgb(0, 38, 0)] Pass CSS Transitions: property <background-color> from neutral to [green] at (0.3) should be [rgb(0, 38, 0)]
Fail CSS Transitions: property <background-color> from neutral to [green] at (0.6) should be [rgb(0, 77, 0)] Fail CSS Transitions: property <background-color> from neutral to [green] at (0.6) should be [rgb(0, 77, 0)]
Pass CSS Transitions: property <background-color> from neutral to [green] at (1) should be [rgb(0, 128, 0)] Pass CSS Transitions: property <background-color> from neutral to [green] at (1) should be [rgb(0, 128, 0)]
Fail CSS Transitions: property <background-color> from neutral to [green] at (1.5) should be [rgb(0, 192, 0)] Pass CSS Transitions: property <background-color> from neutral to [green] at (1.5) should be [rgb(0, 192, 0)]
Pass CSS Transitions with transition: all: property <background-color> from neutral to [green] at (-0.3) should be [rgb(0, 0, 0)] Pass CSS Transitions with transition: all: property <background-color> from neutral to [green] at (-0.3) should be [rgb(0, 0, 0)]
Pass CSS Transitions with transition: all: property <background-color> from neutral to [green] at (0) should be [rgb(0, 0, 0)] Pass CSS Transitions with transition: all: property <background-color> from neutral to [green] at (0) should be [rgb(0, 0, 0)]
Fail CSS Transitions with transition: all: property <background-color> from neutral to [green] at (0.3) should be [rgb(0, 38, 0)] Pass CSS Transitions with transition: all: property <background-color> from neutral to [green] at (0.3) should be [rgb(0, 38, 0)]
Fail CSS Transitions with transition: all: property <background-color> from neutral to [green] at (0.6) should be [rgb(0, 77, 0)] Fail CSS Transitions with transition: all: property <background-color> from neutral to [green] at (0.6) should be [rgb(0, 77, 0)]
Pass CSS Transitions with transition: all: property <background-color> from neutral to [green] at (1) should be [rgb(0, 128, 0)] Pass CSS Transitions with transition: all: property <background-color> from neutral to [green] at (1) should be [rgb(0, 128, 0)]
Fail CSS Transitions with transition: all: property <background-color> from neutral to [green] at (1.5) should be [rgb(0, 192, 0)] Pass CSS Transitions with transition: all: property <background-color> from neutral to [green] at (1.5) should be [rgb(0, 192, 0)]
Fail CSS Animations: property <background-color> from neutral to [green] at (-0.3) should be [rgb(0, 0, 0)] Fail CSS Animations: property <background-color> from neutral to [green] at (-0.3) should be [rgb(0, 0, 0)]
Fail CSS Animations: property <background-color> from neutral to [green] at (0) should be [rgb(0, 0, 0)] Fail CSS Animations: property <background-color> from neutral to [green] at (0) should be [rgb(0, 0, 0)]
Fail CSS Animations: property <background-color> from neutral to [green] at (0.3) should be [rgb(0, 38, 0)] Fail CSS Animations: property <background-color> from neutral to [green] at (0.3) should be [rgb(0, 38, 0)]
Fail CSS Animations: property <background-color> from neutral to [green] at (0.6) should be [rgb(0, 77, 0)] Fail CSS Animations: property <background-color> from neutral to [green] at (0.6) should be [rgb(0, 77, 0)]
Pass CSS Animations: property <background-color> from neutral to [green] at (1) should be [rgb(0, 128, 0)] Pass CSS Animations: property <background-color> from neutral to [green] at (1) should be [rgb(0, 128, 0)]
Fail CSS Animations: property <background-color> from neutral to [green] at (1.5) should be [rgb(0, 192, 0)] Pass CSS Animations: property <background-color> from neutral to [green] at (1.5) should be [rgb(0, 192, 0)]
Fail Web Animations: property <background-color> from neutral to [green] at (-0.3) should be [rgb(0, 0, 0)] Fail Web Animations: property <background-color> from neutral to [green] at (-0.3) should be [rgb(0, 0, 0)]
Fail Web Animations: property <background-color> from neutral to [green] at (0) should be [rgb(0, 0, 0)] Fail Web Animations: property <background-color> from neutral to [green] at (0) should be [rgb(0, 0, 0)]
Fail Web Animations: property <background-color> from neutral to [green] at (0.3) should be [rgb(0, 38, 0)] Fail Web Animations: property <background-color> from neutral to [green] at (0.3) should be [rgb(0, 38, 0)]
Fail Web Animations: property <background-color> from neutral to [green] at (0.6) should be [rgb(0, 77, 0)] Fail Web Animations: property <background-color> from neutral to [green] at (0.6) should be [rgb(0, 77, 0)]
Pass Web Animations: property <background-color> from neutral to [green] at (1) should be [rgb(0, 128, 0)] Pass Web Animations: property <background-color> from neutral to [green] at (1) should be [rgb(0, 128, 0)]
Fail Web Animations: property <background-color> from neutral to [green] at (1.5) should be [rgb(0, 192, 0)] Pass Web Animations: property <background-color> from neutral to [green] at (1.5) should be [rgb(0, 192, 0)]
Pass CSS Transitions: property <background-color> from [initial] to [green] at (-0.3) should be [rgba(0, 0, 0, 0)] Pass CSS Transitions: property <background-color> from [initial] to [green] at (-0.3) should be [rgba(0, 0, 0, 0)]
Pass CSS Transitions: property <background-color> from [initial] to [green] at (0) should be [rgba(0, 0, 0, 0)] Pass CSS Transitions: property <background-color> from [initial] to [green] at (0) should be [rgba(0, 0, 0, 0)]
Fail CSS Transitions: property <background-color> from [initial] to [green] at (0.3) should be [rgba(0, 128, 0, 0.3)] Fail CSS Transitions: property <background-color> from [initial] to [green] at (0.3) should be [rgba(0, 128, 0, 0.3)]
Fail CSS Transitions: property <background-color> from [initial] to [green] at (0.6) should be [rgba(0, 128, 0, 0.6)] Fail CSS Transitions: property <background-color> from [initial] to [green] at (0.6) should be [rgba(0, 128, 0, 0.6)]
Pass CSS Transitions: property <background-color> from [initial] to [green] at (1) should be [rgb(0, 128, 0)] Pass CSS Transitions: property <background-color> from [initial] to [green] at (1) should be [rgb(0, 128, 0)]
Fail CSS Transitions: property <background-color> from [initial] to [green] at (1.5) should be [rgb(0, 192, 0)] Pass CSS Transitions: property <background-color> from [initial] to [green] at (1.5) should be [rgb(0, 192, 0)]
Pass CSS Transitions with transition: all: property <background-color> from [initial] to [green] at (-0.3) should be [rgba(0, 0, 0, 0)] Pass CSS Transitions with transition: all: property <background-color> from [initial] to [green] at (-0.3) should be [rgba(0, 0, 0, 0)]
Pass CSS Transitions with transition: all: property <background-color> from [initial] to [green] at (0) should be [rgba(0, 0, 0, 0)] Pass CSS Transitions with transition: all: property <background-color> from [initial] to [green] at (0) should be [rgba(0, 0, 0, 0)]
Fail CSS Transitions with transition: all: property <background-color> from [initial] to [green] at (0.3) should be [rgba(0, 128, 0, 0.3)] Fail CSS Transitions with transition: all: property <background-color> from [initial] to [green] at (0.3) should be [rgba(0, 128, 0, 0.3)]
Fail CSS Transitions with transition: all: property <background-color> from [initial] to [green] at (0.6) should be [rgba(0, 128, 0, 0.6)] Fail CSS Transitions with transition: all: property <background-color> from [initial] to [green] at (0.6) should be [rgba(0, 128, 0, 0.6)]
Pass CSS Transitions with transition: all: property <background-color> from [initial] to [green] at (1) should be [rgb(0, 128, 0)] Pass CSS Transitions with transition: all: property <background-color> from [initial] to [green] at (1) should be [rgb(0, 128, 0)]
Fail CSS Transitions with transition: all: property <background-color> from [initial] to [green] at (1.5) should be [rgb(0, 192, 0)] Pass CSS Transitions with transition: all: property <background-color> from [initial] to [green] at (1.5) should be [rgb(0, 192, 0)]
Pass CSS Animations: property <background-color> from [initial] to [green] at (-0.3) should be [rgba(0, 0, 0, 0)] Pass CSS Animations: property <background-color> from [initial] to [green] at (-0.3) should be [rgba(0, 0, 0, 0)]
Pass CSS Animations: property <background-color> from [initial] to [green] at (0) should be [rgba(0, 0, 0, 0)] Pass CSS Animations: property <background-color> from [initial] to [green] at (0) should be [rgba(0, 0, 0, 0)]
Fail CSS Animations: property <background-color> from [initial] to [green] at (0.3) should be [rgba(0, 128, 0, 0.3)] Fail CSS Animations: property <background-color> from [initial] to [green] at (0.3) should be [rgba(0, 128, 0, 0.3)]
Fail CSS Animations: property <background-color> from [initial] to [green] at (0.6) should be [rgba(0, 128, 0, 0.6)] Fail CSS Animations: property <background-color> from [initial] to [green] at (0.6) should be [rgba(0, 128, 0, 0.6)]
Pass CSS Animations: property <background-color> from [initial] to [green] at (1) should be [rgb(0, 128, 0)] Pass CSS Animations: property <background-color> from [initial] to [green] at (1) should be [rgb(0, 128, 0)]
Fail CSS Animations: property <background-color> from [initial] to [green] at (1.5) should be [rgb(0, 192, 0)] Pass CSS Animations: property <background-color> from [initial] to [green] at (1.5) should be [rgb(0, 192, 0)]
Pass Web Animations: property <background-color> from [initial] to [green] at (-0.3) should be [rgba(0, 0, 0, 0)] Pass Web Animations: property <background-color> from [initial] to [green] at (-0.3) should be [rgba(0, 0, 0, 0)]
Pass Web Animations: property <background-color> from [initial] to [green] at (0) should be [rgba(0, 0, 0, 0)] Pass Web Animations: property <background-color> from [initial] to [green] at (0) should be [rgba(0, 0, 0, 0)]
Fail Web Animations: property <background-color> from [initial] to [green] at (0.3) should be [rgba(0, 128, 0, 0.3)] Fail Web Animations: property <background-color> from [initial] to [green] at (0.3) should be [rgba(0, 128, 0, 0.3)]
Fail Web Animations: property <background-color> from [initial] to [green] at (0.6) should be [rgba(0, 128, 0, 0.6)] Fail Web Animations: property <background-color> from [initial] to [green] at (0.6) should be [rgba(0, 128, 0, 0.6)]
Pass Web Animations: property <background-color> from [initial] to [green] at (1) should be [rgb(0, 128, 0)] Pass Web Animations: property <background-color> from [initial] to [green] at (1) should be [rgb(0, 128, 0)]
Fail Web Animations: property <background-color> from [initial] to [green] at (1.5) should be [rgb(0, 192, 0)] Pass Web Animations: property <background-color> from [initial] to [green] at (1.5) should be [rgb(0, 192, 0)]
Pass CSS Transitions: property <background-color> from [inherit] to [green] at (-0.3) should be [rgb(255, 255, 255)] Pass CSS Transitions: property <background-color> from [inherit] to [green] at (-0.3) should be [rgb(255, 255, 255)]
Pass CSS Transitions: property <background-color> from [inherit] to [green] at (0) should be [rgb(238, 238, 238)] Pass CSS Transitions: property <background-color> from [inherit] to [green] at (0) should be [rgb(238, 238, 238)]
Fail CSS Transitions: property <background-color> from [inherit] to [green] at (0.3) should be [rgb(167, 205, 167)] Fail CSS Transitions: property <background-color> from [inherit] to [green] at (0.3) should be [rgb(167, 205, 167)]
Fail CSS Transitions: property <background-color> from [inherit] to [green] at (0.6) should be [rgb(95, 172, 95)] Pass CSS Transitions: property <background-color> from [inherit] to [green] at (0.6) should be [rgb(95, 172, 95)]
Pass CSS Transitions: property <background-color> from [inherit] to [green] at (1) should be [rgb(0, 128, 0)] Pass CSS Transitions: property <background-color> from [inherit] to [green] at (1) should be [rgb(0, 128, 0)]
Fail CSS Transitions: property <background-color> from [inherit] to [green] at (1.5) should be [rgb(0, 73, 0)] Pass CSS Transitions: property <background-color> from [inherit] to [green] at (1.5) should be [rgb(0, 73, 0)]
Pass CSS Transitions with transition: all: property <background-color> from [inherit] to [green] at (-0.3) should be [rgb(255, 255, 255)] Pass CSS Transitions with transition: all: property <background-color> from [inherit] to [green] at (-0.3) should be [rgb(255, 255, 255)]
Pass CSS Transitions with transition: all: property <background-color> from [inherit] to [green] at (0) should be [rgb(238, 238, 238)] Pass CSS Transitions with transition: all: property <background-color> from [inherit] to [green] at (0) should be [rgb(238, 238, 238)]
Fail CSS Transitions with transition: all: property <background-color> from [inherit] to [green] at (0.3) should be [rgb(167, 205, 167)] Fail CSS Transitions with transition: all: property <background-color> from [inherit] to [green] at (0.3) should be [rgb(167, 205, 167)]
Fail CSS Transitions with transition: all: property <background-color> from [inherit] to [green] at (0.6) should be [rgb(95, 172, 95)] Pass CSS Transitions with transition: all: property <background-color> from [inherit] to [green] at (0.6) should be [rgb(95, 172, 95)]
Pass CSS Transitions with transition: all: property <background-color> from [inherit] to [green] at (1) should be [rgb(0, 128, 0)] Pass CSS Transitions with transition: all: property <background-color> from [inherit] to [green] at (1) should be [rgb(0, 128, 0)]
Fail CSS Transitions with transition: all: property <background-color> from [inherit] to [green] at (1.5) should be [rgb(0, 73, 0)] Pass CSS Transitions with transition: all: property <background-color> from [inherit] to [green] at (1.5) should be [rgb(0, 73, 0)]
Pass CSS Animations: property <background-color> from [inherit] to [green] at (-0.3) should be [rgb(255, 255, 255)] Pass CSS Animations: property <background-color> from [inherit] to [green] at (-0.3) should be [rgb(255, 255, 255)]
Pass CSS Animations: property <background-color> from [inherit] to [green] at (0) should be [rgb(238, 238, 238)] Pass CSS Animations: property <background-color> from [inherit] to [green] at (0) should be [rgb(238, 238, 238)]
Fail CSS Animations: property <background-color> from [inherit] to [green] at (0.3) should be [rgb(167, 205, 167)] Fail CSS Animations: property <background-color> from [inherit] to [green] at (0.3) should be [rgb(167, 205, 167)]
Fail CSS Animations: property <background-color> from [inherit] to [green] at (0.6) should be [rgb(95, 172, 95)] Pass CSS Animations: property <background-color> from [inherit] to [green] at (0.6) should be [rgb(95, 172, 95)]
Pass CSS Animations: property <background-color> from [inherit] to [green] at (1) should be [rgb(0, 128, 0)] Pass CSS Animations: property <background-color> from [inherit] to [green] at (1) should be [rgb(0, 128, 0)]
Fail CSS Animations: property <background-color> from [inherit] to [green] at (1.5) should be [rgb(0, 73, 0)] Pass CSS Animations: property <background-color> from [inherit] to [green] at (1.5) should be [rgb(0, 73, 0)]
Pass Web Animations: property <background-color> from [inherit] to [green] at (-0.3) should be [rgb(255, 255, 255)] Pass Web Animations: property <background-color> from [inherit] to [green] at (-0.3) should be [rgb(255, 255, 255)]
Pass Web Animations: property <background-color> from [inherit] to [green] at (0) should be [rgb(238, 238, 238)] Pass Web Animations: property <background-color> from [inherit] to [green] at (0) should be [rgb(238, 238, 238)]
Fail Web Animations: property <background-color> from [inherit] to [green] at (0.3) should be [rgb(167, 205, 167)] Fail Web Animations: property <background-color> from [inherit] to [green] at (0.3) should be [rgb(167, 205, 167)]
Fail Web Animations: property <background-color> from [inherit] to [green] at (0.6) should be [rgb(95, 172, 95)] Pass Web Animations: property <background-color> from [inherit] to [green] at (0.6) should be [rgb(95, 172, 95)]
Pass Web Animations: property <background-color> from [inherit] to [green] at (1) should be [rgb(0, 128, 0)] Pass Web Animations: property <background-color> from [inherit] to [green] at (1) should be [rgb(0, 128, 0)]
Fail Web Animations: property <background-color> from [inherit] to [green] at (1.5) should be [rgb(0, 73, 0)] Pass Web Animations: property <background-color> from [inherit] to [green] at (1.5) should be [rgb(0, 73, 0)]
Pass CSS Transitions: property <background-color> from [unset] to [green] at (-0.3) should be [rgba(0, 0, 0, 0)] Pass CSS Transitions: property <background-color> from [unset] to [green] at (-0.3) should be [rgba(0, 0, 0, 0)]
Pass CSS Transitions: property <background-color> from [unset] to [green] at (0) should be [rgba(0, 0, 0, 0)] Pass CSS Transitions: property <background-color> from [unset] to [green] at (0) should be [rgba(0, 0, 0, 0)]
Fail CSS Transitions: property <background-color> from [unset] to [green] at (0.3) should be [rgba(0, 128, 0, 0.3)] Fail CSS Transitions: property <background-color> from [unset] to [green] at (0.3) should be [rgba(0, 128, 0, 0.3)]
Fail CSS Transitions: property <background-color> from [unset] to [green] at (0.6) should be [rgba(0, 128, 0, 0.6)] Fail CSS Transitions: property <background-color> from [unset] to [green] at (0.6) should be [rgba(0, 128, 0, 0.6)]
Pass CSS Transitions: property <background-color> from [unset] to [green] at (1) should be [rgb(0, 128, 0)] Pass CSS Transitions: property <background-color> from [unset] to [green] at (1) should be [rgb(0, 128, 0)]
Fail CSS Transitions: property <background-color> from [unset] to [green] at (1.5) should be [rgb(0, 192, 0)] Pass CSS Transitions: property <background-color> from [unset] to [green] at (1.5) should be [rgb(0, 192, 0)]
Pass CSS Transitions with transition: all: property <background-color> from [unset] to [green] at (-0.3) should be [rgba(0, 0, 0, 0)] Pass CSS Transitions with transition: all: property <background-color> from [unset] to [green] at (-0.3) should be [rgba(0, 0, 0, 0)]
Pass CSS Transitions with transition: all: property <background-color> from [unset] to [green] at (0) should be [rgba(0, 0, 0, 0)] Pass CSS Transitions with transition: all: property <background-color> from [unset] to [green] at (0) should be [rgba(0, 0, 0, 0)]
Fail CSS Transitions with transition: all: property <background-color> from [unset] to [green] at (0.3) should be [rgba(0, 128, 0, 0.3)] Fail CSS Transitions with transition: all: property <background-color> from [unset] to [green] at (0.3) should be [rgba(0, 128, 0, 0.3)]
Fail CSS Transitions with transition: all: property <background-color> from [unset] to [green] at (0.6) should be [rgba(0, 128, 0, 0.6)] Fail CSS Transitions with transition: all: property <background-color> from [unset] to [green] at (0.6) should be [rgba(0, 128, 0, 0.6)]
Pass CSS Transitions with transition: all: property <background-color> from [unset] to [green] at (1) should be [rgb(0, 128, 0)] Pass CSS Transitions with transition: all: property <background-color> from [unset] to [green] at (1) should be [rgb(0, 128, 0)]
Fail CSS Transitions with transition: all: property <background-color> from [unset] to [green] at (1.5) should be [rgb(0, 192, 0)] Pass CSS Transitions with transition: all: property <background-color> from [unset] to [green] at (1.5) should be [rgb(0, 192, 0)]
Pass CSS Animations: property <background-color> from [unset] to [green] at (-0.3) should be [rgba(0, 0, 0, 0)] Pass CSS Animations: property <background-color> from [unset] to [green] at (-0.3) should be [rgba(0, 0, 0, 0)]
Pass CSS Animations: property <background-color> from [unset] to [green] at (0) should be [rgba(0, 0, 0, 0)] Pass CSS Animations: property <background-color> from [unset] to [green] at (0) should be [rgba(0, 0, 0, 0)]
Fail CSS Animations: property <background-color> from [unset] to [green] at (0.3) should be [rgba(0, 128, 0, 0.3)] Fail CSS Animations: property <background-color> from [unset] to [green] at (0.3) should be [rgba(0, 128, 0, 0.3)]
Fail CSS Animations: property <background-color> from [unset] to [green] at (0.6) should be [rgba(0, 128, 0, 0.6)] Fail CSS Animations: property <background-color> from [unset] to [green] at (0.6) should be [rgba(0, 128, 0, 0.6)]
Pass CSS Animations: property <background-color> from [unset] to [green] at (1) should be [rgb(0, 128, 0)] Pass CSS Animations: property <background-color> from [unset] to [green] at (1) should be [rgb(0, 128, 0)]
Fail CSS Animations: property <background-color> from [unset] to [green] at (1.5) should be [rgb(0, 192, 0)] Pass CSS Animations: property <background-color> from [unset] to [green] at (1.5) should be [rgb(0, 192, 0)]
Pass Web Animations: property <background-color> from [unset] to [green] at (-0.3) should be [rgba(0, 0, 0, 0)] Pass Web Animations: property <background-color> from [unset] to [green] at (-0.3) should be [rgba(0, 0, 0, 0)]
Pass Web Animations: property <background-color> from [unset] to [green] at (0) should be [rgba(0, 0, 0, 0)] Pass Web Animations: property <background-color> from [unset] to [green] at (0) should be [rgba(0, 0, 0, 0)]
Fail Web Animations: property <background-color> from [unset] to [green] at (0.3) should be [rgba(0, 128, 0, 0.3)] Fail Web Animations: property <background-color> from [unset] to [green] at (0.3) should be [rgba(0, 128, 0, 0.3)]
Fail Web Animations: property <background-color> from [unset] to [green] at (0.6) should be [rgba(0, 128, 0, 0.6)] Fail Web Animations: property <background-color> from [unset] to [green] at (0.6) should be [rgba(0, 128, 0, 0.6)]
Pass Web Animations: property <background-color> from [unset] to [green] at (1) should be [rgb(0, 128, 0)] Pass Web Animations: property <background-color> from [unset] to [green] at (1) should be [rgb(0, 128, 0)]
Fail Web Animations: property <background-color> from [unset] to [green] at (1.5) should be [rgb(0, 192, 0)] Pass Web Animations: property <background-color> from [unset] to [green] at (1.5) should be [rgb(0, 192, 0)]
Fail CSS Transitions: property <background-color> from [white] to [orange] at (-0.3) should be [white] Pass CSS Transitions: property <background-color> from [white] to [orange] at (-0.3) should be [white]
Pass CSS Transitions: property <background-color> from [white] to [orange] at (0) should be [white] Pass CSS Transitions: property <background-color> from [white] to [orange] at (0) should be [white]
Fail CSS Transitions: property <background-color> from [white] to [orange] at (0.3) should be [rgb(255, 228, 179)] Fail CSS Transitions: property <background-color> from [white] to [orange] at (0.3) should be [rgb(255, 228, 179)]
Fail CSS Transitions: property <background-color> from [white] to [orange] at (0.6) should be [rgb(255, 201, 102)] Pass CSS Transitions: property <background-color> from [white] to [orange] at (0.6) should be [rgb(255, 201, 102)]
Pass CSS Transitions: property <background-color> from [white] to [orange] at (1) should be [orange] Pass CSS Transitions: property <background-color> from [white] to [orange] at (1) should be [orange]
Fail CSS Transitions: property <background-color> from [white] to [orange] at (1.5) should be [rgb(255, 120, 0)] Pass CSS Transitions: property <background-color> from [white] to [orange] at (1.5) should be [rgb(255, 120, 0)]
Fail CSS Transitions with transition: all: property <background-color> from [white] to [orange] at (-0.3) should be [white] Pass CSS Transitions with transition: all: property <background-color> from [white] to [orange] at (-0.3) should be [white]
Pass CSS Transitions with transition: all: property <background-color> from [white] to [orange] at (0) should be [white] Pass CSS Transitions with transition: all: property <background-color> from [white] to [orange] at (0) should be [white]
Fail CSS Transitions with transition: all: property <background-color> from [white] to [orange] at (0.3) should be [rgb(255, 228, 179)] Fail CSS Transitions with transition: all: property <background-color> from [white] to [orange] at (0.3) should be [rgb(255, 228, 179)]
Fail CSS Transitions with transition: all: property <background-color> from [white] to [orange] at (0.6) should be [rgb(255, 201, 102)] Pass CSS Transitions with transition: all: property <background-color> from [white] to [orange] at (0.6) should be [rgb(255, 201, 102)]
Pass CSS Transitions with transition: all: property <background-color> from [white] to [orange] at (1) should be [orange] Pass CSS Transitions with transition: all: property <background-color> from [white] to [orange] at (1) should be [orange]
Fail CSS Transitions with transition: all: property <background-color> from [white] to [orange] at (1.5) should be [rgb(255, 120, 0)] Pass CSS Transitions with transition: all: property <background-color> from [white] to [orange] at (1.5) should be [rgb(255, 120, 0)]
Fail CSS Animations: property <background-color> from [white] to [orange] at (-0.3) should be [white] Pass CSS Animations: property <background-color> from [white] to [orange] at (-0.3) should be [white]
Pass CSS Animations: property <background-color> from [white] to [orange] at (0) should be [white] Pass CSS Animations: property <background-color> from [white] to [orange] at (0) should be [white]
Fail CSS Animations: property <background-color> from [white] to [orange] at (0.3) should be [rgb(255, 228, 179)] Fail CSS Animations: property <background-color> from [white] to [orange] at (0.3) should be [rgb(255, 228, 179)]
Fail CSS Animations: property <background-color> from [white] to [orange] at (0.6) should be [rgb(255, 201, 102)] Pass CSS Animations: property <background-color> from [white] to [orange] at (0.6) should be [rgb(255, 201, 102)]
Pass CSS Animations: property <background-color> from [white] to [orange] at (1) should be [orange] Pass CSS Animations: property <background-color> from [white] to [orange] at (1) should be [orange]
Fail CSS Animations: property <background-color> from [white] to [orange] at (1.5) should be [rgb(255, 120, 0)] Pass CSS Animations: property <background-color> from [white] to [orange] at (1.5) should be [rgb(255, 120, 0)]
Fail Web Animations: property <background-color> from [white] to [orange] at (-0.3) should be [white] Pass Web Animations: property <background-color> from [white] to [orange] at (-0.3) should be [white]
Pass Web Animations: property <background-color> from [white] to [orange] at (0) should be [white] Pass Web Animations: property <background-color> from [white] to [orange] at (0) should be [white]
Fail Web Animations: property <background-color> from [white] to [orange] at (0.3) should be [rgb(255, 228, 179)] Fail Web Animations: property <background-color> from [white] to [orange] at (0.3) should be [rgb(255, 228, 179)]
Fail Web Animations: property <background-color> from [white] to [orange] at (0.6) should be [rgb(255, 201, 102)] Pass Web Animations: property <background-color> from [white] to [orange] at (0.6) should be [rgb(255, 201, 102)]
Pass Web Animations: property <background-color> from [white] to [orange] at (1) should be [orange] Pass Web Animations: property <background-color> from [white] to [orange] at (1) should be [orange]
Fail Web Animations: property <background-color> from [white] to [orange] at (1.5) should be [rgb(255, 120, 0)] Pass Web Animations: property <background-color> from [white] to [orange] at (1.5) should be [rgb(255, 120, 0)]
Pass CSS Transitions: property <background-color> from [transparent] to [green] at (-0.3) should be [rgba(0, 0, 0, 0)] Pass CSS Transitions: property <background-color> from [transparent] to [green] at (-0.3) should be [rgba(0, 0, 0, 0)]
Pass CSS Transitions: property <background-color> from [transparent] to [green] at (0) should be [rgba(0, 0, 0, 0)] Pass CSS Transitions: property <background-color> from [transparent] to [green] at (0) should be [rgba(0, 0, 0, 0)]
Fail CSS Transitions: property <background-color> from [transparent] to [green] at (0.3) should be [rgba(0, 128, 0, 0.3)] Fail CSS Transitions: property <background-color> from [transparent] to [green] at (0.3) should be [rgba(0, 128, 0, 0.3)]
Fail CSS Transitions: property <background-color> from [transparent] to [green] at (0.6) should be [rgba(0, 128, 0, 0.6)] Fail CSS Transitions: property <background-color> from [transparent] to [green] at (0.6) should be [rgba(0, 128, 0, 0.6)]
Pass CSS Transitions: property <background-color> from [transparent] to [green] at (1) should be [rgb(0, 128, 0)] Pass CSS Transitions: property <background-color> from [transparent] to [green] at (1) should be [rgb(0, 128, 0)]
Fail CSS Transitions: property <background-color> from [transparent] to [green] at (1.5) should be [rgb(0, 192, 0)] Pass CSS Transitions: property <background-color> from [transparent] to [green] at (1.5) should be [rgb(0, 192, 0)]
Pass CSS Transitions with transition: all: property <background-color> from [transparent] to [green] at (-0.3) should be [rgba(0, 0, 0, 0)] Pass CSS Transitions with transition: all: property <background-color> from [transparent] to [green] at (-0.3) should be [rgba(0, 0, 0, 0)]
Pass CSS Transitions with transition: all: property <background-color> from [transparent] to [green] at (0) should be [rgba(0, 0, 0, 0)] Pass CSS Transitions with transition: all: property <background-color> from [transparent] to [green] at (0) should be [rgba(0, 0, 0, 0)]
Fail CSS Transitions with transition: all: property <background-color> from [transparent] to [green] at (0.3) should be [rgba(0, 128, 0, 0.3)] Fail CSS Transitions with transition: all: property <background-color> from [transparent] to [green] at (0.3) should be [rgba(0, 128, 0, 0.3)]
Fail CSS Transitions with transition: all: property <background-color> from [transparent] to [green] at (0.6) should be [rgba(0, 128, 0, 0.6)] Fail CSS Transitions with transition: all: property <background-color> from [transparent] to [green] at (0.6) should be [rgba(0, 128, 0, 0.6)]
Pass CSS Transitions with transition: all: property <background-color> from [transparent] to [green] at (1) should be [rgb(0, 128, 0)] Pass CSS Transitions with transition: all: property <background-color> from [transparent] to [green] at (1) should be [rgb(0, 128, 0)]
Fail CSS Transitions with transition: all: property <background-color> from [transparent] to [green] at (1.5) should be [rgb(0, 192, 0)] Pass CSS Transitions with transition: all: property <background-color> from [transparent] to [green] at (1.5) should be [rgb(0, 192, 0)]
Pass CSS Animations: property <background-color> from [transparent] to [green] at (-0.3) should be [rgba(0, 0, 0, 0)] Pass CSS Animations: property <background-color> from [transparent] to [green] at (-0.3) should be [rgba(0, 0, 0, 0)]
Pass CSS Animations: property <background-color> from [transparent] to [green] at (0) should be [rgba(0, 0, 0, 0)] Pass CSS Animations: property <background-color> from [transparent] to [green] at (0) should be [rgba(0, 0, 0, 0)]
Fail CSS Animations: property <background-color> from [transparent] to [green] at (0.3) should be [rgba(0, 128, 0, 0.3)] Fail CSS Animations: property <background-color> from [transparent] to [green] at (0.3) should be [rgba(0, 128, 0, 0.3)]
Fail CSS Animations: property <background-color> from [transparent] to [green] at (0.6) should be [rgba(0, 128, 0, 0.6)] Fail CSS Animations: property <background-color> from [transparent] to [green] at (0.6) should be [rgba(0, 128, 0, 0.6)]
Pass CSS Animations: property <background-color> from [transparent] to [green] at (1) should be [rgb(0, 128, 0)] Pass CSS Animations: property <background-color> from [transparent] to [green] at (1) should be [rgb(0, 128, 0)]
Fail CSS Animations: property <background-color> from [transparent] to [green] at (1.5) should be [rgb(0, 192, 0)] Pass CSS Animations: property <background-color> from [transparent] to [green] at (1.5) should be [rgb(0, 192, 0)]
Pass Web Animations: property <background-color> from [transparent] to [green] at (-0.3) should be [rgba(0, 0, 0, 0)] Pass Web Animations: property <background-color> from [transparent] to [green] at (-0.3) should be [rgba(0, 0, 0, 0)]
Pass Web Animations: property <background-color> from [transparent] to [green] at (0) should be [rgba(0, 0, 0, 0)] Pass Web Animations: property <background-color> from [transparent] to [green] at (0) should be [rgba(0, 0, 0, 0)]
Fail Web Animations: property <background-color> from [transparent] to [green] at (0.3) should be [rgba(0, 128, 0, 0.3)] Fail Web Animations: property <background-color> from [transparent] to [green] at (0.3) should be [rgba(0, 128, 0, 0.3)]
Fail Web Animations: property <background-color> from [transparent] to [green] at (0.6) should be [rgba(0, 128, 0, 0.6)] Fail Web Animations: property <background-color> from [transparent] to [green] at (0.6) should be [rgba(0, 128, 0, 0.6)]
Pass Web Animations: property <background-color> from [transparent] to [green] at (1) should be [rgb(0, 128, 0)] Pass Web Animations: property <background-color> from [transparent] to [green] at (1) should be [rgb(0, 128, 0)]
Fail Web Animations: property <background-color> from [transparent] to [green] at (1.5) should be [rgb(0, 192, 0)] Pass Web Animations: property <background-color> from [transparent] to [green] at (1.5) should be [rgb(0, 192, 0)]
Fail CSS Transitions: property <background-color> from [currentcolor] to [rgba(0, 255, 0, 0.75)] at (-0.5) should be [rgba(0, 0, 255, 0.38)] Fail CSS Transitions: property <background-color> from [currentcolor] to [rgba(0, 255, 0, 0.75)] at (-0.5) should be [rgba(0, 0, 255, 0.38)]
Fail CSS Transitions: property <background-color> from [currentcolor] to [rgba(0, 255, 0, 0.75)] at (0) should be [rgba(0, 0, 255, 0.5)] Fail CSS Transitions: property <background-color> from [currentcolor] to [rgba(0, 255, 0, 0.75)] at (0) should be [rgba(0, 0, 255, 0.5)]
Fail CSS Transitions: property <background-color> from [currentcolor] to [rgba(0, 255, 0, 0.75)] at (0.25) should be [rgba(0, 85, 170, 0.56)] Fail CSS Transitions: property <background-color> from [currentcolor] to [rgba(0, 255, 0, 0.75)] at (0.25) should be [rgba(0, 85, 170, 0.56)]

View file

@ -2,8 +2,8 @@ Harness status: OK
Found 144 tests Found 144 tests
50 Pass 76 Pass
94 Fail 68 Fail
Fail CSS Transitions: property <border-color> from [rgb(20, 30, 40) rgb(40, 50, 60)] to [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)] at (-0.3) should be [rgb(23, 33, 43) rgb(40, 50, 60) rgb(17, 27, 37) rgb(37, 47, 57)] Fail CSS Transitions: property <border-color> from [rgb(20, 30, 40) rgb(40, 50, 60)] to [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)] at (-0.3) should be [rgb(23, 33, 43) rgb(40, 50, 60) rgb(17, 27, 37) rgb(37, 47, 57)]
Fail CSS Transitions: property <border-color> from [rgb(20, 30, 40) rgb(40, 50, 60)] to [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)] at (0) should be [rgb(20, 30, 40) rgb(40, 50, 60)] Fail CSS Transitions: property <border-color> from [rgb(20, 30, 40) rgb(40, 50, 60)] to [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)] at (0) should be [rgb(20, 30, 40) rgb(40, 50, 60)]
Fail CSS Transitions: property <border-color> from [rgb(20, 30, 40) rgb(40, 50, 60)] to [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)] at (0.3) should be [rgb(17, 27, 37) rgb(40, 50, 60) rgb(23, 33, 43) rgb(43, 53, 63)] Fail CSS Transitions: property <border-color> from [rgb(20, 30, 40) rgb(40, 50, 60)] to [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)] at (0.3) should be [rgb(17, 27, 37) rgb(40, 50, 60) rgb(23, 33, 43) rgb(43, 53, 63)]
@ -21,13 +21,13 @@ Pass CSS Animations: property <border-color> from [rgb(20, 30, 40) rgb(40, 50, 6
Pass CSS Animations: property <border-color> from [rgb(20, 30, 40) rgb(40, 50, 60)] to [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)] at (0.3) should be [rgb(17, 27, 37) rgb(40, 50, 60) rgb(23, 33, 43) rgb(43, 53, 63)] Pass CSS Animations: property <border-color> from [rgb(20, 30, 40) rgb(40, 50, 60)] to [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)] at (0.3) should be [rgb(17, 27, 37) rgb(40, 50, 60) rgb(23, 33, 43) rgb(43, 53, 63)]
Pass CSS Animations: property <border-color> from [rgb(20, 30, 40) rgb(40, 50, 60)] to [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)] at (0.6) should be [rgb(14, 24, 34) rgb(40, 50, 60) rgb(26, 36, 46) rgb(46, 56, 66)] Pass CSS Animations: property <border-color> from [rgb(20, 30, 40) rgb(40, 50, 60)] to [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)] at (0.6) should be [rgb(14, 24, 34) rgb(40, 50, 60) rgb(26, 36, 46) rgb(46, 56, 66)]
Pass CSS Animations: property <border-color> from [rgb(20, 30, 40) rgb(40, 50, 60)] to [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)] at (1) should be [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)] Pass CSS Animations: property <border-color> from [rgb(20, 30, 40) rgb(40, 50, 60)] to [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)] at (1) should be [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)]
Fail CSS Animations: property <border-color> from [rgb(20, 30, 40) rgb(40, 50, 60)] to [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)] at (1.5) should be [rgb(5, 15, 25) rgb(40, 50, 60) rgb(35, 45, 55) rgb(55, 65, 75)] Pass CSS Animations: property <border-color> from [rgb(20, 30, 40) rgb(40, 50, 60)] to [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)] at (1.5) should be [rgb(5, 15, 25) rgb(40, 50, 60) rgb(35, 45, 55) rgb(55, 65, 75)]
Pass Web Animations: property <border-color> from [rgb(20, 30, 40) rgb(40, 50, 60)] to [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)] at (-0.3) should be [rgb(23, 33, 43) rgb(40, 50, 60) rgb(17, 27, 37) rgb(37, 47, 57)] Pass Web Animations: property <border-color> from [rgb(20, 30, 40) rgb(40, 50, 60)] to [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)] at (-0.3) should be [rgb(23, 33, 43) rgb(40, 50, 60) rgb(17, 27, 37) rgb(37, 47, 57)]
Pass Web Animations: property <border-color> from [rgb(20, 30, 40) rgb(40, 50, 60)] to [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)] at (0) should be [rgb(20, 30, 40) rgb(40, 50, 60)] Pass Web Animations: property <border-color> from [rgb(20, 30, 40) rgb(40, 50, 60)] to [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)] at (0) should be [rgb(20, 30, 40) rgb(40, 50, 60)]
Pass Web Animations: property <border-color> from [rgb(20, 30, 40) rgb(40, 50, 60)] to [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)] at (0.3) should be [rgb(17, 27, 37) rgb(40, 50, 60) rgb(23, 33, 43) rgb(43, 53, 63)] Pass Web Animations: property <border-color> from [rgb(20, 30, 40) rgb(40, 50, 60)] to [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)] at (0.3) should be [rgb(17, 27, 37) rgb(40, 50, 60) rgb(23, 33, 43) rgb(43, 53, 63)]
Pass Web Animations: property <border-color> from [rgb(20, 30, 40) rgb(40, 50, 60)] to [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)] at (0.6) should be [rgb(14, 24, 34) rgb(40, 50, 60) rgb(26, 36, 46) rgb(46, 56, 66)] Pass Web Animations: property <border-color> from [rgb(20, 30, 40) rgb(40, 50, 60)] to [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)] at (0.6) should be [rgb(14, 24, 34) rgb(40, 50, 60) rgb(26, 36, 46) rgb(46, 56, 66)]
Pass Web Animations: property <border-color> from [rgb(20, 30, 40) rgb(40, 50, 60)] to [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)] at (1) should be [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)] Pass Web Animations: property <border-color> from [rgb(20, 30, 40) rgb(40, 50, 60)] to [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)] at (1) should be [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)]
Fail Web Animations: property <border-color> from [rgb(20, 30, 40) rgb(40, 50, 60)] to [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)] at (1.5) should be [rgb(5, 15, 25) rgb(40, 50, 60) rgb(35, 45, 55) rgb(55, 65, 75)] Pass Web Animations: property <border-color> from [rgb(20, 30, 40) rgb(40, 50, 60)] to [rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)] at (1.5) should be [rgb(5, 15, 25) rgb(40, 50, 60) rgb(35, 45, 55) rgb(55, 65, 75)]
Fail CSS Transitions: property <border-top-color> from neutral to [orange] at (-0.3) should be [rgb(0, 0, 181)] Fail CSS Transitions: property <border-top-color> from neutral to [orange] at (-0.3) should be [rgb(0, 0, 181)]
Pass CSS Transitions: property <border-top-color> from neutral to [orange] at (0) should be [rgb(0, 0, 139)] Pass CSS Transitions: property <border-top-color> from neutral to [orange] at (0) should be [rgb(0, 0, 139)]
Fail CSS Transitions: property <border-top-color> from neutral to [orange] at (0.3) should be [rgb(77, 50, 97)] Fail CSS Transitions: property <border-top-color> from neutral to [orange] at (0.3) should be [rgb(77, 50, 97)]
@ -76,30 +76,30 @@ Fail Web Animations: property <border-top-color> from [initial] to [orange] at (
Fail Web Animations: property <border-top-color> from [initial] to [orange] at (0.6) should be [rgb(153, 99, 0)] Fail Web Animations: property <border-top-color> from [initial] to [orange] at (0.6) should be [rgb(153, 99, 0)]
Pass Web Animations: property <border-top-color> from [initial] to [orange] at (1) should be [rgb(255, 165, 0)] Pass Web Animations: property <border-top-color> from [initial] to [orange] at (1) should be [rgb(255, 165, 0)]
Fail Web Animations: property <border-top-color> from [initial] to [orange] at (1.5) should be [rgb(255, 248, 0)] Fail Web Animations: property <border-top-color> from [initial] to [orange] at (1.5) should be [rgb(255, 248, 0)]
Fail CSS Transitions: property <border-top-color> from [inherit] to [orange] at (-0.3) should be [rgb(255, 255, 255)] Pass CSS Transitions: property <border-top-color> from [inherit] to [orange] at (-0.3) should be [rgb(255, 255, 255)]
Pass CSS Transitions: property <border-top-color> from [inherit] to [orange] at (0) should be [rgb(255, 255, 255)] Pass CSS Transitions: property <border-top-color> from [inherit] to [orange] at (0) should be [rgb(255, 255, 255)]
Fail CSS Transitions: property <border-top-color> from [inherit] to [orange] at (0.3) should be [rgb(255, 228, 179)] Fail CSS Transitions: property <border-top-color> from [inherit] to [orange] at (0.3) should be [rgb(255, 228, 179)]
Fail CSS Transitions: property <border-top-color> from [inherit] to [orange] at (0.6) should be [rgb(255, 201, 102)] Pass CSS Transitions: property <border-top-color> from [inherit] to [orange] at (0.6) should be [rgb(255, 201, 102)]
Pass CSS Transitions: property <border-top-color> from [inherit] to [orange] at (1) should be [rgb(255, 165, 0)] Pass CSS Transitions: property <border-top-color> from [inherit] to [orange] at (1) should be [rgb(255, 165, 0)]
Fail CSS Transitions: property <border-top-color> from [inherit] to [orange] at (1.5) should be [rgb(255, 120, 0)] Pass CSS Transitions: property <border-top-color> from [inherit] to [orange] at (1.5) should be [rgb(255, 120, 0)]
Fail CSS Transitions with transition: all: property <border-top-color> from [inherit] to [orange] at (-0.3) should be [rgb(255, 255, 255)] Pass CSS Transitions with transition: all: property <border-top-color> from [inherit] to [orange] at (-0.3) should be [rgb(255, 255, 255)]
Pass CSS Transitions with transition: all: property <border-top-color> from [inherit] to [orange] at (0) should be [rgb(255, 255, 255)] Pass CSS Transitions with transition: all: property <border-top-color> from [inherit] to [orange] at (0) should be [rgb(255, 255, 255)]
Fail CSS Transitions with transition: all: property <border-top-color> from [inherit] to [orange] at (0.3) should be [rgb(255, 228, 179)] Fail CSS Transitions with transition: all: property <border-top-color> from [inherit] to [orange] at (0.3) should be [rgb(255, 228, 179)]
Fail CSS Transitions with transition: all: property <border-top-color> from [inherit] to [orange] at (0.6) should be [rgb(255, 201, 102)] Pass CSS Transitions with transition: all: property <border-top-color> from [inherit] to [orange] at (0.6) should be [rgb(255, 201, 102)]
Pass CSS Transitions with transition: all: property <border-top-color> from [inherit] to [orange] at (1) should be [rgb(255, 165, 0)] Pass CSS Transitions with transition: all: property <border-top-color> from [inherit] to [orange] at (1) should be [rgb(255, 165, 0)]
Fail CSS Transitions with transition: all: property <border-top-color> from [inherit] to [orange] at (1.5) should be [rgb(255, 120, 0)] Pass CSS Transitions with transition: all: property <border-top-color> from [inherit] to [orange] at (1.5) should be [rgb(255, 120, 0)]
Fail CSS Animations: property <border-top-color> from [inherit] to [orange] at (-0.3) should be [rgb(255, 255, 255)] Pass CSS Animations: property <border-top-color> from [inherit] to [orange] at (-0.3) should be [rgb(255, 255, 255)]
Pass CSS Animations: property <border-top-color> from [inherit] to [orange] at (0) should be [rgb(255, 255, 255)] Pass CSS Animations: property <border-top-color> from [inherit] to [orange] at (0) should be [rgb(255, 255, 255)]
Fail CSS Animations: property <border-top-color> from [inherit] to [orange] at (0.3) should be [rgb(255, 228, 179)] Fail CSS Animations: property <border-top-color> from [inherit] to [orange] at (0.3) should be [rgb(255, 228, 179)]
Fail CSS Animations: property <border-top-color> from [inherit] to [orange] at (0.6) should be [rgb(255, 201, 102)] Pass CSS Animations: property <border-top-color> from [inherit] to [orange] at (0.6) should be [rgb(255, 201, 102)]
Pass CSS Animations: property <border-top-color> from [inherit] to [orange] at (1) should be [rgb(255, 165, 0)] Pass CSS Animations: property <border-top-color> from [inherit] to [orange] at (1) should be [rgb(255, 165, 0)]
Fail CSS Animations: property <border-top-color> from [inherit] to [orange] at (1.5) should be [rgb(255, 120, 0)] Pass CSS Animations: property <border-top-color> from [inherit] to [orange] at (1.5) should be [rgb(255, 120, 0)]
Fail Web Animations: property <border-top-color> from [inherit] to [orange] at (-0.3) should be [rgb(255, 255, 255)] Pass Web Animations: property <border-top-color> from [inherit] to [orange] at (-0.3) should be [rgb(255, 255, 255)]
Pass Web Animations: property <border-top-color> from [inherit] to [orange] at (0) should be [rgb(255, 255, 255)] Pass Web Animations: property <border-top-color> from [inherit] to [orange] at (0) should be [rgb(255, 255, 255)]
Fail Web Animations: property <border-top-color> from [inherit] to [orange] at (0.3) should be [rgb(255, 228, 179)] Fail Web Animations: property <border-top-color> from [inherit] to [orange] at (0.3) should be [rgb(255, 228, 179)]
Fail Web Animations: property <border-top-color> from [inherit] to [orange] at (0.6) should be [rgb(255, 201, 102)] Pass Web Animations: property <border-top-color> from [inherit] to [orange] at (0.6) should be [rgb(255, 201, 102)]
Pass Web Animations: property <border-top-color> from [inherit] to [orange] at (1) should be [rgb(255, 165, 0)] Pass Web Animations: property <border-top-color> from [inherit] to [orange] at (1) should be [rgb(255, 165, 0)]
Fail Web Animations: property <border-top-color> from [inherit] to [orange] at (1.5) should be [rgb(255, 120, 0)] Pass Web Animations: property <border-top-color> from [inherit] to [orange] at (1.5) should be [rgb(255, 120, 0)]
Fail CSS Transitions: property <border-top-color> from [unset] to [orange] at (-0.3) should be [rgb(0, 0, 0)] Fail CSS Transitions: property <border-top-color> from [unset] to [orange] at (-0.3) should be [rgb(0, 0, 0)]
Fail CSS Transitions: property <border-top-color> from [unset] to [orange] at (0) should be [rgb(0, 0, 0)] Fail CSS Transitions: property <border-top-color> from [unset] to [orange] at (0) should be [rgb(0, 0, 0)]
Fail CSS Transitions: property <border-top-color> from [unset] to [orange] at (0.3) should be [rgb(77, 50, 0)] Fail CSS Transitions: property <border-top-color> from [unset] to [orange] at (0.3) should be [rgb(77, 50, 0)]
@ -124,27 +124,27 @@ Fail Web Animations: property <border-top-color> from [unset] to [orange] at (0.
Fail Web Animations: property <border-top-color> from [unset] to [orange] at (0.6) should be [rgb(153, 99, 0)] Fail Web Animations: property <border-top-color> from [unset] to [orange] at (0.6) should be [rgb(153, 99, 0)]
Pass Web Animations: property <border-top-color> from [unset] to [orange] at (1) should be [rgb(255, 165, 0)] Pass Web Animations: property <border-top-color> from [unset] to [orange] at (1) should be [rgb(255, 165, 0)]
Fail Web Animations: property <border-top-color> from [unset] to [orange] at (1.5) should be [rgb(255, 248, 0)] Fail Web Animations: property <border-top-color> from [unset] to [orange] at (1.5) should be [rgb(255, 248, 0)]
Fail CSS Transitions: property <border-top-color> from [white] to [orange] at (-0.3) should be [white] Pass CSS Transitions: property <border-top-color> from [white] to [orange] at (-0.3) should be [white]
Pass CSS Transitions: property <border-top-color> from [white] to [orange] at (0) should be [white] Pass CSS Transitions: property <border-top-color> from [white] to [orange] at (0) should be [white]
Fail CSS Transitions: property <border-top-color> from [white] to [orange] at (0.3) should be [rgb(255, 228, 179)] Fail CSS Transitions: property <border-top-color> from [white] to [orange] at (0.3) should be [rgb(255, 228, 179)]
Fail CSS Transitions: property <border-top-color> from [white] to [orange] at (0.6) should be [rgb(255, 201, 102)] Pass CSS Transitions: property <border-top-color> from [white] to [orange] at (0.6) should be [rgb(255, 201, 102)]
Pass CSS Transitions: property <border-top-color> from [white] to [orange] at (1) should be [orange] Pass CSS Transitions: property <border-top-color> from [white] to [orange] at (1) should be [orange]
Fail CSS Transitions: property <border-top-color> from [white] to [orange] at (1.5) should be [rgb(255, 120, 0)] Pass CSS Transitions: property <border-top-color> from [white] to [orange] at (1.5) should be [rgb(255, 120, 0)]
Fail CSS Transitions with transition: all: property <border-top-color> from [white] to [orange] at (-0.3) should be [white] Pass CSS Transitions with transition: all: property <border-top-color> from [white] to [orange] at (-0.3) should be [white]
Pass CSS Transitions with transition: all: property <border-top-color> from [white] to [orange] at (0) should be [white] Pass CSS Transitions with transition: all: property <border-top-color> from [white] to [orange] at (0) should be [white]
Fail CSS Transitions with transition: all: property <border-top-color> from [white] to [orange] at (0.3) should be [rgb(255, 228, 179)] Fail CSS Transitions with transition: all: property <border-top-color> from [white] to [orange] at (0.3) should be [rgb(255, 228, 179)]
Fail CSS Transitions with transition: all: property <border-top-color> from [white] to [orange] at (0.6) should be [rgb(255, 201, 102)] Pass CSS Transitions with transition: all: property <border-top-color> from [white] to [orange] at (0.6) should be [rgb(255, 201, 102)]
Pass CSS Transitions with transition: all: property <border-top-color> from [white] to [orange] at (1) should be [orange] Pass CSS Transitions with transition: all: property <border-top-color> from [white] to [orange] at (1) should be [orange]
Fail CSS Transitions with transition: all: property <border-top-color> from [white] to [orange] at (1.5) should be [rgb(255, 120, 0)] Pass CSS Transitions with transition: all: property <border-top-color> from [white] to [orange] at (1.5) should be [rgb(255, 120, 0)]
Fail CSS Animations: property <border-top-color> from [white] to [orange] at (-0.3) should be [white] Pass CSS Animations: property <border-top-color> from [white] to [orange] at (-0.3) should be [white]
Pass CSS Animations: property <border-top-color> from [white] to [orange] at (0) should be [white] Pass CSS Animations: property <border-top-color> from [white] to [orange] at (0) should be [white]
Fail CSS Animations: property <border-top-color> from [white] to [orange] at (0.3) should be [rgb(255, 228, 179)] Fail CSS Animations: property <border-top-color> from [white] to [orange] at (0.3) should be [rgb(255, 228, 179)]
Fail CSS Animations: property <border-top-color> from [white] to [orange] at (0.6) should be [rgb(255, 201, 102)] Pass CSS Animations: property <border-top-color> from [white] to [orange] at (0.6) should be [rgb(255, 201, 102)]
Pass CSS Animations: property <border-top-color> from [white] to [orange] at (1) should be [orange] Pass CSS Animations: property <border-top-color> from [white] to [orange] at (1) should be [orange]
Fail CSS Animations: property <border-top-color> from [white] to [orange] at (1.5) should be [rgb(255, 120, 0)] Pass CSS Animations: property <border-top-color> from [white] to [orange] at (1.5) should be [rgb(255, 120, 0)]
Fail Web Animations: property <border-top-color> from [white] to [orange] at (-0.3) should be [white] Pass Web Animations: property <border-top-color> from [white] to [orange] at (-0.3) should be [white]
Pass Web Animations: property <border-top-color> from [white] to [orange] at (0) should be [white] Pass Web Animations: property <border-top-color> from [white] to [orange] at (0) should be [white]
Fail Web Animations: property <border-top-color> from [white] to [orange] at (0.3) should be [rgb(255, 228, 179)] Fail Web Animations: property <border-top-color> from [white] to [orange] at (0.3) should be [rgb(255, 228, 179)]
Fail Web Animations: property <border-top-color> from [white] to [orange] at (0.6) should be [rgb(255, 201, 102)] Pass Web Animations: property <border-top-color> from [white] to [orange] at (0.6) should be [rgb(255, 201, 102)]
Pass Web Animations: property <border-top-color> from [white] to [orange] at (1) should be [orange] Pass Web Animations: property <border-top-color> from [white] to [orange] at (1) should be [orange]
Fail Web Animations: property <border-top-color> from [white] to [orange] at (1.5) should be [rgb(255, 120, 0)] Pass Web Animations: property <border-top-color> from [white] to [orange] at (1.5) should be [rgb(255, 120, 0)]

View file

@ -2,13 +2,13 @@ Harness status: OK
Found 40 tests Found 40 tests
2 Pass 5 Pass
38 Fail 35 Fail
Fail Compositing: property <box-shadow> underlying [undefined] from replace [rgb(100, 100, 100) 10px 20px 30px 40px] to add [rgb(200, 200, 200) 20px 40px 60px 80px] at (-0.3) should be [rgb(70, 70, 70 ) 7px 14px 21px 28px] Pass Compositing: property <box-shadow> underlying [undefined] from replace [rgb(100, 100, 100) 10px 20px 30px 40px] to add [rgb(200, 200, 200) 20px 40px 60px 80px] at (-0.3) should be [rgb(70, 70, 70 ) 7px 14px 21px 28px]
Pass Compositing: property <box-shadow> underlying [undefined] from replace [rgb(100, 100, 100) 10px 20px 30px 40px] to add [rgb(200, 200, 200) 20px 40px 60px 80px] at (0) should be [rgb(100, 100, 100) 10px 20px 30px 40px] Pass Compositing: property <box-shadow> underlying [undefined] from replace [rgb(100, 100, 100) 10px 20px 30px 40px] to add [rgb(200, 200, 200) 20px 40px 60px 80px] at (0) should be [rgb(100, 100, 100) 10px 20px 30px 40px]
Fail Compositing: property <box-shadow> underlying [undefined] from replace [rgb(100, 100, 100) 10px 20px 30px 40px] to add [rgb(200, 200, 200) 20px 40px 60px 80px] at (0.5) should be [rgb(150, 150, 150) 15px 30px 45px 60px] Pass Compositing: property <box-shadow> underlying [undefined] from replace [rgb(100, 100, 100) 10px 20px 30px 40px] to add [rgb(200, 200, 200) 20px 40px 60px 80px] at (0.5) should be [rgb(150, 150, 150) 15px 30px 45px 60px]
Pass Compositing: property <box-shadow> underlying [undefined] from replace [rgb(100, 100, 100) 10px 20px 30px 40px] to add [rgb(200, 200, 200) 20px 40px 60px 80px] at (1) should be [rgb(200, 200, 200) 20px 40px 60px 80px] Pass Compositing: property <box-shadow> underlying [undefined] from replace [rgb(100, 100, 100) 10px 20px 30px 40px] to add [rgb(200, 200, 200) 20px 40px 60px 80px] at (1) should be [rgb(200, 200, 200) 20px 40px 60px 80px]
Fail Compositing: property <box-shadow> underlying [undefined] from replace [rgb(100, 100, 100) 10px 20px 30px 40px] to add [rgb(200, 200, 200) 20px 40px 60px 80px] at (1.5) should be [rgb(250, 250, 250) 25px 50px 75px 100px] Pass Compositing: property <box-shadow> underlying [undefined] from replace [rgb(100, 100, 100) 10px 20px 30px 40px] to add [rgb(200, 200, 200) 20px 40px 60px 80px] at (1.5) should be [rgb(250, 250, 250) 25px 50px 75px 100px]
Fail Compositing: property <box-shadow> underlying [rgb(10, 20, 30) 1px 2px 3px 4px] from add [rgb(100, 100, 100) 10px 20px 30px 40px] to add [rgb(200, 200, 200) 20px 40px 60px 80px] at (-0.3) should be [rgb(10, 20, 30) 1px 2px 3px 4px, rgb(70, 70, 70) 7px 14px 21px 28px] Fail Compositing: property <box-shadow> underlying [rgb(10, 20, 30) 1px 2px 3px 4px] from add [rgb(100, 100, 100) 10px 20px 30px 40px] to add [rgb(200, 200, 200) 20px 40px 60px 80px] at (-0.3) should be [rgb(10, 20, 30) 1px 2px 3px 4px, rgb(70, 70, 70) 7px 14px 21px 28px]
Fail Compositing: property <box-shadow> underlying [rgb(10, 20, 30) 1px 2px 3px 4px] from add [rgb(100, 100, 100) 10px 20px 30px 40px] to add [rgb(200, 200, 200) 20px 40px 60px 80px] at (0) should be [rgb(10, 20, 30) 1px 2px 3px 4px, rgb(100, 100, 100) 10px 20px 30px 40px] Fail Compositing: property <box-shadow> underlying [rgb(10, 20, 30) 1px 2px 3px 4px] from add [rgb(100, 100, 100) 10px 20px 30px 40px] to add [rgb(200, 200, 200) 20px 40px 60px 80px] at (0) should be [rgb(10, 20, 30) 1px 2px 3px 4px, rgb(100, 100, 100) 10px 20px 30px 40px]
Fail Compositing: property <box-shadow> underlying [rgb(10, 20, 30) 1px 2px 3px 4px] from add [rgb(100, 100, 100) 10px 20px 30px 40px] to add [rgb(200, 200, 200) 20px 40px 60px 80px] at (0.5) should be [rgb(10, 20, 30) 1px 2px 3px 4px, rgb(150, 150, 150) 15px 30px 45px 60px] Fail Compositing: property <box-shadow> underlying [rgb(10, 20, 30) 1px 2px 3px 4px] from add [rgb(100, 100, 100) 10px 20px 30px 40px] to add [rgb(200, 200, 200) 20px 40px 60px 80px] at (0.5) should be [rgb(10, 20, 30) 1px 2px 3px 4px, rgb(150, 150, 150) 15px 30px 45px 60px]

View file

@ -2,8 +2,8 @@ Harness status: OK
Found 402 tests Found 402 tests
230 Pass 246 Pass
172 Fail 156 Fail
Pass CSS Transitions: property <box-shadow> from neutral to [20px 20px 20px 20px black] at (-0.3) should be [rgb(0, 0, 0) 7px 33px 7px 33px] Pass CSS Transitions: property <box-shadow> from neutral to [20px 20px 20px 20px black] at (-0.3) should be [rgb(0, 0, 0) 7px 33px 7px 33px]
Pass CSS Transitions: property <box-shadow> from neutral to [20px 20px 20px 20px black] at (0) should be [rgb(0, 0, 0) 10px 30px 10px 30px] Pass CSS Transitions: property <box-shadow> from neutral to [20px 20px 20px 20px black] at (0) should be [rgb(0, 0, 0) 10px 30px 10px 30px]
Pass CSS Transitions: property <box-shadow> from neutral to [20px 20px 20px 20px black] at (0.3) should be [rgb(0, 0, 0) 13px 27px 13px 27px] Pass CSS Transitions: property <box-shadow> from neutral to [20px 20px 20px 20px black] at (0.3) should be [rgb(0, 0, 0) 13px 27px 13px 27px]
@ -198,52 +198,52 @@ Pass Web Animations: property <box-shadow> from [15px 10px 5px 6px black inset]
Fail Web Animations: property <box-shadow> from [15px 10px 5px 6px black inset] to [-15px -10px 25px -4px orange inset] at (1.5) should be [rgb(255, 248, 0) -30px -20px 35px -9px inset] Fail Web Animations: property <box-shadow> from [15px 10px 5px 6px black inset] to [-15px -10px 25px -4px orange inset] at (1.5) should be [rgb(255, 248, 0) -30px -20px 35px -9px inset]
Fail CSS Transitions: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px] at (-0.3) should be [rgb(0, 0, 0) 24px 16px 0px 9px] Fail CSS Transitions: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px] at (-0.3) should be [rgb(0, 0, 0) 24px 16px 0px 9px]
Pass CSS Transitions: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px] at (0) should be [rgb(0, 0, 0) 15px 10px 5px 6px] Pass CSS Transitions: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px] at (0) should be [rgb(0, 0, 0) 15px 10px 5px 6px]
Fail CSS Transitions: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px] at (0.3) should be [rgb(0, 38, 0) 6px 4px 11px 3px] Pass CSS Transitions: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px] at (0.3) should be [rgb(0, 38, 0) 6px 4px 11px 3px]
Fail CSS Transitions: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px] at (0.6) should be [rgb(0, 77, 0) -3px -2px 17px 0px] Fail CSS Transitions: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px] at (0.6) should be [rgb(0, 77, 0) -3px -2px 17px 0px]
Pass CSS Transitions: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px] at (1) should be [rgb(0, 128, 0) -15px -10px 25px -4px] Pass CSS Transitions: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px] at (1) should be [rgb(0, 128, 0) -15px -10px 25px -4px]
Fail CSS Transitions: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px] at (1.5) should be [rgb(0, 192, 0) -30px -20px 35px -9px] Pass CSS Transitions: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px] at (1.5) should be [rgb(0, 192, 0) -30px -20px 35px -9px]
Fail CSS Transitions with transition: all: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px] at (-0.3) should be [rgb(0, 0, 0) 24px 16px 0px 9px] Fail CSS Transitions with transition: all: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px] at (-0.3) should be [rgb(0, 0, 0) 24px 16px 0px 9px]
Pass CSS Transitions with transition: all: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px] at (0) should be [rgb(0, 0, 0) 15px 10px 5px 6px] Pass CSS Transitions with transition: all: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px] at (0) should be [rgb(0, 0, 0) 15px 10px 5px 6px]
Fail CSS Transitions with transition: all: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px] at (0.3) should be [rgb(0, 38, 0) 6px 4px 11px 3px] Pass CSS Transitions with transition: all: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px] at (0.3) should be [rgb(0, 38, 0) 6px 4px 11px 3px]
Fail CSS Transitions with transition: all: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px] at (0.6) should be [rgb(0, 77, 0) -3px -2px 17px 0px] Fail CSS Transitions with transition: all: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px] at (0.6) should be [rgb(0, 77, 0) -3px -2px 17px 0px]
Pass CSS Transitions with transition: all: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px] at (1) should be [rgb(0, 128, 0) -15px -10px 25px -4px] Pass CSS Transitions with transition: all: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px] at (1) should be [rgb(0, 128, 0) -15px -10px 25px -4px]
Fail CSS Transitions with transition: all: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px] at (1.5) should be [rgb(0, 192, 0) -30px -20px 35px -9px] Pass CSS Transitions with transition: all: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px] at (1.5) should be [rgb(0, 192, 0) -30px -20px 35px -9px]
Fail CSS Animations: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px] at (-0.3) should be [rgb(0, 0, 0) 24px 16px 0px 9px] Fail CSS Animations: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px] at (-0.3) should be [rgb(0, 0, 0) 24px 16px 0px 9px]
Pass CSS Animations: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px] at (0) should be [rgb(0, 0, 0) 15px 10px 5px 6px] Pass CSS Animations: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px] at (0) should be [rgb(0, 0, 0) 15px 10px 5px 6px]
Fail CSS Animations: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px] at (0.3) should be [rgb(0, 38, 0) 6px 4px 11px 3px] Pass CSS Animations: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px] at (0.3) should be [rgb(0, 38, 0) 6px 4px 11px 3px]
Fail CSS Animations: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px] at (0.6) should be [rgb(0, 77, 0) -3px -2px 17px 0px] Fail CSS Animations: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px] at (0.6) should be [rgb(0, 77, 0) -3px -2px 17px 0px]
Pass CSS Animations: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px] at (1) should be [rgb(0, 128, 0) -15px -10px 25px -4px] Pass CSS Animations: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px] at (1) should be [rgb(0, 128, 0) -15px -10px 25px -4px]
Fail CSS Animations: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px] at (1.5) should be [rgb(0, 192, 0) -30px -20px 35px -9px] Pass CSS Animations: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px] at (1.5) should be [rgb(0, 192, 0) -30px -20px 35px -9px]
Fail Web Animations: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px] at (-0.3) should be [rgb(0, 0, 0) 24px 16px 0px 9px] Fail Web Animations: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px] at (-0.3) should be [rgb(0, 0, 0) 24px 16px 0px 9px]
Pass Web Animations: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px] at (0) should be [rgb(0, 0, 0) 15px 10px 5px 6px] Pass Web Animations: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px] at (0) should be [rgb(0, 0, 0) 15px 10px 5px 6px]
Fail Web Animations: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px] at (0.3) should be [rgb(0, 38, 0) 6px 4px 11px 3px] Pass Web Animations: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px] at (0.3) should be [rgb(0, 38, 0) 6px 4px 11px 3px]
Fail Web Animations: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px] at (0.6) should be [rgb(0, 77, 0) -3px -2px 17px 0px] Fail Web Animations: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px] at (0.6) should be [rgb(0, 77, 0) -3px -2px 17px 0px]
Pass Web Animations: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px] at (1) should be [rgb(0, 128, 0) -15px -10px 25px -4px] Pass Web Animations: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px] at (1) should be [rgb(0, 128, 0) -15px -10px 25px -4px]
Fail Web Animations: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px] at (1.5) should be [rgb(0, 192, 0) -30px -20px 35px -9px] Pass Web Animations: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px] at (1.5) should be [rgb(0, 192, 0) -30px -20px 35px -9px]
Pass CSS Transitions: property <box-shadow> from [10px 10px 10px 10px black] to [10px 10px 10px 10px currentColor] at (-0.3) should be [rgb(0, 0, 0) 10px 10px 10px 10px] Pass CSS Transitions: property <box-shadow> from [10px 10px 10px 10px black] to [10px 10px 10px 10px currentColor] at (-0.3) should be [rgb(0, 0, 0) 10px 10px 10px 10px]
Pass CSS Transitions: property <box-shadow> from [10px 10px 10px 10px black] to [10px 10px 10px 10px currentColor] at (0) should be [rgb(0, 0, 0) 10px 10px 10px 10px] Pass CSS Transitions: property <box-shadow> from [10px 10px 10px 10px black] to [10px 10px 10px 10px currentColor] at (0) should be [rgb(0, 0, 0) 10px 10px 10px 10px]
Fail CSS Transitions: property <box-shadow> from [10px 10px 10px 10px black] to [10px 10px 10px 10px currentColor] at (0.3) should be [rgb(0, 38, 0) 10px 10px 10px 10px] Pass CSS Transitions: property <box-shadow> from [10px 10px 10px 10px black] to [10px 10px 10px 10px currentColor] at (0.3) should be [rgb(0, 38, 0) 10px 10px 10px 10px]
Fail CSS Transitions: property <box-shadow> from [10px 10px 10px 10px black] to [10px 10px 10px 10px currentColor] at (0.6) should be [rgb(0, 77, 0) 10px 10px 10px 10px] Fail CSS Transitions: property <box-shadow> from [10px 10px 10px 10px black] to [10px 10px 10px 10px currentColor] at (0.6) should be [rgb(0, 77, 0) 10px 10px 10px 10px]
Pass CSS Transitions: property <box-shadow> from [10px 10px 10px 10px black] to [10px 10px 10px 10px currentColor] at (1) should be [rgb(0, 128, 0) 10px 10px 10px 10px] Pass CSS Transitions: property <box-shadow> from [10px 10px 10px 10px black] to [10px 10px 10px 10px currentColor] at (1) should be [rgb(0, 128, 0) 10px 10px 10px 10px]
Fail CSS Transitions: property <box-shadow> from [10px 10px 10px 10px black] to [10px 10px 10px 10px currentColor] at (1.5) should be [rgb(0, 192, 0) 10px 10px 10px 10px] Pass CSS Transitions: property <box-shadow> from [10px 10px 10px 10px black] to [10px 10px 10px 10px currentColor] at (1.5) should be [rgb(0, 192, 0) 10px 10px 10px 10px]
Pass CSS Transitions with transition: all: property <box-shadow> from [10px 10px 10px 10px black] to [10px 10px 10px 10px currentColor] at (-0.3) should be [rgb(0, 0, 0) 10px 10px 10px 10px] Pass CSS Transitions with transition: all: property <box-shadow> from [10px 10px 10px 10px black] to [10px 10px 10px 10px currentColor] at (-0.3) should be [rgb(0, 0, 0) 10px 10px 10px 10px]
Pass CSS Transitions with transition: all: property <box-shadow> from [10px 10px 10px 10px black] to [10px 10px 10px 10px currentColor] at (0) should be [rgb(0, 0, 0) 10px 10px 10px 10px] Pass CSS Transitions with transition: all: property <box-shadow> from [10px 10px 10px 10px black] to [10px 10px 10px 10px currentColor] at (0) should be [rgb(0, 0, 0) 10px 10px 10px 10px]
Fail CSS Transitions with transition: all: property <box-shadow> from [10px 10px 10px 10px black] to [10px 10px 10px 10px currentColor] at (0.3) should be [rgb(0, 38, 0) 10px 10px 10px 10px] Pass CSS Transitions with transition: all: property <box-shadow> from [10px 10px 10px 10px black] to [10px 10px 10px 10px currentColor] at (0.3) should be [rgb(0, 38, 0) 10px 10px 10px 10px]
Fail CSS Transitions with transition: all: property <box-shadow> from [10px 10px 10px 10px black] to [10px 10px 10px 10px currentColor] at (0.6) should be [rgb(0, 77, 0) 10px 10px 10px 10px] Fail CSS Transitions with transition: all: property <box-shadow> from [10px 10px 10px 10px black] to [10px 10px 10px 10px currentColor] at (0.6) should be [rgb(0, 77, 0) 10px 10px 10px 10px]
Pass CSS Transitions with transition: all: property <box-shadow> from [10px 10px 10px 10px black] to [10px 10px 10px 10px currentColor] at (1) should be [rgb(0, 128, 0) 10px 10px 10px 10px] Pass CSS Transitions with transition: all: property <box-shadow> from [10px 10px 10px 10px black] to [10px 10px 10px 10px currentColor] at (1) should be [rgb(0, 128, 0) 10px 10px 10px 10px]
Fail CSS Transitions with transition: all: property <box-shadow> from [10px 10px 10px 10px black] to [10px 10px 10px 10px currentColor] at (1.5) should be [rgb(0, 192, 0) 10px 10px 10px 10px] Pass CSS Transitions with transition: all: property <box-shadow> from [10px 10px 10px 10px black] to [10px 10px 10px 10px currentColor] at (1.5) should be [rgb(0, 192, 0) 10px 10px 10px 10px]
Pass CSS Animations: property <box-shadow> from [10px 10px 10px 10px black] to [10px 10px 10px 10px currentColor] at (-0.3) should be [rgb(0, 0, 0) 10px 10px 10px 10px] Pass CSS Animations: property <box-shadow> from [10px 10px 10px 10px black] to [10px 10px 10px 10px currentColor] at (-0.3) should be [rgb(0, 0, 0) 10px 10px 10px 10px]
Pass CSS Animations: property <box-shadow> from [10px 10px 10px 10px black] to [10px 10px 10px 10px currentColor] at (0) should be [rgb(0, 0, 0) 10px 10px 10px 10px] Pass CSS Animations: property <box-shadow> from [10px 10px 10px 10px black] to [10px 10px 10px 10px currentColor] at (0) should be [rgb(0, 0, 0) 10px 10px 10px 10px]
Fail CSS Animations: property <box-shadow> from [10px 10px 10px 10px black] to [10px 10px 10px 10px currentColor] at (0.3) should be [rgb(0, 38, 0) 10px 10px 10px 10px] Pass CSS Animations: property <box-shadow> from [10px 10px 10px 10px black] to [10px 10px 10px 10px currentColor] at (0.3) should be [rgb(0, 38, 0) 10px 10px 10px 10px]
Fail CSS Animations: property <box-shadow> from [10px 10px 10px 10px black] to [10px 10px 10px 10px currentColor] at (0.6) should be [rgb(0, 77, 0) 10px 10px 10px 10px] Fail CSS Animations: property <box-shadow> from [10px 10px 10px 10px black] to [10px 10px 10px 10px currentColor] at (0.6) should be [rgb(0, 77, 0) 10px 10px 10px 10px]
Pass CSS Animations: property <box-shadow> from [10px 10px 10px 10px black] to [10px 10px 10px 10px currentColor] at (1) should be [rgb(0, 128, 0) 10px 10px 10px 10px] Pass CSS Animations: property <box-shadow> from [10px 10px 10px 10px black] to [10px 10px 10px 10px currentColor] at (1) should be [rgb(0, 128, 0) 10px 10px 10px 10px]
Fail CSS Animations: property <box-shadow> from [10px 10px 10px 10px black] to [10px 10px 10px 10px currentColor] at (1.5) should be [rgb(0, 192, 0) 10px 10px 10px 10px] Pass CSS Animations: property <box-shadow> from [10px 10px 10px 10px black] to [10px 10px 10px 10px currentColor] at (1.5) should be [rgb(0, 192, 0) 10px 10px 10px 10px]
Pass Web Animations: property <box-shadow> from [10px 10px 10px 10px black] to [10px 10px 10px 10px currentColor] at (-0.3) should be [rgb(0, 0, 0) 10px 10px 10px 10px] Pass Web Animations: property <box-shadow> from [10px 10px 10px 10px black] to [10px 10px 10px 10px currentColor] at (-0.3) should be [rgb(0, 0, 0) 10px 10px 10px 10px]
Pass Web Animations: property <box-shadow> from [10px 10px 10px 10px black] to [10px 10px 10px 10px currentColor] at (0) should be [rgb(0, 0, 0) 10px 10px 10px 10px] Pass Web Animations: property <box-shadow> from [10px 10px 10px 10px black] to [10px 10px 10px 10px currentColor] at (0) should be [rgb(0, 0, 0) 10px 10px 10px 10px]
Fail Web Animations: property <box-shadow> from [10px 10px 10px 10px black] to [10px 10px 10px 10px currentColor] at (0.3) should be [rgb(0, 38, 0) 10px 10px 10px 10px] Pass Web Animations: property <box-shadow> from [10px 10px 10px 10px black] to [10px 10px 10px 10px currentColor] at (0.3) should be [rgb(0, 38, 0) 10px 10px 10px 10px]
Fail Web Animations: property <box-shadow> from [10px 10px 10px 10px black] to [10px 10px 10px 10px currentColor] at (0.6) should be [rgb(0, 77, 0) 10px 10px 10px 10px] Fail Web Animations: property <box-shadow> from [10px 10px 10px 10px black] to [10px 10px 10px 10px currentColor] at (0.6) should be [rgb(0, 77, 0) 10px 10px 10px 10px]
Pass Web Animations: property <box-shadow> from [10px 10px 10px 10px black] to [10px 10px 10px 10px currentColor] at (1) should be [rgb(0, 128, 0) 10px 10px 10px 10px] Pass Web Animations: property <box-shadow> from [10px 10px 10px 10px black] to [10px 10px 10px 10px currentColor] at (1) should be [rgb(0, 128, 0) 10px 10px 10px 10px]
Fail Web Animations: property <box-shadow> from [10px 10px 10px 10px black] to [10px 10px 10px 10px currentColor] at (1.5) should be [rgb(0, 192, 0) 10px 10px 10px 10px] Pass Web Animations: property <box-shadow> from [10px 10px 10px 10px black] to [10px 10px 10px 10px currentColor] at (1.5) should be [rgb(0, 192, 0) 10px 10px 10px 10px]
Fail CSS Transitions: property <box-shadow> from [10px 20px rgba(255, 255, 0, 0.5), inset 5px 10em #008000] to [none] at (-0.3) should be [rgba(255, 255, 0, 0.65) 13px 26px 0px 0px, rgb(0, 166, 0) 6.5px 39px 0px 0px inset] Fail CSS Transitions: property <box-shadow> from [10px 20px rgba(255, 255, 0, 0.5), inset 5px 10em #008000] to [none] at (-0.3) should be [rgba(255, 255, 0, 0.65) 13px 26px 0px 0px, rgb(0, 166, 0) 6.5px 39px 0px 0px inset]
Fail CSS Transitions: property <box-shadow> from [10px 20px rgba(255, 255, 0, 0.5), inset 5px 10em #008000] to [none] at (0) should be [rgba(255, 255, 0, 0.5) 10px 20px 0px 0px, rgb(0, 128, 0) 5px 30px 0px 0px inset] Fail CSS Transitions: property <box-shadow> from [10px 20px rgba(255, 255, 0, 0.5), inset 5px 10em #008000] to [none] at (0) should be [rgba(255, 255, 0, 0.5) 10px 20px 0px 0px, rgb(0, 128, 0) 5px 30px 0px 0px inset]
Fail CSS Transitions: property <box-shadow> from [10px 20px rgba(255, 255, 0, 0.5), inset 5px 10em #008000] to [none] at (0.3) should be [rgba(255, 255, 0, 0.353) 7px 14px 0px 0px, rgba(0, 128, 0, 0.7) 3.5px 21px 0px 0px inset] Fail CSS Transitions: property <box-shadow> from [10px 20px rgba(255, 255, 0, 0.5), inset 5px 10em #008000] to [none] at (0.3) should be [rgba(255, 255, 0, 0.353) 7px 14px 0px 0px, rgba(0, 128, 0, 0.7) 3.5px 21px 0px 0px inset]