Status: FAIL | Duration: 690ms | Subtests: 126/172 | Open test on wpt.live | wpt.fyi
Data from commit:
a50cb89 wpt: run reference-named files which are themselves tests (#836) (2026-09-03)
| Subtest | Status | Message |
|---|---|---|
| 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.3) should be [rgb(0, 38, 0)] | PASS | |
| 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.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) 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, 38, 0)] | PASS | |
| 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.5) should be [rgb(0, 192, 0)] | PASS | |
| CSS Animations: property <background-color> from neutral to [green] at (-0.3) should be [rgb(0, 0, 0)] | PASS | |
| CSS Animations: property <background-color> from neutral to [green] at (0) should be [rgb(0, 0, 0)] | PASS | |
| CSS Animations: property <background-color> from neutral to [green] at (0.3) should be [rgb(0, 38, 0)] | PASS | |
| 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.5) should be [rgb(0, 192, 0)] | PASS | |
| Web Animations: property <background-color> from neutral to [green] at (-0.3) should be [rgb(0, 0, 0)] | FAIL | assert_true: Web Animations should be supported expected true got false |
| Web Animations: property <background-color> from neutral to [green] at (0) should be [rgb(0, 0, 0)] | FAIL | assert_true: Web Animations should be supported expected true got false |
| Web Animations: property <background-color> from neutral to [green] at (0.3) should be [rgb(0, 38, 0)] | FAIL | assert_true: Web Animations should be supported expected true got false |
| Web Animations: property <background-color> from neutral to [green] at (0.6) should be [rgb(0, 77, 0)] | FAIL | assert_true: Web Animations should be supported expected true got false |
| Web Animations: property <background-color> from neutral to [green] at (1) should be [rgb(0, 128, 0)] | FAIL | assert_true: Web Animations should be supported expected true got false |
| Web Animations: property <background-color> from neutral to [green] at (1.5) should be [rgb(0, 192, 0)] | FAIL | assert_true: Web Animations should be supported expected true got false |
| 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.3) should be [rgba(0, 128, 0, 0.3)] | PASS | |
| 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.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) 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, 128, 0, 0.3)] | PASS | |
| 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.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) should be [rgba(0, 0, 0, 0)] | PASS | |
| CSS Animations: property <background-color> from [initial] to [green] at (0.3) should be [rgba(0, 128, 0, 0.3)] | PASS | |
| 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.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)] | FAIL | assert_true: Web Animations should be supported expected true got false |
| Web Animations: property <background-color> from [initial] to [green] at (0) should be [rgba(0, 0, 0, 0)] | FAIL | assert_true: Web Animations should be supported expected true got false |
| Web Animations: property <background-color> from [initial] to [green] at (0.3) should be [rgba(0, 128, 0, 0.3)] | FAIL | assert_true: Web Animations should be supported expected true got false |
| Web Animations: property <background-color> from [initial] to [green] at (0.6) should be [rgba(0, 128, 0, 0.6)] | FAIL | assert_true: Web Animations should be supported expected true got false |
| Web Animations: property <background-color> from [initial] to [green] at (1) should be [rgb(0, 128, 0)] | FAIL | assert_true: Web Animations should be supported expected true got false |
| Web Animations: property <background-color> from [initial] to [green] at (1.5) should be [rgb(0, 192, 0)] | FAIL | assert_true: Web Animations should be supported expected true got false |
| 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.3) should be [rgb(167, 205, 167)] | 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.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) should be [rgb(238, 238, 238)] | PASS | |
| CSS Transitions with transition: all: property <background-color> from [inherit] to [green] at (0.3) should be [rgb(167, 205, 167)] | 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.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) should be [rgb(238, 238, 238)] | PASS | |
| CSS Animations: property <background-color> from [inherit] to [green] at (0.3) should be [rgb(167, 205, 167)] | 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.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)] | FAIL | assert_true: Web Animations should be supported expected true got false |
| Web Animations: property <background-color> from [inherit] to [green] at (0) should be [rgb(238, 238, 238)] | FAIL | assert_true: Web Animations should be supported expected true got false |
| Web Animations: property <background-color> from [inherit] to [green] at (0.3) should be [rgb(167, 205, 167)] | FAIL | assert_true: Web Animations should be supported expected true got false |
| Web Animations: property <background-color> from [inherit] to [green] at (0.6) should be [rgb(95, 172, 95)] | FAIL | assert_true: Web Animations should be supported expected true got false |
| Web Animations: property <background-color> from [inherit] to [green] at (1) should be [rgb(0, 128, 0)] | FAIL | assert_true: Web Animations should be supported expected true got false |
| Web Animations: property <background-color> from [inherit] to [green] at (1.5) should be [rgb(0, 73, 0)] | FAIL | assert_true: Web Animations should be supported expected true got false |
| 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.3) should be [rgba(0, 128, 0, 0.3)] | PASS | |
| 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.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) 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, 128, 0, 0.3)] | PASS | |
| 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.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) should be [rgba(0, 0, 0, 0)] | PASS | |
| CSS Animations: property <background-color> from [unset] to [green] at (0.3) should be [rgba(0, 128, 0, 0.3)] | PASS | |
| 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.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)] | FAIL | assert_true: Web Animations should be supported expected true got false |
| Web Animations: property <background-color> from [unset] to [green] at (0) should be [rgba(0, 0, 0, 0)] | FAIL | assert_true: Web Animations should be supported expected true got false |
| Web Animations: property <background-color> from [unset] to [green] at (0.3) should be [rgba(0, 128, 0, 0.3)] | FAIL | assert_true: Web Animations should be supported expected true got false |
| Web Animations: property <background-color> from [unset] to [green] at (0.6) should be [rgba(0, 128, 0, 0.6)] | FAIL | assert_true: Web Animations should be supported expected true got false |
| Web Animations: property <background-color> from [unset] to [green] at (1) should be [rgb(0, 128, 0)] | FAIL | assert_true: Web Animations should be supported expected true got false |
| Web Animations: property <background-color> from [unset] to [green] at (1.5) should be [rgb(0, 192, 0)] | FAIL | assert_true: Web Animations should be supported expected true got false |
| 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.3) should be [rgb(255, 228, 179)] | 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.5) should be [rgb(255, 120, 0)] | 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.3) should be [rgb(255, 228, 179)] | 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.5) should be [rgb(255, 120, 0)] | 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.3) should be [rgb(255, 228, 179)] | 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.5) should be [rgb(255, 120, 0)] | PASS | |
| Web Animations: property <background-color> from [white] to [orange] at (-0.3) should be [white] | FAIL | assert_true: Web Animations should be supported expected true got false |
| Web Animations: property <background-color> from [white] to [orange] at (0) should be [white] | FAIL | assert_true: Web Animations should be supported expected true got false |
| Web Animations: property <background-color> from [white] to [orange] at (0.3) should be [rgb(255, 228, 179)] | FAIL | assert_true: Web Animations should be supported expected true got false |
| Web Animations: property <background-color> from [white] to [orange] at (0.6) should be [rgb(255, 201, 102)] | FAIL | assert_true: Web Animations should be supported expected true got false |
| Web Animations: property <background-color> from [white] to [orange] at (1) should be [orange] | FAIL | assert_true: Web Animations should be supported expected true got false |
| Web Animations: property <background-color> from [white] to [orange] at (1.5) should be [rgb(255, 120, 0)] | FAIL | assert_true: Web Animations should be supported expected true got false |
| 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.3) should be [rgba(0, 128, 0, 0.3)] | PASS | |
| 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.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) 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, 128, 0, 0.3)] | PASS | |
| 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.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) should be [rgba(0, 0, 0, 0)] | PASS | |
| CSS Animations: property <background-color> from [transparent] to [green] at (0.3) should be [rgba(0, 128, 0, 0.3)] | PASS | |
| 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.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)] | FAIL | assert_true: Web Animations should be supported expected true got false |
| Web Animations: property <background-color> from [transparent] to [green] at (0) should be [rgba(0, 0, 0, 0)] | FAIL | assert_true: Web Animations should be supported expected true got false |
| Web Animations: property <background-color> from [transparent] to [green] at (0.3) should be [rgba(0, 128, 0, 0.3)] | FAIL | assert_true: Web Animations should be supported expected true got false |
| Web Animations: property <background-color> from [transparent] to [green] at (0.6) should be [rgba(0, 128, 0, 0.6)] | FAIL | assert_true: Web Animations should be supported expected true got false |
| Web Animations: property <background-color> from [transparent] to [green] at (1) should be [rgb(0, 128, 0)] | FAIL | assert_true: Web Animations should be supported expected true got false |
| Web Animations: property <background-color> from [transparent] to [green] at (1.5) should be [rgb(0, 192, 0)] | FAIL | assert_true: Web Animations should be supported expected true got false |
| 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)] | PASS | |
| CSS Transitions: property <background-color> from [currentcolor] to [rgba(0, 255, 0, 0.75)] at (0) should be [rgba(0, 0, 255, 0.5)] | PASS | |
| 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)] | PASS | |
| CSS Transitions: property <background-color> from [currentcolor] to [rgba(0, 255, 0, 0.75)] at (0.5) should be [rgba(0, 153, 102, 0.63)] | PASS | |
| CSS Transitions: property <background-color> from [currentcolor] to [rgba(0, 255, 0, 0.75)] at (0.75) should be [rgba(0, 208, 47, 0.69)] | FAIL | assert_equals: expected "rgba ( 0 , 208 , 47 , 0.69 ) " but got "rgba ( 0 , 209 , 46 , 0.69 ) " |
| CSS Transitions: property <background-color> from [currentcolor] to [rgba(0, 255, 0, 0.75)] at (1) should be [rgba(0, 255, 0, 0.75)] | PASS | |
| CSS Transitions: property <background-color> from [currentcolor] to [rgba(0, 255, 0, 0.75)] at (1.5) should be [rgba(0, 255, 0, 0.88)] | PASS | |
| CSS Transitions with transition: all: property <background-color> from [currentcolor] to [rgba(0, 255, 0, 0.75)] at (-0.5) should be [rgba(0, 0, 255, 0.38)] | PASS | |
| CSS Transitions with transition: all: property <background-color> from [currentcolor] to [rgba(0, 255, 0, 0.75)] at (0) should be [rgba(0, 0, 255, 0.5)] | PASS | |
| CSS Transitions with transition: all: property <background-color> from [currentcolor] to [rgba(0, 255, 0, 0.75)] at (0.25) should be [rgba(0, 85, 170, 0.56)] | PASS | |
| CSS Transitions with transition: all: property <background-color> from [currentcolor] to [rgba(0, 255, 0, 0.75)] at (0.5) should be [rgba(0, 153, 102, 0.63)] | PASS | |
| CSS Transitions with transition: all: property <background-color> from [currentcolor] to [rgba(0, 255, 0, 0.75)] at (0.75) should be [rgba(0, 208, 47, 0.69)] | FAIL | assert_equals: expected "rgba ( 0 , 208 , 47 , 0.69 ) " but got "rgba ( 0 , 209 , 46 , 0.69 ) " |
| CSS Transitions with transition: all: property <background-color> from [currentcolor] to [rgba(0, 255, 0, 0.75)] at (1) should be [rgba(0, 255, 0, 0.75)] | PASS | |
| CSS Transitions with transition: all: property <background-color> from [currentcolor] to [rgba(0, 255, 0, 0.75)] at (1.5) should be [rgba(0, 255, 0, 0.88)] | PASS | |
| CSS Animations: property <background-color> from [currentcolor] to [rgba(0, 255, 0, 0.75)] at (-0.5) should be [rgba(0, 0, 255, 0.38)] | PASS | |
| CSS Animations: property <background-color> from [currentcolor] to [rgba(0, 255, 0, 0.75)] at (0) should be [rgba(0, 0, 255, 0.5)] | PASS | |
| CSS Animations: property <background-color> from [currentcolor] to [rgba(0, 255, 0, 0.75)] at (0.25) should be [rgba(0, 85, 170, 0.56)] | PASS | |
| CSS Animations: property <background-color> from [currentcolor] to [rgba(0, 255, 0, 0.75)] at (0.5) should be [rgba(0, 153, 102, 0.63)] | PASS | |
| CSS Animations: property <background-color> from [currentcolor] to [rgba(0, 255, 0, 0.75)] at (0.75) should be [rgba(0, 208, 47, 0.69)] | FAIL | assert_equals: expected "rgba ( 0 , 208 , 47 , 0.69 ) " but got "rgba ( 0 , 209 , 46 , 0.69 ) " |
| CSS Animations: property <background-color> from [currentcolor] to [rgba(0, 255, 0, 0.75)] at (1) should be [rgba(0, 255, 0, 0.75)] | PASS | |
| CSS Animations: property <background-color> from [currentcolor] to [rgba(0, 255, 0, 0.75)] at (1.5) should be [rgba(0, 255, 0, 0.88)] | PASS | |
| Web Animations: property <background-color> from [currentcolor] to [rgba(0, 255, 0, 0.75)] at (-0.5) should be [rgba(0, 0, 255, 0.38)] | FAIL | assert_true: Web Animations should be supported expected true got false |
| Web Animations: property <background-color> from [currentcolor] to [rgba(0, 255, 0, 0.75)] at (0) should be [rgba(0, 0, 255, 0.5)] | FAIL | assert_true: Web Animations should be supported expected true got false |
| Web Animations: property <background-color> from [currentcolor] to [rgba(0, 255, 0, 0.75)] at (0.25) should be [rgba(0, 85, 170, 0.56)] | FAIL | assert_true: Web Animations should be supported expected true got false |
| Web Animations: property <background-color> from [currentcolor] to [rgba(0, 255, 0, 0.75)] at (0.5) should be [rgba(0, 153, 102, 0.63)] | FAIL | assert_true: Web Animations should be supported expected true got false |
| Web Animations: property <background-color> from [currentcolor] to [rgba(0, 255, 0, 0.75)] at (0.75) should be [rgba(0, 208, 47, 0.69)] | FAIL | assert_true: Web Animations should be supported expected true got false |
| Web Animations: property <background-color> from [currentcolor] to [rgba(0, 255, 0, 0.75)] at (1) should be [rgba(0, 255, 0, 0.75)] | FAIL | assert_true: Web Animations should be supported expected true got false |
| Web Animations: property <background-color> from [currentcolor] to [rgba(0, 255, 0, 0.75)] at (1.5) should be [rgba(0, 255, 0, 0.88)] | FAIL | assert_true: Web Animations should be supported expected true got false |
/css/css-backgrounds/animations/background-color-interpolation.html
<!DOCTYPE html> <meta charset="UTF-8"> <link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#background-color"> <meta name="test" content="background-color supports animation as a <color>"> <script src="/resources/testharness.js"></script> <script src="/resources/testharnessreport.js"></script> <script src="/css/support/interpolation-testcommon.js"></script> <style> .parent { background-color: #eee; } .target { width: 60px; height: 60px; display: inline-block; border: 2px solid black; margin-right: 2px; color: rgba(0, 0, 255, 0.5); background-color: black; } .expected { margin-right: 15px; } </style> <body></body> <script> test_interpolation({ property: 'background-color', from: neutralKeyframe, to: 'green', }, [ {at: -0.3, expect: 'rgb(0, 0, 0)'}, {at: 0, expect: 'rgb(0, 0, 0)'}, {at: 0.3, expect: 'rgb(0, 38, 0)'}, {at: 0.6, expect: 'rgb(0, 77, 0)'}, {at: 1, expect: 'rgb(0, 128, 0)'}, {at: 1.5, expect: 'rgb(0, 192, 0)'}, ]); test_interpolation({ property: 'background-color', from: 'initial', to: 'green', }, [ {at: -0.3, expect: 'rgba(0, 0, 0, 0)'}, {at: 0, expect: 'rgba(0, 0, 0, 0)'}, {at: 0.3, expect: 'rgba(0, 128, 0, 0.3)'}, {at: 0.6, expect: 'rgba(0, 128, 0, 0.6)'}, {at: 1, expect: 'rgb(0, 128, 0)'}, {at: 1.5, expect: 'rgb(0, 192, 0)'}, ]); test_interpolation({ property: 'background-color', from: 'inherit', to: 'green', }, [ {at: -0.3, expect: 'rgb(255, 255, 255)'}, {at: 0, expect: 'rgb(238, 238, 238)'}, {at: 0.3, expect: 'rgb(167, 205, 167)'}, {at: 0.6, expect: 'rgb(95, 172, 95)'}, {at: 1, expect: 'rgb(0, 128, 0)'}, {at: 1.5, expect: 'rgb(0, 73, 0)'}, ]); test_interpolation({ property: 'background-color', from: 'unset', to: 'green', }, [ {at: -0.3, expect: 'rgba(0, 0, 0, 0)'}, {at: 0, expect: 'rgba(0, 0, 0, 0)'}, {at: 0.3, expect: 'rgba(0, 128, 0, 0.3)'}, {at: 0.6, expect: 'rgba(0, 128, 0, 0.6)'}, {at: 1, expect: 'rgb(0, 128, 0)'}, {at: 1.5, expect: 'rgb(0, 192, 0)'}, ]); test_interpolation({ property: 'background-color', from: 'white', to: 'orange', }, [ {at: -0.3, expect: 'white'}, {at: 0, expect: 'white'}, {at: 0.3, expect: 'rgb(255, 228, 179)'}, {at: 0.6, expect: 'rgb(255, 201, 102)'}, {at: 1, expect: 'orange'}, {at: 1.5, expect: 'rgb(255, 120, 0)'}, ]); test_interpolation({ property: 'background-color', from: 'transparent', to: 'green', }, [ {at: -0.3, expect: 'rgba(0, 0, 0, 0)'}, {at: 0, expect: 'rgba(0, 0, 0, 0)'}, {at: 0.3, expect: 'rgba(0, 128, 0, 0.3)'}, {at: 0.6, expect: 'rgba(0, 128, 0, 0.6)'}, {at: 1, expect: 'rgb(0, 128, 0)'}, {at: 1.5, expect: 'rgb(0, 192, 0)'}, ]); test_interpolation({ property: 'background-color', from: 'currentcolor', to: 'rgba(0, 255, 0, 0.75)', }, [ {at: -0.5, expect: 'rgba(0, 0, 255, 0.38)'}, {at: 0, expect: 'rgba(0, 0, 255, 0.5)'}, {at: 0.25, expect: 'rgba(0, 85, 170, 0.56)'}, {at: 0.5, expect: 'rgba(0, 153, 102, 0.63)'}, {at: 0.75, expect: 'rgba(0, 208, 47, 0.69)'}, {at: 1, expect: 'rgba(0, 255, 0, 0.75)'}, {at: 1.5, expect: 'rgba(0, 255, 0, 0.88)'}, ]); </script>