wpt / css / css-gaps / animation / row-rule-color-interpolation.html

Status: FAIL | Duration: 426ms | Subtests: 0/196 | Open test on wpt.live | wpt.fyi

TestTest SourceSubtests (0/196)

Data from commit:
a50cb89 wpt: run reference-named files which are themselves tests (#836) (2026-09-03)

SubtestStatusMessage
CSS Transitions: property <row-rule-color> from neutral to [lime] at (-5) should be [rgb(255, 255, 0)]FAILassert_true: 'to' value should be supported expected true got false
CSS Transitions: property <row-rule-color> from neutral to [lime] at (-0.4) should be [rgb(255, 255, 0)]FAILassert_true: 'to' value should be supported expected true got false
CSS Transitions: property <row-rule-color> from neutral to [lime] at (0) should be [rgb(255, 255, 0)]FAILassert_true: 'to' value should be supported expected true got false
CSS Transitions: property <row-rule-color> from neutral to [lime] at (0.2) should be [rgb(204, 255, 0)]FAILassert_true: 'to' value should be supported expected true got false
CSS Transitions: property <row-rule-color> from neutral to [lime] at (0.6) should be [rgb(102, 255, 0)]FAILassert_true: 'to' value should be supported expected true got false
CSS Transitions: property <row-rule-color> from neutral to [lime] at (1) should be [rgb(0, 255, 0)]FAILassert_true: 'to' value should be supported expected true got false
CSS Transitions: property <row-rule-color> from neutral to [lime] at (1.5) should be [rgb(0, 255, 0)]FAILassert_true: 'to' value should be supported expected true got false
CSS Transitions with transition: all: property <row-rule-color> from neutral to [lime] at (-5) should be [rgb(255, 255, 0)]FAILassert_true: 'to' value should be supported expected true got false
CSS Transitions with transition: all: property <row-rule-color> from neutral to [lime] at (-0.4) should be [rgb(255, 255, 0)]FAILassert_true: 'to' value should be supported expected true got false
CSS Transitions with transition: all: property <row-rule-color> from neutral to [lime] at (0) should be [rgb(255, 255, 0)]FAILassert_true: 'to' value should be supported expected true got false
CSS Transitions with transition: all: property <row-rule-color> from neutral to [lime] at (0.2) should be [rgb(204, 255, 0)]FAILassert_true: 'to' value should be supported expected true got false
CSS Transitions with transition: all: property <row-rule-color> from neutral to [lime] at (0.6) should be [rgb(102, 255, 0)]FAILassert_true: 'to' value should be supported expected true got false
CSS Transitions with transition: all: property <row-rule-color> from neutral to [lime] at (1) should be [rgb(0, 255, 0)]FAILassert_true: 'to' value should be supported expected true got false
CSS Transitions with transition: all: property <row-rule-color> from neutral to [lime] at (1.5) should be [rgb(0, 255, 0)]FAILassert_true: 'to' value should be supported expected true got false
CSS Animations: property <row-rule-color> from neutral to [lime] at (-5) should be [rgb(255, 255, 0)]FAILassert_true: 'to' value should be supported expected true got false
CSS Animations: property <row-rule-color> from neutral to [lime] at (-0.4) should be [rgb(255, 255, 0)]FAILassert_true: 'to' value should be supported expected true got false
CSS Animations: property <row-rule-color> from neutral to [lime] at (0) should be [rgb(255, 255, 0)]FAILassert_true: 'to' value should be supported expected true got false
CSS Animations: property <row-rule-color> from neutral to [lime] at (0.2) should be [rgb(204, 255, 0)]FAILassert_true: 'to' value should be supported expected true got false
CSS Animations: property <row-rule-color> from neutral to [lime] at (0.6) should be [rgb(102, 255, 0)]FAILassert_true: 'to' value should be supported expected true got false
CSS Animations: property <row-rule-color> from neutral to [lime] at (1) should be [rgb(0, 255, 0)]FAILassert_true: 'to' value should be supported expected true got false
CSS Animations: property <row-rule-color> from neutral to [lime] at (1.5) should be [rgb(0, 255, 0)]FAILassert_true: 'to' value should be supported expected true got false
Web Animations: property <row-rule-color> from neutral to [lime] at (-5) should be [rgb(255, 255, 0)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <row-rule-color> from neutral to [lime] at (-0.4) should be [rgb(255, 255, 0)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <row-rule-color> from neutral to [lime] at (0) should be [rgb(255, 255, 0)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <row-rule-color> from neutral to [lime] at (0.2) should be [rgb(204, 255, 0)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <row-rule-color> from neutral to [lime] at (0.6) should be [rgb(102, 255, 0)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <row-rule-color> from neutral to [lime] at (1) should be [rgb(0, 255, 0)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <row-rule-color> from neutral to [lime] at (1.5) should be [rgb(0, 255, 0)]FAILassert_true: Web Animations should be supported expected true got false
CSS Transitions: property <row-rule-color> from [initial] to [lime] at (-5) should be [rgb(255, 0, 0)]FAILassert_true: 'from' value should be supported expected true got false
CSS Transitions: property <row-rule-color> from [initial] to [lime] at (-0.4) should be [rgb(255, 129, 0)]FAILassert_true: 'from' value should be supported expected true got false
CSS Transitions: property <row-rule-color> from [initial] to [lime] at (0) should be [rgb(255, 165, 0)]FAILassert_true: 'from' value should be supported expected true got false
CSS Transitions: property <row-rule-color> from [initial] to [lime] at (0.2) should be [rgb(204, 183, 0)]FAILassert_true: 'from' value should be supported expected true got false
CSS Transitions: property <row-rule-color> from [initial] to [lime] at (0.6) should be [rgb(102, 219, 0)]FAILassert_true: 'from' value should be supported expected true got false
CSS Transitions: property <row-rule-color> from [initial] to [lime] at (1) should be [rgb(0, 255, 0)]FAILassert_true: 'from' value should be supported expected true got false
CSS Transitions: property <row-rule-color> from [initial] to [lime] at (1.5) should be [rgb(0, 255, 0)]FAILassert_true: 'from' value should be supported expected true got false
CSS Transitions with transition: all: property <row-rule-color> from [initial] to [lime] at (-5) should be [rgb(255, 0, 0)]FAILassert_true: 'from' value should be supported expected true got false
CSS Transitions with transition: all: property <row-rule-color> from [initial] to [lime] at (-0.4) should be [rgb(255, 129, 0)]FAILassert_true: 'from' value should be supported expected true got false
CSS Transitions with transition: all: property <row-rule-color> from [initial] to [lime] at (0) should be [rgb(255, 165, 0)]FAILassert_true: 'from' value should be supported expected true got false
CSS Transitions with transition: all: property <row-rule-color> from [initial] to [lime] at (0.2) should be [rgb(204, 183, 0)]FAILassert_true: 'from' value should be supported expected true got false
CSS Transitions with transition: all: property <row-rule-color> from [initial] to [lime] at (0.6) should be [rgb(102, 219, 0)]FAILassert_true: 'from' value should be supported expected true got false
CSS Transitions with transition: all: property <row-rule-color> from [initial] to [lime] at (1) should be [rgb(0, 255, 0)]FAILassert_true: 'from' value should be supported expected true got false
CSS Transitions with transition: all: property <row-rule-color> from [initial] to [lime] at (1.5) should be [rgb(0, 255, 0)]FAILassert_true: 'from' value should be supported expected true got false
CSS Animations: property <row-rule-color> from [initial] to [lime] at (-5) should be [rgb(255, 0, 0)]FAILassert_true: 'from' value should be supported expected true got false
CSS Animations: property <row-rule-color> from [initial] to [lime] at (-0.4) should be [rgb(255, 129, 0)]FAILassert_true: 'from' value should be supported expected true got false
CSS Animations: property <row-rule-color> from [initial] to [lime] at (0) should be [rgb(255, 165, 0)]FAILassert_true: 'from' value should be supported expected true got false
CSS Animations: property <row-rule-color> from [initial] to [lime] at (0.2) should be [rgb(204, 183, 0)]FAILassert_true: 'from' value should be supported expected true got false
CSS Animations: property <row-rule-color> from [initial] to [lime] at (0.6) should be [rgb(102, 219, 0)]FAILassert_true: 'from' value should be supported expected true got false
CSS Animations: property <row-rule-color> from [initial] to [lime] at (1) should be [rgb(0, 255, 0)]FAILassert_true: 'from' value should be supported expected true got false
CSS Animations: property <row-rule-color> from [initial] to [lime] at (1.5) should be [rgb(0, 255, 0)]FAILassert_true: 'from' value should be supported expected true got false
Web Animations: property <row-rule-color> from [initial] to [lime] at (-5) should be [rgb(255, 0, 0)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <row-rule-color> from [initial] to [lime] at (-0.4) should be [rgb(255, 129, 0)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <row-rule-color> from [initial] to [lime] at (0) should be [rgb(255, 165, 0)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <row-rule-color> from [initial] to [lime] at (0.2) should be [rgb(204, 183, 0)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <row-rule-color> from [initial] to [lime] at (0.6) should be [rgb(102, 219, 0)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <row-rule-color> from [initial] to [lime] at (1) should be [rgb(0, 255, 0)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <row-rule-color> from [initial] to [lime] at (1.5) should be [rgb(0, 255, 0)]FAILassert_true: Web Animations should be supported expected true got false
CSS Transitions: property <row-rule-color> from [inherit] to [lime] at (-5) should be [rgb(0, 0, 255)]FAILassert_true: 'from' value should be supported expected true got false
CSS Transitions: property <row-rule-color> from [inherit] to [lime] at (-0.4) should be [rgb(0, 0, 255)]FAILassert_true: 'from' value should be supported expected true got false
CSS Transitions: property <row-rule-color> from [inherit] to [lime] at (0) should be [rgb(0, 0, 255)]FAILassert_true: 'from' value should be supported expected true got false
CSS Transitions: property <row-rule-color> from [inherit] to [lime] at (0.2) should be [rgb(0, 51, 204)]FAILassert_true: 'from' value should be supported expected true got false
CSS Transitions: property <row-rule-color> from [inherit] to [lime] at (0.6) should be [rgb(0, 153, 102)]FAILassert_true: 'from' value should be supported expected true got false
CSS Transitions: property <row-rule-color> from [inherit] to [lime] at (1) should be [rgb(0, 255, 0)]FAILassert_true: 'from' value should be supported expected true got false
CSS Transitions: property <row-rule-color> from [inherit] to [lime] at (1.5) should be [rgb(0, 255, 0)]FAILassert_true: 'from' value should be supported expected true got false
CSS Transitions with transition: all: property <row-rule-color> from [inherit] to [lime] at (-5) should be [rgb(0, 0, 255)]FAILassert_true: 'from' value should be supported expected true got false
CSS Transitions with transition: all: property <row-rule-color> from [inherit] to [lime] at (-0.4) should be [rgb(0, 0, 255)]FAILassert_true: 'from' value should be supported expected true got false
CSS Transitions with transition: all: property <row-rule-color> from [inherit] to [lime] at (0) should be [rgb(0, 0, 255)]FAILassert_true: 'from' value should be supported expected true got false
CSS Transitions with transition: all: property <row-rule-color> from [inherit] to [lime] at (0.2) should be [rgb(0, 51, 204)]FAILassert_true: 'from' value should be supported expected true got false
CSS Transitions with transition: all: property <row-rule-color> from [inherit] to [lime] at (0.6) should be [rgb(0, 153, 102)]FAILassert_true: 'from' value should be supported expected true got false
CSS Transitions with transition: all: property <row-rule-color> from [inherit] to [lime] at (1) should be [rgb(0, 255, 0)]FAILassert_true: 'from' value should be supported expected true got false
CSS Transitions with transition: all: property <row-rule-color> from [inherit] to [lime] at (1.5) should be [rgb(0, 255, 0)]FAILassert_true: 'from' value should be supported expected true got false
CSS Animations: property <row-rule-color> from [inherit] to [lime] at (-5) should be [rgb(0, 0, 255)]FAILassert_true: 'from' value should be supported expected true got false
CSS Animations: property <row-rule-color> from [inherit] to [lime] at (-0.4) should be [rgb(0, 0, 255)]FAILassert_true: 'from' value should be supported expected true got false
CSS Animations: property <row-rule-color> from [inherit] to [lime] at (0) should be [rgb(0, 0, 255)]FAILassert_true: 'from' value should be supported expected true got false
CSS Animations: property <row-rule-color> from [inherit] to [lime] at (0.2) should be [rgb(0, 51, 204)]FAILassert_true: 'from' value should be supported expected true got false
CSS Animations: property <row-rule-color> from [inherit] to [lime] at (0.6) should be [rgb(0, 153, 102)]FAILassert_true: 'from' value should be supported expected true got false
CSS Animations: property <row-rule-color> from [inherit] to [lime] at (1) should be [rgb(0, 255, 0)]FAILassert_true: 'from' value should be supported expected true got false
CSS Animations: property <row-rule-color> from [inherit] to [lime] at (1.5) should be [rgb(0, 255, 0)]FAILassert_true: 'from' value should be supported expected true got false
Web Animations: property <row-rule-color> from [inherit] to [lime] at (-5) should be [rgb(0, 0, 255)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <row-rule-color> from [inherit] to [lime] at (-0.4) should be [rgb(0, 0, 255)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <row-rule-color> from [inherit] to [lime] at (0) should be [rgb(0, 0, 255)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <row-rule-color> from [inherit] to [lime] at (0.2) should be [rgb(0, 51, 204)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <row-rule-color> from [inherit] to [lime] at (0.6) should be [rgb(0, 153, 102)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <row-rule-color> from [inherit] to [lime] at (1) should be [rgb(0, 255, 0)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <row-rule-color> from [inherit] to [lime] at (1.5) should be [rgb(0, 255, 0)]FAILassert_true: Web Animations should be supported expected true got false
CSS Transitions: property <row-rule-color> from [unset] to [lime] at (-5) should be [rgb(255, 0, 0)]FAILassert_true: 'from' value should be supported expected true got false
CSS Transitions: property <row-rule-color> from [unset] to [lime] at (-0.4) should be [rgb(255, 129, 0)]FAILassert_true: 'from' value should be supported expected true got false
CSS Transitions: property <row-rule-color> from [unset] to [lime] at (0) should be [rgb(255, 165, 0)]FAILassert_true: 'from' value should be supported expected true got false
CSS Transitions: property <row-rule-color> from [unset] to [lime] at (0.2) should be [rgb(204, 183, 0)]FAILassert_true: 'from' value should be supported expected true got false
CSS Transitions: property <row-rule-color> from [unset] to [lime] at (0.6) should be [rgb(102, 219, 0)]FAILassert_true: 'from' value should be supported expected true got false
CSS Transitions: property <row-rule-color> from [unset] to [lime] at (1) should be [rgb(0, 255, 0)]FAILassert_true: 'from' value should be supported expected true got false
CSS Transitions: property <row-rule-color> from [unset] to [lime] at (1.5) should be [rgb(0, 255, 0)]FAILassert_true: 'from' value should be supported expected true got false
CSS Transitions with transition: all: property <row-rule-color> from [unset] to [lime] at (-5) should be [rgb(255, 0, 0)]FAILassert_true: 'from' value should be supported expected true got false
CSS Transitions with transition: all: property <row-rule-color> from [unset] to [lime] at (-0.4) should be [rgb(255, 129, 0)]FAILassert_true: 'from' value should be supported expected true got false
CSS Transitions with transition: all: property <row-rule-color> from [unset] to [lime] at (0) should be [rgb(255, 165, 0)]FAILassert_true: 'from' value should be supported expected true got false
CSS Transitions with transition: all: property <row-rule-color> from [unset] to [lime] at (0.2) should be [rgb(204, 183, 0)]FAILassert_true: 'from' value should be supported expected true got false
CSS Transitions with transition: all: property <row-rule-color> from [unset] to [lime] at (0.6) should be [rgb(102, 219, 0)]FAILassert_true: 'from' value should be supported expected true got false
CSS Transitions with transition: all: property <row-rule-color> from [unset] to [lime] at (1) should be [rgb(0, 255, 0)]FAILassert_true: 'from' value should be supported expected true got false
CSS Transitions with transition: all: property <row-rule-color> from [unset] to [lime] at (1.5) should be [rgb(0, 255, 0)]FAILassert_true: 'from' value should be supported expected true got false
CSS Animations: property <row-rule-color> from [unset] to [lime] at (-5) should be [rgb(255, 0, 0)]FAILassert_true: 'from' value should be supported expected true got false
CSS Animations: property <row-rule-color> from [unset] to [lime] at (-0.4) should be [rgb(255, 129, 0)]FAILassert_true: 'from' value should be supported expected true got false
CSS Animations: property <row-rule-color> from [unset] to [lime] at (0) should be [rgb(255, 165, 0)]FAILassert_true: 'from' value should be supported expected true got false
CSS Animations: property <row-rule-color> from [unset] to [lime] at (0.2) should be [rgb(204, 183, 0)]FAILassert_true: 'from' value should be supported expected true got false
CSS Animations: property <row-rule-color> from [unset] to [lime] at (0.6) should be [rgb(102, 219, 0)]FAILassert_true: 'from' value should be supported expected true got false
CSS Animations: property <row-rule-color> from [unset] to [lime] at (1) should be [rgb(0, 255, 0)]FAILassert_true: 'from' value should be supported expected true got false
CSS Animations: property <row-rule-color> from [unset] to [lime] at (1.5) should be [rgb(0, 255, 0)]FAILassert_true: 'from' value should be supported expected true got false
Web Animations: property <row-rule-color> from [unset] to [lime] at (-5) should be [rgb(255, 0, 0)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <row-rule-color> from [unset] to [lime] at (-0.4) should be [rgb(255, 129, 0)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <row-rule-color> from [unset] to [lime] at (0) should be [rgb(255, 165, 0)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <row-rule-color> from [unset] to [lime] at (0.2) should be [rgb(204, 183, 0)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <row-rule-color> from [unset] to [lime] at (0.6) should be [rgb(102, 219, 0)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <row-rule-color> from [unset] to [lime] at (1) should be [rgb(0, 255, 0)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <row-rule-color> from [unset] to [lime] at (1.5) should be [rgb(0, 255, 0)]FAILassert_true: Web Animations should be supported expected true got false
CSS Transitions: property <row-rule-color> from [orange] to [blue] at (-5) should be [#ffff00]FAILassert_true: 'from' value should be supported expected true got false
CSS Transitions: property <row-rule-color> from [orange] to [blue] at (-0.4) should be [#ffe700]FAILassert_true: 'from' value should be supported expected true got false
CSS Transitions: property <row-rule-color> from [orange] to [blue] at (0) should be [orange]FAILassert_true: 'from' value should be supported expected true got false
CSS Transitions: property <row-rule-color> from [orange] to [blue] at (0.2) should be [#cc8433]FAILassert_true: 'from' value should be supported expected true got false
CSS Transitions: property <row-rule-color> from [orange] to [blue] at (0.6) should be [#664299]FAILassert_true: 'from' value should be supported expected true got false
CSS Transitions: property <row-rule-color> from [orange] to [blue] at (1) should be [blue]FAILassert_true: 'from' value should be supported expected true got false
CSS Transitions: property <row-rule-color> from [orange] to [blue] at (1.5) should be [blue]FAILassert_true: 'from' value should be supported expected true got false
CSS Transitions with transition: all: property <row-rule-color> from [orange] to [blue] at (-5) should be [#ffff00]FAILassert_true: 'from' value should be supported expected true got false
CSS Transitions with transition: all: property <row-rule-color> from [orange] to [blue] at (-0.4) should be [#ffe700]FAILassert_true: 'from' value should be supported expected true got false
CSS Transitions with transition: all: property <row-rule-color> from [orange] to [blue] at (0) should be [orange]FAILassert_true: 'from' value should be supported expected true got false
CSS Transitions with transition: all: property <row-rule-color> from [orange] to [blue] at (0.2) should be [#cc8433]FAILassert_true: 'from' value should be supported expected true got false
CSS Transitions with transition: all: property <row-rule-color> from [orange] to [blue] at (0.6) should be [#664299]FAILassert_true: 'from' value should be supported expected true got false
CSS Transitions with transition: all: property <row-rule-color> from [orange] to [blue] at (1) should be [blue]FAILassert_true: 'from' value should be supported expected true got false
CSS Transitions with transition: all: property <row-rule-color> from [orange] to [blue] at (1.5) should be [blue]FAILassert_true: 'from' value should be supported expected true got false
CSS Animations: property <row-rule-color> from [orange] to [blue] at (-5) should be [#ffff00]FAILassert_true: 'from' value should be supported expected true got false
CSS Animations: property <row-rule-color> from [orange] to [blue] at (-0.4) should be [#ffe700]FAILassert_true: 'from' value should be supported expected true got false
CSS Animations: property <row-rule-color> from [orange] to [blue] at (0) should be [orange]FAILassert_true: 'from' value should be supported expected true got false
CSS Animations: property <row-rule-color> from [orange] to [blue] at (0.2) should be [#cc8433]FAILassert_true: 'from' value should be supported expected true got false
CSS Animations: property <row-rule-color> from [orange] to [blue] at (0.6) should be [#664299]FAILassert_true: 'from' value should be supported expected true got false
CSS Animations: property <row-rule-color> from [orange] to [blue] at (1) should be [blue]FAILassert_true: 'from' value should be supported expected true got false
CSS Animations: property <row-rule-color> from [orange] to [blue] at (1.5) should be [blue]FAILassert_true: 'from' value should be supported expected true got false
Web Animations: property <row-rule-color> from [orange] to [blue] at (-5) should be [#ffff00]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <row-rule-color> from [orange] to [blue] at (-0.4) should be [#ffe700]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <row-rule-color> from [orange] to [blue] at (0) should be [orange]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <row-rule-color> from [orange] to [blue] at (0.2) should be [#cc8433]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <row-rule-color> from [orange] to [blue] at (0.6) should be [#664299]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <row-rule-color> from [orange] to [blue] at (1) should be [blue]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <row-rule-color> from [orange] to [blue] at (1.5) should be [blue]FAILassert_true: Web Animations should be supported expected true got false
CSS Transitions: property <row-rule-color> from neutral to [red, blue, blue] at (-5) should be [rgb(255, 255, 0), rgb(255, 255, 0), rgb(255, 255, 0)]FAILassert_true: 'to' value should be supported expected true got false
CSS Transitions: property <row-rule-color> from neutral to [red, blue, blue] at (-0.4) should be [rgb(255, 255, 0), rgb(255, 255, 0), rgb(255, 255, 0)]FAILassert_true: 'to' value should be supported expected true got false
CSS Transitions: property <row-rule-color> from neutral to [red, blue, blue] at (0) should be [rgb(255, 255, 0), rgb(255, 255, 0), rgb(255, 255, 0)]FAILassert_true: 'to' value should be supported expected true got false
CSS Transitions: property <row-rule-color> from neutral to [red, blue, blue] at (0.2) should be [rgb(255, 204, 0), rgb(204, 204, 51), rgb(204, 204, 51)]FAILassert_true: 'to' value should be supported expected true got false
CSS Transitions: property <row-rule-color> from neutral to [red, blue, blue] at (0.6) should be [rgb(255, 102, 0), rgb(102, 102, 153), rgb(102, 102, 153)]FAILassert_true: 'to' value should be supported expected true got false
CSS Transitions: property <row-rule-color> from neutral to [red, blue, blue] at (1) should be [rgb(255, 0, 0), rgb(0, 0, 255), rgb(0, 0, 255)]FAILassert_true: 'to' value should be supported expected true got false
CSS Transitions: property <row-rule-color> from neutral to [red, blue, blue] at (1.5) should be [rgb(255, 0, 0), rgb(0, 0, 255), rgb(0, 0, 255)]FAILassert_true: 'to' value should be supported expected true got false
CSS Transitions with transition: all: property <row-rule-color> from neutral to [red, blue, blue] at (-5) should be [rgb(255, 255, 0), rgb(255, 255, 0), rgb(255, 255, 0)]FAILassert_true: 'to' value should be supported expected true got false
CSS Transitions with transition: all: property <row-rule-color> from neutral to [red, blue, blue] at (-0.4) should be [rgb(255, 255, 0), rgb(255, 255, 0), rgb(255, 255, 0)]FAILassert_true: 'to' value should be supported expected true got false
CSS Transitions with transition: all: property <row-rule-color> from neutral to [red, blue, blue] at (0) should be [rgb(255, 255, 0), rgb(255, 255, 0), rgb(255, 255, 0)]FAILassert_true: 'to' value should be supported expected true got false
CSS Transitions with transition: all: property <row-rule-color> from neutral to [red, blue, blue] at (0.2) should be [rgb(255, 204, 0), rgb(204, 204, 51), rgb(204, 204, 51)]FAILassert_true: 'to' value should be supported expected true got false
CSS Transitions with transition: all: property <row-rule-color> from neutral to [red, blue, blue] at (0.6) should be [rgb(255, 102, 0), rgb(102, 102, 153), rgb(102, 102, 153)]FAILassert_true: 'to' value should be supported expected true got false
CSS Transitions with transition: all: property <row-rule-color> from neutral to [red, blue, blue] at (1) should be [rgb(255, 0, 0), rgb(0, 0, 255), rgb(0, 0, 255)]FAILassert_true: 'to' value should be supported expected true got false
CSS Transitions with transition: all: property <row-rule-color> from neutral to [red, blue, blue] at (1.5) should be [rgb(255, 0, 0), rgb(0, 0, 255), rgb(0, 0, 255)]FAILassert_true: 'to' value should be supported expected true got false
CSS Animations: property <row-rule-color> from neutral to [red, blue, blue] at (-5) should be [rgb(255, 255, 0), rgb(255, 255, 0), rgb(255, 255, 0)]FAILassert_true: 'to' value should be supported expected true got false
CSS Animations: property <row-rule-color> from neutral to [red, blue, blue] at (-0.4) should be [rgb(255, 255, 0), rgb(255, 255, 0), rgb(255, 255, 0)]FAILassert_true: 'to' value should be supported expected true got false
CSS Animations: property <row-rule-color> from neutral to [red, blue, blue] at (0) should be [rgb(255, 255, 0), rgb(255, 255, 0), rgb(255, 255, 0)]FAILassert_true: 'to' value should be supported expected true got false
CSS Animations: property <row-rule-color> from neutral to [red, blue, blue] at (0.2) should be [rgb(255, 204, 0), rgb(204, 204, 51), rgb(204, 204, 51)]FAILassert_true: 'to' value should be supported expected true got false
CSS Animations: property <row-rule-color> from neutral to [red, blue, blue] at (0.6) should be [rgb(255, 102, 0), rgb(102, 102, 153), rgb(102, 102, 153)]FAILassert_true: 'to' value should be supported expected true got false
CSS Animations: property <row-rule-color> from neutral to [red, blue, blue] at (1) should be [rgb(255, 0, 0), rgb(0, 0, 255), rgb(0, 0, 255)]FAILassert_true: 'to' value should be supported expected true got false
CSS Animations: property <row-rule-color> from neutral to [red, blue, blue] at (1.5) should be [rgb(255, 0, 0), rgb(0, 0, 255), rgb(0, 0, 255)]FAILassert_true: 'to' value should be supported expected true got false
Web Animations: property <row-rule-color> from neutral to [red, blue, blue] at (-5) should be [rgb(255, 255, 0), rgb(255, 255, 0), rgb(255, 255, 0)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <row-rule-color> from neutral to [red, blue, blue] at (-0.4) should be [rgb(255, 255, 0), rgb(255, 255, 0), rgb(255, 255, 0)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <row-rule-color> from neutral to [red, blue, blue] at (0) should be [rgb(255, 255, 0), rgb(255, 255, 0), rgb(255, 255, 0)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <row-rule-color> from neutral to [red, blue, blue] at (0.2) should be [rgb(255, 204, 0), rgb(204, 204, 51), rgb(204, 204, 51)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <row-rule-color> from neutral to [red, blue, blue] at (0.6) should be [rgb(255, 102, 0), rgb(102, 102, 153), rgb(102, 102, 153)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <row-rule-color> from neutral to [red, blue, blue] at (1) should be [rgb(255, 0, 0), rgb(0, 0, 255), rgb(0, 0, 255)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <row-rule-color> from neutral to [red, blue, blue] at (1.5) should be [rgb(255, 0, 0), rgb(0, 0, 255), rgb(0, 0, 255)]FAILassert_true: Web Animations should be supported expected true got false
CSS Transitions: property <row-rule-color> from [red, blue, green] to [red] at (-5) should be [rgb(255, 0, 0), rgb(0, 0, 255), rgb(0, 255, 0)]FAILassert_true: 'from' value should be supported expected true got false
CSS Transitions: property <row-rule-color> from [red, blue, green] to [red] at (-0.4) should be [rgb(255, 0, 0), rgb(0, 0, 255), rgb(0, 179, 0)]FAILassert_true: 'from' value should be supported expected true got false
CSS Transitions: property <row-rule-color> from [red, blue, green] to [red] at (0) should be [rgb(255, 0, 0), rgb(0, 0, 255), rgb(0, 128, 0)]FAILassert_true: 'from' value should be supported expected true got false
CSS Transitions: property <row-rule-color> from [red, blue, green] to [red] at (0.2) should be [rgb(255, 0, 0), rgb(51, 0, 204), rgb(51, 102, 0)]FAILassert_true: 'from' value should be supported expected true got false
CSS Transitions: property <row-rule-color> from [red, blue, green] to [red] at (0.6) should be [rgb(255, 0, 0), rgb(153, 0, 102), rgb(153, 51, 0)]FAILassert_true: 'from' value should be supported expected true got false
CSS Transitions: property <row-rule-color> from [red, blue, green] to [red] at (1) should be [rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0)]FAILassert_true: 'from' value should be supported expected true got false
CSS Transitions: property <row-rule-color> from [red, blue, green] to [red] at (1.5) should be [rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0)]FAILassert_true: 'from' value should be supported expected true got false
CSS Transitions with transition: all: property <row-rule-color> from [red, blue, green] to [red] at (-5) should be [rgb(255, 0, 0), rgb(0, 0, 255), rgb(0, 255, 0)]FAILassert_true: 'from' value should be supported expected true got false
CSS Transitions with transition: all: property <row-rule-color> from [red, blue, green] to [red] at (-0.4) should be [rgb(255, 0, 0), rgb(0, 0, 255), rgb(0, 179, 0)]FAILassert_true: 'from' value should be supported expected true got false
CSS Transitions with transition: all: property <row-rule-color> from [red, blue, green] to [red] at (0) should be [rgb(255, 0, 0), rgb(0, 0, 255), rgb(0, 128, 0)]FAILassert_true: 'from' value should be supported expected true got false
CSS Transitions with transition: all: property <row-rule-color> from [red, blue, green] to [red] at (0.2) should be [rgb(255, 0, 0), rgb(51, 0, 204), rgb(51, 102, 0)]FAILassert_true: 'from' value should be supported expected true got false
CSS Transitions with transition: all: property <row-rule-color> from [red, blue, green] to [red] at (0.6) should be [rgb(255, 0, 0), rgb(153, 0, 102), rgb(153, 51, 0)]FAILassert_true: 'from' value should be supported expected true got false
CSS Transitions with transition: all: property <row-rule-color> from [red, blue, green] to [red] at (1) should be [rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0)]FAILassert_true: 'from' value should be supported expected true got false
CSS Transitions with transition: all: property <row-rule-color> from [red, blue, green] to [red] at (1.5) should be [rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0)]FAILassert_true: 'from' value should be supported expected true got false
CSS Animations: property <row-rule-color> from [red, blue, green] to [red] at (-5) should be [rgb(255, 0, 0), rgb(0, 0, 255), rgb(0, 255, 0)]FAILassert_true: 'from' value should be supported expected true got false
CSS Animations: property <row-rule-color> from [red, blue, green] to [red] at (-0.4) should be [rgb(255, 0, 0), rgb(0, 0, 255), rgb(0, 179, 0)]FAILassert_true: 'from' value should be supported expected true got false
CSS Animations: property <row-rule-color> from [red, blue, green] to [red] at (0) should be [rgb(255, 0, 0), rgb(0, 0, 255), rgb(0, 128, 0)]FAILassert_true: 'from' value should be supported expected true got false
CSS Animations: property <row-rule-color> from [red, blue, green] to [red] at (0.2) should be [rgb(255, 0, 0), rgb(51, 0, 204), rgb(51, 102, 0)]FAILassert_true: 'from' value should be supported expected true got false
CSS Animations: property <row-rule-color> from [red, blue, green] to [red] at (0.6) should be [rgb(255, 0, 0), rgb(153, 0, 102), rgb(153, 51, 0)]FAILassert_true: 'from' value should be supported expected true got false
CSS Animations: property <row-rule-color> from [red, blue, green] to [red] at (1) should be [rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0)]FAILassert_true: 'from' value should be supported expected true got false
CSS Animations: property <row-rule-color> from [red, blue, green] to [red] at (1.5) should be [rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0)]FAILassert_true: 'from' value should be supported expected true got false
Web Animations: property <row-rule-color> from [red, blue, green] to [red] at (-5) should be [rgb(255, 0, 0), rgb(0, 0, 255), rgb(0, 255, 0)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <row-rule-color> from [red, blue, green] to [red] at (-0.4) should be [rgb(255, 0, 0), rgb(0, 0, 255), rgb(0, 179, 0)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <row-rule-color> from [red, blue, green] to [red] at (0) should be [rgb(255, 0, 0), rgb(0, 0, 255), rgb(0, 128, 0)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <row-rule-color> from [red, blue, green] to [red] at (0.2) should be [rgb(255, 0, 0), rgb(51, 0, 204), rgb(51, 102, 0)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <row-rule-color> from [red, blue, green] to [red] at (0.6) should be [rgb(255, 0, 0), rgb(153, 0, 102), rgb(153, 51, 0)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <row-rule-color> from [red, blue, green] to [red] at (1) should be [rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <row-rule-color> from [red, blue, green] to [red] at (1.5) should be [rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0)]FAILassert_true: Web Animations should be supported expected true got false

/css/css-gaps/animation/row-rule-color-interpolation.html

<!DOCTYPE html>
<meta charset="UTF-8">
  <title>row-rule-color interpolation</title>
  <link rel="author" title="Javier Contreras" href="mailto:javiercon@chromium.org">
  <link rel="help" href="https://drafts.csswg.org/css-gaps-1/#column-row-rule-color">
  <script src="/resources/testharness.js"></script>
  <script src="/resources/testharnessreport.js"></script>
  <script src="/css/support/interpolation-testcommon.js"></script>
<style>
.parent {
  row-rule-color: blue;
}

.target {
  display: flex;
  width: 20px;
  row-gap: 10px
  height: 100px;
  background-color: black;
  color: orange;
  row-rule-style: solid;
  row-rule-width: 10px;
  row-rule-color: yellow;
}
</style>
<body>
<script>
test_interpolation({
  property: 'row-rule-color',
  from: neutralKeyframe,
  to: 'lime',
}, [
  {at: -5, expect: 'rgb(255, 255, 0)'},
  {at: -0.4, expect: 'rgb(255, 255, 0)'},
  {at: 0, expect: 'rgb(255, 255, 0)'},
  {at: 0.2, expect: 'rgb(204, 255, 0)'},
  {at: 0.6, expect: 'rgb(102, 255, 0)'},
  {at: 1, expect: 'rgb(0, 255, 0)'},
  {at: 1.5, expect: 'rgb(0, 255, 0)'},
]);

test_interpolation({
  property: 'row-rule-color',
  from: 'initial',
  to: 'lime',
}, [
  {at: -5, expect: 'rgb(255, 0, 0)'},
  {at: -0.4, expect: 'rgb(255, 129, 0)'},
  {at: 0, expect: 'rgb(255, 165, 0)'},
  {at: 0.2, expect: 'rgb(204, 183, 0)'},
  {at: 0.6, expect: 'rgb(102, 219, 0)'},
  {at: 1, expect: 'rgb(0, 255, 0)'},
  {at: 1.5, expect: 'rgb(0, 255, 0)'},
]);

test_interpolation({
  property: 'row-rule-color',
  from: 'inherit',
  to: 'lime',
}, [
  {at: -5, expect: 'rgb(0, 0, 255)'},
  {at: -0.4, expect: 'rgb(0, 0, 255)'},
  {at: 0, expect: 'rgb(0, 0, 255)'},
  {at: 0.2, expect: 'rgb(0, 51, 204)'},
  {at: 0.6, expect: 'rgb(0, 153, 102)'},
  {at: 1, expect: 'rgb(0, 255, 0)'},
  {at: 1.5, expect: 'rgb(0, 255, 0)'},
]);

test_interpolation({
  property: 'row-rule-color',
  from: 'unset',
  to: 'lime',
}, [
  {at: -5, expect: 'rgb(255, 0, 0)'},
  {at: -0.4, expect: 'rgb(255, 129, 0)'},
  {at: 0, expect: 'rgb(255, 165, 0)'},
  {at: 0.2, expect: 'rgb(204, 183, 0)'},
  {at: 0.6, expect: 'rgb(102, 219, 0)'},
  {at: 1, expect: 'rgb(0, 255, 0)'},
  {at: 1.5, expect: 'rgb(0, 255, 0)'},
]);

test_interpolation({
  property: 'row-rule-color',
  from: 'orange',
  to: 'blue'
}, [
  {at: -5, expect: '#ffff00'},
  {at: -0.4, expect: '#ffe700'},
  {at: 0, expect: 'orange'}, // ffa500
  {at: 0.2, expect: '#cc8433'},
  {at: 0.6, expect: '#664299'},
  {at: 1, expect: 'blue'}, // 0000ff
  {at: 1.5, expect: 'blue'}
]);

// Lists can be interpolated by expanding to match lengths.
test_interpolation({
  property: 'row-rule-color',
  from: neutralKeyframe,
  to: 'red, blue, blue',
}, [
  {at: -5, expect: 'rgb(255, 255, 0), rgb(255, 255, 0), rgb(255, 255, 0)'},
  {at: -0.4, expect: 'rgb(255, 255, 0), rgb(255, 255, 0), rgb(255, 255, 0)'},
  {at: 0, expect: 'rgb(255, 255, 0), rgb(255, 255, 0), rgb(255, 255, 0)'},
  {at: 0.2, expect: 'rgb(255, 204, 0), rgb(204, 204, 51), rgb(204, 204, 51)'},
  {at: 0.6, expect: 'rgb(255, 102, 0), rgb(102, 102, 153), rgb(102, 102, 153)'},
  {at: 1, expect: 'rgb(255, 0, 0), rgb(0, 0, 255), rgb(0, 0, 255)'},
  {at: 1.5, expect: 'rgb(255, 0, 0), rgb(0, 0, 255), rgb(0, 0, 255)'},
]);
test_interpolation({
  property: 'row-rule-color',
  from: 'red, blue, green',
  to: 'red',
}, [
  {at: -5, expect: 'rgb(255, 0, 0), rgb(0, 0, 255), rgb(0, 255, 0)'},
  {at: -0.4, expect: 'rgb(255, 0, 0), rgb(0, 0, 255), rgb(0, 179, 0)'},
  {at: 0, expect: 'rgb(255, 0, 0), rgb(0, 0, 255), rgb(0, 128, 0)'},
  {at: 0.2, expect: 'rgb(255, 0, 0), rgb(51, 0, 204), rgb(51, 102, 0)'},
  {at: 0.6, expect: 'rgb(255, 0, 0), rgb(153, 0, 102), rgb(153, 51, 0)'},
  {at: 1, expect: 'rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0)'},
  {at: 1.5, expect: 'rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0)'},
]);
</script>
</body>