Title: [283980] trunk
Revision
283980
Author
[email protected]
Date
2021-10-12 06:48:18 -0700 (Tue, 12 Oct 2021)

Log Message

[css-ui] Fix interpolation of accent-color
https://bugs.webkit.org/show_bug.cgi?id=231443
rdar://84037162

Reviewed by Antoine Quint.

LayoutTests/imported/w3c:

* web-platform-tests/css/css-ui/animation/accent-color-interpolation-expected.txt:

Source/WebCore:

* animation/CSSPropertyAnimation.cpp:
(WebCore::CSSPropertyAnimationWrapperMap::CSSPropertyAnimationWrapperMap):

Modified Paths

Diff

Modified: trunk/LayoutTests/imported/w3c/ChangeLog (283979 => 283980)


--- trunk/LayoutTests/imported/w3c/ChangeLog	2021-10-12 12:36:10 UTC (rev 283979)
+++ trunk/LayoutTests/imported/w3c/ChangeLog	2021-10-12 13:48:18 UTC (rev 283980)
@@ -1,3 +1,13 @@
+2021-10-12  Aditya Keerthi  <[email protected]>
+
+        [css-ui] Fix interpolation of accent-color
+        https://bugs.webkit.org/show_bug.cgi?id=231443
+        rdar://84037162
+
+        Reviewed by Antoine Quint.
+
+        * web-platform-tests/css/css-ui/animation/accent-color-interpolation-expected.txt:
+
 2021-10-11  Tim Nguyen  <[email protected]>
 
         Implement new autofocus behavior

Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-ui/animation/accent-color-interpolation-expected.txt (283979 => 283980)


--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-ui/animation/accent-color-interpolation-expected.txt	2021-10-12 12:36:10 UTC (rev 283979)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-ui/animation/accent-color-interpolation-expected.txt	2021-10-12 13:48:18 UTC (rev 283980)
@@ -1,28 +1,28 @@
 
-FAIL CSS Transitions: property <accent-color> from neutral to [green] at (-0.3) should be [rgb(255, 255, 0)] assert_equals: expected "rgb ( 255 , 255 , 0 ) " but got "rgb ( 0 , 128 , 0 ) "
-FAIL CSS Transitions: property <accent-color> from neutral to [green] at (0) should be [rgb(255, 255, 0)] assert_equals: expected "rgb ( 255 , 255 , 0 ) " but got "rgb ( 0 , 128 , 0 ) "
-FAIL CSS Transitions: property <accent-color> from neutral to [green] at (0.3) should be [rgb(179, 217, 0)] assert_equals: expected "rgb ( 179 , 217 , 0 ) " but got "rgb ( 0 , 128 , 0 ) "
-FAIL CSS Transitions: property <accent-color> from neutral to [green] at (0.6) should be [rgb(102, 179, 0)] assert_equals: expected "rgb ( 102 , 179 , 0 ) " but got "rgb ( 0 , 128 , 0 ) "
+PASS CSS Transitions: property <accent-color> from neutral to [green] at (-0.3) should be [rgb(255, 255, 0)]
+PASS CSS Transitions: property <accent-color> from neutral to [green] at (0) should be [rgb(255, 255, 0)]
+PASS CSS Transitions: property <accent-color> from neutral to [green] at (0.3) should be [rgb(179, 217, 0)]
+PASS CSS Transitions: property <accent-color> from neutral to [green] at (0.6) should be [rgb(102, 179, 0)]
 PASS CSS Transitions: property <accent-color> from neutral to [green] at (1) should be [rgb(0, 128, 0)]
-FAIL CSS Transitions: property <accent-color> from neutral to [green] at (1.5) should be [rgb(0, 65, 0)] assert_equals: expected "rgb ( 0 , 65 , 0 ) " but got "rgb ( 0 , 128 , 0 ) "
-FAIL CSS Transitions with transition: all: property <accent-color> from neutral to [green] at (-0.3) should be [rgb(255, 255, 0)] assert_equals: expected "rgb ( 255 , 255 , 0 ) " but got "rgb ( 0 , 128 , 0 ) "
-FAIL CSS Transitions with transition: all: property <accent-color> from neutral to [green] at (0) should be [rgb(255, 255, 0)] assert_equals: expected "rgb ( 255 , 255 , 0 ) " but got "rgb ( 0 , 128 , 0 ) "
-FAIL CSS Transitions with transition: all: property <accent-color> from neutral to [green] at (0.3) should be [rgb(179, 217, 0)] assert_equals: expected "rgb ( 179 , 217 , 0 ) " but got "rgb ( 0 , 128 , 0 ) "
-FAIL CSS Transitions with transition: all: property <accent-color> from neutral to [green] at (0.6) should be [rgb(102, 179, 0)] assert_equals: expected "rgb ( 102 , 179 , 0 ) " but got "rgb ( 0 , 128 , 0 ) "
+PASS CSS Transitions: property <accent-color> from neutral to [green] at (1.5) should be [rgb(0, 65, 0)]
+PASS CSS Transitions with transition: all: property <accent-color> from neutral to [green] at (-0.3) should be [rgb(255, 255, 0)]
+PASS CSS Transitions with transition: all: property <accent-color> from neutral to [green] at (0) should be [rgb(255, 255, 0)]
+PASS CSS Transitions with transition: all: property <accent-color> from neutral to [green] at (0.3) should be [rgb(179, 217, 0)]
+PASS CSS Transitions with transition: all: property <accent-color> from neutral to [green] at (0.6) should be [rgb(102, 179, 0)]
 PASS CSS Transitions with transition: all: property <accent-color> from neutral to [green] at (1) should be [rgb(0, 128, 0)]
-FAIL CSS Transitions with transition: all: property <accent-color> from neutral to [green] at (1.5) should be [rgb(0, 65, 0)] assert_equals: expected "rgb ( 0 , 65 , 0 ) " but got "rgb ( 0 , 128 , 0 ) "
+PASS CSS Transitions with transition: all: property <accent-color> from neutral to [green] at (1.5) should be [rgb(0, 65, 0)]
 PASS CSS Animations: property <accent-color> from neutral to [green] at (-0.3) should be [rgb(255, 255, 0)]
 PASS CSS Animations: property <accent-color> from neutral to [green] at (0) should be [rgb(255, 255, 0)]
-FAIL CSS Animations: property <accent-color> from neutral to [green] at (0.3) should be [rgb(179, 217, 0)] assert_equals: expected "rgb ( 179 , 217 , 0 ) " but got "rgb ( 255 , 255 , 0 ) "
-FAIL CSS Animations: property <accent-color> from neutral to [green] at (0.6) should be [rgb(102, 179, 0)] assert_equals: expected "rgb ( 102 , 179 , 0 ) " but got "rgb ( 255 , 255 , 0 ) "
-FAIL CSS Animations: property <accent-color> from neutral to [green] at (1) should be [rgb(0, 128, 0)] assert_equals: expected "rgb ( 0 , 128 , 0 ) " but got "rgb ( 255 , 255 , 0 ) "
-FAIL CSS Animations: property <accent-color> from neutral to [green] at (1.5) should be [rgb(0, 65, 0)] assert_equals: expected "rgb ( 0 , 65 , 0 ) " but got "rgb ( 255 , 255 , 0 ) "
+PASS CSS Animations: property <accent-color> from neutral to [green] at (0.3) should be [rgb(179, 217, 0)]
+PASS CSS Animations: property <accent-color> from neutral to [green] at (0.6) should be [rgb(102, 179, 0)]
+PASS CSS Animations: property <accent-color> from neutral to [green] at (1) should be [rgb(0, 128, 0)]
+PASS CSS Animations: property <accent-color> from neutral to [green] at (1.5) should be [rgb(0, 65, 0)]
 PASS Web Animations: property <accent-color> from neutral to [green] at (-0.3) should be [rgb(255, 255, 0)]
 PASS Web Animations: property <accent-color> from neutral to [green] at (0) should be [rgb(255, 255, 0)]
-FAIL Web Animations: property <accent-color> from neutral to [green] at (0.3) should be [rgb(179, 217, 0)] assert_equals: expected "rgb ( 179 , 217 , 0 ) " but got "rgb ( 255 , 255 , 0 ) "
-FAIL Web Animations: property <accent-color> from neutral to [green] at (0.6) should be [rgb(102, 179, 0)] assert_equals: expected "rgb ( 102 , 179 , 0 ) " but got "rgb ( 255 , 255 , 0 ) "
-FAIL Web Animations: property <accent-color> from neutral to [green] at (1) should be [rgb(0, 128, 0)] assert_equals: expected "rgb ( 0 , 128 , 0 ) " but got "rgb ( 255 , 255 , 0 ) "
-FAIL Web Animations: property <accent-color> from neutral to [green] at (1.5) should be [rgb(0, 65, 0)] assert_equals: expected "rgb ( 0 , 65 , 0 ) " but got "rgb ( 255 , 255 , 0 ) "
+PASS Web Animations: property <accent-color> from neutral to [green] at (0.3) should be [rgb(179, 217, 0)]
+PASS Web Animations: property <accent-color> from neutral to [green] at (0.6) should be [rgb(102, 179, 0)]
+PASS Web Animations: property <accent-color> from neutral to [green] at (1) should be [rgb(0, 128, 0)]
+PASS Web Animations: property <accent-color> from neutral to [green] at (1.5) should be [rgb(0, 65, 0)]
 PASS CSS Transitions: property <accent-color> from [initial] to [green] at (-0.3) should be [green]
 PASS CSS Transitions: property <accent-color> from [initial] to [green] at (0) should be [green]
 PASS CSS Transitions: property <accent-color> from [initial] to [green] at (0.3) should be [green]
@@ -37,20 +37,20 @@
 PASS CSS Transitions with transition: all: property <accent-color> from [initial] to [green] at (0.6) should be [green]
 PASS CSS Transitions with transition: all: property <accent-color> from [initial] to [green] at (1) should be [green]
 PASS CSS Transitions with transition: all: property <accent-color> from [initial] to [green] at (1.5) should be [green]
-FAIL CSS Animations: property <accent-color> from [initial] to [green] at (-0.3) should be [initial] assert_equals: expected "auto " but got "rgb ( 255 , 255 , 0 ) "
-FAIL CSS Animations: property <accent-color> from [initial] to [green] at (0) should be [initial] assert_equals: expected "auto " but got "rgb ( 255 , 255 , 0 ) "
-FAIL CSS Animations: property <accent-color> from [initial] to [green] at (0.3) should be [initial] assert_equals: expected "auto " but got "rgb ( 255 , 255 , 0 ) "
-FAIL CSS Animations: property <accent-color> from [initial] to [green] at (0.5) should be [green] assert_equals: expected "rgb ( 0 , 128 , 0 ) " but got "rgb ( 255 , 255 , 0 ) "
-FAIL CSS Animations: property <accent-color> from [initial] to [green] at (0.6) should be [green] assert_equals: expected "rgb ( 0 , 128 , 0 ) " but got "rgb ( 255 , 255 , 0 ) "
-FAIL CSS Animations: property <accent-color> from [initial] to [green] at (1) should be [green] assert_equals: expected "rgb ( 0 , 128 , 0 ) " but got "rgb ( 255 , 255 , 0 ) "
-FAIL CSS Animations: property <accent-color> from [initial] to [green] at (1.5) should be [green] assert_equals: expected "rgb ( 0 , 128 , 0 ) " but got "rgb ( 255 , 255 , 0 ) "
-FAIL Web Animations: property <accent-color> from [initial] to [green] at (-0.3) should be [initial] assert_equals: expected "auto " but got "rgb ( 255 , 255 , 0 ) "
-FAIL Web Animations: property <accent-color> from [initial] to [green] at (0) should be [initial] assert_equals: expected "auto " but got "rgb ( 255 , 255 , 0 ) "
-FAIL Web Animations: property <accent-color> from [initial] to [green] at (0.3) should be [initial] assert_equals: expected "auto " but got "rgb ( 255 , 255 , 0 ) "
-FAIL Web Animations: property <accent-color> from [initial] to [green] at (0.5) should be [green] assert_equals: expected "rgb ( 0 , 128 , 0 ) " but got "rgb ( 255 , 255 , 0 ) "
-FAIL Web Animations: property <accent-color> from [initial] to [green] at (0.6) should be [green] assert_equals: expected "rgb ( 0 , 128 , 0 ) " but got "rgb ( 255 , 255 , 0 ) "
-FAIL Web Animations: property <accent-color> from [initial] to [green] at (1) should be [green] assert_equals: expected "rgb ( 0 , 128 , 0 ) " but got "rgb ( 255 , 255 , 0 ) "
-FAIL Web Animations: property <accent-color> from [initial] to [green] at (1.5) should be [green] assert_equals: expected "rgb ( 0 , 128 , 0 ) " but got "rgb ( 255 , 255 , 0 ) "
+PASS CSS Animations: property <accent-color> from [initial] to [green] at (-0.3) should be [initial]
+PASS CSS Animations: property <accent-color> from [initial] to [green] at (0) should be [initial]
+PASS CSS Animations: property <accent-color> from [initial] to [green] at (0.3) should be [initial]
+PASS CSS Animations: property <accent-color> from [initial] to [green] at (0.5) should be [green]
+PASS CSS Animations: property <accent-color> from [initial] to [green] at (0.6) should be [green]
+PASS CSS Animations: property <accent-color> from [initial] to [green] at (1) should be [green]
+PASS CSS Animations: property <accent-color> from [initial] to [green] at (1.5) should be [green]
+PASS Web Animations: property <accent-color> from [initial] to [green] at (-0.3) should be [initial]
+PASS Web Animations: property <accent-color> from [initial] to [green] at (0) should be [initial]
+PASS Web Animations: property <accent-color> from [initial] to [green] at (0.3) should be [initial]
+PASS Web Animations: property <accent-color> from [initial] to [green] at (0.5) should be [green]
+PASS Web Animations: property <accent-color> from [initial] to [green] at (0.6) should be [green]
+PASS Web Animations: property <accent-color> from [initial] to [green] at (1) should be [green]
+PASS Web Animations: property <accent-color> from [initial] to [green] at (1.5) should be [green]
 PASS CSS Transitions: property <accent-color> from [auto] to [green] at (-0.3) should be [green]
 PASS CSS Transitions: property <accent-color> from [auto] to [green] at (0) should be [green]
 PASS CSS Transitions: property <accent-color> from [auto] to [green] at (0.3) should be [green]
@@ -65,114 +65,114 @@
 PASS CSS Transitions with transition: all: property <accent-color> from [auto] to [green] at (0.6) should be [green]
 PASS CSS Transitions with transition: all: property <accent-color> from [auto] to [green] at (1) should be [green]
 PASS CSS Transitions with transition: all: property <accent-color> from [auto] to [green] at (1.5) should be [green]
-FAIL CSS Animations: property <accent-color> from [auto] to [green] at (-0.3) should be [auto] assert_equals: expected "auto " but got "rgb ( 255 , 255 , 0 ) "
-FAIL CSS Animations: property <accent-color> from [auto] to [green] at (0) should be [auto] assert_equals: expected "auto " but got "rgb ( 255 , 255 , 0 ) "
-FAIL CSS Animations: property <accent-color> from [auto] to [green] at (0.3) should be [auto] assert_equals: expected "auto " but got "rgb ( 255 , 255 , 0 ) "
-FAIL CSS Animations: property <accent-color> from [auto] to [green] at (0.5) should be [green] assert_equals: expected "rgb ( 0 , 128 , 0 ) " but got "rgb ( 255 , 255 , 0 ) "
-FAIL CSS Animations: property <accent-color> from [auto] to [green] at (0.6) should be [green] assert_equals: expected "rgb ( 0 , 128 , 0 ) " but got "rgb ( 255 , 255 , 0 ) "
-FAIL CSS Animations: property <accent-color> from [auto] to [green] at (1) should be [green] assert_equals: expected "rgb ( 0 , 128 , 0 ) " but got "rgb ( 255 , 255 , 0 ) "
-FAIL CSS Animations: property <accent-color> from [auto] to [green] at (1.5) should be [green] assert_equals: expected "rgb ( 0 , 128 , 0 ) " but got "rgb ( 255 , 255 , 0 ) "
-FAIL Web Animations: property <accent-color> from [auto] to [green] at (-0.3) should be [auto] assert_equals: expected "auto " but got "rgb ( 255 , 255 , 0 ) "
-FAIL Web Animations: property <accent-color> from [auto] to [green] at (0) should be [auto] assert_equals: expected "auto " but got "rgb ( 255 , 255 , 0 ) "
-FAIL Web Animations: property <accent-color> from [auto] to [green] at (0.3) should be [auto] assert_equals: expected "auto " but got "rgb ( 255 , 255 , 0 ) "
-FAIL Web Animations: property <accent-color> from [auto] to [green] at (0.5) should be [green] assert_equals: expected "rgb ( 0 , 128 , 0 ) " but got "rgb ( 255 , 255 , 0 ) "
-FAIL Web Animations: property <accent-color> from [auto] to [green] at (0.6) should be [green] assert_equals: expected "rgb ( 0 , 128 , 0 ) " but got "rgb ( 255 , 255 , 0 ) "
-FAIL Web Animations: property <accent-color> from [auto] to [green] at (1) should be [green] assert_equals: expected "rgb ( 0 , 128 , 0 ) " but got "rgb ( 255 , 255 , 0 ) "
-FAIL Web Animations: property <accent-color> from [auto] to [green] at (1.5) should be [green] assert_equals: expected "rgb ( 0 , 128 , 0 ) " but got "rgb ( 255 , 255 , 0 ) "
-FAIL CSS Transitions: property <accent-color> from [currentColor] to [green] at (-0.3) should be [rgb(0, 0, 0)] assert_equals: expected "rgb ( 0 , 0 , 0 ) " but got "rgb ( 0 , 128 , 0 ) "
-FAIL CSS Transitions: property <accent-color> from [currentColor] to [green] at (0) should be [rgb(0, 0, 0)] assert_equals: expected "rgb ( 0 , 0 , 0 ) " but got "rgb ( 0 , 128 , 0 ) "
-FAIL CSS Transitions: property <accent-color> from [currentColor] to [green] at (0.3) should be [rgb(0, 38, 0)] assert_equals: expected "rgb ( 0 , 38 , 0 ) " but got "rgb ( 0 , 128 , 0 ) "
-FAIL CSS Transitions: property <accent-color> from [currentColor] to [green] at (0.6) should be [rgb(0, 77, 0)] assert_equals: expected "rgb ( 0 , 77 , 0 ) " but got "rgb ( 0 , 128 , 0 ) "
+PASS CSS Animations: property <accent-color> from [auto] to [green] at (-0.3) should be [auto]
+PASS CSS Animations: property <accent-color> from [auto] to [green] at (0) should be [auto]
+PASS CSS Animations: property <accent-color> from [auto] to [green] at (0.3) should be [auto]
+PASS CSS Animations: property <accent-color> from [auto] to [green] at (0.5) should be [green]
+PASS CSS Animations: property <accent-color> from [auto] to [green] at (0.6) should be [green]
+PASS CSS Animations: property <accent-color> from [auto] to [green] at (1) should be [green]
+PASS CSS Animations: property <accent-color> from [auto] to [green] at (1.5) should be [green]
+PASS Web Animations: property <accent-color> from [auto] to [green] at (-0.3) should be [auto]
+PASS Web Animations: property <accent-color> from [auto] to [green] at (0) should be [auto]
+PASS Web Animations: property <accent-color> from [auto] to [green] at (0.3) should be [auto]
+PASS Web Animations: property <accent-color> from [auto] to [green] at (0.5) should be [green]
+PASS Web Animations: property <accent-color> from [auto] to [green] at (0.6) should be [green]
+PASS Web Animations: property <accent-color> from [auto] to [green] at (1) should be [green]
+PASS Web Animations: property <accent-color> from [auto] to [green] at (1.5) should be [green]
+PASS CSS Transitions: property <accent-color> from [currentColor] to [green] at (-0.3) should be [rgb(0, 0, 0)]
+PASS CSS Transitions: property <accent-color> from [currentColor] to [green] at (0) should be [rgb(0, 0, 0)]
+PASS CSS Transitions: property <accent-color> from [currentColor] to [green] at (0.3) should be [rgb(0, 38, 0)]
+PASS CSS Transitions: property <accent-color> from [currentColor] to [green] at (0.6) should be [rgb(0, 77, 0)]
 PASS CSS Transitions: property <accent-color> from [currentColor] to [green] at (1) should be [rgb(0, 128, 0)]
-FAIL CSS Transitions: property <accent-color> from [currentColor] to [green] at (1.5) should be [rgb(0, 192, 0)] assert_equals: expected "rgb ( 0 , 192 , 0 ) " but got "rgb ( 0 , 128 , 0 ) "
-FAIL CSS Transitions with transition: all: property <accent-color> from [currentColor] to [green] at (-0.3) should be [rgb(0, 0, 0)] assert_equals: expected "rgb ( 0 , 0 , 0 ) " but got "rgb ( 0 , 128 , 0 ) "
-FAIL CSS Transitions with transition: all: property <accent-color> from [currentColor] to [green] at (0) should be [rgb(0, 0, 0)] assert_equals: expected "rgb ( 0 , 0 , 0 ) " but got "rgb ( 0 , 128 , 0 ) "
-FAIL CSS Transitions with transition: all: property <accent-color> from [currentColor] to [green] at (0.3) should be [rgb(0, 38, 0)] assert_equals: expected "rgb ( 0 , 38 , 0 ) " but got "rgb ( 0 , 128 , 0 ) "
-FAIL CSS Transitions with transition: all: property <accent-color> from [currentColor] to [green] at (0.6) should be [rgb(0, 77, 0)] assert_equals: expected "rgb ( 0 , 77 , 0 ) " but got "rgb ( 0 , 128 , 0 ) "
+PASS CSS Transitions: property <accent-color> from [currentColor] to [green] at (1.5) should be [rgb(0, 192, 0)]
+PASS CSS Transitions with transition: all: property <accent-color> from [currentColor] to [green] at (-0.3) should be [rgb(0, 0, 0)]
+PASS CSS Transitions with transition: all: property <accent-color> from [currentColor] to [green] at (0) should be [rgb(0, 0, 0)]
+PASS CSS Transitions with transition: all: property <accent-color> from [currentColor] to [green] at (0.3) should be [rgb(0, 38, 0)]
+PASS CSS Transitions with transition: all: property <accent-color> from [currentColor] to [green] at (0.6) should be [rgb(0, 77, 0)]
 PASS CSS Transitions with transition: all: property <accent-color> from [currentColor] to [green] at (1) should be [rgb(0, 128, 0)]
-FAIL CSS Transitions with transition: all: property <accent-color> from [currentColor] to [green] at (1.5) should be [rgb(0, 192, 0)] assert_equals: expected "rgb ( 0 , 192 , 0 ) " but got "rgb ( 0 , 128 , 0 ) "
-FAIL CSS Animations: property <accent-color> from [currentColor] to [green] at (-0.3) should be [rgb(0, 0, 0)] assert_equals: expected "rgb ( 0 , 0 , 0 ) " but got "rgb ( 255 , 255 , 0 ) "
-FAIL CSS Animations: property <accent-color> from [currentColor] to [green] at (0) should be [rgb(0, 0, 0)] assert_equals: expected "rgb ( 0 , 0 , 0 ) " but got "rgb ( 255 , 255 , 0 ) "
-FAIL CSS Animations: property <accent-color> from [currentColor] to [green] at (0.3) should be [rgb(0, 38, 0)] assert_equals: expected "rgb ( 0 , 38 , 0 ) " but got "rgb ( 255 , 255 , 0 ) "
-FAIL CSS Animations: property <accent-color> from [currentColor] to [green] at (0.6) should be [rgb(0, 77, 0)] assert_equals: expected "rgb ( 0 , 77 , 0 ) " but got "rgb ( 255 , 255 , 0 ) "
-FAIL CSS Animations: property <accent-color> from [currentColor] to [green] at (1) should be [rgb(0, 128, 0)] assert_equals: expected "rgb ( 0 , 128 , 0 ) " but got "rgb ( 255 , 255 , 0 ) "
-FAIL CSS Animations: property <accent-color> from [currentColor] to [green] at (1.5) should be [rgb(0, 192, 0)] assert_equals: expected "rgb ( 0 , 192 , 0 ) " but got "rgb ( 255 , 255 , 0 ) "
-FAIL Web Animations: property <accent-color> from [currentColor] to [green] at (-0.3) should be [rgb(0, 0, 0)] assert_equals: expected "rgb ( 0 , 0 , 0 ) " but got "rgb ( 255 , 255 , 0 ) "
-FAIL Web Animations: property <accent-color> from [currentColor] to [green] at (0) should be [rgb(0, 0, 0)] assert_equals: expected "rgb ( 0 , 0 , 0 ) " but got "rgb ( 255 , 255 , 0 ) "
-FAIL Web Animations: property <accent-color> from [currentColor] to [green] at (0.3) should be [rgb(0, 38, 0)] assert_equals: expected "rgb ( 0 , 38 , 0 ) " but got "rgb ( 255 , 255 , 0 ) "
-FAIL Web Animations: property <accent-color> from [currentColor] to [green] at (0.6) should be [rgb(0, 77, 0)] assert_equals: expected "rgb ( 0 , 77 , 0 ) " but got "rgb ( 255 , 255 , 0 ) "
-FAIL Web Animations: property <accent-color> from [currentColor] to [green] at (1) should be [rgb(0, 128, 0)] assert_equals: expected "rgb ( 0 , 128 , 0 ) " but got "rgb ( 255 , 255 , 0 ) "
-FAIL Web Animations: property <accent-color> from [currentColor] to [green] at (1.5) should be [rgb(0, 192, 0)] assert_equals: expected "rgb ( 0 , 192 , 0 ) " but got "rgb ( 255 , 255 , 0 ) "
-FAIL CSS Transitions: property <accent-color> from [inherit] to [green] at (-0.3) should be [rgb(0, 0, 255)] assert_equals: expected "rgb ( 0 , 0 , 255 ) " but got "rgb ( 0 , 128 , 0 ) "
-FAIL CSS Transitions: property <accent-color> from [inherit] to [green] at (0) should be [rgb(0, 0, 255)] assert_equals: expected "rgb ( 0 , 0 , 255 ) " but got "rgb ( 0 , 128 , 0 ) "
-FAIL CSS Transitions: property <accent-color> from [inherit] to [green] at (0.3) should be [rgb(0, 38, 179)] assert_equals: expected "rgb ( 0 , 38 , 179 ) " but got "rgb ( 0 , 128 , 0 ) "
-FAIL CSS Transitions: property <accent-color> from [inherit] to [green] at (0.6) should be [rgb(0, 77, 102)] assert_equals: expected "rgb ( 0 , 77 , 102 ) " but got "rgb ( 0 , 128 , 0 ) "
+PASS CSS Transitions with transition: all: property <accent-color> from [currentColor] to [green] at (1.5) should be [rgb(0, 192, 0)]
+PASS CSS Animations: property <accent-color> from [currentColor] to [green] at (-0.3) should be [rgb(0, 0, 0)]
+PASS CSS Animations: property <accent-color> from [currentColor] to [green] at (0) should be [rgb(0, 0, 0)]
+PASS CSS Animations: property <accent-color> from [currentColor] to [green] at (0.3) should be [rgb(0, 38, 0)]
+PASS CSS Animations: property <accent-color> from [currentColor] to [green] at (0.6) should be [rgb(0, 77, 0)]
+PASS CSS Animations: property <accent-color> from [currentColor] to [green] at (1) should be [rgb(0, 128, 0)]
+PASS CSS Animations: property <accent-color> from [currentColor] to [green] at (1.5) should be [rgb(0, 192, 0)]
+PASS Web Animations: property <accent-color> from [currentColor] to [green] at (-0.3) should be [rgb(0, 0, 0)]
+PASS Web Animations: property <accent-color> from [currentColor] to [green] at (0) should be [rgb(0, 0, 0)]
+PASS Web Animations: property <accent-color> from [currentColor] to [green] at (0.3) should be [rgb(0, 38, 0)]
+PASS Web Animations: property <accent-color> from [currentColor] to [green] at (0.6) should be [rgb(0, 77, 0)]
+PASS Web Animations: property <accent-color> from [currentColor] to [green] at (1) should be [rgb(0, 128, 0)]
+PASS Web Animations: property <accent-color> from [currentColor] to [green] at (1.5) should be [rgb(0, 192, 0)]
+PASS CSS Transitions: property <accent-color> from [inherit] to [green] at (-0.3) should be [rgb(0, 0, 255)]
+PASS CSS Transitions: property <accent-color> from [inherit] to [green] at (0) should be [rgb(0, 0, 255)]
+PASS CSS Transitions: property <accent-color> from [inherit] to [green] at (0.3) should be [rgb(0, 38, 179)]
+PASS CSS Transitions: property <accent-color> from [inherit] to [green] at (0.6) should be [rgb(0, 77, 102)]
 PASS CSS Transitions: property <accent-color> from [inherit] to [green] at (1) should be [rgb(0, 128, 0)]
-FAIL CSS Transitions: property <accent-color> from [inherit] to [green] at (1.5) should be [rgb(0, 192, 0)] assert_equals: expected "rgb ( 0 , 192 , 0 ) " but got "rgb ( 0 , 128 , 0 ) "
-FAIL CSS Transitions with transition: all: property <accent-color> from [inherit] to [green] at (-0.3) should be [rgb(0, 0, 255)] assert_equals: expected "rgb ( 0 , 0 , 255 ) " but got "rgb ( 0 , 128 , 0 ) "
-FAIL CSS Transitions with transition: all: property <accent-color> from [inherit] to [green] at (0) should be [rgb(0, 0, 255)] assert_equals: expected "rgb ( 0 , 0 , 255 ) " but got "rgb ( 0 , 128 , 0 ) "
-FAIL CSS Transitions with transition: all: property <accent-color> from [inherit] to [green] at (0.3) should be [rgb(0, 38, 179)] assert_equals: expected "rgb ( 0 , 38 , 179 ) " but got "rgb ( 0 , 128 , 0 ) "
-FAIL CSS Transitions with transition: all: property <accent-color> from [inherit] to [green] at (0.6) should be [rgb(0, 77, 102)] assert_equals: expected "rgb ( 0 , 77 , 102 ) " but got "rgb ( 0 , 128 , 0 ) "
+PASS CSS Transitions: property <accent-color> from [inherit] to [green] at (1.5) should be [rgb(0, 192, 0)]
+PASS CSS Transitions with transition: all: property <accent-color> from [inherit] to [green] at (-0.3) should be [rgb(0, 0, 255)]
+PASS CSS Transitions with transition: all: property <accent-color> from [inherit] to [green] at (0) should be [rgb(0, 0, 255)]
+PASS CSS Transitions with transition: all: property <accent-color> from [inherit] to [green] at (0.3) should be [rgb(0, 38, 179)]
+PASS CSS Transitions with transition: all: property <accent-color> from [inherit] to [green] at (0.6) should be [rgb(0, 77, 102)]
 PASS CSS Transitions with transition: all: property <accent-color> from [inherit] to [green] at (1) should be [rgb(0, 128, 0)]
-FAIL CSS Transitions with transition: all: property <accent-color> from [inherit] to [green] at (1.5) should be [rgb(0, 192, 0)] assert_equals: expected "rgb ( 0 , 192 , 0 ) " but got "rgb ( 0 , 128 , 0 ) "
-FAIL CSS Animations: property <accent-color> from [inherit] to [green] at (-0.3) should be [rgb(0, 0, 255)] assert_equals: expected "rgb ( 0 , 0 , 255 ) " but got "rgb ( 255 , 255 , 0 ) "
-FAIL CSS Animations: property <accent-color> from [inherit] to [green] at (0) should be [rgb(0, 0, 255)] assert_equals: expected "rgb ( 0 , 0 , 255 ) " but got "rgb ( 255 , 255 , 0 ) "
-FAIL CSS Animations: property <accent-color> from [inherit] to [green] at (0.3) should be [rgb(0, 38, 179)] assert_equals: expected "rgb ( 0 , 38 , 179 ) " but got "rgb ( 255 , 255 , 0 ) "
-FAIL CSS Animations: property <accent-color> from [inherit] to [green] at (0.6) should be [rgb(0, 77, 102)] assert_equals: expected "rgb ( 0 , 77 , 102 ) " but got "rgb ( 255 , 255 , 0 ) "
-FAIL CSS Animations: property <accent-color> from [inherit] to [green] at (1) should be [rgb(0, 128, 0)] assert_equals: expected "rgb ( 0 , 128 , 0 ) " but got "rgb ( 255 , 255 , 0 ) "
-FAIL CSS Animations: property <accent-color> from [inherit] to [green] at (1.5) should be [rgb(0, 192, 0)] assert_equals: expected "rgb ( 0 , 192 , 0 ) " but got "rgb ( 255 , 255 , 0 ) "
-FAIL Web Animations: property <accent-color> from [inherit] to [green] at (-0.3) should be [rgb(0, 0, 255)] assert_equals: expected "rgb ( 0 , 0 , 255 ) " but got "rgb ( 255 , 255 , 0 ) "
-FAIL Web Animations: property <accent-color> from [inherit] to [green] at (0) should be [rgb(0, 0, 255)] assert_equals: expected "rgb ( 0 , 0 , 255 ) " but got "rgb ( 255 , 255 , 0 ) "
-FAIL Web Animations: property <accent-color> from [inherit] to [green] at (0.3) should be [rgb(0, 38, 179)] assert_equals: expected "rgb ( 0 , 38 , 179 ) " but got "rgb ( 255 , 255 , 0 ) "
-FAIL Web Animations: property <accent-color> from [inherit] to [green] at (0.6) should be [rgb(0, 77, 102)] assert_equals: expected "rgb ( 0 , 77 , 102 ) " but got "rgb ( 255 , 255 , 0 ) "
-FAIL Web Animations: property <accent-color> from [inherit] to [green] at (1) should be [rgb(0, 128, 0)] assert_equals: expected "rgb ( 0 , 128 , 0 ) " but got "rgb ( 255 , 255 , 0 ) "
-FAIL Web Animations: property <accent-color> from [inherit] to [green] at (1.5) should be [rgb(0, 192, 0)] assert_equals: expected "rgb ( 0 , 192 , 0 ) " but got "rgb ( 255 , 255 , 0 ) "
-FAIL CSS Transitions: property <accent-color> from [unset] to [green] at (-0.3) should be [rgb(0, 0, 255)] assert_equals: expected "rgb ( 0 , 0 , 255 ) " but got "rgb ( 0 , 128 , 0 ) "
-FAIL CSS Transitions: property <accent-color> from [unset] to [green] at (0) should be [rgb(0, 0, 255)] assert_equals: expected "rgb ( 0 , 0 , 255 ) " but got "rgb ( 0 , 128 , 0 ) "
-FAIL CSS Transitions: property <accent-color> from [unset] to [green] at (0.3) should be [rgb(0, 38, 179)] assert_equals: expected "rgb ( 0 , 38 , 179 ) " but got "rgb ( 0 , 128 , 0 ) "
-FAIL CSS Transitions: property <accent-color> from [unset] to [green] at (0.6) should be [rgb(0, 77, 102)] assert_equals: expected "rgb ( 0 , 77 , 102 ) " but got "rgb ( 0 , 128 , 0 ) "
+PASS CSS Transitions with transition: all: property <accent-color> from [inherit] to [green] at (1.5) should be [rgb(0, 192, 0)]
+PASS CSS Animations: property <accent-color> from [inherit] to [green] at (-0.3) should be [rgb(0, 0, 255)]
+PASS CSS Animations: property <accent-color> from [inherit] to [green] at (0) should be [rgb(0, 0, 255)]
+PASS CSS Animations: property <accent-color> from [inherit] to [green] at (0.3) should be [rgb(0, 38, 179)]
+PASS CSS Animations: property <accent-color> from [inherit] to [green] at (0.6) should be [rgb(0, 77, 102)]
+PASS CSS Animations: property <accent-color> from [inherit] to [green] at (1) should be [rgb(0, 128, 0)]
+PASS CSS Animations: property <accent-color> from [inherit] to [green] at (1.5) should be [rgb(0, 192, 0)]
+PASS Web Animations: property <accent-color> from [inherit] to [green] at (-0.3) should be [rgb(0, 0, 255)]
+PASS Web Animations: property <accent-color> from [inherit] to [green] at (0) should be [rgb(0, 0, 255)]
+PASS Web Animations: property <accent-color> from [inherit] to [green] at (0.3) should be [rgb(0, 38, 179)]
+PASS Web Animations: property <accent-color> from [inherit] to [green] at (0.6) should be [rgb(0, 77, 102)]
+PASS Web Animations: property <accent-color> from [inherit] to [green] at (1) should be [rgb(0, 128, 0)]
+PASS Web Animations: property <accent-color> from [inherit] to [green] at (1.5) should be [rgb(0, 192, 0)]
+PASS CSS Transitions: property <accent-color> from [unset] to [green] at (-0.3) should be [rgb(0, 0, 255)]
+PASS CSS Transitions: property <accent-color> from [unset] to [green] at (0) should be [rgb(0, 0, 255)]
+PASS CSS Transitions: property <accent-color> from [unset] to [green] at (0.3) should be [rgb(0, 38, 179)]
+PASS CSS Transitions: property <accent-color> from [unset] to [green] at (0.6) should be [rgb(0, 77, 102)]
 PASS CSS Transitions: property <accent-color> from [unset] to [green] at (1) should be [rgb(0, 128, 0)]
-FAIL CSS Transitions: property <accent-color> from [unset] to [green] at (1.5) should be [rgb(0, 192, 0)] assert_equals: expected "rgb ( 0 , 192 , 0 ) " but got "rgb ( 0 , 128 , 0 ) "
-FAIL CSS Transitions with transition: all: property <accent-color> from [unset] to [green] at (-0.3) should be [rgb(0, 0, 255)] assert_equals: expected "rgb ( 0 , 0 , 255 ) " but got "rgb ( 0 , 128 , 0 ) "
-FAIL CSS Transitions with transition: all: property <accent-color> from [unset] to [green] at (0) should be [rgb(0, 0, 255)] assert_equals: expected "rgb ( 0 , 0 , 255 ) " but got "rgb ( 0 , 128 , 0 ) "
-FAIL CSS Transitions with transition: all: property <accent-color> from [unset] to [green] at (0.3) should be [rgb(0, 38, 179)] assert_equals: expected "rgb ( 0 , 38 , 179 ) " but got "rgb ( 0 , 128 , 0 ) "
-FAIL CSS Transitions with transition: all: property <accent-color> from [unset] to [green] at (0.6) should be [rgb(0, 77, 102)] assert_equals: expected "rgb ( 0 , 77 , 102 ) " but got "rgb ( 0 , 128 , 0 ) "
+PASS CSS Transitions: property <accent-color> from [unset] to [green] at (1.5) should be [rgb(0, 192, 0)]
+PASS CSS Transitions with transition: all: property <accent-color> from [unset] to [green] at (-0.3) should be [rgb(0, 0, 255)]
+PASS CSS Transitions with transition: all: property <accent-color> from [unset] to [green] at (0) should be [rgb(0, 0, 255)]
+PASS CSS Transitions with transition: all: property <accent-color> from [unset] to [green] at (0.3) should be [rgb(0, 38, 179)]
+PASS CSS Transitions with transition: all: property <accent-color> from [unset] to [green] at (0.6) should be [rgb(0, 77, 102)]
 PASS CSS Transitions with transition: all: property <accent-color> from [unset] to [green] at (1) should be [rgb(0, 128, 0)]
-FAIL CSS Transitions with transition: all: property <accent-color> from [unset] to [green] at (1.5) should be [rgb(0, 192, 0)] assert_equals: expected "rgb ( 0 , 192 , 0 ) " but got "rgb ( 0 , 128 , 0 ) "
-FAIL CSS Animations: property <accent-color> from [unset] to [green] at (-0.3) should be [rgb(0, 0, 255)] assert_equals: expected "rgb ( 0 , 0 , 255 ) " but got "rgb ( 255 , 255 , 0 ) "
-FAIL CSS Animations: property <accent-color> from [unset] to [green] at (0) should be [rgb(0, 0, 255)] assert_equals: expected "rgb ( 0 , 0 , 255 ) " but got "rgb ( 255 , 255 , 0 ) "
-FAIL CSS Animations: property <accent-color> from [unset] to [green] at (0.3) should be [rgb(0, 38, 179)] assert_equals: expected "rgb ( 0 , 38 , 179 ) " but got "rgb ( 255 , 255 , 0 ) "
-FAIL CSS Animations: property <accent-color> from [unset] to [green] at (0.6) should be [rgb(0, 77, 102)] assert_equals: expected "rgb ( 0 , 77 , 102 ) " but got "rgb ( 255 , 255 , 0 ) "
-FAIL CSS Animations: property <accent-color> from [unset] to [green] at (1) should be [rgb(0, 128, 0)] assert_equals: expected "rgb ( 0 , 128 , 0 ) " but got "rgb ( 255 , 255 , 0 ) "
-FAIL CSS Animations: property <accent-color> from [unset] to [green] at (1.5) should be [rgb(0, 192, 0)] assert_equals: expected "rgb ( 0 , 192 , 0 ) " but got "rgb ( 255 , 255 , 0 ) "
-FAIL Web Animations: property <accent-color> from [unset] to [green] at (-0.3) should be [rgb(0, 0, 255)] assert_equals: expected "rgb ( 0 , 0 , 255 ) " but got "rgb ( 255 , 255 , 0 ) "
-FAIL Web Animations: property <accent-color> from [unset] to [green] at (0) should be [rgb(0, 0, 255)] assert_equals: expected "rgb ( 0 , 0 , 255 ) " but got "rgb ( 255 , 255 , 0 ) "
-FAIL Web Animations: property <accent-color> from [unset] to [green] at (0.3) should be [rgb(0, 38, 179)] assert_equals: expected "rgb ( 0 , 38 , 179 ) " but got "rgb ( 255 , 255 , 0 ) "
-FAIL Web Animations: property <accent-color> from [unset] to [green] at (0.6) should be [rgb(0, 77, 102)] assert_equals: expected "rgb ( 0 , 77 , 102 ) " but got "rgb ( 255 , 255 , 0 ) "
-FAIL Web Animations: property <accent-color> from [unset] to [green] at (1) should be [rgb(0, 128, 0)] assert_equals: expected "rgb ( 0 , 128 , 0 ) " but got "rgb ( 255 , 255 , 0 ) "
-FAIL Web Animations: property <accent-color> from [unset] to [green] at (1.5) should be [rgb(0, 192, 0)] assert_equals: expected "rgb ( 0 , 192 , 0 ) " but got "rgb ( 255 , 255 , 0 ) "
-FAIL CSS Transitions: property <accent-color> from [black] to [orange] at (-0.3) should be [rgb(0, 0, 0)] assert_equals: expected "rgb ( 0 , 0 , 0 ) " but got "rgb ( 255 , 165 , 0 ) "
-FAIL CSS Transitions: property <accent-color> from [black] to [orange] at (0) should be [rgb(0, 0, 0)] assert_equals: expected "rgb ( 0 , 0 , 0 ) " but got "rgb ( 255 , 165 , 0 ) "
-FAIL CSS Transitions: property <accent-color> from [black] to [orange] at (0.3) should be [rgb(77, 50, 0)] assert_equals: expected "rgb ( 77 , 50 , 0 ) " but got "rgb ( 255 , 165 , 0 ) "
-FAIL CSS Transitions: property <accent-color> from [black] to [orange] at (0.6) should be [rgb(153, 99, 0)] assert_equals: expected "rgb ( 153 , 99 , 0 ) " but got "rgb ( 255 , 165 , 0 ) "
+PASS CSS Transitions with transition: all: property <accent-color> from [unset] to [green] at (1.5) should be [rgb(0, 192, 0)]
+PASS CSS Animations: property <accent-color> from [unset] to [green] at (-0.3) should be [rgb(0, 0, 255)]
+PASS CSS Animations: property <accent-color> from [unset] to [green] at (0) should be [rgb(0, 0, 255)]
+PASS CSS Animations: property <accent-color> from [unset] to [green] at (0.3) should be [rgb(0, 38, 179)]
+PASS CSS Animations: property <accent-color> from [unset] to [green] at (0.6) should be [rgb(0, 77, 102)]
+PASS CSS Animations: property <accent-color> from [unset] to [green] at (1) should be [rgb(0, 128, 0)]
+PASS CSS Animations: property <accent-color> from [unset] to [green] at (1.5) should be [rgb(0, 192, 0)]
+PASS Web Animations: property <accent-color> from [unset] to [green] at (-0.3) should be [rgb(0, 0, 255)]
+PASS Web Animations: property <accent-color> from [unset] to [green] at (0) should be [rgb(0, 0, 255)]
+PASS Web Animations: property <accent-color> from [unset] to [green] at (0.3) should be [rgb(0, 38, 179)]
+PASS Web Animations: property <accent-color> from [unset] to [green] at (0.6) should be [rgb(0, 77, 102)]
+PASS Web Animations: property <accent-color> from [unset] to [green] at (1) should be [rgb(0, 128, 0)]
+PASS Web Animations: property <accent-color> from [unset] to [green] at (1.5) should be [rgb(0, 192, 0)]
+PASS CSS Transitions: property <accent-color> from [black] to [orange] at (-0.3) should be [rgb(0, 0, 0)]
+PASS CSS Transitions: property <accent-color> from [black] to [orange] at (0) should be [rgb(0, 0, 0)]
+PASS CSS Transitions: property <accent-color> from [black] to [orange] at (0.3) should be [rgb(77, 50, 0)]
+PASS CSS Transitions: property <accent-color> from [black] to [orange] at (0.6) should be [rgb(153, 99, 0)]
 PASS CSS Transitions: property <accent-color> from [black] to [orange] at (1) should be [rgb(255, 165, 0)]
-FAIL CSS Transitions: property <accent-color> from [black] to [orange] at (1.5) should be [rgb(255, 248, 0)] assert_equals: expected "rgb ( 255 , 248 , 0 ) " but got "rgb ( 255 , 165 , 0 ) "
-FAIL CSS Transitions with transition: all: property <accent-color> from [black] to [orange] at (-0.3) should be [rgb(0, 0, 0)] assert_equals: expected "rgb ( 0 , 0 , 0 ) " but got "rgb ( 255 , 165 , 0 ) "
-FAIL CSS Transitions with transition: all: property <accent-color> from [black] to [orange] at (0) should be [rgb(0, 0, 0)] assert_equals: expected "rgb ( 0 , 0 , 0 ) " but got "rgb ( 255 , 165 , 0 ) "
-FAIL CSS Transitions with transition: all: property <accent-color> from [black] to [orange] at (0.3) should be [rgb(77, 50, 0)] assert_equals: expected "rgb ( 77 , 50 , 0 ) " but got "rgb ( 255 , 165 , 0 ) "
-FAIL CSS Transitions with transition: all: property <accent-color> from [black] to [orange] at (0.6) should be [rgb(153, 99, 0)] assert_equals: expected "rgb ( 153 , 99 , 0 ) " but got "rgb ( 255 , 165 , 0 ) "
+PASS CSS Transitions: property <accent-color> from [black] to [orange] at (1.5) should be [rgb(255, 248, 0)]
+PASS CSS Transitions with transition: all: property <accent-color> from [black] to [orange] at (-0.3) should be [rgb(0, 0, 0)]
+PASS CSS Transitions with transition: all: property <accent-color> from [black] to [orange] at (0) should be [rgb(0, 0, 0)]
+PASS CSS Transitions with transition: all: property <accent-color> from [black] to [orange] at (0.3) should be [rgb(77, 50, 0)]
+PASS CSS Transitions with transition: all: property <accent-color> from [black] to [orange] at (0.6) should be [rgb(153, 99, 0)]
 PASS CSS Transitions with transition: all: property <accent-color> from [black] to [orange] at (1) should be [rgb(255, 165, 0)]
-FAIL CSS Transitions with transition: all: property <accent-color> from [black] to [orange] at (1.5) should be [rgb(255, 248, 0)] assert_equals: expected "rgb ( 255 , 248 , 0 ) " but got "rgb ( 255 , 165 , 0 ) "
-FAIL CSS Animations: property <accent-color> from [black] to [orange] at (-0.3) should be [rgb(0, 0, 0)] assert_equals: expected "rgb ( 0 , 0 , 0 ) " but got "rgb ( 255 , 255 , 0 ) "
-FAIL CSS Animations: property <accent-color> from [black] to [orange] at (0) should be [rgb(0, 0, 0)] assert_equals: expected "rgb ( 0 , 0 , 0 ) " but got "rgb ( 255 , 255 , 0 ) "
-FAIL CSS Animations: property <accent-color> from [black] to [orange] at (0.3) should be [rgb(77, 50, 0)] assert_equals: expected "rgb ( 77 , 50 , 0 ) " but got "rgb ( 255 , 255 , 0 ) "
-FAIL CSS Animations: property <accent-color> from [black] to [orange] at (0.6) should be [rgb(153, 99, 0)] assert_equals: expected "rgb ( 153 , 99 , 0 ) " but got "rgb ( 255 , 255 , 0 ) "
-FAIL CSS Animations: property <accent-color> from [black] to [orange] at (1) should be [rgb(255, 165, 0)] assert_equals: expected "rgb ( 255 , 165 , 0 ) " but got "rgb ( 255 , 255 , 0 ) "
-FAIL CSS Animations: property <accent-color> from [black] to [orange] at (1.5) should be [rgb(255, 248, 0)] assert_equals: expected "rgb ( 255 , 248 , 0 ) " but got "rgb ( 255 , 255 , 0 ) "
-FAIL Web Animations: property <accent-color> from [black] to [orange] at (-0.3) should be [rgb(0, 0, 0)] assert_equals: expected "rgb ( 0 , 0 , 0 ) " but got "rgb ( 255 , 255 , 0 ) "
-FAIL Web Animations: property <accent-color> from [black] to [orange] at (0) should be [rgb(0, 0, 0)] assert_equals: expected "rgb ( 0 , 0 , 0 ) " but got "rgb ( 255 , 255 , 0 ) "
-FAIL Web Animations: property <accent-color> from [black] to [orange] at (0.3) should be [rgb(77, 50, 0)] assert_equals: expected "rgb ( 77 , 50 , 0 ) " but got "rgb ( 255 , 255 , 0 ) "
-FAIL Web Animations: property <accent-color> from [black] to [orange] at (0.6) should be [rgb(153, 99, 0)] assert_equals: expected "rgb ( 153 , 99 , 0 ) " but got "rgb ( 255 , 255 , 0 ) "
-FAIL Web Animations: property <accent-color> from [black] to [orange] at (1) should be [rgb(255, 165, 0)] assert_equals: expected "rgb ( 255 , 165 , 0 ) " but got "rgb ( 255 , 255 , 0 ) "
-FAIL Web Animations: property <accent-color> from [black] to [orange] at (1.5) should be [rgb(255, 248, 0)] assert_equals: expected "rgb ( 255 , 248 , 0 ) " but got "rgb ( 255 , 255 , 0 ) "
+PASS CSS Transitions with transition: all: property <accent-color> from [black] to [orange] at (1.5) should be [rgb(255, 248, 0)]
+PASS CSS Animations: property <accent-color> from [black] to [orange] at (-0.3) should be [rgb(0, 0, 0)]
+PASS CSS Animations: property <accent-color> from [black] to [orange] at (0) should be [rgb(0, 0, 0)]
+PASS CSS Animations: property <accent-color> from [black] to [orange] at (0.3) should be [rgb(77, 50, 0)]
+PASS CSS Animations: property <accent-color> from [black] to [orange] at (0.6) should be [rgb(153, 99, 0)]
+PASS CSS Animations: property <accent-color> from [black] to [orange] at (1) should be [rgb(255, 165, 0)]
+PASS CSS Animations: property <accent-color> from [black] to [orange] at (1.5) should be [rgb(255, 248, 0)]
+PASS Web Animations: property <accent-color> from [black] to [orange] at (-0.3) should be [rgb(0, 0, 0)]
+PASS Web Animations: property <accent-color> from [black] to [orange] at (0) should be [rgb(0, 0, 0)]
+PASS Web Animations: property <accent-color> from [black] to [orange] at (0.3) should be [rgb(77, 50, 0)]
+PASS Web Animations: property <accent-color> from [black] to [orange] at (0.6) should be [rgb(153, 99, 0)]
+PASS Web Animations: property <accent-color> from [black] to [orange] at (1) should be [rgb(255, 165, 0)]
+PASS Web Animations: property <accent-color> from [black] to [orange] at (1.5) should be [rgb(255, 248, 0)]
 

Modified: trunk/Source/WebCore/ChangeLog (283979 => 283980)


--- trunk/Source/WebCore/ChangeLog	2021-10-12 12:36:10 UTC (rev 283979)
+++ trunk/Source/WebCore/ChangeLog	2021-10-12 13:48:18 UTC (rev 283980)
@@ -1,3 +1,14 @@
+2021-10-12  Aditya Keerthi  <[email protected]>
+
+        [css-ui] Fix interpolation of accent-color
+        https://bugs.webkit.org/show_bug.cgi?id=231443
+        rdar://84037162
+
+        Reviewed by Antoine Quint.
+
+        * animation/CSSPropertyAnimation.cpp:
+        (WebCore::CSSPropertyAnimationWrapperMap::CSSPropertyAnimationWrapperMap):
+
 2021-10-12  Kimmo Kinnunen  <[email protected]>
 
         WebGL first clear is lost when scissor is used for preserveDrawingBuffer:true in some conditions

Modified: trunk/Source/WebCore/animation/CSSPropertyAnimation.cpp (283979 => 283980)


--- trunk/Source/WebCore/animation/CSSPropertyAnimation.cpp	2021-10-12 12:36:10 UTC (rev 283979)
+++ trunk/Source/WebCore/animation/CSSPropertyAnimation.cpp	2021-10-12 13:48:18 UTC (rev 283980)
@@ -1354,7 +1354,7 @@
     void (RenderStyle::*m_setter)(std::unique_ptr<ShadowData>, bool);
 };
 
-class PropertyWrapperMaybeInvalidColor final : public AnimationPropertyWrapperBase {
+class PropertyWrapperMaybeInvalidColor : public AnimationPropertyWrapperBase {
     WTF_MAKE_FAST_ALLOCATED;
 public:
     PropertyWrapperMaybeInvalidColor(CSSPropertyID property, const Color& (RenderStyle::*getter)() const, void (RenderStyle::*setter)(const Color&))
@@ -1364,8 +1364,8 @@
     {
     }
 
-private:
-    bool equals(const RenderStyle& a, const RenderStyle& b) const final
+protected:
+    bool equals(const RenderStyle& a, const RenderStyle& b) const override
     {
         if (&a == &b)
             return true;
@@ -1384,7 +1384,7 @@
         return fromColor == toColor;
     }
 
-    void blend(RenderStyle& destination, const RenderStyle& from, const RenderStyle& to, const CSSPropertyBlendingContext& context) const final
+    void blend(RenderStyle& destination, const RenderStyle& from, const RenderStyle& to, const CSSPropertyBlendingContext& context) const override
     {
         Color fromColor = value(from);
         Color toColor = value(to);
@@ -1399,6 +1399,7 @@
         (destination.*m_setter)(blendFunc(fromColor, toColor, context));
     }
 
+private:
     Color value(const RenderStyle& style) const
     {
         return (style.*m_getter)();
@@ -1459,6 +1460,42 @@
 #endif
 };
 
+class AccentColorPropertyWrapper final : public PropertyWrapperMaybeInvalidColor {
+    WTF_MAKE_FAST_ALLOCATED;
+public:
+    AccentColorPropertyWrapper()
+        : PropertyWrapperMaybeInvalidColor(CSSPropertyAccentColor, &RenderStyle::accentColor, &RenderStyle::setAccentColor)
+    {
+    }
+
+private:
+    bool equals(const RenderStyle& a, const RenderStyle& b) const final
+    {
+        return a.hasAutoAccentColor() == b.hasAutoAccentColor()
+            && PropertyWrapperMaybeInvalidColor::equals(a, b);
+    }
+
+    bool canInterpolate(const RenderStyle& from, const RenderStyle& to) const final
+    {
+        return !from.hasAutoAccentColor() && !to.hasAutoAccentColor();
+    }
+
+    void blend(RenderStyle& destination, const RenderStyle& from, const RenderStyle& to, const CSSPropertyBlendingContext& context) const final
+    {
+        if (canInterpolate(from, to)) {
+            PropertyWrapperMaybeInvalidColor::blend(destination, from, to, context);
+            return;
+        }
+
+        ASSERT(!context.progress || context.progress == 1.0);
+        auto& blendingRenderStyle = context.progress ? to : from;
+        if (blendingRenderStyle.hasAutoAccentColor())
+            destination.setHasAutoAccentColor();
+        else
+            destination.setAccentColor(blendingRenderStyle.accentColor());
+    }
+};
+
 static bool canInterpolateCaretColor(const RenderStyle& from, const RenderStyle& to, bool visited)
 {
     if (visited)
@@ -2309,6 +2346,8 @@
         new LengthPropertyWrapper(CSSPropertyPaddingTop, &RenderStyle::paddingTop, &RenderStyle::setPaddingTop, { LengthPropertyWrapper::Flags::NegativeLengthsAreInvalid }),
         new LengthPropertyWrapper(CSSPropertyPaddingBottom, &RenderStyle::paddingBottom, &RenderStyle::setPaddingBottom, { LengthPropertyWrapper::Flags::NegativeLengthsAreInvalid }),
 
+        new AccentColorPropertyWrapper,
+
         new CaretColorPropertyWrapper,
 
         new PropertyWrapperVisitedAffectedColor(CSSPropertyColor, &RenderStyle::color, &RenderStyle::setColor, &RenderStyle::visitedLinkColor, &RenderStyle::setVisitedLinkColor),
_______________________________________________
webkit-changes mailing list
[email protected]
https://lists.webkit.org/mailman/listinfo/webkit-changes

Reply via email to