beenull/ladybird
1
0
Fork 0
mirror of https://github.com/LadybirdBrowser/ladybird.git synced 2024-11-25 00:50:22 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 7

Tests: Import WPT tests from css/css-backgrounds/animation

Browse source 
These give us some basic coverage of backgrounds, borders and animation
mechanisms.
This commit is contained in:
Andreas Kling 2024-11-07 17:45:43 +01:00 committed by Andreas Kling
parent 5bdbc34a63
commit 87dd8714c5
Notes: github-actions[bot] 2024-11-07 21:51:28 +00:00 
Author: https://github.com/awesomekling
Commit: https://github.com/LadybirdBrowser/ladybird/commit/87dd8714c55
Pull-request: https://github.com/LadybirdBrowser/ladybird/pull/2213
62 changed files with 8867 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

183
Tests/LibWeb/Text/expected/wpt-import/css/css-backgrounds/animations/background-color-interpolation.txt Normal file
View file

@ -0,0 +1,183 @@
Summary
Harness status: OK
Rerun
Found 172 tests
50 Pass
122 Fail
Details
Result Test Name MessageFail CSS Transitions: property <background-color> from neutral to [green] at (-0.3) should be [rgb(0, 0, 0)]
Fail CSS Transitions: property <background-color> from neutral to [green] at (0) should be [rgb(0, 0, 0)]
Fail CSS Transitions: property <background-color> from neutral to [green] at (0.3) should be [rgb(0, 38, 0)]
Fail CSS Transitions: property <background-color> from neutral to [green] at (0.6) should be [rgb(0, 77, 0)]
Pass CSS Transitions: property <background-color> from neutral to [green] at (1) should be [rgb(0, 128, 0)]
Fail CSS Transitions: property <background-color> from neutral to [green] at (1.5) should be [rgb(0, 192, 0)]
Fail CSS Transitions with transition: all: property <background-color> from neutral to [green] at (-0.3) should be [rgb(0, 0, 0)]
Fail CSS Transitions with transition: all: property <background-color> from neutral to [green] at (0) should be [rgb(0, 0, 0)]
Fail CSS Transitions with transition: all: property <background-color> from neutral to [green] at (0.3) should be [rgb(0, 38, 0)]
Fail CSS Transitions with transition: all: property <background-color> from neutral to [green] at (0.6) should be [rgb(0, 77, 0)]
Pass CSS Transitions with transition: all: property <background-color> from neutral to [green] at (1) should be [rgb(0, 128, 0)]
Fail CSS Transitions with transition: all: property <background-color> from neutral to [green] at (1.5) should be [rgb(0, 192, 0)]
Fail CSS Animations: property <background-color> from neutral to [green] at (-0.3) should be [rgb(0, 0, 0)]
Pass CSS Animations: property <background-color> from neutral to [green] at (0) should be [rgb(0, 0, 0)]
Fail CSS Animations: property <background-color> from neutral to [green] at (0.3) should be [rgb(0, 38, 0)]
Fail CSS Animations: property <background-color> from neutral to [green] at (0.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)]
Fail CSS Animations: property <background-color> from neutral to [green] at (1.5) should be [rgb(0, 192, 0)]
Fail Web Animations: property <background-color> from neutral to [green] at (-0.3) should be [rgb(0, 0, 0)]
Pass Web Animations: property <background-color> from neutral to [green] at (0) should be [rgb(0, 0, 0)]
Fail Web Animations: property <background-color> from neutral to [green] at (0.3) should be [rgb(0, 38, 0)]
Fail Web Animations: property <background-color> from neutral to [green] at (0.6) should be [rgb(0, 77, 0)]
Pass Web Animations: property <background-color> from neutral to [green] at (1) should be [rgb(0, 128, 0)]
Fail Web Animations: property <background-color> from neutral to [green] at (1.5) should be [rgb(0, 192, 0)]
Fail CSS Transitions: property <background-color> from [initial] to [green] at (-0.3) should be [rgba(0, 0, 0, 0)]
Fail CSS Transitions: property <background-color> from [initial] to [green] at (0) should be [rgba(0, 0, 0, 0)]
Fail CSS Transitions: property <background-color> from [initial] to [green] at (0.3) should be [rgba(0, 128, 0, 0.3)]
Fail CSS Transitions: property <background-color> from [initial] to [green] at (0.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)]
Fail CSS Transitions: property <background-color> from [initial] to [green] at (1.5) should be [rgb(0, 192, 0)]
Fail CSS Transitions with transition: all: property <background-color> from [initial] to [green] at (-0.3) should be [rgba(0, 0, 0, 0)]
Fail CSS Transitions with transition: all: property <background-color> from [initial] to [green] at (0) should be [rgba(0, 0, 0, 0)]
Fail CSS Transitions with transition: all: property <background-color> from [initial] to [green] at (0.3) should be [rgba(0, 128, 0, 0.3)]
Fail CSS Transitions with transition: all: property <background-color> from [initial] to [green] at (0.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)]
Fail 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)]
Fail CSS Animations: property <background-color> from [initial] to [green] at (0.3) should be [rgba(0, 128, 0, 0.3)]
Fail CSS Animations: property <background-color> from [initial] to [green] at (0.6) should be [rgba(0, 128, 0, 0.6)]
Pass CSS Animations: property <background-color> from [initial] to [green] at (1) should be [rgb(0, 128, 0)]
Fail CSS Animations: property <background-color> from [initial] to [green] at (1.5) should be [rgb(0, 192, 0)]
Pass Web Animations: property <background-color> from [initial] to [green] at (-0.3) should be [rgba(0, 0, 0, 0)]
Pass Web Animations: property <background-color> from [initial] to [green] at (0) should be [rgba(0, 0, 0, 0)]
Fail Web Animations: property <background-color> from [initial] to [green] at (0.3) should be [rgba(0, 128, 0, 0.3)]
Fail Web Animations: property <background-color> from [initial] to [green] at (0.6) should be [rgba(0, 128, 0, 0.6)]
Pass Web Animations: property <background-color> from [initial] to [green] at (1) should be [rgb(0, 128, 0)]
Fail Web Animations: property <background-color> from [initial] to [green] at (1.5) should be [rgb(0, 192, 0)]
Fail CSS Transitions: property <background-color> from [inherit] to [green] at (-0.3) should be [rgb(255, 255, 255)]
Fail CSS Transitions: property <background-color> from [inherit] to [green] at (0) should be [rgb(238, 238, 238)]
Fail CSS Transitions: property <background-color> from [inherit] to [green] at (0.3) should be [rgb(167, 205, 167)]
Fail CSS Transitions: property <background-color> from [inherit] to [green] at (0.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)]
Fail CSS Transitions: property <background-color> from [inherit] to [green] at (1.5) should be [rgb(0, 73, 0)]
Fail CSS Transitions with transition: all: property <background-color> from [inherit] to [green] at (-0.3) should be [rgb(255, 255, 255)]
Fail CSS Transitions with transition: all: property <background-color> from [inherit] to [green] at (0) should be [rgb(238, 238, 238)]
Fail CSS Transitions with transition: all: property <background-color> from [inherit] to [green] at (0.3) should be [rgb(167, 205, 167)]
Fail CSS Transitions with transition: all: property <background-color> from [inherit] to [green] at (0.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)]
Fail CSS Transitions with transition: all: property <background-color> from [inherit] to [green] at (1.5) should be [rgb(0, 73, 0)]
Fail 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)]
Fail CSS Animations: property <background-color> from [inherit] to [green] at (0.3) should be [rgb(167, 205, 167)]
Fail CSS Animations: property <background-color> from [inherit] to [green] at (0.6) should be [rgb(95, 172, 95)]
Pass CSS Animations: property <background-color> from [inherit] to [green] at (1) should be [rgb(0, 128, 0)]
Fail CSS Animations: property <background-color> from [inherit] to [green] at (1.5) should be [rgb(0, 73, 0)]
Fail Web Animations: property <background-color> from [inherit] to [green] at (-0.3) should be [rgb(255, 255, 255)]
Pass Web Animations: property <background-color> from [inherit] to [green] at (0) should be [rgb(238, 238, 238)]
Fail Web Animations: property <background-color> from [inherit] to [green] at (0.3) should be [rgb(167, 205, 167)]
Fail Web Animations: property <background-color> from [inherit] to [green] at (0.6) should be [rgb(95, 172, 95)]
Pass Web Animations: property <background-color> from [inherit] to [green] at (1) should be [rgb(0, 128, 0)]
Fail Web Animations: property <background-color> from [inherit] to [green] at (1.5) should be [rgb(0, 73, 0)]
Fail CSS Transitions: property <background-color> from [unset] to [green] at (-0.3) should be [rgba(0, 0, 0, 0)]
Fail CSS Transitions: property <background-color> from [unset] to [green] at (0) should be [rgba(0, 0, 0, 0)]
Fail CSS Transitions: property <background-color> from [unset] to [green] at (0.3) should be [rgba(0, 128, 0, 0.3)]
Fail CSS Transitions: property <background-color> from [unset] to [green] at (0.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)]
Fail CSS Transitions: property <background-color> from [unset] to [green] at (1.5) should be [rgb(0, 192, 0)]
Fail CSS Transitions with transition: all: property <background-color> from [unset] to [green] at (-0.3) should be [rgba(0, 0, 0, 0)]
Fail CSS Transitions with transition: all: property <background-color> from [unset] to [green] at (0) should be [rgba(0, 0, 0, 0)]
Fail CSS Transitions with transition: all: property <background-color> from [unset] to [green] at (0.3) should be [rgba(0, 128, 0, 0.3)]
Fail CSS Transitions with transition: all: property <background-color> from [unset] to [green] at (0.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)]
Fail 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)]
Fail CSS Animations: property <background-color> from [unset] to [green] at (0.3) should be [rgba(0, 128, 0, 0.3)]
Fail CSS Animations: property <background-color> from [unset] to [green] at (0.6) should be [rgba(0, 128, 0, 0.6)]
Pass CSS Animations: property <background-color> from [unset] to [green] at (1) should be [rgb(0, 128, 0)]
Fail CSS Animations: property <background-color> from [unset] to [green] at (1.5) should be [rgb(0, 192, 0)]
Pass Web Animations: property <background-color> from [unset] to [green] at (-0.3) should be [rgba(0, 0, 0, 0)]
Pass Web Animations: property <background-color> from [unset] to [green] at (0) should be [rgba(0, 0, 0, 0)]
Fail Web Animations: property <background-color> from [unset] to [green] at (0.3) should be [rgba(0, 128, 0, 0.3)]
Fail Web Animations: property <background-color> from [unset] to [green] at (0.6) should be [rgba(0, 128, 0, 0.6)]
Pass Web Animations: property <background-color> from [unset] to [green] at (1) should be [rgb(0, 128, 0)]
Fail Web Animations: property <background-color> from [unset] to [green] at (1.5) should be [rgb(0, 192, 0)]
Fail CSS Transitions: property <background-color> from [white] to [orange] at (-0.3) should be [white]
Fail CSS Transitions: property <background-color> from [white] to [orange] at (0) should be [white]
Fail CSS Transitions: property <background-color> from [white] to [orange] at (0.3) should be [rgb(255, 228, 179)]
Fail CSS Transitions: property <background-color> from [white] to [orange] at (0.6) should be [rgb(255, 201, 102)]
Pass CSS Transitions: property <background-color> from [white] to [orange] at (1) should be [orange]
Fail CSS Transitions: property <background-color> from [white] to [orange] at (1.5) should be [rgb(255, 120, 0)]
Fail CSS Transitions with transition: all: property <background-color> from [white] to [orange] at (-0.3) should be [white]
Fail CSS Transitions with transition: all: property <background-color> from [white] to [orange] at (0) should be [white]
Fail CSS Transitions with transition: all: property <background-color> from [white] to [orange] at (0.3) should be [rgb(255, 228, 179)]
Fail CSS Transitions with transition: all: property <background-color> from [white] to [orange] at (0.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]
Fail 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]
Fail CSS Animations: property <background-color> from [white] to [orange] at (0.3) should be [rgb(255, 228, 179)]
Fail CSS Animations: property <background-color> from [white] to [orange] at (0.6) should be [rgb(255, 201, 102)]
Pass CSS Animations: property <background-color> from [white] to [orange] at (1) should be [orange]
Fail 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]
Pass Web Animations: property <background-color> from [white] to [orange] at (0) should be [white]
Fail Web Animations: property <background-color> from [white] to [orange] at (0.3) should be [rgb(255, 228, 179)]
Fail Web Animations: property <background-color> from [white] to [orange] at (0.6) should be [rgb(255, 201, 102)]
Pass Web Animations: property <background-color> from [white] to [orange] at (1) should be [orange]
Fail Web Animations: property <background-color> from [white] to [orange] at (1.5) should be [rgb(255, 120, 0)]
Fail CSS Transitions: property <background-color> from [transparent] to [green] at (-0.3) should be [rgba(0, 0, 0, 0)]
Fail CSS Transitions: property <background-color> from [transparent] to [green] at (0) should be [rgba(0, 0, 0, 0)]
Fail CSS Transitions: property <background-color> from [transparent] to [green] at (0.3) should be [rgba(0, 128, 0, 0.3)]
Fail CSS Transitions: property <background-color> from [transparent] to [green] at (0.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)]
Fail CSS Transitions: property <background-color> from [transparent] to [green] at (1.5) should be [rgb(0, 192, 0)]
Fail CSS Transitions with transition: all: property <background-color> from [transparent] to [green] at (-0.3) should be [rgba(0, 0, 0, 0)]
Fail CSS Transitions with transition: all: property <background-color> from [transparent] to [green] at (0) should be [rgba(0, 0, 0, 0)]
Fail CSS Transitions with transition: all: property <background-color> from [transparent] to [green] at (0.3) should be [rgba(0, 128, 0, 0.3)]
Fail CSS Transitions with transition: all: property <background-color> from [transparent] to [green] at (0.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)]
Fail 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)]
Fail CSS Animations: property <background-color> from [transparent] to [green] at (0.3) should be [rgba(0, 128, 0, 0.3)]
Fail CSS Animations: property <background-color> from [transparent] to [green] at (0.6) should be [rgba(0, 128, 0, 0.6)]
Pass CSS Animations: property <background-color> from [transparent] to [green] at (1) should be [rgb(0, 128, 0)]
Fail CSS Animations: property <background-color> from [transparent] to [green] at (1.5) should be [rgb(0, 192, 0)]
Pass Web Animations: property <background-color> from [transparent] to [green] at (-0.3) should be [rgba(0, 0, 0, 0)]
Pass Web Animations: property <background-color> from [transparent] to [green] at (0) should be [rgba(0, 0, 0, 0)]
Fail Web Animations: property <background-color> from [transparent] to [green] at (0.3) should be [rgba(0, 128, 0, 0.3)]
Fail Web Animations: property <background-color> from [transparent] to [green] at (0.6) should be [rgba(0, 128, 0, 0.6)]
Pass Web Animations: property <background-color> from [transparent] to [green] at (1) should be [rgb(0, 128, 0)]
Fail Web Animations: property <background-color> from [transparent] to [green] at (1.5) should be [rgb(0, 192, 0)]
Fail CSS Transitions: property <background-color> from [currentcolor] to [rgba(0, 255, 0, 0.75)] at (-0.5) should be [rgba(0, 0, 255, 0.38)]
Fail CSS Transitions: property <background-color> from [currentcolor] to [rgba(0, 255, 0, 0.75)] at (0) should be [rgba(0, 0, 255, 0.5)]
Fail CSS Transitions: property <background-color> from [currentcolor] to [rgba(0, 255, 0, 0.75)] at (0.25) should be [rgba(0, 85, 170, 0.56)]
Fail CSS Transitions: property <background-color> from [currentcolor] to [rgba(0, 255, 0, 0.75)] at (0.5) should be [rgba(0, 153, 102, 0.63)]
Fail 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)]
Pass CSS Transitions: property <background-color> from [currentcolor] to [rgba(0, 255, 0, 0.75)] at (1) should be [rgba(0, 255, 0, 0.75)]
Fail 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)]
Fail 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)]
Fail 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)]
Fail 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)]
Fail 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)]
Fail 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)]
Pass 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)]
Fail 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)]
Fail 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)]
Fail 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)]
Fail 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)]
Fail 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)]
Pass CSS Animations: property <background-color> from [currentcolor] to [rgba(0, 255, 0, 0.75)] at (1) should be [rgba(0, 255, 0, 0.75)]
Fail 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)]
Fail 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)]
Pass 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 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 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 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)]
Pass 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 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)]

11
Tests/LibWeb/Text/expected/wpt-import/css/css-backgrounds/animations/background-color-transition-colormix.txt Normal file
View file

@ -0,0 +1,11 @@
Summary
Harness status: OK
Rerun
Found 1 tests
1 Fail
Details
Result Test Name MessageFail Transition with currentColor in color-mix

299
Tests/LibWeb/Text/expected/wpt-import/css/css-backgrounds/animations/background-image-interpolation.txt Normal file
View file

@ -0,0 +1,299 @@
Summary
Harness status: OK
Rerun
Found 288 tests
18 Pass
270 Fail
Details
Result Test Name MessageFail CSS Transitions: property <background-image> from neutral to [url(../resources/green-100.png)] at (-0.3) should be [url(../resources/blue-100.png)]
Fail CSS Transitions: property <background-image> from neutral to [url(../resources/green-100.png)] at (0) should be [url(../resources/blue-100.png)]
Fail CSS Transitions: property <background-image> from neutral to [url(../resources/green-100.png)] at (0.3) should be [url(../resources/blue-100.png)]
Fail CSS Transitions: property <background-image> from neutral to [url(../resources/green-100.png)] at (0.6) should be [url(../resources/green-100.png)]
Fail CSS Transitions: property <background-image> from neutral to [url(../resources/green-100.png)] at (1) should be [url(../resources/green-100.png)]
Fail CSS Transitions: property <background-image> from neutral to [url(../resources/green-100.png)] at (1.5) should be [url(../resources/green-100.png)]
Fail CSS Transitions with transition: all: property <background-image> from neutral to [url(../resources/green-100.png)] at (-0.3) should be [url(../resources/blue-100.png)]
Fail CSS Transitions with transition: all: property <background-image> from neutral to [url(../resources/green-100.png)] at (0) should be [url(../resources/blue-100.png)]
Fail CSS Transitions with transition: all: property <background-image> from neutral to [url(../resources/green-100.png)] at (0.3) should be [url(../resources/blue-100.png)]
Fail CSS Transitions with transition: all: property <background-image> from neutral to [url(../resources/green-100.png)] at (0.6) should be [url(../resources/green-100.png)]
Fail CSS Transitions with transition: all: property <background-image> from neutral to [url(../resources/green-100.png)] at (1) should be [url(../resources/green-100.png)]
Fail CSS Transitions with transition: all: property <background-image> from neutral to [url(../resources/green-100.png)] at (1.5) should be [url(../resources/green-100.png)]
Fail CSS Animations: property <background-image> from neutral to [url(../resources/green-100.png)] at (-0.3) should be [url(../resources/blue-100.png)]
Fail CSS Animations: property <background-image> from neutral to [url(../resources/green-100.png)] at (0) should be [url(../resources/blue-100.png)]
Fail CSS Animations: property <background-image> from neutral to [url(../resources/green-100.png)] at (0.3) should be [url(../resources/blue-100.png)]
Fail CSS Animations: property <background-image> from neutral to [url(../resources/green-100.png)] at (0.6) should be [url(../resources/green-100.png)]
Fail CSS Animations: property <background-image> from neutral to [url(../resources/green-100.png)] at (1) should be [url(../resources/green-100.png)]
Fail CSS Animations: property <background-image> from neutral to [url(../resources/green-100.png)] at (1.5) should be [url(../resources/green-100.png)]
Fail Web Animations: property <background-image> from neutral to [url(../resources/green-100.png)] at (-0.3) should be [url(../resources/blue-100.png)]
Fail Web Animations: property <background-image> from neutral to [url(../resources/green-100.png)] at (0) should be [url(../resources/blue-100.png)]
Fail Web Animations: property <background-image> from neutral to [url(../resources/green-100.png)] at (0.3) should be [url(../resources/blue-100.png)]
Fail Web Animations: property <background-image> from neutral to [url(../resources/green-100.png)] at (0.6) should be [url(../resources/green-100.png)]
Fail Web Animations: property <background-image> from neutral to [url(../resources/green-100.png)] at (1) should be [url(../resources/green-100.png)]
Fail Web Animations: property <background-image> from neutral to [url(../resources/green-100.png)] at (1.5) should be [url(../resources/green-100.png)]
Fail CSS Transitions: property <background-image> from [initial] to [url(../resources/green-100.png)] at (-0.3) should be [none]
Fail CSS Transitions: property <background-image> from [initial] to [url(../resources/green-100.png)] at (0) should be [none]
Fail CSS Transitions: property <background-image> from [initial] to [url(../resources/green-100.png)] at (0.3) should be [none]
Fail CSS Transitions: property <background-image> from [initial] to [url(../resources/green-100.png)] at (0.6) should be [url(../resources/green-100.png)]
Fail CSS Transitions: property <background-image> from [initial] to [url(../resources/green-100.png)] at (1) should be [url(../resources/green-100.png)]
Fail CSS Transitions: property <background-image> from [initial] to [url(../resources/green-100.png)] at (1.5) should be [url(../resources/green-100.png)]
Fail CSS Transitions with transition: all: property <background-image> from [initial] to [url(../resources/green-100.png)] at (-0.3) should be [none]
Fail CSS Transitions with transition: all: property <background-image> from [initial] to [url(../resources/green-100.png)] at (0) should be [none]
Fail CSS Transitions with transition: all: property <background-image> from [initial] to [url(../resources/green-100.png)] at (0.3) should be [none]
Fail CSS Transitions with transition: all: property <background-image> from [initial] to [url(../resources/green-100.png)] at (0.6) should be [url(../resources/green-100.png)]
Fail CSS Transitions with transition: all: property <background-image> from [initial] to [url(../resources/green-100.png)] at (1) should be [url(../resources/green-100.png)]
Fail CSS Transitions with transition: all: property <background-image> from [initial] to [url(../resources/green-100.png)] at (1.5) should be [url(../resources/green-100.png)]
Fail CSS Animations: property <background-image> from [initial] to [url(../resources/green-100.png)] at (-0.3) should be [none]
Fail CSS Animations: property <background-image> from [initial] to [url(../resources/green-100.png)] at (0) should be [none]
Fail CSS Animations: property <background-image> from [initial] to [url(../resources/green-100.png)] at (0.3) should be [none]
Fail CSS Animations: property <background-image> from [initial] to [url(../resources/green-100.png)] at (0.6) should be [url(../resources/green-100.png)]
Fail CSS Animations: property <background-image> from [initial] to [url(../resources/green-100.png)] at (1) should be [url(../resources/green-100.png)]
Fail CSS Animations: property <background-image> from [initial] to [url(../resources/green-100.png)] at (1.5) should be [url(../resources/green-100.png)]
Fail Web Animations: property <background-image> from [initial] to [url(../resources/green-100.png)] at (-0.3) should be [none]
Fail Web Animations: property <background-image> from [initial] to [url(../resources/green-100.png)] at (0) should be [none]
Fail Web Animations: property <background-image> from [initial] to [url(../resources/green-100.png)] at (0.3) should be [none]
Fail Web Animations: property <background-image> from [initial] to [url(../resources/green-100.png)] at (0.6) should be [url(../resources/green-100.png)]
Fail Web Animations: property <background-image> from [initial] to [url(../resources/green-100.png)] at (1) should be [url(../resources/green-100.png)]
Fail Web Animations: property <background-image> from [initial] to [url(../resources/green-100.png)] at (1.5) should be [url(../resources/green-100.png)]
Fail CSS Transitions: property <background-image> from [inherit] to [url(../resources/green-100.png)] at (-0.3) should be [url(../resources/blue-100.png)]
Fail CSS Transitions: property <background-image> from [inherit] to [url(../resources/green-100.png)] at (0) should be [url(../resources/blue-100.png)]
Fail CSS Transitions: property <background-image> from [inherit] to [url(../resources/green-100.png)] at (0.3) should be [url(../resources/blue-100.png)]
Fail CSS Transitions: property <background-image> from [inherit] to [url(../resources/green-100.png)] at (0.6) should be [url(../resources/green-100.png)]
Fail CSS Transitions: property <background-image> from [inherit] to [url(../resources/green-100.png)] at (1) should be [url(../resources/green-100.png)]
Fail CSS Transitions: property <background-image> from [inherit] to [url(../resources/green-100.png)] at (1.5) should be [url(../resources/green-100.png)]
Fail CSS Transitions with transition: all: property <background-image> from [inherit] to [url(../resources/green-100.png)] at (-0.3) should be [url(../resources/blue-100.png)]
Fail CSS Transitions with transition: all: property <background-image> from [inherit] to [url(../resources/green-100.png)] at (0) should be [url(../resources/blue-100.png)]
Fail CSS Transitions with transition: all: property <background-image> from [inherit] to [url(../resources/green-100.png)] at (0.3) should be [url(../resources/blue-100.png)]
Fail CSS Transitions with transition: all: property <background-image> from [inherit] to [url(../resources/green-100.png)] at (0.6) should be [url(../resources/green-100.png)]
Fail CSS Transitions with transition: all: property <background-image> from [inherit] to [url(../resources/green-100.png)] at (1) should be [url(../resources/green-100.png)]
Fail CSS Transitions with transition: all: property <background-image> from [inherit] to [url(../resources/green-100.png)] at (1.5) should be [url(../resources/green-100.png)]
Fail CSS Animations: property <background-image> from [inherit] to [url(../resources/green-100.png)] at (-0.3) should be [url(../resources/blue-100.png)]
Fail CSS Animations: property <background-image> from [inherit] to [url(../resources/green-100.png)] at (0) should be [url(../resources/blue-100.png)]
Fail CSS Animations: property <background-image> from [inherit] to [url(../resources/green-100.png)] at (0.3) should be [url(../resources/blue-100.png)]
Fail CSS Animations: property <background-image> from [inherit] to [url(../resources/green-100.png)] at (0.6) should be [url(../resources/green-100.png)]
Fail CSS Animations: property <background-image> from [inherit] to [url(../resources/green-100.png)] at (1) should be [url(../resources/green-100.png)]
Fail CSS Animations: property <background-image> from [inherit] to [url(../resources/green-100.png)] at (1.5) should be [url(../resources/green-100.png)]
Fail Web Animations: property <background-image> from [inherit] to [url(../resources/green-100.png)] at (-0.3) should be [url(../resources/blue-100.png)]
Fail Web Animations: property <background-image> from [inherit] to [url(../resources/green-100.png)] at (0) should be [url(../resources/blue-100.png)]
Fail Web Animations: property <background-image> from [inherit] to [url(../resources/green-100.png)] at (0.3) should be [url(../resources/blue-100.png)]
Fail Web Animations: property <background-image> from [inherit] to [url(../resources/green-100.png)] at (0.6) should be [url(../resources/green-100.png)]
Fail Web Animations: property <background-image> from [inherit] to [url(../resources/green-100.png)] at (1) should be [url(../resources/green-100.png)]
Fail Web Animations: property <background-image> from [inherit] to [url(../resources/green-100.png)] at (1.5) should be [url(../resources/green-100.png)]
Fail CSS Transitions: property <background-image> from [unset] to [url(../resources/green-100.png)] at (-0.3) should be [none]
Fail CSS Transitions: property <background-image> from [unset] to [url(../resources/green-100.png)] at (0) should be [none]
Fail CSS Transitions: property <background-image> from [unset] to [url(../resources/green-100.png)] at (0.3) should be [none]
Fail CSS Transitions: property <background-image> from [unset] to [url(../resources/green-100.png)] at (0.6) should be [url(../resources/green-100.png)]
Fail CSS Transitions: property <background-image> from [unset] to [url(../resources/green-100.png)] at (1) should be [url(../resources/green-100.png)]
Fail CSS Transitions: property <background-image> from [unset] to [url(../resources/green-100.png)] at (1.5) should be [url(../resources/green-100.png)]
Fail CSS Transitions with transition: all: property <background-image> from [unset] to [url(../resources/green-100.png)] at (-0.3) should be [none]
Fail CSS Transitions with transition: all: property <background-image> from [unset] to [url(../resources/green-100.png)] at (0) should be [none]
Fail CSS Transitions with transition: all: property <background-image> from [unset] to [url(../resources/green-100.png)] at (0.3) should be [none]
Fail CSS Transitions with transition: all: property <background-image> from [unset] to [url(../resources/green-100.png)] at (0.6) should be [url(../resources/green-100.png)]
Fail CSS Transitions with transition: all: property <background-image> from [unset] to [url(../resources/green-100.png)] at (1) should be [url(../resources/green-100.png)]
Fail CSS Transitions with transition: all: property <background-image> from [unset] to [url(../resources/green-100.png)] at (1.5) should be [url(../resources/green-100.png)]
Fail CSS Animations: property <background-image> from [unset] to [url(../resources/green-100.png)] at (-0.3) should be [none]
Fail CSS Animations: property <background-image> from [unset] to [url(../resources/green-100.png)] at (0) should be [none]
Fail CSS Animations: property <background-image> from [unset] to [url(../resources/green-100.png)] at (0.3) should be [none]
Fail CSS Animations: property <background-image> from [unset] to [url(../resources/green-100.png)] at (0.6) should be [url(../resources/green-100.png)]
Fail CSS Animations: property <background-image> from [unset] to [url(../resources/green-100.png)] at (1) should be [url(../resources/green-100.png)]
Fail CSS Animations: property <background-image> from [unset] to [url(../resources/green-100.png)] at (1.5) should be [url(../resources/green-100.png)]
Fail Web Animations: property <background-image> from [unset] to [url(../resources/green-100.png)] at (-0.3) should be [none]
Fail Web Animations: property <background-image> from [unset] to [url(../resources/green-100.png)] at (0) should be [none]
Fail Web Animations: property <background-image> from [unset] to [url(../resources/green-100.png)] at (0.3) should be [none]
Fail Web Animations: property <background-image> from [unset] to [url(../resources/green-100.png)] at (0.6) should be [url(../resources/green-100.png)]
Fail Web Animations: property <background-image> from [unset] to [url(../resources/green-100.png)] at (1) should be [url(../resources/green-100.png)]
Fail Web Animations: property <background-image> from [unset] to [url(../resources/green-100.png)] at (1.5) should be [url(../resources/green-100.png)]
Fail CSS Transitions: property <background-image> from [url(../resources/blue-100.png)] to [url(../resources/green-100.png)] at (-0.3) should be [url(../resources/blue-100.png)]
Fail CSS Transitions: property <background-image> from [url(../resources/blue-100.png)] to [url(../resources/green-100.png)] at (0) should be [url(../resources/blue-100.png)]
Fail CSS Transitions: property <background-image> from [url(../resources/blue-100.png)] to [url(../resources/green-100.png)] at (0.3) should be [url(../resources/blue-100.png)]
Fail CSS Transitions: property <background-image> from [url(../resources/blue-100.png)] to [url(../resources/green-100.png)] at (0.6) should be [url(../resources/green-100.png)]
Fail CSS Transitions: property <background-image> from [url(../resources/blue-100.png)] to [url(../resources/green-100.png)] at (1) should be [url(../resources/green-100.png)]
Fail CSS Transitions: property <background-image> from [url(../resources/blue-100.png)] to [url(../resources/green-100.png)] at (1.5) should be [url(../resources/green-100.png)]
Fail CSS Transitions with transition: all: property <background-image> from [url(../resources/blue-100.png)] to [url(../resources/green-100.png)] at (-0.3) should be [url(../resources/blue-100.png)]
Fail CSS Transitions with transition: all: property <background-image> from [url(../resources/blue-100.png)] to [url(../resources/green-100.png)] at (0) should be [url(../resources/blue-100.png)]
Fail CSS Transitions with transition: all: property <background-image> from [url(../resources/blue-100.png)] to [url(../resources/green-100.png)] at (0.3) should be [url(../resources/blue-100.png)]
Fail CSS Transitions with transition: all: property <background-image> from [url(../resources/blue-100.png)] to [url(../resources/green-100.png)] at (0.6) should be [url(../resources/green-100.png)]
Fail CSS Transitions with transition: all: property <background-image> from [url(../resources/blue-100.png)] to [url(../resources/green-100.png)] at (1) should be [url(../resources/green-100.png)]
Fail CSS Transitions with transition: all: property <background-image> from [url(../resources/blue-100.png)] to [url(../resources/green-100.png)] at (1.5) should be [url(../resources/green-100.png)]
Fail CSS Animations: property <background-image> from [url(../resources/blue-100.png)] to [url(../resources/green-100.png)] at (-0.3) should be [url(../resources/blue-100.png)]
Fail CSS Animations: property <background-image> from [url(../resources/blue-100.png)] to [url(../resources/green-100.png)] at (0) should be [url(../resources/blue-100.png)]
Fail CSS Animations: property <background-image> from [url(../resources/blue-100.png)] to [url(../resources/green-100.png)] at (0.3) should be [url(../resources/blue-100.png)]
Fail CSS Animations: property <background-image> from [url(../resources/blue-100.png)] to [url(../resources/green-100.png)] at (0.6) should be [url(../resources/green-100.png)]
Fail CSS Animations: property <background-image> from [url(../resources/blue-100.png)] to [url(../resources/green-100.png)] at (1) should be [url(../resources/green-100.png)]
Fail CSS Animations: property <background-image> from [url(../resources/blue-100.png)] to [url(../resources/green-100.png)] at (1.5) should be [url(../resources/green-100.png)]
Fail Web Animations: property <background-image> from [url(../resources/blue-100.png)] to [url(../resources/green-100.png)] at (-0.3) should be [url(../resources/blue-100.png)]
Fail Web Animations: property <background-image> from [url(../resources/blue-100.png)] to [url(../resources/green-100.png)] at (0) should be [url(../resources/blue-100.png)]
Fail Web Animations: property <background-image> from [url(../resources/blue-100.png)] to [url(../resources/green-100.png)] at (0.3) should be [url(../resources/blue-100.png)]
Fail Web Animations: property <background-image> from [url(../resources/blue-100.png)] to [url(../resources/green-100.png)] at (0.6) should be [url(../resources/green-100.png)]
Fail Web Animations: property <background-image> from [url(../resources/blue-100.png)] to [url(../resources/green-100.png)] at (1) should be [url(../resources/green-100.png)]
Fail Web Animations: property <background-image> from [url(../resources/blue-100.png)] to [url(../resources/green-100.png)] at (1.5) should be [url(../resources/green-100.png)]
Fail CSS Transitions: property <background-image> from [url(../resources/blue-100.png)] to [linear-gradient(45deg, blue, orange)] at (-0.3) should be [url(../resources/blue-100.png)]
Fail CSS Transitions: property <background-image> from [url(../resources/blue-100.png)] to [linear-gradient(45deg, blue, orange)] at (0) should be [url(../resources/blue-100.png)]
Fail CSS Transitions: property <background-image> from [url(../resources/blue-100.png)] to [linear-gradient(45deg, blue, orange)] at (0.3) should be [url(../resources/blue-100.png)]
Fail CSS Transitions: property <background-image> from [url(../resources/blue-100.png)] to [linear-gradient(45deg, blue, orange)] at (0.6) should be [linear-gradient(45deg, blue, orange)]
Fail CSS Transitions: property <background-image> from [url(../resources/blue-100.png)] to [linear-gradient(45deg, blue, orange)] at (1) should be [linear-gradient(45deg, blue, orange)]
Fail CSS Transitions: property <background-image> from [url(../resources/blue-100.png)] to [linear-gradient(45deg, blue, orange)] at (1.5) should be [linear-gradient(45deg, blue, orange)]
Fail CSS Transitions with transition: all: property <background-image> from [url(../resources/blue-100.png)] to [linear-gradient(45deg, blue, orange)] at (-0.3) should be [url(../resources/blue-100.png)]
Fail CSS Transitions with transition: all: property <background-image> from [url(../resources/blue-100.png)] to [linear-gradient(45deg, blue, orange)] at (0) should be [url(../resources/blue-100.png)]
Fail CSS Transitions with transition: all: property <background-image> from [url(../resources/blue-100.png)] to [linear-gradient(45deg, blue, orange)] at (0.3) should be [url(../resources/blue-100.png)]
Fail CSS Transitions with transition: all: property <background-image> from [url(../resources/blue-100.png)] to [linear-gradient(45deg, blue, orange)] at (0.6) should be [linear-gradient(45deg, blue, orange)]
Fail CSS Transitions with transition: all: property <background-image> from [url(../resources/blue-100.png)] to [linear-gradient(45deg, blue, orange)] at (1) should be [linear-gradient(45deg, blue, orange)]
Fail CSS Transitions with transition: all: property <background-image> from [url(../resources/blue-100.png)] to [linear-gradient(45deg, blue, orange)] at (1.5) should be [linear-gradient(45deg, blue, orange)]
Fail CSS Animations: property <background-image> from [url(../resources/blue-100.png)] to [linear-gradient(45deg, blue, orange)] at (-0.3) should be [url(../resources/blue-100.png)]
Fail CSS Animations: property <background-image> from [url(../resources/blue-100.png)] to [linear-gradient(45deg, blue, orange)] at (0) should be [url(../resources/blue-100.png)]
Fail CSS Animations: property <background-image> from [url(../resources/blue-100.png)] to [linear-gradient(45deg, blue, orange)] at (0.3) should be [url(../resources/blue-100.png)]
Fail CSS Animations: property <background-image> from [url(../resources/blue-100.png)] to [linear-gradient(45deg, blue, orange)] at (0.6) should be [linear-gradient(45deg, blue, orange)]
Fail CSS Animations: property <background-image> from [url(../resources/blue-100.png)] to [linear-gradient(45deg, blue, orange)] at (1) should be [linear-gradient(45deg, blue, orange)]
Fail CSS Animations: property <background-image> from [url(../resources/blue-100.png)] to [linear-gradient(45deg, blue, orange)] at (1.5) should be [linear-gradient(45deg, blue, orange)]
Fail Web Animations: property <background-image> from [url(../resources/blue-100.png)] to [linear-gradient(45deg, blue, orange)] at (-0.3) should be [url(../resources/blue-100.png)]
Fail Web Animations: property <background-image> from [url(../resources/blue-100.png)] to [linear-gradient(45deg, blue, orange)] at (0) should be [url(../resources/blue-100.png)]
Fail Web Animations: property <background-image> from [url(../resources/blue-100.png)] to [linear-gradient(45deg, blue, orange)] at (0.3) should be [url(../resources/blue-100.png)]
Fail Web Animations: property <background-image> from [url(../resources/blue-100.png)] to [linear-gradient(45deg, blue, orange)] at (0.6) should be [linear-gradient(45deg, blue, orange)]
Fail Web Animations: property <background-image> from [url(../resources/blue-100.png)] to [linear-gradient(45deg, blue, orange)] at (1) should be [linear-gradient(45deg, blue, orange)]
Fail Web Animations: property <background-image> from [url(../resources/blue-100.png)] to [linear-gradient(45deg, blue, orange)] at (1.5) should be [linear-gradient(45deg, blue, orange)]
Fail CSS Transitions: property <background-image> from [url(../resources/blue-100.png)] to [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)] at (-0.3) should be [url(../resources/blue-100.png)]
Fail CSS Transitions: property <background-image> from [url(../resources/blue-100.png)] to [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)] at (0) should be [url(../resources/blue-100.png)]
Fail CSS Transitions: property <background-image> from [url(../resources/blue-100.png)] to [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)] at (0.3) should be [url(../resources/blue-100.png)]
Fail CSS Transitions: property <background-image> from [url(../resources/blue-100.png)] to [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)] at (0.6) should be [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)]
Fail CSS Transitions: property <background-image> from [url(../resources/blue-100.png)] to [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)] at (1) should be [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)]
Fail CSS Transitions: property <background-image> from [url(../resources/blue-100.png)] to [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)] at (1.5) should be [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)]
Fail CSS Transitions with transition: all: property <background-image> from [url(../resources/blue-100.png)] to [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)] at (-0.3) should be [url(../resources/blue-100.png)]
Fail CSS Transitions with transition: all: property <background-image> from [url(../resources/blue-100.png)] to [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)] at (0) should be [url(../resources/blue-100.png)]
Fail CSS Transitions with transition: all: property <background-image> from [url(../resources/blue-100.png)] to [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)] at (0.3) should be [url(../resources/blue-100.png)]
Fail CSS Transitions with transition: all: property <background-image> from [url(../resources/blue-100.png)] to [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)] at (0.6) should be [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)]
Fail CSS Transitions with transition: all: property <background-image> from [url(../resources/blue-100.png)] to [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)] at (1) should be [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)]
Fail CSS Transitions with transition: all: property <background-image> from [url(../resources/blue-100.png)] to [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)] at (1.5) should be [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)]
Fail CSS Animations: property <background-image> from [url(../resources/blue-100.png)] to [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)] at (-0.3) should be [url(../resources/blue-100.png)]
Fail CSS Animations: property <background-image> from [url(../resources/blue-100.png)] to [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)] at (0) should be [url(../resources/blue-100.png)]
Fail CSS Animations: property <background-image> from [url(../resources/blue-100.png)] to [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)] at (0.3) should be [url(../resources/blue-100.png)]
Fail CSS Animations: property <background-image> from [url(../resources/blue-100.png)] to [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)] at (0.6) should be [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)]
Fail CSS Animations: property <background-image> from [url(../resources/blue-100.png)] to [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)] at (1) should be [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)]
Fail CSS Animations: property <background-image> from [url(../resources/blue-100.png)] to [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)] at (1.5) should be [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)]
Fail Web Animations: property <background-image> from [url(../resources/blue-100.png)] to [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)] at (-0.3) should be [url(../resources/blue-100.png)]
Fail Web Animations: property <background-image> from [url(../resources/blue-100.png)] to [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)] at (0) should be [url(../resources/blue-100.png)]
Fail Web Animations: property <background-image> from [url(../resources/blue-100.png)] to [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)] at (0.3) should be [url(../resources/blue-100.png)]
Fail Web Animations: property <background-image> from [url(../resources/blue-100.png)] to [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)] at (0.6) should be [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)]
Fail Web Animations: property <background-image> from [url(../resources/blue-100.png)] to [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)] at (1) should be [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)]
Fail Web Animations: property <background-image> from [url(../resources/blue-100.png)] to [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)] at (1.5) should be [cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)]
Fail CSS Transitions: property <background-image> from [linear-gradient(-45deg, red, yellow)] to [linear-gradient(45deg, blue, orange)] at (-0.3) should be [linear-gradient(-45deg, red, yellow)]
Fail CSS Transitions: property <background-image> from [linear-gradient(-45deg, red, yellow)] to [linear-gradient(45deg, blue, orange)] at (0) should be [linear-gradient(-45deg, red, yellow)]
Fail CSS Transitions: property <background-image> from [linear-gradient(-45deg, red, yellow)] to [linear-gradient(45deg, blue, orange)] at (0.3) should be [linear-gradient(-45deg, red, yellow)]
Pass CSS Transitions: property <background-image> from [linear-gradient(-45deg, red, yellow)] to [linear-gradient(45deg, blue, orange)] at (0.6) should be [linear-gradient(45deg, blue, orange)]
Pass CSS Transitions: property <background-image> from [linear-gradient(-45deg, red, yellow)] to [linear-gradient(45deg, blue, orange)] at (1) should be [linear-gradient(45deg, blue, orange)]
Pass CSS Transitions: property <background-image> from [linear-gradient(-45deg, red, yellow)] to [linear-gradient(45deg, blue, orange)] at (1.5) should be [linear-gradient(45deg, blue, orange)]
Fail CSS Transitions with transition: all: property <background-image> from [linear-gradient(-45deg, red, yellow)] to [linear-gradient(45deg, blue, orange)] at (-0.3) should be [linear-gradient(-45deg, red, yellow)]
Fail CSS Transitions with transition: all: property <background-image> from [linear-gradient(-45deg, red, yellow)] to [linear-gradient(45deg, blue, orange)] at (0) should be [linear-gradient(-45deg, red, yellow)]
Fail CSS Transitions with transition: all: property <background-image> from [linear-gradient(-45deg, red, yellow)] to [linear-gradient(45deg, blue, orange)] at (0.3) should be [linear-gradient(-45deg, red, yellow)]
Pass CSS Transitions with transition: all: property <background-image> from [linear-gradient(-45deg, red, yellow)] to [linear-gradient(45deg, blue, orange)] at (0.6) should be [linear-gradient(45deg, blue, orange)]
Pass CSS Transitions with transition: all: property <background-image> from [linear-gradient(-45deg, red, yellow)] to [linear-gradient(45deg, blue, orange)] at (1) should be [linear-gradient(45deg, blue, orange)]
Pass CSS Transitions with transition: all: property <background-image> from [linear-gradient(-45deg, red, yellow)] to [linear-gradient(45deg, blue, orange)] at (1.5) should be [linear-gradient(45deg, blue, orange)]
Pass CSS Animations: property <background-image> from [linear-gradient(-45deg, red, yellow)] to [linear-gradient(45deg, blue, orange)] at (-0.3) should be [linear-gradient(-45deg, red, yellow)]
Pass CSS Animations: property <background-image> from [linear-gradient(-45deg, red, yellow)] to [linear-gradient(45deg, blue, orange)] at (0) should be [linear-gradient(-45deg, red, yellow)]
Pass CSS Animations: property <background-image> from [linear-gradient(-45deg, red, yellow)] to [linear-gradient(45deg, blue, orange)] at (0.3) should be [linear-gradient(-45deg, red, yellow)]
Pass CSS Animations: property <background-image> from [linear-gradient(-45deg, red, yellow)] to [linear-gradient(45deg, blue, orange)] at (0.6) should be [linear-gradient(45deg, blue, orange)]
Pass CSS Animations: property <background-image> from [linear-gradient(-45deg, red, yellow)] to [linear-gradient(45deg, blue, orange)] at (1) should be [linear-gradient(45deg, blue, orange)]
Pass CSS Animations: property <background-image> from [linear-gradient(-45deg, red, yellow)] to [linear-gradient(45deg, blue, orange)] at (1.5) should be [linear-gradient(45deg, blue, orange)]
Pass Web Animations: property <background-image> from [linear-gradient(-45deg, red, yellow)] to [linear-gradient(45deg, blue, orange)] at (-0.3) should be [linear-gradient(-45deg, red, yellow)]
Pass Web Animations: property <background-image> from [linear-gradient(-45deg, red, yellow)] to [linear-gradient(45deg, blue, orange)] at (0) should be [linear-gradient(-45deg, red, yellow)]
Pass Web Animations: property <background-image> from [linear-gradient(-45deg, red, yellow)] to [linear-gradient(45deg, blue, orange)] at (0.3) should be [linear-gradient(-45deg, red, yellow)]
Pass Web Animations: property <background-image> from [linear-gradient(-45deg, red, yellow)] to [linear-gradient(45deg, blue, orange)] at (0.6) should be [linear-gradient(45deg, blue, orange)]
Pass Web Animations: property <background-image> from [linear-gradient(-45deg, red, yellow)] to [linear-gradient(45deg, blue, orange)] at (1) should be [linear-gradient(45deg, blue, orange)]
Pass Web Animations: property <background-image> from [linear-gradient(-45deg, red, yellow)] to [linear-gradient(45deg, blue, orange)] at (1.5) should be [linear-gradient(45deg, blue, orange)]
Fail CSS Transitions: property <background-image> from [none] to [url(../resources/green-100.png)] at (-0.3) should be [none]
Fail CSS Transitions: property <background-image> from [none] to [url(../resources/green-100.png)] at (0) should be [none]
Fail CSS Transitions: property <background-image> from [none] to [url(../resources/green-100.png)] at (0.3) should be [none]
Fail CSS Transitions: property <background-image> from [none] to [url(../resources/green-100.png)] at (0.6) should be [url(../resources/green-100.png)]
Fail CSS Transitions: property <background-image> from [none] to [url(../resources/green-100.png)] at (1) should be [url(../resources/green-100.png)]
Fail CSS Transitions: property <background-image> from [none] to [url(../resources/green-100.png)] at (1.5) should be [url(../resources/green-100.png)]
Fail CSS Transitions with transition: all: property <background-image> from [none] to [url(../resources/green-100.png)] at (-0.3) should be [none]
Fail CSS Transitions with transition: all: property <background-image> from [none] to [url(../resources/green-100.png)] at (0) should be [none]
Fail CSS Transitions with transition: all: property <background-image> from [none] to [url(../resources/green-100.png)] at (0.3) should be [none]
Fail CSS Transitions with transition: all: property <background-image> from [none] to [url(../resources/green-100.png)] at (0.6) should be [url(../resources/green-100.png)]
Fail CSS Transitions with transition: all: property <background-image> from [none] to [url(../resources/green-100.png)] at (1) should be [url(../resources/green-100.png)]
Fail CSS Transitions with transition: all: property <background-image> from [none] to [url(../resources/green-100.png)] at (1.5) should be [url(../resources/green-100.png)]
Fail CSS Animations: property <background-image> from [none] to [url(../resources/green-100.png)] at (-0.3) should be [none]
Fail CSS Animations: property <background-image> from [none] to [url(../resources/green-100.png)] at (0) should be [none]
Fail CSS Animations: property <background-image> from [none] to [url(../resources/green-100.png)] at (0.3) should be [none]
Fail CSS Animations: property <background-image> from [none] to [url(../resources/green-100.png)] at (0.6) should be [url(../resources/green-100.png)]
Fail CSS Animations: property <background-image> from [none] to [url(../resources/green-100.png)] at (1) should be [url(../resources/green-100.png)]
Fail CSS Animations: property <background-image> from [none] to [url(../resources/green-100.png)] at (1.5) should be [url(../resources/green-100.png)]
Fail Web Animations: property <background-image> from [none] to [url(../resources/green-100.png)] at (-0.3) should be [none]
Fail Web Animations: property <background-image> from [none] to [url(../resources/green-100.png)] at (0) should be [none]
Fail Web Animations: property <background-image> from [none] to [url(../resources/green-100.png)] at (0.3) should be [none]
Fail Web Animations: property <background-image> from [none] to [url(../resources/green-100.png)] at (0.6) should be [url(../resources/green-100.png)]
Fail Web Animations: property <background-image> from [none] to [url(../resources/green-100.png)] at (1) should be [url(../resources/green-100.png)]
Fail Web Animations: property <background-image> from [none] to [url(../resources/green-100.png)] at (1.5) should be [url(../resources/green-100.png)]
Fail CSS Transitions: property <background-image> from [url(../resources/stripes-100.png), url(../resources/blue-100.png)] to [url(../resources/blue-100.png), url(../resources/stripes-100.png)] at (-0.3) should be [url(../resources/stripes-100.png), url(../resources/blue-100.png)]
Fail CSS Transitions: property <background-image> from [url(../resources/stripes-100.png), url(../resources/blue-100.png)] to [url(../resources/blue-100.png), url(../resources/stripes-100.png)] at (0) should be [url(../resources/stripes-100.png), url(../resources/blue-100.png)]
Fail CSS Transitions: property <background-image> from [url(../resources/stripes-100.png), url(../resources/blue-100.png)] to [url(../resources/blue-100.png), url(../resources/stripes-100.png)] at (0.3) should be [url(../resources/stripes-100.png), url(../resources/blue-100.png)]
Fail CSS Transitions: property <background-image> from [url(../resources/stripes-100.png), url(../resources/blue-100.png)] to [url(../resources/blue-100.png), url(../resources/stripes-100.png)] at (0.6) should be [url(../resources/blue-100.png), url(../resources/stripes-100.png)]
Fail CSS Transitions: property <background-image> from [url(../resources/stripes-100.png), url(../resources/blue-100.png)] to [url(../resources/blue-100.png), url(../resources/stripes-100.png)] at (1) should be [url(../resources/blue-100.png), url(../resources/stripes-100.png)]
Fail CSS Transitions: property <background-image> from [url(../resources/stripes-100.png), url(../resources/blue-100.png)] to [url(../resources/blue-100.png), url(../resources/stripes-100.png)] at (1.5) should be [url(../resources/blue-100.png), url(../resources/stripes-100.png)]
Fail CSS Transitions with transition: all: property <background-image> from [url(../resources/stripes-100.png), url(../resources/blue-100.png)] to [url(../resources/blue-100.png), url(../resources/stripes-100.png)] at (-0.3) should be [url(../resources/stripes-100.png), url(../resources/blue-100.png)]
Fail CSS Transitions with transition: all: property <background-image> from [url(../resources/stripes-100.png), url(../resources/blue-100.png)] to [url(../resources/blue-100.png), url(../resources/stripes-100.png)] at (0) should be [url(../resources/stripes-100.png), url(../resources/blue-100.png)]
Fail CSS Transitions with transition: all: property <background-image> from [url(../resources/stripes-100.png), url(../resources/blue-100.png)] to [url(../resources/blue-100.png), url(../resources/stripes-100.png)] at (0.3) should be [url(../resources/stripes-100.png), url(../resources/blue-100.png)]
Fail CSS Transitions with transition: all: property <background-image> from [url(../resources/stripes-100.png), url(../resources/blue-100.png)] to [url(../resources/blue-100.png), url(../resources/stripes-100.png)] at (0.6) should be [url(../resources/blue-100.png), url(../resources/stripes-100.png)]
Fail CSS Transitions with transition: all: property <background-image> from [url(../resources/stripes-100.png), url(../resources/blue-100.png)] to [url(../resources/blue-100.png), url(../resources/stripes-100.png)] at (1) should be [url(../resources/blue-100.png), url(../resources/stripes-100.png)]
Fail CSS Transitions with transition: all: property <background-image> from [url(../resources/stripes-100.png), url(../resources/blue-100.png)] to [url(../resources/blue-100.png), url(../resources/stripes-100.png)] at (1.5) should be [url(../resources/blue-100.png), url(../resources/stripes-100.png)]
Fail CSS Animations: property <background-image> from [url(../resources/stripes-100.png), url(../resources/blue-100.png)] to [url(../resources/blue-100.png), url(../resources/stripes-100.png)] at (-0.3) should be [url(../resources/stripes-100.png), url(../resources/blue-100.png)]
Fail CSS Animations: property <background-image> from [url(../resources/stripes-100.png), url(../resources/blue-100.png)] to [url(../resources/blue-100.png), url(../resources/stripes-100.png)] at (0) should be [url(../resources/stripes-100.png), url(../resources/blue-100.png)]
Fail CSS Animations: property <background-image> from [url(../resources/stripes-100.png), url(../resources/blue-100.png)] to [url(../resources/blue-100.png), url(../resources/stripes-100.png)] at (0.3) should be [url(../resources/stripes-100.png), url(../resources/blue-100.png)]
Fail CSS Animations: property <background-image> from [url(../resources/stripes-100.png), url(../resources/blue-100.png)] to [url(../resources/blue-100.png), url(../resources/stripes-100.png)] at (0.6) should be [url(../resources/blue-100.png), url(../resources/stripes-100.png)]
Fail CSS Animations: property <background-image> from [url(../resources/stripes-100.png), url(../resources/blue-100.png)] to [url(../resources/blue-100.png), url(../resources/stripes-100.png)] at (1) should be [url(../resources/blue-100.png), url(../resources/stripes-100.png)]
Fail CSS Animations: property <background-image> from [url(../resources/stripes-100.png), url(../resources/blue-100.png)] to [url(../resources/blue-100.png), url(../resources/stripes-100.png)] at (1.5) should be [url(../resources/blue-100.png), url(../resources/stripes-100.png)]
Fail Web Animations: property <background-image> from [url(../resources/stripes-100.png), url(../resources/blue-100.png)] to [url(../resources/blue-100.png), url(../resources/stripes-100.png)] at (-0.3) should be [url(../resources/stripes-100.png), url(../resources/blue-100.png)]
Fail Web Animations: property <background-image> from [url(../resources/stripes-100.png), url(../resources/blue-100.png)] to [url(../resources/blue-100.png), url(../resources/stripes-100.png)] at (0) should be [url(../resources/stripes-100.png), url(../resources/blue-100.png)]
Fail Web Animations: property <background-image> from [url(../resources/stripes-100.png), url(../resources/blue-100.png)] to [url(../resources/blue-100.png), url(../resources/stripes-100.png)] at (0.3) should be [url(../resources/stripes-100.png), url(../resources/blue-100.png)]
Fail Web Animations: property <background-image> from [url(../resources/stripes-100.png), url(../resources/blue-100.png)] to [url(../resources/blue-100.png), url(../resources/stripes-100.png)] at (0.6) should be [url(../resources/blue-100.png), url(../resources/stripes-100.png)]
Fail Web Animations: property <background-image> from [url(../resources/stripes-100.png), url(../resources/blue-100.png)] to [url(../resources/blue-100.png), url(../resources/stripes-100.png)] at (1) should be [url(../resources/blue-100.png), url(../resources/stripes-100.png)]
Fail Web Animations: property <background-image> from [url(../resources/stripes-100.png), url(../resources/blue-100.png)] to [url(../resources/blue-100.png), url(../resources/stripes-100.png)] at (1.5) should be [url(../resources/blue-100.png), url(../resources/stripes-100.png)]
Fail CSS Transitions: property <background-image> from [url(../resources/blue-100.png)] to [url(../resources/stripes-100.png), url(../resources/green-100.png)] at (-0.3) should be [url(../resources/blue-100.png)]
Fail CSS Transitions: property <background-image> from [url(../resources/blue-100.png)] to [url(../resources/stripes-100.png), url(../resources/green-100.png)] at (0) should be [url(../resources/blue-100.png)]
Fail CSS Transitions: property <background-image> from [url(../resources/blue-100.png)] to [url(../resources/stripes-100.png), url(../resources/green-100.png)] at (0.3) should be [url(../resources/blue-100.png)]
Fail CSS Transitions: property <background-image> from [url(../resources/blue-100.png)] to [url(../resources/stripes-100.png), url(../resources/green-100.png)] at (0.6) should be [url(../resources/stripes-100.png), url(../resources/green-100.png)]
Fail CSS Transitions: property <background-image> from [url(../resources/blue-100.png)] to [url(../resources/stripes-100.png), url(../resources/green-100.png)] at (1) should be [url(../resources/stripes-100.png), url(../resources/green-100.png)]
Fail CSS Transitions: property <background-image> from [url(../resources/blue-100.png)] to [url(../resources/stripes-100.png), url(../resources/green-100.png)] at (1.5) should be [url(../resources/stripes-100.png), url(../resources/green-100.png)]
Fail CSS Transitions with transition: all: property <background-image> from [url(../resources/blue-100.png)] to [url(../resources/stripes-100.png), url(../resources/green-100.png)] at (-0.3) should be [url(../resources/blue-100.png)]
Fail CSS Transitions with transition: all: property <background-image> from [url(../resources/blue-100.png)] to [url(../resources/stripes-100.png), url(../resources/green-100.png)] at (0) should be [url(../resources/blue-100.png)]
Fail CSS Transitions with transition: all: property <background-image> from [url(../resources/blue-100.png)] to [url(../resources/stripes-100.png), url(../resources/green-100.png)] at (0.3) should be [url(../resources/blue-100.png)]
Fail CSS Transitions with transition: all: property <background-image> from [url(../resources/blue-100.png)] to [url(../resources/stripes-100.png), url(../resources/green-100.png)] at (0.6) should be [url(../resources/stripes-100.png), url(../resources/green-100.png)]
Fail CSS Transitions with transition: all: property <background-image> from [url(../resources/blue-100.png)] to [url(../resources/stripes-100.png), url(../resources/green-100.png)] at (1) should be [url(../resources/stripes-100.png), url(../resources/green-100.png)]
Fail CSS Transitions with transition: all: property <background-image> from [url(../resources/blue-100.png)] to [url(../resources/stripes-100.png), url(../resources/green-100.png)] at (1.5) should be [url(../resources/stripes-100.png), url(../resources/green-100.png)]
Fail CSS Animations: property <background-image> from [url(../resources/blue-100.png)] to [url(../resources/stripes-100.png), url(../resources/green-100.png)] at (-0.3) should be [url(../resources/blue-100.png)]
Fail CSS Animations: property <background-image> from [url(../resources/blue-100.png)] to [url(../resources/stripes-100.png), url(../resources/green-100.png)] at (0) should be [url(../resources/blue-100.png)]
Fail CSS Animations: property <background-image> from [url(../resources/blue-100.png)] to [url(../resources/stripes-100.png), url(../resources/green-100.png)] at (0.3) should be [url(../resources/blue-100.png)]
Fail CSS Animations: property <background-image> from [url(../resources/blue-100.png)] to [url(../resources/stripes-100.png), url(../resources/green-100.png)] at (0.6) should be [url(../resources/stripes-100.png), url(../resources/green-100.png)]
Fail CSS Animations: property <background-image> from [url(../resources/blue-100.png)] to [url(../resources/stripes-100.png), url(../resources/green-100.png)] at (1) should be [url(../resources/stripes-100.png), url(../resources/green-100.png)]
Fail CSS Animations: property <background-image> from [url(../resources/blue-100.png)] to [url(../resources/stripes-100.png), url(../resources/green-100.png)] at (1.5) should be [url(../resources/stripes-100.png), url(../resources/green-100.png)]
Fail Web Animations: property <background-image> from [url(../resources/blue-100.png)] to [url(../resources/stripes-100.png), url(../resources/green-100.png)] at (-0.3) should be [url(../resources/blue-100.png)]
Fail Web Animations: property <background-image> from [url(../resources/blue-100.png)] to [url(../resources/stripes-100.png), url(../resources/green-100.png)] at (0) should be [url(../resources/blue-100.png)]
Fail Web Animations: property <background-image> from [url(../resources/blue-100.png)] to [url(../resources/stripes-100.png), url(../resources/green-100.png)] at (0.3) should be [url(../resources/blue-100.png)]
Fail Web Animations: property <background-image> from [url(../resources/blue-100.png)] to [url(../resources/stripes-100.png), url(../resources/green-100.png)] at (0.6) should be [url(../resources/stripes-100.png), url(../resources/green-100.png)]
Fail Web Animations: property <background-image> from [url(../resources/blue-100.png)] to [url(../resources/stripes-100.png), url(../resources/green-100.png)] at (1) should be [url(../resources/stripes-100.png), url(../resources/green-100.png)]
Fail Web Animations: property <background-image> from [url(../resources/blue-100.png)] to [url(../resources/stripes-100.png), url(../resources/green-100.png)] at (1.5) should be [url(../resources/stripes-100.png), url(../resources/green-100.png)]
Fail CSS Transitions: property <background-image> from [url(../resources/blue-100.png), none] to [url(../resources/stripes-100.png), url(../resources/green-100.png)] at (-0.3) should be [url(../resources/blue-100.png), none]
Fail CSS Transitions: property <background-image> from [url(../resources/blue-100.png), none] to [url(../resources/stripes-100.png), url(../resources/green-100.png)] at (0) should be [url(../resources/blue-100.png), none]
Fail CSS Transitions: property <background-image> from [url(../resources/blue-100.png), none] to [url(../resources/stripes-100.png), url(../resources/green-100.png)] at (0.3) should be [url(../resources/blue-100.png), none]
Fail CSS Transitions: property <background-image> from [url(../resources/blue-100.png), none] to [url(../resources/stripes-100.png), url(../resources/green-100.png)] at (0.6) should be [url(../resources/stripes-100.png), url(../resources/green-100.png)]
Fail CSS Transitions: property <background-image> from [url(../resources/blue-100.png), none] to [url(../resources/stripes-100.png), url(../resources/green-100.png)] at (1) should be [url(../resources/stripes-100.png), url(../resources/green-100.png)]
Fail CSS Transitions: property <background-image> from [url(../resources/blue-100.png), none] to [url(../resources/stripes-100.png), url(../resources/green-100.png)] at (1.5) should be [url(../resources/stripes-100.png), url(../resources/green-100.png)]
Fail CSS Transitions with transition: all: property <background-image> from [url(../resources/blue-100.png), none] to [url(../resources/stripes-100.png), url(../resources/green-100.png)] at (-0.3) should be [url(../resources/blue-100.png), none]
Fail CSS Transitions with transition: all: property <background-image> from [url(../resources/blue-100.png), none] to [url(../resources/stripes-100.png), url(../resources/green-100.png)] at (0) should be [url(../resources/blue-100.png), none]
Fail CSS Transitions with transition: all: property <background-image> from [url(../resources/blue-100.png), none] to [url(../resources/stripes-100.png), url(../resources/green-100.png)] at (0.3) should be [url(../resources/blue-100.png), none]
Fail CSS Transitions with transition: all: property <background-image> from [url(../resources/blue-100.png), none] to [url(../resources/stripes-100.png), url(../resources/green-100.png)] at (0.6) should be [url(../resources/stripes-100.png), url(../resources/green-100.png)]
Fail CSS Transitions with transition: all: property <background-image> from [url(../resources/blue-100.png), none] to [url(../resources/stripes-100.png), url(../resources/green-100.png)] at (1) should be [url(../resources/stripes-100.png), url(../resources/green-100.png)]
Fail CSS Transitions with transition: all: property <background-image> from [url(../resources/blue-100.png), none] to [url(../resources/stripes-100.png), url(../resources/green-100.png)] at (1.5) should be [url(../resources/stripes-100.png), url(../resources/green-100.png)]
Fail CSS Animations: property <background-image> from [url(../resources/blue-100.png), none] to [url(../resources/stripes-100.png), url(../resources/green-100.png)] at (-0.3) should be [url(../resources/blue-100.png), none]
Fail CSS Animations: property <background-image> from [url(../resources/blue-100.png), none] to [url(../resources/stripes-100.png), url(../resources/green-100.png)] at (0) should be [url(../resources/blue-100.png), none]
Fail CSS Animations: property <background-image> from [url(../resources/blue-100.png), none] to [url(../resources/stripes-100.png), url(../resources/green-100.png)] at (0.3) should be [url(../resources/blue-100.png), none]
Fail CSS Animations: property <background-image> from [url(../resources/blue-100.png), none] to [url(../resources/stripes-100.png), url(../resources/green-100.png)] at (0.6) should be [url(../resources/stripes-100.png), url(../resources/green-100.png)]
Fail CSS Animations: property <background-image> from [url(../resources/blue-100.png), none] to [url(../resources/stripes-100.png), url(../resources/green-100.png)] at (1) should be [url(../resources/stripes-100.png), url(../resources/green-100.png)]
Fail CSS Animations: property <background-image> from [url(../resources/blue-100.png), none] to [url(../resources/stripes-100.png), url(../resources/green-100.png)] at (1.5) should be [url(../resources/stripes-100.png), url(../resources/green-100.png)]
Fail Web Animations: property <background-image> from [url(../resources/blue-100.png), none] to [url(../resources/stripes-100.png), url(../resources/green-100.png)] at (-0.3) should be [url(../resources/blue-100.png), none]
Fail Web Animations: property <background-image> from [url(../resources/blue-100.png), none] to [url(../resources/stripes-100.png), url(../resources/green-100.png)] at (0) should be [url(../resources/blue-100.png), none]
Fail Web Animations: property <background-image> from [url(../resources/blue-100.png), none] to [url(../resources/stripes-100.png), url(../resources/green-100.png)] at (0.3) should be [url(../resources/blue-100.png), none]
Fail Web Animations: property <background-image> from [url(../resources/blue-100.png), none] to [url(../resources/stripes-100.png), url(../resources/green-100.png)] at (0.6) should be [url(../resources/stripes-100.png), url(../resources/green-100.png)]
Fail Web Animations: property <background-image> from [url(../resources/blue-100.png), none] to [url(../resources/stripes-100.png), url(../resources/green-100.png)] at (1) should be [url(../resources/stripes-100.png), url(../resources/green-100.png)]
Fail Web Animations: property <background-image> from [url(../resources/blue-100.png), none] to [url(../resources/stripes-100.png), url(../resources/green-100.png)] at (1.5) should be [url(../resources/stripes-100.png), url(../resources/green-100.png)]

207
Tests/LibWeb/Text/expected/wpt-import/css/css-backgrounds/animations/background-position-interpolation.txt Normal file
View file

@ -0,0 +1,207 @@
Summary
Harness status: OK
Rerun
Found 196 tests
14 Pass
182 Fail
Details
Result Test Name MessageFail CSS Transitions: property <background-position> from neutral to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (-0.25) should be [30px 30px, 30px 30px, 30px 30px, 30px 30px]
Fail CSS Transitions: property <background-position> from neutral to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0) should be [40px 40px, 40px 40px, 40px 40px, 40px 40px]
Fail CSS Transitions: property <background-position> from neutral to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.25) should be [50px 50px, 50px 50px, 50px 50px, 50px 50px]
Fail CSS Transitions: property <background-position> from neutral to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.5) should be [60px 60px, 60px 60px, 60px 60px, 60px 60px]
Fail CSS Transitions: property <background-position> from neutral to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.75) should be [70px 70px, 70px 70px, 70px 70px, 70px 70px]
Pass CSS Transitions: property <background-position> from neutral to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1) should be [80px 80px, 80px 80px, 80px 80px, 80px 80px]
Fail CSS Transitions: property <background-position> from neutral to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1.25) should be [90px 90px, 90px 90px, 90px 90px, 90px 90px]
Fail CSS Transitions with transition: all: property <background-position> from neutral to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (-0.25) should be [30px 30px, 30px 30px, 30px 30px, 30px 30px]
Fail CSS Transitions with transition: all: property <background-position> from neutral to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0) should be [40px 40px, 40px 40px, 40px 40px, 40px 40px]
Fail CSS Transitions with transition: all: property <background-position> from neutral to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.25) should be [50px 50px, 50px 50px, 50px 50px, 50px 50px]
Fail CSS Transitions with transition: all: property <background-position> from neutral to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.5) should be [60px 60px, 60px 60px, 60px 60px, 60px 60px]
Fail CSS Transitions with transition: all: property <background-position> from neutral to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.75) should be [70px 70px, 70px 70px, 70px 70px, 70px 70px]
Pass CSS Transitions with transition: all: property <background-position> from neutral to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1) should be [80px 80px, 80px 80px, 80px 80px, 80px 80px]
Fail CSS Transitions with transition: all: property <background-position> from neutral to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1.25) should be [90px 90px, 90px 90px, 90px 90px, 90px 90px]
Fail CSS Animations: property <background-position> from neutral to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (-0.25) should be [30px 30px, 30px 30px, 30px 30px, 30px 30px]
Fail CSS Animations: property <background-position> from neutral to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0) should be [40px 40px, 40px 40px, 40px 40px, 40px 40px]
Fail CSS Animations: property <background-position> from neutral to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.25) should be [50px 50px, 50px 50px, 50px 50px, 50px 50px]
Fail CSS Animations: property <background-position> from neutral to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.5) should be [60px 60px, 60px 60px, 60px 60px, 60px 60px]
Fail CSS Animations: property <background-position> from neutral to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.75) should be [70px 70px, 70px 70px, 70px 70px, 70px 70px]
Pass CSS Animations: property <background-position> from neutral to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1) should be [80px 80px, 80px 80px, 80px 80px, 80px 80px]
Fail CSS Animations: property <background-position> from neutral to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1.25) should be [90px 90px, 90px 90px, 90px 90px, 90px 90px]
Fail Web Animations: property <background-position> from neutral to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (-0.25) should be [30px 30px, 30px 30px, 30px 30px, 30px 30px]
Fail Web Animations: property <background-position> from neutral to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0) should be [40px 40px, 40px 40px, 40px 40px, 40px 40px]
Fail Web Animations: property <background-position> from neutral to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.25) should be [50px 50px, 50px 50px, 50px 50px, 50px 50px]
Fail Web Animations: property <background-position> from neutral to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.5) should be [60px 60px, 60px 60px, 60px 60px, 60px 60px]
Fail Web Animations: property <background-position> from neutral to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.75) should be [70px 70px, 70px 70px, 70px 70px, 70px 70px]
Pass Web Animations: property <background-position> from neutral to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1) should be [80px 80px, 80px 80px, 80px 80px, 80px 80px]
Fail Web Animations: property <background-position> from neutral to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1.25) should be [90px 90px, 90px 90px, 90px 90px, 90px 90px]
Fail CSS Transitions: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (-0.25) should be [calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px)]
Fail CSS Transitions: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0) should be [0% 0%, 0% 0%, 0% 0%, 0% 0%]
Fail CSS Transitions: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.25) should be [calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px)]
Fail CSS Transitions: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.5) should be [calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px)]
Fail CSS Transitions: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.75) should be [calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px)]
Fail CSS Transitions: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1) should be [calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px)]
Fail CSS Transitions: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1.25) should be [calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px)]
Fail CSS Transitions with transition: all: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (-0.25) should be [calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px)]
Fail CSS Transitions with transition: all: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0) should be [0% 0%, 0% 0%, 0% 0%, 0% 0%]
Fail CSS Transitions with transition: all: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.25) should be [calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px)]
Fail CSS Transitions with transition: all: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.5) should be [calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px)]
Fail CSS Transitions with transition: all: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.75) should be [calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px)]
Fail CSS Transitions with transition: all: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1) should be [calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px)]
Fail CSS Transitions with transition: all: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1.25) should be [calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px)]
Fail CSS Animations: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (-0.25) should be [calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px)]
Fail CSS Animations: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0) should be [0% 0%, 0% 0%, 0% 0%, 0% 0%]
Fail CSS Animations: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.25) should be [calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px)]
Fail CSS Animations: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.5) should be [calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px)]
Fail CSS Animations: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.75) should be [calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px)]
Fail CSS Animations: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1) should be [calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px)]
Fail CSS Animations: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1.25) should be [calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px)]
Fail Web Animations: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (-0.25) should be [calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px)]
Fail Web Animations: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0) should be [0% 0%, 0% 0%, 0% 0%, 0% 0%]
Fail Web Animations: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.25) should be [calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px)]
Fail Web Animations: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.5) should be [calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px)]
Fail Web Animations: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.75) should be [calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px)]
Fail Web Animations: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1) should be [calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px)]
Fail Web Animations: property <background-position> from [initial] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1.25) should be [calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px)]
Fail CSS Transitions: property <background-position> from [inherit] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (-0.25) should be [55px 55px, 55px 55px, 55px 55px, 55px 55px]
Fail CSS Transitions: property <background-position> from [inherit] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0) should be [60px 60px, 60px 60px, 60px 60px, 60px 60px]
Fail CSS Transitions: property <background-position> from [inherit] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.25) should be [65px 65px, 65px 65px, 65px 65px, 65px 65px]
Fail CSS Transitions: property <background-position> from [inherit] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.5) should be [70px 70px, 70px 70px, 70px 70px, 70px 70px]
Fail CSS Transitions: property <background-position> from [inherit] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.75) should be [75px 75px, 75px 75px, 75px 75px, 75px 75px]
Pass CSS Transitions: property <background-position> from [inherit] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1) should be [80px 80px, 80px 80px, 80px 80px, 80px 80px]
Fail CSS Transitions: property <background-position> from [inherit] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1.25) should be [85px 85px, 85px 85px, 85px 85px, 85px 85px]
Fail CSS Transitions with transition: all: property <background-position> from [inherit] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (-0.25) should be [55px 55px, 55px 55px, 55px 55px, 55px 55px]
Fail CSS Transitions with transition: all: property <background-position> from [inherit] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0) should be [60px 60px, 60px 60px, 60px 60px, 60px 60px]
Fail CSS Transitions with transition: all: property <background-position> from [inherit] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.25) should be [65px 65px, 65px 65px, 65px 65px, 65px 65px]
Fail CSS Transitions with transition: all: property <background-position> from [inherit] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.5) should be [70px 70px, 70px 70px, 70px 70px, 70px 70px]
Fail CSS Transitions with transition: all: property <background-position> from [inherit] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.75) should be [75px 75px, 75px 75px, 75px 75px, 75px 75px]
Pass CSS Transitions with transition: all: property <background-position> from [inherit] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1) should be [80px 80px, 80px 80px, 80px 80px, 80px 80px]
Fail CSS Transitions with transition: all: property <background-position> from [inherit] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1.25) should be [85px 85px, 85px 85px, 85px 85px, 85px 85px]
Fail CSS Animations: property <background-position> from [inherit] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (-0.25) should be [55px 55px, 55px 55px, 55px 55px, 55px 55px]
Fail CSS Animations: property <background-position> from [inherit] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0) should be [60px 60px, 60px 60px, 60px 60px, 60px 60px]
Fail CSS Animations: property <background-position> from [inherit] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.25) should be [65px 65px, 65px 65px, 65px 65px, 65px 65px]
Fail CSS Animations: property <background-position> from [inherit] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.5) should be [70px 70px, 70px 70px, 70px 70px, 70px 70px]
Fail CSS Animations: property <background-position> from [inherit] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.75) should be [75px 75px, 75px 75px, 75px 75px, 75px 75px]
Pass CSS Animations: property <background-position> from [inherit] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1) should be [80px 80px, 80px 80px, 80px 80px, 80px 80px]
Fail CSS Animations: property <background-position> from [inherit] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1.25) should be [85px 85px, 85px 85px, 85px 85px, 85px 85px]
Fail Web Animations: property <background-position> from [inherit] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (-0.25) should be [55px 55px, 55px 55px, 55px 55px, 55px 55px]
Fail Web Animations: property <background-position> from [inherit] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0) should be [60px 60px, 60px 60px, 60px 60px, 60px 60px]
Fail Web Animations: property <background-position> from [inherit] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.25) should be [65px 65px, 65px 65px, 65px 65px, 65px 65px]
Fail Web Animations: property <background-position> from [inherit] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.5) should be [70px 70px, 70px 70px, 70px 70px, 70px 70px]
Fail Web Animations: property <background-position> from [inherit] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.75) should be [75px 75px, 75px 75px, 75px 75px, 75px 75px]
Pass Web Animations: property <background-position> from [inherit] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1) should be [80px 80px, 80px 80px, 80px 80px, 80px 80px]
Fail Web Animations: property <background-position> from [inherit] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1.25) should be [85px 85px, 85px 85px, 85px 85px, 85px 85px]
Fail CSS Transitions: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (-0.25) should be [calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px)]
Fail CSS Transitions: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0) should be [0% 0%, 0% 0%, 0% 0%, 0% 0%]
Fail CSS Transitions: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.25) should be [calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px)]
Fail CSS Transitions: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.5) should be [calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px)]
Fail CSS Transitions: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.75) should be [calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px)]
Fail CSS Transitions: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1) should be [calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px)]
Fail CSS Transitions: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1.25) should be [calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px)]
Fail CSS Transitions with transition: all: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (-0.25) should be [calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px)]
Fail CSS Transitions with transition: all: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0) should be [0% 0%, 0% 0%, 0% 0%, 0% 0%]
Fail CSS Transitions with transition: all: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.25) should be [calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px)]
Fail CSS Transitions with transition: all: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.5) should be [calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px)]
Fail CSS Transitions with transition: all: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.75) should be [calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px)]
Fail CSS Transitions with transition: all: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1) should be [calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px)]
Fail CSS Transitions with transition: all: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1.25) should be [calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px)]
Fail CSS Animations: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (-0.25) should be [calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px)]
Fail CSS Animations: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0) should be [0% 0%, 0% 0%, 0% 0%, 0% 0%]
Fail CSS Animations: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.25) should be [calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px)]
Fail CSS Animations: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.5) should be [calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px)]
Fail CSS Animations: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.75) should be [calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px)]
Fail CSS Animations: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1) should be [calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px)]
Fail CSS Animations: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1.25) should be [calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px)]
Fail Web Animations: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (-0.25) should be [calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px)]
Fail Web Animations: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0) should be [0% 0%, 0% 0%, 0% 0%, 0% 0%]
Fail Web Animations: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.25) should be [calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px)]
Fail Web Animations: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.5) should be [calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px)]
Fail Web Animations: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.75) should be [calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px)]
Fail Web Animations: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1) should be [calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px)]
Fail Web Animations: property <background-position> from [unset] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1.25) should be [calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px)]
Fail CSS Transitions: property <background-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (-0.25) should be [-20px -20px, -20px -20px, -20px -20px, -20px -20px]
Fail CSS Transitions: property <background-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0) should be [ 0px 0px, 0px 0px, 0px 0px, 0px 0px]
Fail CSS Transitions: property <background-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.25) should be [ 20px 20px, 20px 20px, 20px 20px, 20px 20px]
Fail CSS Transitions: property <background-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.5) should be [ 40px 40px, 40px 40px, 40px 40px, 40px 40px]
Fail CSS Transitions: property <background-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.75) should be [ 60px 60px, 60px 60px, 60px 60px, 60px 60px]
Pass CSS Transitions: property <background-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1) should be [ 80px 80px, 80px 80px, 80px 80px, 80px 80px]
Fail CSS Transitions: property <background-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1.25) should be [100px 100px, 100px 100px, 100px 100px, 100px 100px]
Fail CSS Transitions with transition: all: property <background-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (-0.25) should be [-20px -20px, -20px -20px, -20px -20px, -20px -20px]
Fail CSS Transitions with transition: all: property <background-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0) should be [ 0px 0px, 0px 0px, 0px 0px, 0px 0px]
Fail CSS Transitions with transition: all: property <background-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.25) should be [ 20px 20px, 20px 20px, 20px 20px, 20px 20px]
Fail CSS Transitions with transition: all: property <background-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.5) should be [ 40px 40px, 40px 40px, 40px 40px, 40px 40px]
Fail CSS Transitions with transition: all: property <background-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.75) should be [ 60px 60px, 60px 60px, 60px 60px, 60px 60px]
Pass CSS Transitions with transition: all: property <background-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1) should be [ 80px 80px, 80px 80px, 80px 80px, 80px 80px]
Fail CSS Transitions with transition: all: property <background-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1.25) should be [100px 100px, 100px 100px, 100px 100px, 100px 100px]
Fail CSS Animations: property <background-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (-0.25) should be [-20px -20px, -20px -20px, -20px -20px, -20px -20px]
Pass CSS Animations: property <background-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0) should be [ 0px 0px, 0px 0px, 0px 0px, 0px 0px]
Fail CSS Animations: property <background-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.25) should be [ 20px 20px, 20px 20px, 20px 20px, 20px 20px]
Fail CSS Animations: property <background-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.5) should be [ 40px 40px, 40px 40px, 40px 40px, 40px 40px]
Fail CSS Animations: property <background-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.75) should be [ 60px 60px, 60px 60px, 60px 60px, 60px 60px]
Pass CSS Animations: property <background-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1) should be [ 80px 80px, 80px 80px, 80px 80px, 80px 80px]
Fail CSS Animations: property <background-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1.25) should be [100px 100px, 100px 100px, 100px 100px, 100px 100px]
Fail Web Animations: property <background-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (-0.25) should be [-20px -20px, -20px -20px, -20px -20px, -20px -20px]
Pass Web Animations: property <background-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0) should be [ 0px 0px, 0px 0px, 0px 0px, 0px 0px]
Fail Web Animations: property <background-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.25) should be [ 20px 20px, 20px 20px, 20px 20px, 20px 20px]
Fail Web Animations: property <background-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.5) should be [ 40px 40px, 40px 40px, 40px 40px, 40px 40px]
Fail Web Animations: property <background-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (0.75) should be [ 60px 60px, 60px 60px, 60px 60px, 60px 60px]
Pass Web Animations: property <background-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1) should be [ 80px 80px, 80px 80px, 80px 80px, 80px 80px]
Fail Web Animations: property <background-position> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [80px 80px, 80px 80px, 80px 80px, 80px 80px] at (1.25) should be [100px 100px, 100px 100px, 100px 100px, 100px 100px]
Fail CSS Transitions: property <background-position> from [top 0px left 0px] to [left 80px top 80px] at (-0.25) should be [-20px -20px, -20px -20px, -20px -20px, -20px -20px]
Fail CSS Transitions: property <background-position> from [top 0px left 0px] to [left 80px top 80px] at (0) should be [ 0px 0px, 0px 0px, 0px 0px, 0px 0px]
Fail CSS Transitions: property <background-position> from [top 0px left 0px] to [left 80px top 80px] at (0.25) should be [ 20px 20px, 20px 20px, 20px 20px, 20px 20px]
Fail CSS Transitions: property <background-position> from [top 0px left 0px] to [left 80px top 80px] at (0.5) should be [ 40px 40px, 40px 40px, 40px 40px, 40px 40px]
Fail CSS Transitions: property <background-position> from [top 0px left 0px] to [left 80px top 80px] at (0.75) should be [ 60px 60px, 60px 60px, 60px 60px, 60px 60px]
Fail CSS Transitions: property <background-position> from [top 0px left 0px] to [left 80px top 80px] at (1) should be [ 80px 80px, 80px 80px, 80px 80px, 80px 80px]
Fail CSS Transitions: property <background-position> from [top 0px left 0px] to [left 80px top 80px] at (1.25) should be [100px 100px, 100px 100px, 100px 100px, 100px 100px]
Fail CSS Transitions with transition: all: property <background-position> from [top 0px left 0px] to [left 80px top 80px] at (-0.25) should be [-20px -20px, -20px -20px, -20px -20px, -20px -20px]
Fail CSS Transitions with transition: all: property <background-position> from [top 0px left 0px] to [left 80px top 80px] at (0) should be [ 0px 0px, 0px 0px, 0px 0px, 0px 0px]
Fail CSS Transitions with transition: all: property <background-position> from [top 0px left 0px] to [left 80px top 80px] at (0.25) should be [ 20px 20px, 20px 20px, 20px 20px, 20px 20px]
Fail CSS Transitions with transition: all: property <background-position> from [top 0px left 0px] to [left 80px top 80px] at (0.5) should be [ 40px 40px, 40px 40px, 40px 40px, 40px 40px]
Fail CSS Transitions with transition: all: property <background-position> from [top 0px left 0px] to [left 80px top 80px] at (0.75) should be [ 60px 60px, 60px 60px, 60px 60px, 60px 60px]
Fail CSS Transitions with transition: all: property <background-position> from [top 0px left 0px] to [left 80px top 80px] at (1) should be [ 80px 80px, 80px 80px, 80px 80px, 80px 80px]
Fail CSS Transitions with transition: all: property <background-position> from [top 0px left 0px] to [left 80px top 80px] at (1.25) should be [100px 100px, 100px 100px, 100px 100px, 100px 100px]
Fail CSS Animations: property <background-position> from [top 0px left 0px] to [left 80px top 80px] at (-0.25) should be [-20px -20px, -20px -20px, -20px -20px, -20px -20px]
Fail CSS Animations: property <background-position> from [top 0px left 0px] to [left 80px top 80px] at (0) should be [ 0px 0px, 0px 0px, 0px 0px, 0px 0px]
Fail CSS Animations: property <background-position> from [top 0px left 0px] to [left 80px top 80px] at (0.25) should be [ 20px 20px, 20px 20px, 20px 20px, 20px 20px]
Fail CSS Animations: property <background-position> from [top 0px left 0px] to [left 80px top 80px] at (0.5) should be [ 40px 40px, 40px 40px, 40px 40px, 40px 40px]
Fail CSS Animations: property <background-position> from [top 0px left 0px] to [left 80px top 80px] at (0.75) should be [ 60px 60px, 60px 60px, 60px 60px, 60px 60px]
Fail CSS Animations: property <background-position> from [top 0px left 0px] to [left 80px top 80px] at (1) should be [ 80px 80px, 80px 80px, 80px 80px, 80px 80px]
Fail CSS Animations: property <background-position> from [top 0px left 0px] to [left 80px top 80px] at (1.25) should be [100px 100px, 100px 100px, 100px 100px, 100px 100px]
Fail Web Animations: property <background-position> from [top 0px left 0px] to [left 80px top 80px] at (-0.25) should be [-20px -20px, -20px -20px, -20px -20px, -20px -20px]
Fail Web Animations: property <background-position> from [top 0px left 0px] to [left 80px top 80px] at (0) should be [ 0px 0px, 0px 0px, 0px 0px, 0px 0px]
Fail Web Animations: property <background-position> from [top 0px left 0px] to [left 80px top 80px] at (0.25) should be [ 20px 20px, 20px 20px, 20px 20px, 20px 20px]
Fail Web Animations: property <background-position> from [top 0px left 0px] to [left 80px top 80px] at (0.5) should be [ 40px 40px, 40px 40px, 40px 40px, 40px 40px]
Fail Web Animations: property <background-position> from [top 0px left 0px] to [left 80px top 80px] at (0.75) should be [ 60px 60px, 60px 60px, 60px 60px, 60px 60px]
Fail Web Animations: property <background-position> from [top 0px left 0px] to [left 80px top 80px] at (1) should be [ 80px 80px, 80px 80px, 80px 80px, 80px 80px]
Fail Web Animations: property <background-position> from [top 0px left 0px] to [left 80px top 80px] at (1.25) should be [100px 100px, 100px 100px, 100px 100px, 100px 100px]
Fail CSS Transitions: property <background-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (-0.25) should be [-10px -10px, 80px -20px, 0px -20px, 90px -10px]
Fail CSS Transitions: property <background-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (0) should be [ 0px 0px, 80px 0px, 0px 0px, 80px 0px]
Fail CSS Transitions: property <background-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (0.25) should be [ 10px 10px, 80px 20px, 0px 20px, 70px 10px]
Fail CSS Transitions: property <background-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (0.5) should be [ 20px 20px, 80px 40px, 0px 40px, 60px 20px]
Fail CSS Transitions: property <background-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (0.75) should be [ 30px 30px, 80px 60px, 0px 60px, 50px 30px]
Fail CSS Transitions: property <background-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (1) should be [ 40px 40px, 80px 80px, 0px 80px, 40px 40px]
Fail CSS Transitions: property <background-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (1.25) should be [ 50px 50px, 80px 100px, 0px 100px, 30px 50px]
Fail CSS Transitions with transition: all: property <background-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (-0.25) should be [-10px -10px, 80px -20px, 0px -20px, 90px -10px]
Fail CSS Transitions with transition: all: property <background-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (0) should be [ 0px 0px, 80px 0px, 0px 0px, 80px 0px]
Fail CSS Transitions with transition: all: property <background-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (0.25) should be [ 10px 10px, 80px 20px, 0px 20px, 70px 10px]
Fail CSS Transitions with transition: all: property <background-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (0.5) should be [ 20px 20px, 80px 40px, 0px 40px, 60px 20px]
Fail CSS Transitions with transition: all: property <background-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (0.75) should be [ 30px 30px, 80px 60px, 0px 60px, 50px 30px]
Fail CSS Transitions with transition: all: property <background-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (1) should be [ 40px 40px, 80px 80px, 0px 80px, 40px 40px]
Fail CSS Transitions with transition: all: property <background-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (1.25) should be [ 50px 50px, 80px 100px, 0px 100px, 30px 50px]
Fail CSS Animations: property <background-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (-0.25) should be [-10px -10px, 80px -20px, 0px -20px, 90px -10px]
Fail CSS Animations: property <background-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (0) should be [ 0px 0px, 80px 0px, 0px 0px, 80px 0px]
Fail CSS Animations: property <background-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (0.25) should be [ 10px 10px, 80px 20px, 0px 20px, 70px 10px]
Fail CSS Animations: property <background-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (0.5) should be [ 20px 20px, 80px 40px, 0px 40px, 60px 20px]
Fail CSS Animations: property <background-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (0.75) should be [ 30px 30px, 80px 60px, 0px 60px, 50px 30px]
Fail CSS Animations: property <background-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (1) should be [ 40px 40px, 80px 80px, 0px 80px, 40px 40px]
Fail CSS Animations: property <background-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (1.25) should be [ 50px 50px, 80px 100px, 0px 100px, 30px 50px]
Fail Web Animations: property <background-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (-0.25) should be [-10px -10px, 80px -20px, 0px -20px, 90px -10px]
Fail Web Animations: property <background-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (0) should be [ 0px 0px, 80px 0px, 0px 0px, 80px 0px]
Fail Web Animations: property <background-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (0.25) should be [ 10px 10px, 80px 20px, 0px 20px, 70px 10px]
Fail Web Animations: property <background-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (0.5) should be [ 20px 20px, 80px 40px, 0px 40px, 60px 20px]
Fail Web Animations: property <background-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (0.75) should be [ 30px 30px, 80px 60px, 0px 60px, 50px 30px]
Fail Web Animations: property <background-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (1) should be [ 40px 40px, 80px 80px, 0px 80px, 40px 40px]
Fail Web Animations: property <background-position> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (1.25) should be [ 50px 50px, 80px 100px, 0px 100px, 30px 50px]

291
Tests/LibWeb/Text/expected/wpt-import/css/css-backgrounds/animations/background-position-origin-interpolation.txt Normal file
View file

@ -0,0 +1,291 @@
Summary
Harness status: OK
Rerun
Found 280 tests
52 Pass
228 Fail
Details
Result Test Name MessageFail CSS Transitions: property <background-position> from neutral to [left 20px top 20px] at (0) should be [10px 10px]
Fail CSS Transitions: property <background-position> from neutral to [left 20px top 20px] at (0.25) should be [12.5px 12.5px]
Fail CSS Transitions: property <background-position> from neutral to [left 20px top 20px] at (0.5) should be [15px 15px]
Fail CSS Transitions: property <background-position> from neutral to [left 20px top 20px] at (0.75) should be [17.5px 17.5px]
Pass CSS Transitions: property <background-position> from neutral to [left 20px top 20px] at (1) should be [20px 20px]
Fail CSS Transitions with transition: all: property <background-position> from neutral to [left 20px top 20px] at (0) should be [10px 10px]
Fail CSS Transitions with transition: all: property <background-position> from neutral to [left 20px top 20px] at (0.25) should be [12.5px 12.5px]
Fail CSS Transitions with transition: all: property <background-position> from neutral to [left 20px top 20px] at (0.5) should be [15px 15px]
Fail CSS Transitions with transition: all: property <background-position> from neutral to [left 20px top 20px] at (0.75) should be [17.5px 17.5px]
Pass CSS Transitions with transition: all: property <background-position> from neutral to [left 20px top 20px] at (1) should be [20px 20px]
Fail CSS Animations: property <background-position> from neutral to [left 20px top 20px] at (0) should be [10px 10px]
Fail CSS Animations: property <background-position> from neutral to [left 20px top 20px] at (0.25) should be [12.5px 12.5px]
Fail CSS Animations: property <background-position> from neutral to [left 20px top 20px] at (0.5) should be [15px 15px]
Fail CSS Animations: property <background-position> from neutral to [left 20px top 20px] at (0.75) should be [17.5px 17.5px]
Pass CSS Animations: property <background-position> from neutral to [left 20px top 20px] at (1) should be [20px 20px]
Fail Web Animations: property <background-position> from neutral to [left 20px top 20px] at (0) should be [10px 10px]
Fail Web Animations: property <background-position> from neutral to [left 20px top 20px] at (0.25) should be [12.5px 12.5px]
Fail Web Animations: property <background-position> from neutral to [left 20px top 20px] at (0.5) should be [15px 15px]
Fail Web Animations: property <background-position> from neutral to [left 20px top 20px] at (0.75) should be [17.5px 17.5px]
Pass Web Animations: property <background-position> from neutral to [left 20px top 20px] at (1) should be [20px 20px]
Fail CSS Transitions: property <background-position> from [initial] to [left 20px top 20px] at (0) should be [0% 0%]
Fail CSS Transitions: property <background-position> from [initial] to [left 20px top 20px] at (0.25) should be [calc(0% + 5px) calc(0% + 5px)]
Fail CSS Transitions: property <background-position> from [initial] to [left 20px top 20px] at (0.5) should be [calc(0% + 10px) calc(0% + 10px)]
Fail CSS Transitions: property <background-position> from [initial] to [left 20px top 20px] at (0.75) should be [calc(0% + 15px) calc(0% + 15px)]
Fail CSS Transitions: property <background-position> from [initial] to [left 20px top 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)]
Fail CSS Transitions with transition: all: property <background-position> from [initial] to [left 20px top 20px] at (0) should be [0% 0%]
Fail CSS Transitions with transition: all: property <background-position> from [initial] to [left 20px top 20px] at (0.25) should be [calc(0% + 5px) calc(0% + 5px)]
Fail CSS Transitions with transition: all: property <background-position> from [initial] to [left 20px top 20px] at (0.5) should be [calc(0% + 10px) calc(0% + 10px)]
Fail CSS Transitions with transition: all: property <background-position> from [initial] to [left 20px top 20px] at (0.75) should be [calc(0% + 15px) calc(0% + 15px)]
Fail CSS Transitions with transition: all: property <background-position> from [initial] to [left 20px top 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)]
Pass CSS Animations: property <background-position> from [initial] to [left 20px top 20px] at (0) should be [0% 0%]
Fail CSS Animations: property <background-position> from [initial] to [left 20px top 20px] at (0.25) should be [calc(0% + 5px) calc(0% + 5px)]
Fail CSS Animations: property <background-position> from [initial] to [left 20px top 20px] at (0.5) should be [calc(0% + 10px) calc(0% + 10px)]
Fail CSS Animations: property <background-position> from [initial] to [left 20px top 20px] at (0.75) should be [calc(0% + 15px) calc(0% + 15px)]
Fail CSS Animations: property <background-position> from [initial] to [left 20px top 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)]
Pass Web Animations: property <background-position> from [initial] to [left 20px top 20px] at (0) should be [0% 0%]
Fail Web Animations: property <background-position> from [initial] to [left 20px top 20px] at (0.25) should be [calc(0% + 5px) calc(0% + 5px)]
Fail Web Animations: property <background-position> from [initial] to [left 20px top 20px] at (0.5) should be [calc(0% + 10px) calc(0% + 10px)]
Fail Web Animations: property <background-position> from [initial] to [left 20px top 20px] at (0.75) should be [calc(0% + 15px) calc(0% + 15px)]
Fail Web Animations: property <background-position> from [initial] to [left 20px top 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)]
Fail CSS Transitions: property <background-position> from [inherit] to [left 20px top 20px] at (0) should be [80px 80px]
Fail CSS Transitions: property <background-position> from [inherit] to [left 20px top 20px] at (0.25) should be [65px 65px]
Fail CSS Transitions: property <background-position> from [inherit] to [left 20px top 20px] at (0.5) should be [50px 50px]
Fail CSS Transitions: property <background-position> from [inherit] to [left 20px top 20px] at (0.75) should be [35px 35px]
Pass CSS Transitions: property <background-position> from [inherit] to [left 20px top 20px] at (1) should be [20px 20px]
Fail CSS Transitions with transition: all: property <background-position> from [inherit] to [left 20px top 20px] at (0) should be [80px 80px]
Fail CSS Transitions with transition: all: property <background-position> from [inherit] to [left 20px top 20px] at (0.25) should be [65px 65px]
Fail CSS Transitions with transition: all: property <background-position> from [inherit] to [left 20px top 20px] at (0.5) should be [50px 50px]
Fail CSS Transitions with transition: all: property <background-position> from [inherit] to [left 20px top 20px] at (0.75) should be [35px 35px]
Pass CSS Transitions with transition: all: property <background-position> from [inherit] to [left 20px top 20px] at (1) should be [20px 20px]
Pass CSS Animations: property <background-position> from [inherit] to [left 20px top 20px] at (0) should be [80px 80px]
Fail CSS Animations: property <background-position> from [inherit] to [left 20px top 20px] at (0.25) should be [65px 65px]
Fail CSS Animations: property <background-position> from [inherit] to [left 20px top 20px] at (0.5) should be [50px 50px]
Fail CSS Animations: property <background-position> from [inherit] to [left 20px top 20px] at (0.75) should be [35px 35px]
Pass CSS Animations: property <background-position> from [inherit] to [left 20px top 20px] at (1) should be [20px 20px]
Pass Web Animations: property <background-position> from [inherit] to [left 20px top 20px] at (0) should be [80px 80px]
Fail Web Animations: property <background-position> from [inherit] to [left 20px top 20px] at (0.25) should be [65px 65px]
Fail Web Animations: property <background-position> from [inherit] to [left 20px top 20px] at (0.5) should be [50px 50px]
Fail Web Animations: property <background-position> from [inherit] to [left 20px top 20px] at (0.75) should be [35px 35px]
Pass Web Animations: property <background-position> from [inherit] to [left 20px top 20px] at (1) should be [20px 20px]
Fail CSS Transitions: property <background-position> from [unset] to [left 20px top 20px] at (0) should be [0% 0%]
Fail CSS Transitions: property <background-position> from [unset] to [left 20px top 20px] at (0.25) should be [calc(0% + 5px) calc(0% + 5px)]
Fail CSS Transitions: property <background-position> from [unset] to [left 20px top 20px] at (0.5) should be [calc(0% + 10px) calc(0% + 10px)]
Fail CSS Transitions: property <background-position> from [unset] to [left 20px top 20px] at (0.75) should be [calc(0% + 15px) calc(0% + 15px)]
Fail CSS Transitions: property <background-position> from [unset] to [left 20px top 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)]
Fail CSS Transitions with transition: all: property <background-position> from [unset] to [left 20px top 20px] at (0) should be [0% 0%]
Fail CSS Transitions with transition: all: property <background-position> from [unset] to [left 20px top 20px] at (0.25) should be [calc(0% + 5px) calc(0% + 5px)]
Fail CSS Transitions with transition: all: property <background-position> from [unset] to [left 20px top 20px] at (0.5) should be [calc(0% + 10px) calc(0% + 10px)]
Fail CSS Transitions with transition: all: property <background-position> from [unset] to [left 20px top 20px] at (0.75) should be [calc(0% + 15px) calc(0% + 15px)]
Fail CSS Transitions with transition: all: property <background-position> from [unset] to [left 20px top 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)]
Pass CSS Animations: property <background-position> from [unset] to [left 20px top 20px] at (0) should be [0% 0%]
Fail CSS Animations: property <background-position> from [unset] to [left 20px top 20px] at (0.25) should be [calc(0% + 5px) calc(0% + 5px)]
Fail CSS Animations: property <background-position> from [unset] to [left 20px top 20px] at (0.5) should be [calc(0% + 10px) calc(0% + 10px)]
Fail CSS Animations: property <background-position> from [unset] to [left 20px top 20px] at (0.75) should be [calc(0% + 15px) calc(0% + 15px)]
Fail CSS Animations: property <background-position> from [unset] to [left 20px top 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)]
Pass Web Animations: property <background-position> from [unset] to [left 20px top 20px] at (0) should be [0% 0%]
Fail Web Animations: property <background-position> from [unset] to [left 20px top 20px] at (0.25) should be [calc(0% + 5px) calc(0% + 5px)]
Fail Web Animations: property <background-position> from [unset] to [left 20px top 20px] at (0.5) should be [calc(0% + 10px) calc(0% + 10px)]
Fail Web Animations: property <background-position> from [unset] to [left 20px top 20px] at (0.75) should be [calc(0% + 15px) calc(0% + 15px)]
Fail Web Animations: property <background-position> from [unset] to [left 20px top 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)]
Fail CSS Transitions: property <background-position> from [center center] to [left 20px top 20px] at (0) should be [50% 50%]
Fail CSS Transitions: property <background-position> from [center center] to [left 20px top 20px] at (0.25) should be [calc(5px + 37.5%) calc(5px + 37.5%)]
Fail CSS Transitions: property <background-position> from [center center] to [left 20px top 20px] at (0.5) should be [calc(10px + 25%) calc(10px + 25%)]
Fail CSS Transitions: property <background-position> from [center center] to [left 20px top 20px] at (0.75) should be [calc(15px + 12.5%) calc(15px + 12.5%)]
Fail CSS Transitions: property <background-position> from [center center] to [left 20px top 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)]
Fail CSS Transitions with transition: all: property <background-position> from [center center] to [left 20px top 20px] at (0) should be [50% 50%]
Fail CSS Transitions with transition: all: property <background-position> from [center center] to [left 20px top 20px] at (0.25) should be [calc(5px + 37.5%) calc(5px + 37.5%)]
Fail CSS Transitions with transition: all: property <background-position> from [center center] to [left 20px top 20px] at (0.5) should be [calc(10px + 25%) calc(10px + 25%)]
Fail CSS Transitions with transition: all: property <background-position> from [center center] to [left 20px top 20px] at (0.75) should be [calc(15px + 12.5%) calc(15px + 12.5%)]
Fail CSS Transitions with transition: all: property <background-position> from [center center] to [left 20px top 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)]
Pass CSS Animations: property <background-position> from [center center] to [left 20px top 20px] at (0) should be [50% 50%]
Fail CSS Animations: property <background-position> from [center center] to [left 20px top 20px] at (0.25) should be [calc(5px + 37.5%) calc(5px + 37.5%)]
Fail CSS Animations: property <background-position> from [center center] to [left 20px top 20px] at (0.5) should be [calc(10px + 25%) calc(10px + 25%)]
Fail CSS Animations: property <background-position> from [center center] to [left 20px top 20px] at (0.75) should be [calc(15px + 12.5%) calc(15px + 12.5%)]
Fail CSS Animations: property <background-position> from [center center] to [left 20px top 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)]
Pass Web Animations: property <background-position> from [center center] to [left 20px top 20px] at (0) should be [50% 50%]
Fail Web Animations: property <background-position> from [center center] to [left 20px top 20px] at (0.25) should be [calc(5px + 37.5%) calc(5px + 37.5%)]
Fail Web Animations: property <background-position> from [center center] to [left 20px top 20px] at (0.5) should be [calc(10px + 25%) calc(10px + 25%)]
Fail Web Animations: property <background-position> from [center center] to [left 20px top 20px] at (0.75) should be [calc(15px + 12.5%) calc(15px + 12.5%)]
Fail Web Animations: property <background-position> from [center center] to [left 20px top 20px] at (1) should be [calc(0% + 20px) calc(0% + 20px)]
Fail CSS Transitions: property <background-position> from [center center] to [center top 20px] at (0) should be [50% 50%]
Fail CSS Transitions: property <background-position> from [center center] to [center top 20px] at (0.25) should be [50% calc(5px + 37.5%)]
Fail CSS Transitions: property <background-position> from [center center] to [center top 20px] at (0.5) should be [50% calc(10px + 25%)]
Fail CSS Transitions: property <background-position> from [center center] to [center top 20px] at (0.75) should be [50% calc(15px + 12.5%)]
Fail CSS Transitions: property <background-position> from [center center] to [center top 20px] at (1) should be [50% calc(0% + 20px)]
Fail CSS Transitions with transition: all: property <background-position> from [center center] to [center top 20px] at (0) should be [50% 50%]
Fail CSS Transitions with transition: all: property <background-position> from [center center] to [center top 20px] at (0.25) should be [50% calc(5px + 37.5%)]
Fail CSS Transitions with transition: all: property <background-position> from [center center] to [center top 20px] at (0.5) should be [50% calc(10px + 25%)]
Fail CSS Transitions with transition: all: property <background-position> from [center center] to [center top 20px] at (0.75) should be [50% calc(15px + 12.5%)]
Fail CSS Transitions with transition: all: property <background-position> from [center center] to [center top 20px] at (1) should be [50% calc(0% + 20px)]
Pass CSS Animations: property <background-position> from [center center] to [center top 20px] at (0) should be [50% 50%]
Fail CSS Animations: property <background-position> from [center center] to [center top 20px] at (0.25) should be [50% calc(5px + 37.5%)]
Fail CSS Animations: property <background-position> from [center center] to [center top 20px] at (0.5) should be [50% calc(10px + 25%)]
Fail CSS Animations: property <background-position> from [center center] to [center top 20px] at (0.75) should be [50% calc(15px + 12.5%)]
Fail CSS Animations: property <background-position> from [center center] to [center top 20px] at (1) should be [50% calc(0% + 20px)]
Pass Web Animations: property <background-position> from [center center] to [center top 20px] at (0) should be [50% 50%]
Fail Web Animations: property <background-position> from [center center] to [center top 20px] at (0.25) should be [50% calc(5px + 37.5%)]
Fail Web Animations: property <background-position> from [center center] to [center top 20px] at (0.5) should be [50% calc(10px + 25%)]
Fail Web Animations: property <background-position> from [center center] to [center top 20px] at (0.75) should be [50% calc(15px + 12.5%)]
Fail Web Animations: property <background-position> from [center center] to [center top 20px] at (1) should be [50% calc(0% + 20px)]
Fail CSS Transitions: property <background-position> from [center center] to [right 20px top 20px] at (0) should be [50% 50%]
Fail CSS Transitions: property <background-position> from [center center] to [right 20px top 20px] at (0.25) should be [calc(-5px + 62.5%) calc(5px + 37.5%)]
Fail CSS Transitions: property <background-position> from [center center] to [right 20px top 20px] at (0.5) should be [calc(-10px + 75%) calc(10px + 25%)]
Fail CSS Transitions: property <background-position> from [center center] to [right 20px top 20px] at (0.75) should be [calc(-15px + 87.5%) calc(15px + 12.5%)]
Fail CSS Transitions: property <background-position> from [center center] to [right 20px top 20px] at (1) should be [calc(-20px + 100%) calc(0% + 20px)]
Fail CSS Transitions with transition: all: property <background-position> from [center center] to [right 20px top 20px] at (0) should be [50% 50%]
Fail CSS Transitions with transition: all: property <background-position> from [center center] to [right 20px top 20px] at (0.25) should be [calc(-5px + 62.5%) calc(5px + 37.5%)]
Fail CSS Transitions with transition: all: property <background-position> from [center center] to [right 20px top 20px] at (0.5) should be [calc(-10px + 75%) calc(10px + 25%)]
Fail CSS Transitions with transition: all: property <background-position> from [center center] to [right 20px top 20px] at (0.75) should be [calc(-15px + 87.5%) calc(15px + 12.5%)]
Fail CSS Transitions with transition: all: property <background-position> from [center center] to [right 20px top 20px] at (1) should be [calc(-20px + 100%) calc(0% + 20px)]
Pass CSS Animations: property <background-position> from [center center] to [right 20px top 20px] at (0) should be [50% 50%]
Fail CSS Animations: property <background-position> from [center center] to [right 20px top 20px] at (0.25) should be [calc(-5px + 62.5%) calc(5px + 37.5%)]
Fail CSS Animations: property <background-position> from [center center] to [right 20px top 20px] at (0.5) should be [calc(-10px + 75%) calc(10px + 25%)]
Fail CSS Animations: property <background-position> from [center center] to [right 20px top 20px] at (0.75) should be [calc(-15px + 87.5%) calc(15px + 12.5%)]
Fail CSS Animations: property <background-position> from [center center] to [right 20px top 20px] at (1) should be [calc(-20px + 100%) calc(0% + 20px)]
Pass Web Animations: property <background-position> from [center center] to [right 20px top 20px] at (0) should be [50% 50%]
Fail Web Animations: property <background-position> from [center center] to [right 20px top 20px] at (0.25) should be [calc(-5px + 62.5%) calc(5px + 37.5%)]
Fail Web Animations: property <background-position> from [center center] to [right 20px top 20px] at (0.5) should be [calc(-10px + 75%) calc(10px + 25%)]
Fail Web Animations: property <background-position> from [center center] to [right 20px top 20px] at (0.75) should be [calc(-15px + 87.5%) calc(15px + 12.5%)]
Fail Web Animations: property <background-position> from [center center] to [right 20px top 20px] at (1) should be [calc(-20px + 100%) calc(0% + 20px)]
Fail CSS Transitions: property <background-position> from [center center] to [left 20px center] at (0) should be [50% 50%]
Fail CSS Transitions: property <background-position> from [center center] to [left 20px center] at (0.25) should be [calc(5px + 37.5%) 50%]
Fail CSS Transitions: property <background-position> from [center center] to [left 20px center] at (0.5) should be [calc(10px + 25%) 50%]
Fail CSS Transitions: property <background-position> from [center center] to [left 20px center] at (0.75) should be [calc(15px + 12.5%) 50%]
Fail CSS Transitions: property <background-position> from [center center] to [left 20px center] at (1) should be [calc(0% + 20px) 50%]
Fail CSS Transitions with transition: all: property <background-position> from [center center] to [left 20px center] at (0) should be [50% 50%]
Fail CSS Transitions with transition: all: property <background-position> from [center center] to [left 20px center] at (0.25) should be [calc(5px + 37.5%) 50%]
Fail CSS Transitions with transition: all: property <background-position> from [center center] to [left 20px center] at (0.5) should be [calc(10px + 25%) 50%]
Fail CSS Transitions with transition: all: property <background-position> from [center center] to [left 20px center] at (0.75) should be [calc(15px + 12.5%) 50%]
Fail CSS Transitions with transition: all: property <background-position> from [center center] to [left 20px center] at (1) should be [calc(0% + 20px) 50%]
Pass CSS Animations: property <background-position> from [center center] to [left 20px center] at (0) should be [50% 50%]
Fail CSS Animations: property <background-position> from [center center] to [left 20px center] at (0.25) should be [calc(5px + 37.5%) 50%]
Fail CSS Animations: property <background-position> from [center center] to [left 20px center] at (0.5) should be [calc(10px + 25%) 50%]
Fail CSS Animations: property <background-position> from [center center] to [left 20px center] at (0.75) should be [calc(15px + 12.5%) 50%]
Fail CSS Animations: property <background-position> from [center center] to [left 20px center] at (1) should be [calc(0% + 20px) 50%]
Pass Web Animations: property <background-position> from [center center] to [left 20px center] at (0) should be [50% 50%]
Fail Web Animations: property <background-position> from [center center] to [left 20px center] at (0.25) should be [calc(5px + 37.5%) 50%]
Fail Web Animations: property <background-position> from [center center] to [left 20px center] at (0.5) should be [calc(10px + 25%) 50%]
Fail Web Animations: property <background-position> from [center center] to [left 20px center] at (0.75) should be [calc(15px + 12.5%) 50%]
Fail Web Animations: property <background-position> from [center center] to [left 20px center] at (1) should be [calc(0% + 20px) 50%]
Pass CSS Transitions: property <background-position> from [center center] to [center center] at (0) should be [50% 50%]
Pass CSS Transitions: property <background-position> from [center center] to [center center] at (0.25) should be [50% 50%]
Pass CSS Transitions: property <background-position> from [center center] to [center center] at (0.5) should be [50% 50%]
Pass CSS Transitions: property <background-position> from [center center] to [center center] at (0.75) should be [50% 50%]
Pass CSS Transitions: property <background-position> from [center center] to [center center] at (1) should be [50% 50%]
Pass CSS Transitions with transition: all: property <background-position> from [center center] to [center center] at (0) should be [50% 50%]
Pass CSS Transitions with transition: all: property <background-position> from [center center] to [center center] at (0.25) should be [50% 50%]
Pass CSS Transitions with transition: all: property <background-position> from [center center] to [center center] at (0.5) should be [50% 50%]
Pass CSS Transitions with transition: all: property <background-position> from [center center] to [center center] at (0.75) should be [50% 50%]
Pass CSS Transitions with transition: all: property <background-position> from [center center] to [center center] at (1) should be [50% 50%]
Pass CSS Animations: property <background-position> from [center center] to [center center] at (0) should be [50% 50%]
Pass CSS Animations: property <background-position> from [center center] to [center center] at (0.25) should be [50% 50%]
Pass CSS Animations: property <background-position> from [center center] to [center center] at (0.5) should be [50% 50%]
Pass CSS Animations: property <background-position> from [center center] to [center center] at (0.75) should be [50% 50%]
Pass CSS Animations: property <background-position> from [center center] to [center center] at (1) should be [50% 50%]
Pass Web Animations: property <background-position> from [center center] to [center center] at (0) should be [50% 50%]
Pass Web Animations: property <background-position> from [center center] to [center center] at (0.25) should be [50% 50%]
Pass Web Animations: property <background-position> from [center center] to [center center] at (0.5) should be [50% 50%]
Pass Web Animations: property <background-position> from [center center] to [center center] at (0.75) should be [50% 50%]
Pass Web Animations: property <background-position> from [center center] to [center center] at (1) should be [50% 50%]
Fail CSS Transitions: property <background-position> from [center center] to [right 20px center] at (0) should be [50% 50%]
Fail CSS Transitions: property <background-position> from [center center] to [right 20px center] at (0.25) should be [calc(-5px + 62.5%) 50%]
Fail CSS Transitions: property <background-position> from [center center] to [right 20px center] at (0.5) should be [calc(-10px + 75%) 50%]
Fail CSS Transitions: property <background-position> from [center center] to [right 20px center] at (0.75) should be [calc(-15px + 87.5%) 50%]
Fail CSS Transitions: property <background-position> from [center center] to [right 20px center] at (1) should be [calc(-20px + 100%) 50%]
Fail CSS Transitions with transition: all: property <background-position> from [center center] to [right 20px center] at (0) should be [50% 50%]
Fail CSS Transitions with transition: all: property <background-position> from [center center] to [right 20px center] at (0.25) should be [calc(-5px + 62.5%) 50%]
Fail CSS Transitions with transition: all: property <background-position> from [center center] to [right 20px center] at (0.5) should be [calc(-10px + 75%) 50%]
Fail CSS Transitions with transition: all: property <background-position> from [center center] to [right 20px center] at (0.75) should be [calc(-15px + 87.5%) 50%]
Fail CSS Transitions with transition: all: property <background-position> from [center center] to [right 20px center] at (1) should be [calc(-20px + 100%) 50%]
Pass CSS Animations: property <background-position> from [center center] to [right 20px center] at (0) should be [50% 50%]
Fail CSS Animations: property <background-position> from [center center] to [right 20px center] at (0.25) should be [calc(-5px + 62.5%) 50%]
Fail CSS Animations: property <background-position> from [center center] to [right 20px center] at (0.5) should be [calc(-10px + 75%) 50%]
Fail CSS Animations: property <background-position> from [center center] to [right 20px center] at (0.75) should be [calc(-15px + 87.5%) 50%]
Fail CSS Animations: property <background-position> from [center center] to [right 20px center] at (1) should be [calc(-20px + 100%) 50%]
Pass Web Animations: property <background-position> from [center center] to [right 20px center] at (0) should be [50% 50%]
Fail Web Animations: property <background-position> from [center center] to [right 20px center] at (0.25) should be [calc(-5px + 62.5%) 50%]
Fail Web Animations: property <background-position> from [center center] to [right 20px center] at (0.5) should be [calc(-10px + 75%) 50%]
Fail Web Animations: property <background-position> from [center center] to [right 20px center] at (0.75) should be [calc(-15px + 87.5%) 50%]
Fail Web Animations: property <background-position> from [center center] to [right 20px center] at (1) should be [calc(-20px + 100%) 50%]
Fail CSS Transitions: property <background-position> from [center center] to [left 20px bottom 20px] at (0) should be [50% 50%]
Fail CSS Transitions: property <background-position> from [center center] to [left 20px bottom 20px] at (0.25) should be [calc(5px + 37.5%) calc(-5px + 62.5%)]
Fail CSS Transitions: property <background-position> from [center center] to [left 20px bottom 20px] at (0.5) should be [calc(10px + 25%) calc(-10px + 75%)]
Fail CSS Transitions: property <background-position> from [center center] to [left 20px bottom 20px] at (0.75) should be [calc(15px + 12.5%) calc(-15px + 87.5%)]
Fail CSS Transitions: property <background-position> from [center center] to [left 20px bottom 20px] at (1) should be [calc(0% + 20px) calc(-20px + 100%)]
Fail CSS Transitions with transition: all: property <background-position> from [center center] to [left 20px bottom 20px] at (0) should be [50% 50%]
Fail CSS Transitions with transition: all: property <background-position> from [center center] to [left 20px bottom 20px] at (0.25) should be [calc(5px + 37.5%) calc(-5px + 62.5%)]
Fail CSS Transitions with transition: all: property <background-position> from [center center] to [left 20px bottom 20px] at (0.5) should be [calc(10px + 25%) calc(-10px + 75%)]
Fail CSS Transitions with transition: all: property <background-position> from [center center] to [left 20px bottom 20px] at (0.75) should be [calc(15px + 12.5%) calc(-15px + 87.5%)]
Fail CSS Transitions with transition: all: property <background-position> from [center center] to [left 20px bottom 20px] at (1) should be [calc(0% + 20px) calc(-20px + 100%)]
Pass CSS Animations: property <background-position> from [center center] to [left 20px bottom 20px] at (0) should be [50% 50%]
Fail CSS Animations: property <background-position> from [center center] to [left 20px bottom 20px] at (0.25) should be [calc(5px + 37.5%) calc(-5px + 62.5%)]
Fail CSS Animations: property <background-position> from [center center] to [left 20px bottom 20px] at (0.5) should be [calc(10px + 25%) calc(-10px + 75%)]
Fail CSS Animations: property <background-position> from [center center] to [left 20px bottom 20px] at (0.75) should be [calc(15px + 12.5%) calc(-15px + 87.5%)]
Fail CSS Animations: property <background-position> from [center center] to [left 20px bottom 20px] at (1) should be [calc(0% + 20px) calc(-20px + 100%)]
Pass Web Animations: property <background-position> from [center center] to [left 20px bottom 20px] at (0) should be [50% 50%]
Fail Web Animations: property <background-position> from [center center] to [left 20px bottom 20px] at (0.25) should be [calc(5px + 37.5%) calc(-5px + 62.5%)]
Fail Web Animations: property <background-position> from [center center] to [left 20px bottom 20px] at (0.5) should be [calc(10px + 25%) calc(-10px + 75%)]
Fail Web Animations: property <background-position> from [center center] to [left 20px bottom 20px] at (0.75) should be [calc(15px + 12.5%) calc(-15px + 87.5%)]
Fail Web Animations: property <background-position> from [center center] to [left 20px bottom 20px] at (1) should be [calc(0% + 20px) calc(-20px + 100%)]
Fail CSS Transitions: property <background-position> from [center center] to [center bottom 20px] at (0) should be [50% 50%]
Fail CSS Transitions: property <background-position> from [center center] to [center bottom 20px] at (0.25) should be [50% calc(-5px + 62.5%)]
Fail CSS Transitions: property <background-position> from [center center] to [center bottom 20px] at (0.5) should be [50% calc(-10px + 75%)]
Fail CSS Transitions: property <background-position> from [center center] to [center bottom 20px] at (0.75) should be [50% calc(-15px + 87.5%)]
Fail CSS Transitions: property <background-position> from [center center] to [center bottom 20px] at (1) should be [50% calc(-20px + 100%)]
Fail CSS Transitions with transition: all: property <background-position> from [center center] to [center bottom 20px] at (0) should be [50% 50%]
Fail CSS Transitions with transition: all: property <background-position> from [center center] to [center bottom 20px] at (0.25) should be [50% calc(-5px + 62.5%)]
Fail CSS Transitions with transition: all: property <background-position> from [center center] to [center bottom 20px] at (0.5) should be [50% calc(-10px + 75%)]
Fail CSS Transitions with transition: all: property <background-position> from [center center] to [center bottom 20px] at (0.75) should be [50% calc(-15px + 87.5%)]
Fail CSS Transitions with transition: all: property <background-position> from [center center] to [center bottom 20px] at (1) should be [50% calc(-20px + 100%)]
Pass CSS Animations: property <background-position> from [center center] to [center bottom 20px] at (0) should be [50% 50%]
Fail CSS Animations: property <background-position> from [center center] to [center bottom 20px] at (0.25) should be [50% calc(-5px + 62.5%)]
Fail CSS Animations: property <background-position> from [center center] to [center bottom 20px] at (0.5) should be [50% calc(-10px + 75%)]
Fail CSS Animations: property <background-position> from [center center] to [center bottom 20px] at (0.75) should be [50% calc(-15px + 87.5%)]
Fail CSS Animations: property <background-position> from [center center] to [center bottom 20px] at (1) should be [50% calc(-20px + 100%)]
Pass Web Animations: property <background-position> from [center center] to [center bottom 20px] at (0) should be [50% 50%]
Fail Web Animations: property <background-position> from [center center] to [center bottom 20px] at (0.25) should be [50% calc(-5px + 62.5%)]
Fail Web Animations: property <background-position> from [center center] to [center bottom 20px] at (0.5) should be [50% calc(-10px + 75%)]
Fail Web Animations: property <background-position> from [center center] to [center bottom 20px] at (0.75) should be [50% calc(-15px + 87.5%)]
Fail Web Animations: property <background-position> from [center center] to [center bottom 20px] at (1) should be [50% calc(-20px + 100%)]
Fail CSS Transitions: property <background-position> from [center center] to [right 20px bottom 20px] at (0) should be [50% 50%]
Fail CSS Transitions: property <background-position> from [center center] to [right 20px bottom 20px] at (0.25) should be [calc(-5px + 62.5%) calc(-5px + 62.5%)]
Fail CSS Transitions: property <background-position> from [center center] to [right 20px bottom 20px] at (0.5) should be [calc(-10px + 75%) calc(-10px + 75%)]
Fail CSS Transitions: property <background-position> from [center center] to [right 20px bottom 20px] at (0.75) should be [calc(-15px + 87.5%) calc(-15px + 87.5%)]
Fail CSS Transitions: property <background-position> from [center center] to [right 20px bottom 20px] at (1) should be [calc(-20px + 100%) calc(-20px + 100%)]
Fail CSS Transitions with transition: all: property <background-position> from [center center] to [right 20px bottom 20px] at (0) should be [50% 50%]
Fail CSS Transitions with transition: all: property <background-position> from [center center] to [right 20px bottom 20px] at (0.25) should be [calc(-5px + 62.5%) calc(-5px + 62.5%)]
Fail CSS Transitions with transition: all: property <background-position> from [center center] to [right 20px bottom 20px] at (0.5) should be [calc(-10px + 75%) calc(-10px + 75%)]
Fail CSS Transitions with transition: all: property <background-position> from [center center] to [right 20px bottom 20px] at (0.75) should be [calc(-15px + 87.5%) calc(-15px + 87.5%)]
Fail CSS Transitions with transition: all: property <background-position> from [center center] to [right 20px bottom 20px] at (1) should be [calc(-20px + 100%) calc(-20px + 100%)]
Pass CSS Animations: property <background-position> from [center center] to [right 20px bottom 20px] at (0) should be [50% 50%]
Fail CSS Animations: property <background-position> from [center center] to [right 20px bottom 20px] at (0.25) should be [calc(-5px + 62.5%) calc(-5px + 62.5%)]
Fail CSS Animations: property <background-position> from [center center] to [right 20px bottom 20px] at (0.5) should be [calc(-10px + 75%) calc(-10px + 75%)]
Fail CSS Animations: property <background-position> from [center center] to [right 20px bottom 20px] at (0.75) should be [calc(-15px + 87.5%) calc(-15px + 87.5%)]
Fail CSS Animations: property <background-position> from [center center] to [right 20px bottom 20px] at (1) should be [calc(-20px + 100%) calc(-20px + 100%)]
Pass Web Animations: property <background-position> from [center center] to [right 20px bottom 20px] at (0) should be [50% 50%]
Fail Web Animations: property <background-position> from [center center] to [right 20px bottom 20px] at (0.25) should be [calc(-5px + 62.5%) calc(-5px + 62.5%)]
Fail Web Animations: property <background-position> from [center center] to [right 20px bottom 20px] at (0.5) should be [calc(-10px + 75%) calc(-10px + 75%)]
Fail Web Animations: property <background-position> from [center center] to [right 20px bottom 20px] at (0.75) should be [calc(-15px + 87.5%) calc(-15px + 87.5%)]
Fail Web Animations: property <background-position> from [center center] to [right 20px bottom 20px] at (1) should be [calc(-20px + 100%) calc(-20px + 100%)]
Fail CSS Transitions: property <background-position> from [center] to [bottom] at (0) should be [50% 50%]
Fail CSS Transitions: property <background-position> from [center] to [bottom] at (0.25) should be [50% 62.5%]
Fail CSS Transitions: property <background-position> from [center] to [bottom] at (0.5) should be [50% 75%]
Fail CSS Transitions: property <background-position> from [center] to [bottom] at (0.75) should be [50% 87.5%]
Fail CSS Transitions: property <background-position> from [center] to [bottom] at (1) should be [50% 100%]
Fail CSS Transitions with transition: all: property <background-position> from [center] to [bottom] at (0) should be [50% 50%]
Fail CSS Transitions with transition: all: property <background-position> from [center] to [bottom] at (0.25) should be [50% 62.5%]
Fail CSS Transitions with transition: all: property <background-position> from [center] to [bottom] at (0.5) should be [50% 75%]
Fail CSS Transitions with transition: all: property <background-position> from [center] to [bottom] at (0.75) should be [50% 87.5%]
Fail CSS Transitions with transition: all: property <background-position> from [center] to [bottom] at (1) should be [50% 100%]
Pass CSS Animations: property <background-position> from [center] to [bottom] at (0) should be [50% 50%]
Fail CSS Animations: property <background-position> from [center] to [bottom] at (0.25) should be [50% 62.5%]
Fail CSS Animations: property <background-position> from [center] to [bottom] at (0.5) should be [50% 75%]
Fail CSS Animations: property <background-position> from [center] to [bottom] at (0.75) should be [50% 87.5%]
Fail CSS Animations: property <background-position> from [center] to [bottom] at (1) should be [50% 100%]
Pass Web Animations: property <background-position> from [center] to [bottom] at (0) should be [50% 50%]
Fail Web Animations: property <background-position> from [center] to [bottom] at (0.25) should be [50% 62.5%]
Fail Web Animations: property <background-position> from [center] to [bottom] at (0.5) should be [50% 75%]
Fail Web Animations: property <background-position> from [center] to [bottom] at (0.75) should be [50% 87.5%]
Fail Web Animations: property <background-position> from [center] to [bottom] at (1) should be [50% 100%]

123
Tests/LibWeb/Text/expected/wpt-import/css/css-backgrounds/animations/background-position-x-interpolation.txt Normal file
View file

@ -0,0 +1,123 @@
Summary
Harness status: OK
Rerun
Found 112 tests
14 Pass
98 Fail
Details
Result Test Name MessageFail CSS Transitions: property <background-position-x> from neutral to [80px] at (-0.25) should be [30px]
Fail CSS Transitions: property <background-position-x> from neutral to [80px] at (0) should be [40px]
Fail CSS Transitions: property <background-position-x> from neutral to [80px] at (0.25) should be [50px]
Fail CSS Transitions: property <background-position-x> from neutral to [80px] at (0.5) should be [60px]
Fail CSS Transitions: property <background-position-x> from neutral to [80px] at (0.75) should be [70px]
Pass CSS Transitions: property <background-position-x> from neutral to [80px] at (1) should be [80px]
Fail CSS Transitions: property <background-position-x> from neutral to [80px] at (1.25) should be [90px]
Fail CSS Transitions with transition: all: property <background-position-x> from neutral to [80px] at (-0.25) should be [30px]
Fail CSS Transitions with transition: all: property <background-position-x> from neutral to [80px] at (0) should be [40px]
Fail CSS Transitions with transition: all: property <background-position-x> from neutral to [80px] at (0.25) should be [50px]
Fail CSS Transitions with transition: all: property <background-position-x> from neutral to [80px] at (0.5) should be [60px]
Fail CSS Transitions with transition: all: property <background-position-x> from neutral to [80px] at (0.75) should be [70px]
Pass CSS Transitions with transition: all: property <background-position-x> from neutral to [80px] at (1) should be [80px]
Fail CSS Transitions with transition: all: property <background-position-x> from neutral to [80px] at (1.25) should be [90px]
Fail CSS Animations: property <background-position-x> from neutral to [80px] at (-0.25) should be [30px]
Pass CSS Animations: property <background-position-x> from neutral to [80px] at (0) should be [40px]
Fail CSS Animations: property <background-position-x> from neutral to [80px] at (0.25) should be [50px]
Fail CSS Animations: property <background-position-x> from neutral to [80px] at (0.5) should be [60px]
Fail CSS Animations: property <background-position-x> from neutral to [80px] at (0.75) should be [70px]
Pass CSS Animations: property <background-position-x> from neutral to [80px] at (1) should be [80px]
Fail CSS Animations: property <background-position-x> from neutral to [80px] at (1.25) should be [90px]
Fail Web Animations: property <background-position-x> from neutral to [80px] at (-0.25) should be [30px]
Pass Web Animations: property <background-position-x> from neutral to [80px] at (0) should be [40px]
Fail Web Animations: property <background-position-x> from neutral to [80px] at (0.25) should be [50px]
Fail Web Animations: property <background-position-x> from neutral to [80px] at (0.5) should be [60px]
Fail Web Animations: property <background-position-x> from neutral to [80px] at (0.75) should be [70px]
Pass Web Animations: property <background-position-x> from neutral to [80px] at (1) should be [80px]
Fail Web Animations: property <background-position-x> from neutral to [80px] at (1.25) should be [90px]
Fail CSS Transitions: property <background-position-x> from [initial] to [right] at (-0.25) should be [-25%]
Fail CSS Transitions: property <background-position-x> from [initial] to [right] at (0) should be [0%]
Fail CSS Transitions: property <background-position-x> from [initial] to [right] at (0.25) should be [25%]
Fail CSS Transitions: property <background-position-x> from [initial] to [right] at (0.5) should be [50%]
Fail CSS Transitions: property <background-position-x> from [initial] to [right] at (0.75) should be [75%]
Fail CSS Transitions: property <background-position-x> from [initial] to [right] at (1) should be [100%]
Fail CSS Transitions: property <background-position-x> from [initial] to [right] at (1.25) should be [125%]
Fail CSS Transitions with transition: all: property <background-position-x> from [initial] to [right] at (-0.25) should be [-25%]
Fail CSS Transitions with transition: all: property <background-position-x> from [initial] to [right] at (0) should be [0%]
Fail CSS Transitions with transition: all: property <background-position-x> from [initial] to [right] at (0.25) should be [25%]
Fail CSS Transitions with transition: all: property <background-position-x> from [initial] to [right] at (0.5) should be [50%]
Fail CSS Transitions with transition: all: property <background-position-x> from [initial] to [right] at (0.75) should be [75%]
Fail CSS Transitions with transition: all: property <background-position-x> from [initial] to [right] at (1) should be [100%]
Fail CSS Transitions with transition: all: property <background-position-x> from [initial] to [right] at (1.25) should be [125%]
Fail CSS Animations: property <background-position-x> from [initial] to [right] at (-0.25) should be [-25%]
Pass CSS Animations: property <background-position-x> from [initial] to [right] at (0) should be [0%]
Fail CSS Animations: property <background-position-x> from [initial] to [right] at (0.25) should be [25%]
Fail CSS Animations: property <background-position-x> from [initial] to [right] at (0.5) should be [50%]
Fail CSS Animations: property <background-position-x> from [initial] to [right] at (0.75) should be [75%]
Fail CSS Animations: property <background-position-x> from [initial] to [right] at (1) should be [100%]
Fail CSS Animations: property <background-position-x> from [initial] to [right] at (1.25) should be [125%]
Fail Web Animations: property <background-position-x> from [initial] to [right] at (-0.25) should be [-25%]
Pass Web Animations: property <background-position-x> from [initial] to [right] at (0) should be [0%]
Fail Web Animations: property <background-position-x> from [initial] to [right] at (0.25) should be [25%]
Fail Web Animations: property <background-position-x> from [initial] to [right] at (0.5) should be [50%]
Fail Web Animations: property <background-position-x> from [initial] to [right] at (0.75) should be [75%]
Fail Web Animations: property <background-position-x> from [initial] to [right] at (1) should be [100%]
Fail Web Animations: property <background-position-x> from [initial] to [right] at (1.25) should be [125%]
Fail CSS Transitions: property <background-position-x> from [inherit] to [80px] at (-0.25) should be [55px]
Fail CSS Transitions: property <background-position-x> from [inherit] to [80px] at (0) should be [60px]
Fail CSS Transitions: property <background-position-x> from [inherit] to [80px] at (0.25) should be [65px]
Fail CSS Transitions: property <background-position-x> from [inherit] to [80px] at (0.5) should be [70px]
Fail CSS Transitions: property <background-position-x> from [inherit] to [80px] at (0.75) should be [75px]
Pass CSS Transitions: property <background-position-x> from [inherit] to [80px] at (1) should be [80px]
Fail CSS Transitions: property <background-position-x> from [inherit] to [80px] at (1.25) should be [85px]
Fail CSS Transitions with transition: all: property <background-position-x> from [inherit] to [80px] at (-0.25) should be [55px]
Fail CSS Transitions with transition: all: property <background-position-x> from [inherit] to [80px] at (0) should be [60px]
Fail CSS Transitions with transition: all: property <background-position-x> from [inherit] to [80px] at (0.25) should be [65px]
Fail CSS Transitions with transition: all: property <background-position-x> from [inherit] to [80px] at (0.5) should be [70px]
Fail CSS Transitions with transition: all: property <background-position-x> from [inherit] to [80px] at (0.75) should be [75px]
Pass CSS Transitions with transition: all: property <background-position-x> from [inherit] to [80px] at (1) should be [80px]
Fail CSS Transitions with transition: all: property <background-position-x> from [inherit] to [80px] at (1.25) should be [85px]
Fail CSS Animations: property <background-position-x> from [inherit] to [80px] at (-0.25) should be [55px]
Pass CSS Animations: property <background-position-x> from [inherit] to [80px] at (0) should be [60px]
Fail CSS Animations: property <background-position-x> from [inherit] to [80px] at (0.25) should be [65px]
Fail CSS Animations: property <background-position-x> from [inherit] to [80px] at (0.5) should be [70px]
Fail CSS Animations: property <background-position-x> from [inherit] to [80px] at (0.75) should be [75px]
Pass CSS Animations: property <background-position-x> from [inherit] to [80px] at (1) should be [80px]
Fail CSS Animations: property <background-position-x> from [inherit] to [80px] at (1.25) should be [85px]
Fail Web Animations: property <background-position-x> from [inherit] to [80px] at (-0.25) should be [55px]
Pass Web Animations: property <background-position-x> from [inherit] to [80px] at (0) should be [60px]
Fail Web Animations: property <background-position-x> from [inherit] to [80px] at (0.25) should be [65px]
Fail Web Animations: property <background-position-x> from [inherit] to [80px] at (0.5) should be [70px]
Fail Web Animations: property <background-position-x> from [inherit] to [80px] at (0.75) should be [75px]
Pass Web Animations: property <background-position-x> from [inherit] to [80px] at (1) should be [80px]
Fail Web Animations: property <background-position-x> from [inherit] to [80px] at (1.25) should be [85px]
Fail CSS Transitions: property <background-position-x> from [300px, 400px] to [500px, 600px, 700px] at (-0.25) should be [250px, 350px, 200px, 375px, 225px, 325px]
Fail CSS Transitions: property <background-position-x> from [300px, 400px] to [500px, 600px, 700px] at (0) should be [300px, 400px, 300px, 400px, 300px, 400px]
Fail CSS Transitions: property <background-position-x> from [300px, 400px] to [500px, 600px, 700px] at (0.25) should be [350px, 450px, 400px, 425px, 375px, 475px]
Fail CSS Transitions: property <background-position-x> from [300px, 400px] to [500px, 600px, 700px] at (0.5) should be [400px, 500px, 500px, 450px, 450px, 550px]
Fail CSS Transitions: property <background-position-x> from [300px, 400px] to [500px, 600px, 700px] at (0.75) should be [450px, 550px, 600px, 475px, 525px, 625px]
Fail CSS Transitions: property <background-position-x> from [300px, 400px] to [500px, 600px, 700px] at (1) should be [500px, 600px, 700px, 500px, 600px, 700px]
Fail CSS Transitions: property <background-position-x> from [300px, 400px] to [500px, 600px, 700px] at (1.25) should be [550px, 650px, 800px, 525px, 675px, 775px]
Fail CSS Transitions with transition: all: property <background-position-x> from [300px, 400px] to [500px, 600px, 700px] at (-0.25) should be [250px, 350px, 200px, 375px, 225px, 325px]
Fail CSS Transitions with transition: all: property <background-position-x> from [300px, 400px] to [500px, 600px, 700px] at (0) should be [300px, 400px, 300px, 400px, 300px, 400px]
Fail CSS Transitions with transition: all: property <background-position-x> from [300px, 400px] to [500px, 600px, 700px] at (0.25) should be [350px, 450px, 400px, 425px, 375px, 475px]
Fail CSS Transitions with transition: all: property <background-position-x> from [300px, 400px] to [500px, 600px, 700px] at (0.5) should be [400px, 500px, 500px, 450px, 450px, 550px]
Fail CSS Transitions with transition: all: property <background-position-x> from [300px, 400px] to [500px, 600px, 700px] at (0.75) should be [450px, 550px, 600px, 475px, 525px, 625px]
Fail CSS Transitions with transition: all: property <background-position-x> from [300px, 400px] to [500px, 600px, 700px] at (1) should be [500px, 600px, 700px, 500px, 600px, 700px]
Fail CSS Transitions with transition: all: property <background-position-x> from [300px, 400px] to [500px, 600px, 700px] at (1.25) should be [550px, 650px, 800px, 525px, 675px, 775px]
Fail CSS Animations: property <background-position-x> from [300px, 400px] to [500px, 600px, 700px] at (-0.25) should be [250px, 350px, 200px, 375px, 225px, 325px]
Fail CSS Animations: property <background-position-x> from [300px, 400px] to [500px, 600px, 700px] at (0) should be [300px, 400px, 300px, 400px, 300px, 400px]
Fail CSS Animations: property <background-position-x> from [300px, 400px] to [500px, 600px, 700px] at (0.25) should be [350px, 450px, 400px, 425px, 375px, 475px]
Fail CSS Animations: property <background-position-x> from [300px, 400px] to [500px, 600px, 700px] at (0.5) should be [400px, 500px, 500px, 450px, 450px, 550px]
Fail CSS Animations: property <background-position-x> from [300px, 400px] to [500px, 600px, 700px] at (0.75) should be [450px, 550px, 600px, 475px, 525px, 625px]
Fail CSS Animations: property <background-position-x> from [300px, 400px] to [500px, 600px, 700px] at (1) should be [500px, 600px, 700px, 500px, 600px, 700px]
Fail CSS Animations: property <background-position-x> from [300px, 400px] to [500px, 600px, 700px] at (1.25) should be [550px, 650px, 800px, 525px, 675px, 775px]
Fail Web Animations: property <background-position-x> from [300px, 400px] to [500px, 600px, 700px] at (-0.25) should be [250px, 350px, 200px, 375px, 225px, 325px]
Fail Web Animations: property <background-position-x> from [300px, 400px] to [500px, 600px, 700px] at (0) should be [300px, 400px, 300px, 400px, 300px, 400px]
Fail Web Animations: property <background-position-x> from [300px, 400px] to [500px, 600px, 700px] at (0.25) should be [350px, 450px, 400px, 425px, 375px, 475px]
Fail Web Animations: property <background-position-x> from [300px, 400px] to [500px, 600px, 700px] at (0.5) should be [400px, 500px, 500px, 450px, 450px, 550px]
Fail Web Animations: property <background-position-x> from [300px, 400px] to [500px, 600px, 700px] at (0.75) should be [450px, 550px, 600px, 475px, 525px, 625px]
Fail Web Animations: property <background-position-x> from [300px, 400px] to [500px, 600px, 700px] at (1) should be [500px, 600px, 700px, 500px, 600px, 700px]
Fail Web Animations: property <background-position-x> from [300px, 400px] to [500px, 600px, 700px] at (1.25) should be [550px, 650px, 800px, 525px, 675px, 775px]

123
Tests/LibWeb/Text/expected/wpt-import/css/css-backgrounds/animations/background-position-y-interpolation.txt Normal file
View file

@ -0,0 +1,123 @@
Summary
Harness status: OK
Rerun
Found 112 tests
14 Pass
98 Fail
Details
Result Test Name MessageFail CSS Transitions: property <background-position-y> from neutral to [80px] at (-0.25) should be [30px]
Fail CSS Transitions: property <background-position-y> from neutral to [80px] at (0) should be [40px]
Fail CSS Transitions: property <background-position-y> from neutral to [80px] at (0.25) should be [50px]
Fail CSS Transitions: property <background-position-y> from neutral to [80px] at (0.5) should be [60px]
Fail CSS Transitions: property <background-position-y> from neutral to [80px] at (0.75) should be [70px]
Pass CSS Transitions: property <background-position-y> from neutral to [80px] at (1) should be [80px]
Fail CSS Transitions: property <background-position-y> from neutral to [80px] at (1.25) should be [90px]
Fail CSS Transitions with transition: all: property <background-position-y> from neutral to [80px] at (-0.25) should be [30px]
Fail CSS Transitions with transition: all: property <background-position-y> from neutral to [80px] at (0) should be [40px]
Fail CSS Transitions with transition: all: property <background-position-y> from neutral to [80px] at (0.25) should be [50px]
Fail CSS Transitions with transition: all: property <background-position-y> from neutral to [80px] at (0.5) should be [60px]
Fail CSS Transitions with transition: all: property <background-position-y> from neutral to [80px] at (0.75) should be [70px]
Pass CSS Transitions with transition: all: property <background-position-y> from neutral to [80px] at (1) should be [80px]
Fail CSS Transitions with transition: all: property <background-position-y> from neutral to [80px] at (1.25) should be [90px]
Fail CSS Animations: property <background-position-y> from neutral to [80px] at (-0.25) should be [30px]
Pass CSS Animations: property <background-position-y> from neutral to [80px] at (0) should be [40px]
Fail CSS Animations: property <background-position-y> from neutral to [80px] at (0.25) should be [50px]
Fail CSS Animations: property <background-position-y> from neutral to [80px] at (0.5) should be [60px]
Fail CSS Animations: property <background-position-y> from neutral to [80px] at (0.75) should be [70px]
Pass CSS Animations: property <background-position-y> from neutral to [80px] at (1) should be [80px]
Fail CSS Animations: property <background-position-y> from neutral to [80px] at (1.25) should be [90px]
Fail Web Animations: property <background-position-y> from neutral to [80px] at (-0.25) should be [30px]
Pass Web Animations: property <background-position-y> from neutral to [80px] at (0) should be [40px]
Fail Web Animations: property <background-position-y> from neutral to [80px] at (0.25) should be [50px]
Fail Web Animations: property <background-position-y> from neutral to [80px] at (0.5) should be [60px]
Fail Web Animations: property <background-position-y> from neutral to [80px] at (0.75) should be [70px]
Pass Web Animations: property <background-position-y> from neutral to [80px] at (1) should be [80px]
Fail Web Animations: property <background-position-y> from neutral to [80px] at (1.25) should be [90px]
Fail CSS Transitions: property <background-position-y> from [initial] to [bottom] at (-0.25) should be [-25%]
Fail CSS Transitions: property <background-position-y> from [initial] to [bottom] at (0) should be [0%]
Fail CSS Transitions: property <background-position-y> from [initial] to [bottom] at (0.25) should be [25%]
Fail CSS Transitions: property <background-position-y> from [initial] to [bottom] at (0.5) should be [50%]
Fail CSS Transitions: property <background-position-y> from [initial] to [bottom] at (0.75) should be [75%]
Fail CSS Transitions: property <background-position-y> from [initial] to [bottom] at (1) should be [100%]
Fail CSS Transitions: property <background-position-y> from [initial] to [bottom] at (1.25) should be [125%]
Fail CSS Transitions with transition: all: property <background-position-y> from [initial] to [bottom] at (-0.25) should be [-25%]
Fail CSS Transitions with transition: all: property <background-position-y> from [initial] to [bottom] at (0) should be [0%]
Fail CSS Transitions with transition: all: property <background-position-y> from [initial] to [bottom] at (0.25) should be [25%]
Fail CSS Transitions with transition: all: property <background-position-y> from [initial] to [bottom] at (0.5) should be [50%]
Fail CSS Transitions with transition: all: property <background-position-y> from [initial] to [bottom] at (0.75) should be [75%]
Fail CSS Transitions with transition: all: property <background-position-y> from [initial] to [bottom] at (1) should be [100%]
Fail CSS Transitions with transition: all: property <background-position-y> from [initial] to [bottom] at (1.25) should be [125%]
Fail CSS Animations: property <background-position-y> from [initial] to [bottom] at (-0.25) should be [-25%]
Pass CSS Animations: property <background-position-y> from [initial] to [bottom] at (0) should be [0%]
Fail CSS Animations: property <background-position-y> from [initial] to [bottom] at (0.25) should be [25%]
Fail CSS Animations: property <background-position-y> from [initial] to [bottom] at (0.5) should be [50%]
Fail CSS Animations: property <background-position-y> from [initial] to [bottom] at (0.75) should be [75%]
Fail CSS Animations: property <background-position-y> from [initial] to [bottom] at (1) should be [100%]
Fail CSS Animations: property <background-position-y> from [initial] to [bottom] at (1.25) should be [125%]
Fail Web Animations: property <background-position-y> from [initial] to [bottom] at (-0.25) should be [-25%]
Pass Web Animations: property <background-position-y> from [initial] to [bottom] at (0) should be [0%]
Fail Web Animations: property <background-position-y> from [initial] to [bottom] at (0.25) should be [25%]
Fail Web Animations: property <background-position-y> from [initial] to [bottom] at (0.5) should be [50%]
Fail Web Animations: property <background-position-y> from [initial] to [bottom] at (0.75) should be [75%]
Fail Web Animations: property <background-position-y> from [initial] to [bottom] at (1) should be [100%]
Fail Web Animations: property <background-position-y> from [initial] to [bottom] at (1.25) should be [125%]
Fail CSS Transitions: property <background-position-y> from [inherit] to [80px] at (-0.25) should be [55px]
Fail CSS Transitions: property <background-position-y> from [inherit] to [80px] at (0) should be [60px]
Fail CSS Transitions: property <background-position-y> from [inherit] to [80px] at (0.25) should be [65px]
Fail CSS Transitions: property <background-position-y> from [inherit] to [80px] at (0.5) should be [70px]
Fail CSS Transitions: property <background-position-y> from [inherit] to [80px] at (0.75) should be [75px]
Pass CSS Transitions: property <background-position-y> from [inherit] to [80px] at (1) should be [80px]
Fail CSS Transitions: property <background-position-y> from [inherit] to [80px] at (1.25) should be [85px]
Fail CSS Transitions with transition: all: property <background-position-y> from [inherit] to [80px] at (-0.25) should be [55px]
Fail CSS Transitions with transition: all: property <background-position-y> from [inherit] to [80px] at (0) should be [60px]
Fail CSS Transitions with transition: all: property <background-position-y> from [inherit] to [80px] at (0.25) should be [65px]
Fail CSS Transitions with transition: all: property <background-position-y> from [inherit] to [80px] at (0.5) should be [70px]
Fail CSS Transitions with transition: all: property <background-position-y> from [inherit] to [80px] at (0.75) should be [75px]
Pass CSS Transitions with transition: all: property <background-position-y> from [inherit] to [80px] at (1) should be [80px]
Fail CSS Transitions with transition: all: property <background-position-y> from [inherit] to [80px] at (1.25) should be [85px]
Fail CSS Animations: property <background-position-y> from [inherit] to [80px] at (-0.25) should be [55px]
Pass CSS Animations: property <background-position-y> from [inherit] to [80px] at (0) should be [60px]
Fail CSS Animations: property <background-position-y> from [inherit] to [80px] at (0.25) should be [65px]
Fail CSS Animations: property <background-position-y> from [inherit] to [80px] at (0.5) should be [70px]
Fail CSS Animations: property <background-position-y> from [inherit] to [80px] at (0.75) should be [75px]
Pass CSS Animations: property <background-position-y> from [inherit] to [80px] at (1) should be [80px]
Fail CSS Animations: property <background-position-y> from [inherit] to [80px] at (1.25) should be [85px]
Fail Web Animations: property <background-position-y> from [inherit] to [80px] at (-0.25) should be [55px]
Pass Web Animations: property <background-position-y> from [inherit] to [80px] at (0) should be [60px]
Fail Web Animations: property <background-position-y> from [inherit] to [80px] at (0.25) should be [65px]
Fail Web Animations: property <background-position-y> from [inherit] to [80px] at (0.5) should be [70px]
Fail Web Animations: property <background-position-y> from [inherit] to [80px] at (0.75) should be [75px]
Pass Web Animations: property <background-position-y> from [inherit] to [80px] at (1) should be [80px]
Fail Web Animations: property <background-position-y> from [inherit] to [80px] at (1.25) should be [85px]
Fail CSS Transitions: property <background-position-y> from [300px, 400px] to [500px, 600px, 700px] at (-0.25) should be [250px, 350px, 200px, 375px, 225px, 325px]
Fail CSS Transitions: property <background-position-y> from [300px, 400px] to [500px, 600px, 700px] at (0) should be [300px, 400px, 300px, 400px, 300px, 400px]
Fail CSS Transitions: property <background-position-y> from [300px, 400px] to [500px, 600px, 700px] at (0.25) should be [350px, 450px, 400px, 425px, 375px, 475px]
Fail CSS Transitions: property <background-position-y> from [300px, 400px] to [500px, 600px, 700px] at (0.5) should be [400px, 500px, 500px, 450px, 450px, 550px]
Fail CSS Transitions: property <background-position-y> from [300px, 400px] to [500px, 600px, 700px] at (0.75) should be [450px, 550px, 600px, 475px, 525px, 625px]
Fail CSS Transitions: property <background-position-y> from [300px, 400px] to [500px, 600px, 700px] at (1) should be [500px, 600px, 700px, 500px, 600px, 700px]
Fail CSS Transitions: property <background-position-y> from [300px, 400px] to [500px, 600px, 700px] at (1.25) should be [550px, 650px, 800px, 525px, 675px, 775px]
Fail CSS Transitions with transition: all: property <background-position-y> from [300px, 400px] to [500px, 600px, 700px] at (-0.25) should be [250px, 350px, 200px, 375px, 225px, 325px]
Fail CSS Transitions with transition: all: property <background-position-y> from [300px, 400px] to [500px, 600px, 700px] at (0) should be [300px, 400px, 300px, 400px, 300px, 400px]
Fail CSS Transitions with transition: all: property <background-position-y> from [300px, 400px] to [500px, 600px, 700px] at (0.25) should be [350px, 450px, 400px, 425px, 375px, 475px]
Fail CSS Transitions with transition: all: property <background-position-y> from [300px, 400px] to [500px, 600px, 700px] at (0.5) should be [400px, 500px, 500px, 450px, 450px, 550px]
Fail CSS Transitions with transition: all: property <background-position-y> from [300px, 400px] to [500px, 600px, 700px] at (0.75) should be [450px, 550px, 600px, 475px, 525px, 625px]
Fail CSS Transitions with transition: all: property <background-position-y> from [300px, 400px] to [500px, 600px, 700px] at (1) should be [500px, 600px, 700px, 500px, 600px, 700px]
Fail CSS Transitions with transition: all: property <background-position-y> from [300px, 400px] to [500px, 600px, 700px] at (1.25) should be [550px, 650px, 800px, 525px, 675px, 775px]
Fail CSS Animations: property <background-position-y> from [300px, 400px] to [500px, 600px, 700px] at (-0.25) should be [250px, 350px, 200px, 375px, 225px, 325px]
Fail CSS Animations: property <background-position-y> from [300px, 400px] to [500px, 600px, 700px] at (0) should be [300px, 400px, 300px, 400px, 300px, 400px]
Fail CSS Animations: property <background-position-y> from [300px, 400px] to [500px, 600px, 700px] at (0.25) should be [350px, 450px, 400px, 425px, 375px, 475px]
Fail CSS Animations: property <background-position-y> from [300px, 400px] to [500px, 600px, 700px] at (0.5) should be [400px, 500px, 500px, 450px, 450px, 550px]
Fail CSS Animations: property <background-position-y> from [300px, 400px] to [500px, 600px, 700px] at (0.75) should be [450px, 550px, 600px, 475px, 525px, 625px]
Fail CSS Animations: property <background-position-y> from [300px, 400px] to [500px, 600px, 700px] at (1) should be [500px, 600px, 700px, 500px, 600px, 700px]
Fail CSS Animations: property <background-position-y> from [300px, 400px] to [500px, 600px, 700px] at (1.25) should be [550px, 650px, 800px, 525px, 675px, 775px]
Fail Web Animations: property <background-position-y> from [300px, 400px] to [500px, 600px, 700px] at (-0.25) should be [250px, 350px, 200px, 375px, 225px, 325px]
Fail Web Animations: property <background-position-y> from [300px, 400px] to [500px, 600px, 700px] at (0) should be [300px, 400px, 300px, 400px, 300px, 400px]
Fail Web Animations: property <background-position-y> from [300px, 400px] to [500px, 600px, 700px] at (0.25) should be [350px, 450px, 400px, 425px, 375px, 475px]
Fail Web Animations: property <background-position-y> from [300px, 400px] to [500px, 600px, 700px] at (0.5) should be [400px, 500px, 500px, 450px, 450px, 550px]
Fail Web Animations: property <background-position-y> from [300px, 400px] to [500px, 600px, 700px] at (0.75) should be [450px, 550px, 600px, 475px, 525px, 625px]
Fail Web Animations: property <background-position-y> from [300px, 400px] to [500px, 600px, 700px] at (1) should be [500px, 600px, 700px, 500px, 600px, 700px]
Fail Web Animations: property <background-position-y> from [300px, 400px] to [500px, 600px, 700px] at (1.25) should be [550px, 650px, 800px, 525px, 675px, 775px]

375
Tests/LibWeb/Text/expected/wpt-import/css/css-backgrounds/animations/background-size-interpolation.txt Normal file
View file

@ -0,0 +1,375 @@
Summary
Harness status: OK
Rerun
Found 364 tests
160 Pass
204 Fail
Details
Result Test Name MessageFail CSS Transitions: property <background-size> from neutral to [20px 20px, 0px 0px] at (-0.25) should be [ 7.5px 7.5px, 12.5px 12.5px, 7.5px 7.5px, 12.5px 12.5px]
Fail CSS Transitions: property <background-size> from neutral to [20px 20px, 0px 0px] at (0) should be [10.0px 10.0px, 10.0px 10.0px, 10.0px 10.0px, 10.0px 10.0px]
Fail CSS Transitions: property <background-size> from neutral to [20px 20px, 0px 0px] at (0.25) should be [12.5px 12.5px, 7.5px 7.5px, 12.5px 12.5px, 7.5px 7.5px]
Fail CSS Transitions: property <background-size> from neutral to [20px 20px, 0px 0px] at (0.5) should be [15.0px 15.0px, 5.0px 5.0px, 15.0px 15.0px, 5.0px 5.0px]
Fail CSS Transitions: property <background-size> from neutral to [20px 20px, 0px 0px] at (0.75) should be [17.5px 17.5px, 2.5px 2.5px, 17.5px 17.5px, 2.5px 2.5px]
Fail CSS Transitions: property <background-size> from neutral to [20px 20px, 0px 0px] at (1) should be [20.0px 20.0px, 0.0px 0.0px, 20.0px 20.0px, 0.0px 0.0px]
Fail CSS Transitions: property <background-size> from neutral to [20px 20px, 0px 0px] at (1.25) should be [22.5px 22.5px, 0.0px 0.0px, 22.5px 22.5px, 0.0px 0.0px]
Fail CSS Transitions with transition: all: property <background-size> from neutral to [20px 20px, 0px 0px] at (-0.25) should be [ 7.5px 7.5px, 12.5px 12.5px, 7.5px 7.5px, 12.5px 12.5px]
Fail CSS Transitions with transition: all: property <background-size> from neutral to [20px 20px, 0px 0px] at (0) should be [10.0px 10.0px, 10.0px 10.0px, 10.0px 10.0px, 10.0px 10.0px]
Fail CSS Transitions with transition: all: property <background-size> from neutral to [20px 20px, 0px 0px] at (0.25) should be [12.5px 12.5px, 7.5px 7.5px, 12.5px 12.5px, 7.5px 7.5px]
Fail CSS Transitions with transition: all: property <background-size> from neutral to [20px 20px, 0px 0px] at (0.5) should be [15.0px 15.0px, 5.0px 5.0px, 15.0px 15.0px, 5.0px 5.0px]
Fail CSS Transitions with transition: all: property <background-size> from neutral to [20px 20px, 0px 0px] at (0.75) should be [17.5px 17.5px, 2.5px 2.5px, 17.5px 17.5px, 2.5px 2.5px]
Fail CSS Transitions with transition: all: property <background-size> from neutral to [20px 20px, 0px 0px] at (1) should be [20.0px 20.0px, 0.0px 0.0px, 20.0px 20.0px, 0.0px 0.0px]
Fail CSS Transitions with transition: all: property <background-size> from neutral to [20px 20px, 0px 0px] at (1.25) should be [22.5px 22.5px, 0.0px 0.0px, 22.5px 22.5px, 0.0px 0.0px]
Fail CSS Animations: property <background-size> from neutral to [20px 20px, 0px 0px] at (-0.25) should be [ 7.5px 7.5px, 12.5px 12.5px, 7.5px 7.5px, 12.5px 12.5px]
Fail CSS Animations: property <background-size> from neutral to [20px 20px, 0px 0px] at (0) should be [10.0px 10.0px, 10.0px 10.0px, 10.0px 10.0px, 10.0px 10.0px]
Fail CSS Animations: property <background-size> from neutral to [20px 20px, 0px 0px] at (0.25) should be [12.5px 12.5px, 7.5px 7.5px, 12.5px 12.5px, 7.5px 7.5px]
Fail CSS Animations: property <background-size> from neutral to [20px 20px, 0px 0px] at (0.5) should be [15.0px 15.0px, 5.0px 5.0px, 15.0px 15.0px, 5.0px 5.0px]
Fail CSS Animations: property <background-size> from neutral to [20px 20px, 0px 0px] at (0.75) should be [17.5px 17.5px, 2.5px 2.5px, 17.5px 17.5px, 2.5px 2.5px]
Fail CSS Animations: property <background-size> from neutral to [20px 20px, 0px 0px] at (1) should be [20.0px 20.0px, 0.0px 0.0px, 20.0px 20.0px, 0.0px 0.0px]
Fail CSS Animations: property <background-size> from neutral to [20px 20px, 0px 0px] at (1.25) should be [22.5px 22.5px, 0.0px 0.0px, 22.5px 22.5px, 0.0px 0.0px]
Fail Web Animations: property <background-size> from neutral to [20px 20px, 0px 0px] at (-0.25) should be [ 7.5px 7.5px, 12.5px 12.5px, 7.5px 7.5px, 12.5px 12.5px]
Fail Web Animations: property <background-size> from neutral to [20px 20px, 0px 0px] at (0) should be [10.0px 10.0px, 10.0px 10.0px, 10.0px 10.0px, 10.0px 10.0px]
Fail Web Animations: property <background-size> from neutral to [20px 20px, 0px 0px] at (0.25) should be [12.5px 12.5px, 7.5px 7.5px, 12.5px 12.5px, 7.5px 7.5px]
Fail Web Animations: property <background-size> from neutral to [20px 20px, 0px 0px] at (0.5) should be [15.0px 15.0px, 5.0px 5.0px, 15.0px 15.0px, 5.0px 5.0px]
Fail Web Animations: property <background-size> from neutral to [20px 20px, 0px 0px] at (0.75) should be [17.5px 17.5px, 2.5px 2.5px, 17.5px 17.5px, 2.5px 2.5px]
Fail Web Animations: property <background-size> from neutral to [20px 20px, 0px 0px] at (1) should be [20.0px 20.0px, 0.0px 0.0px, 20.0px 20.0px, 0.0px 0.0px]
Fail Web Animations: property <background-size> from neutral to [20px 20px, 0px 0px] at (1.25) should be [22.5px 22.5px, 0.0px 0.0px, 22.5px 22.5px, 0.0px 0.0px]
Fail CSS Transitions with transition-behavior:allow-discrete: property <background-size> from [initial] to [20px 20px, 0px 0px] at (-0.3) should be [initial]
Fail CSS Transitions with transition-behavior:allow-discrete: property <background-size> from [initial] to [20px 20px, 0px 0px] at (0) should be [initial]
Fail CSS Transitions with transition-behavior:allow-discrete: property <background-size> from [initial] to [20px 20px, 0px 0px] at (0.3) should be [initial]
Pass CSS Transitions with transition-behavior:allow-discrete: property <background-size> from [initial] to [20px 20px, 0px 0px] at (0.5) should be [20px 20px, 0px 0px]
Pass CSS Transitions with transition-behavior:allow-discrete: property <background-size> from [initial] to [20px 20px, 0px 0px] at (0.6) should be [20px 20px, 0px 0px]
Pass CSS Transitions with transition-behavior:allow-discrete: property <background-size> from [initial] to [20px 20px, 0px 0px] at (1) should be [20px 20px, 0px 0px]
Pass CSS Transitions with transition-behavior:allow-discrete: property <background-size> from [initial] to [20px 20px, 0px 0px] at (1.5) should be [20px 20px, 0px 0px]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <background-size> from [initial] to [20px 20px, 0px 0px] at (-0.3) should be [initial]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <background-size> from [initial] to [20px 20px, 0px 0px] at (0) should be [initial]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <background-size> from [initial] to [20px 20px, 0px 0px] at (0.3) should be [initial]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <background-size> from [initial] to [20px 20px, 0px 0px] at (0.5) should be [20px 20px, 0px 0px]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <background-size> from [initial] to [20px 20px, 0px 0px] at (0.6) should be [20px 20px, 0px 0px]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <background-size> from [initial] to [20px 20px, 0px 0px] at (1) should be [20px 20px, 0px 0px]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <background-size> from [initial] to [20px 20px, 0px 0px] at (1.5) should be [20px 20px, 0px 0px]
Pass CSS Transitions: property <background-size> from [initial] to [20px 20px, 0px 0px] at (-0.3) should be [20px 20px, 0px 0px]
Pass CSS Transitions: property <background-size> from [initial] to [20px 20px, 0px 0px] at (0) should be [20px 20px, 0px 0px]
Pass CSS Transitions: property <background-size> from [initial] to [20px 20px, 0px 0px] at (0.3) should be [20px 20px, 0px 0px]
Pass CSS Transitions: property <background-size> from [initial] to [20px 20px, 0px 0px] at (0.5) should be [20px 20px, 0px 0px]
Pass CSS Transitions: property <background-size> from [initial] to [20px 20px, 0px 0px] at (0.6) should be [20px 20px, 0px 0px]
Pass CSS Transitions: property <background-size> from [initial] to [20px 20px, 0px 0px] at (1) should be [20px 20px, 0px 0px]
Pass CSS Transitions: property <background-size> from [initial] to [20px 20px, 0px 0px] at (1.5) should be [20px 20px, 0px 0px]
Pass CSS Transitions with transition: all: property <background-size> from [initial] to [20px 20px, 0px 0px] at (-0.3) should be [20px 20px, 0px 0px]
Pass CSS Transitions with transition: all: property <background-size> from [initial] to [20px 20px, 0px 0px] at (0) should be [20px 20px, 0px 0px]
Pass CSS Transitions with transition: all: property <background-size> from [initial] to [20px 20px, 0px 0px] at (0.3) should be [20px 20px, 0px 0px]
Pass CSS Transitions with transition: all: property <background-size> from [initial] to [20px 20px, 0px 0px] at (0.5) should be [20px 20px, 0px 0px]
Pass CSS Transitions with transition: all: property <background-size> from [initial] to [20px 20px, 0px 0px] at (0.6) should be [20px 20px, 0px 0px]
Pass CSS Transitions with transition: all: property <background-size> from [initial] to [20px 20px, 0px 0px] at (1) should be [20px 20px, 0px 0px]
Pass CSS Transitions with transition: all: property <background-size> from [initial] to [20px 20px, 0px 0px] at (1.5) should be [20px 20px, 0px 0px]
Pass CSS Animations: property <background-size> from [initial] to [20px 20px, 0px 0px] at (-0.3) should be [initial]
Pass CSS Animations: property <background-size> from [initial] to [20px 20px, 0px 0px] at (0) should be [initial]
Pass CSS Animations: property <background-size> from [initial] to [20px 20px, 0px 0px] at (0.3) should be [initial]
Pass CSS Animations: property <background-size> from [initial] to [20px 20px, 0px 0px] at (0.5) should be [20px 20px, 0px 0px]
Pass CSS Animations: property <background-size> from [initial] to [20px 20px, 0px 0px] at (0.6) should be [20px 20px, 0px 0px]
Pass CSS Animations: property <background-size> from [initial] to [20px 20px, 0px 0px] at (1) should be [20px 20px, 0px 0px]
Pass CSS Animations: property <background-size> from [initial] to [20px 20px, 0px 0px] at (1.5) should be [20px 20px, 0px 0px]
Pass Web Animations: property <background-size> from [initial] to [20px 20px, 0px 0px] at (-0.3) should be [initial]
Pass Web Animations: property <background-size> from [initial] to [20px 20px, 0px 0px] at (0) should be [initial]
Pass Web Animations: property <background-size> from [initial] to [20px 20px, 0px 0px] at (0.3) should be [initial]
Pass Web Animations: property <background-size> from [initial] to [20px 20px, 0px 0px] at (0.5) should be [20px 20px, 0px 0px]
Pass Web Animations: property <background-size> from [initial] to [20px 20px, 0px 0px] at (0.6) should be [20px 20px, 0px 0px]
Pass Web Animations: property <background-size> from [initial] to [20px 20px, 0px 0px] at (1) should be [20px 20px, 0px 0px]
Pass Web Animations: property <background-size> from [initial] to [20px 20px, 0px 0px] at (1.5) should be [20px 20px, 0px 0px]
Fail CSS Transitions: property <background-size> from [inherit] to [20px 20px, 0px 0px] at (-0.25) should be [120px 120px, 125px 125px, 120px 120px, 125px 125px]
Fail CSS Transitions: property <background-size> from [inherit] to [20px 20px, 0px 0px] at (0) should be [100px 100px, 100px 100px, 100px 100px, 100px 100px]
Fail CSS Transitions: property <background-size> from [inherit] to [20px 20px, 0px 0px] at (0.25) should be [ 80px 80px, 75px 75px, 80px 80px, 75px 75px]
Fail CSS Transitions: property <background-size> from [inherit] to [20px 20px, 0px 0px] at (0.5) should be [ 60px 60px, 50px 50px, 60px 60px, 50px 50px]
Fail CSS Transitions: property <background-size> from [inherit] to [20px 20px, 0px 0px] at (0.75) should be [ 40px 40px, 25px 25px, 40px 40px, 25px 25px]
Fail CSS Transitions: property <background-size> from [inherit] to [20px 20px, 0px 0px] at (1) should be [ 20px 20px, 0px 0px, 20px 20px, 0px 0px]
Fail CSS Transitions: property <background-size> from [inherit] to [20px 20px, 0px 0px] at (1.25) should be [ 0px 0px, 0px 0px, 0px 0px, 0px 0px]
Fail CSS Transitions with transition: all: property <background-size> from [inherit] to [20px 20px, 0px 0px] at (-0.25) should be [120px 120px, 125px 125px, 120px 120px, 125px 125px]
Fail CSS Transitions with transition: all: property <background-size> from [inherit] to [20px 20px, 0px 0px] at (0) should be [100px 100px, 100px 100px, 100px 100px, 100px 100px]
Fail CSS Transitions with transition: all: property <background-size> from [inherit] to [20px 20px, 0px 0px] at (0.25) should be [ 80px 80px, 75px 75px, 80px 80px, 75px 75px]
Fail CSS Transitions with transition: all: property <background-size> from [inherit] to [20px 20px, 0px 0px] at (0.5) should be [ 60px 60px, 50px 50px, 60px 60px, 50px 50px]
Fail CSS Transitions with transition: all: property <background-size> from [inherit] to [20px 20px, 0px 0px] at (0.75) should be [ 40px 40px, 25px 25px, 40px 40px, 25px 25px]
Fail CSS Transitions with transition: all: property <background-size> from [inherit] to [20px 20px, 0px 0px] at (1) should be [ 20px 20px, 0px 0px, 20px 20px, 0px 0px]
Fail CSS Transitions with transition: all: property <background-size> from [inherit] to [20px 20px, 0px 0px] at (1.25) should be [ 0px 0px, 0px 0px, 0px 0px, 0px 0px]
Fail CSS Animations: property <background-size> from [inherit] to [20px 20px, 0px 0px] at (-0.25) should be [120px 120px, 125px 125px, 120px 120px, 125px 125px]
Fail CSS Animations: property <background-size> from [inherit] to [20px 20px, 0px 0px] at (0) should be [100px 100px, 100px 100px, 100px 100px, 100px 100px]
Fail CSS Animations: property <background-size> from [inherit] to [20px 20px, 0px 0px] at (0.25) should be [ 80px 80px, 75px 75px, 80px 80px, 75px 75px]
Fail CSS Animations: property <background-size> from [inherit] to [20px 20px, 0px 0px] at (0.5) should be [ 60px 60px, 50px 50px, 60px 60px, 50px 50px]
Fail CSS Animations: property <background-size> from [inherit] to [20px 20px, 0px 0px] at (0.75) should be [ 40px 40px, 25px 25px, 40px 40px, 25px 25px]
Fail CSS Animations: property <background-size> from [inherit] to [20px 20px, 0px 0px] at (1) should be [ 20px 20px, 0px 0px, 20px 20px, 0px 0px]
Fail CSS Animations: property <background-size> from [inherit] to [20px 20px, 0px 0px] at (1.25) should be [ 0px 0px, 0px 0px, 0px 0px, 0px 0px]
Fail Web Animations: property <background-size> from [inherit] to [20px 20px, 0px 0px] at (-0.25) should be [120px 120px, 125px 125px, 120px 120px, 125px 125px]
Fail Web Animations: property <background-size> from [inherit] to [20px 20px, 0px 0px] at (0) should be [100px 100px, 100px 100px, 100px 100px, 100px 100px]
Fail Web Animations: property <background-size> from [inherit] to [20px 20px, 0px 0px] at (0.25) should be [ 80px 80px, 75px 75px, 80px 80px, 75px 75px]
Fail Web Animations: property <background-size> from [inherit] to [20px 20px, 0px 0px] at (0.5) should be [ 60px 60px, 50px 50px, 60px 60px, 50px 50px]
Fail Web Animations: property <background-size> from [inherit] to [20px 20px, 0px 0px] at (0.75) should be [ 40px 40px, 25px 25px, 40px 40px, 25px 25px]
Fail Web Animations: property <background-size> from [inherit] to [20px 20px, 0px 0px] at (1) should be [ 20px 20px, 0px 0px, 20px 20px, 0px 0px]
Fail Web Animations: property <background-size> from [inherit] to [20px 20px, 0px 0px] at (1.25) should be [ 0px 0px, 0px 0px, 0px 0px, 0px 0px]
Fail CSS Transitions with transition-behavior:allow-discrete: property <background-size> from [unset] to [20px 20px, 0px 0px] at (-0.3) should be [unset]
Fail CSS Transitions with transition-behavior:allow-discrete: property <background-size> from [unset] to [20px 20px, 0px 0px] at (0) should be [unset]
Fail CSS Transitions with transition-behavior:allow-discrete: property <background-size> from [unset] to [20px 20px, 0px 0px] at (0.3) should be [unset]
Pass CSS Transitions with transition-behavior:allow-discrete: property <background-size> from [unset] to [20px 20px, 0px 0px] at (0.5) should be [20px 20px, 0px 0px]
Pass CSS Transitions with transition-behavior:allow-discrete: property <background-size> from [unset] to [20px 20px, 0px 0px] at (0.6) should be [20px 20px, 0px 0px]
Pass CSS Transitions with transition-behavior:allow-discrete: property <background-size> from [unset] to [20px 20px, 0px 0px] at (1) should be [20px 20px, 0px 0px]
Pass CSS Transitions with transition-behavior:allow-discrete: property <background-size> from [unset] to [20px 20px, 0px 0px] at (1.5) should be [20px 20px, 0px 0px]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <background-size> from [unset] to [20px 20px, 0px 0px] at (-0.3) should be [unset]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <background-size> from [unset] to [20px 20px, 0px 0px] at (0) should be [unset]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <background-size> from [unset] to [20px 20px, 0px 0px] at (0.3) should be [unset]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <background-size> from [unset] to [20px 20px, 0px 0px] at (0.5) should be [20px 20px, 0px 0px]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <background-size> from [unset] to [20px 20px, 0px 0px] at (0.6) should be [20px 20px, 0px 0px]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <background-size> from [unset] to [20px 20px, 0px 0px] at (1) should be [20px 20px, 0px 0px]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <background-size> from [unset] to [20px 20px, 0px 0px] at (1.5) should be [20px 20px, 0px 0px]
Pass CSS Transitions: property <background-size> from [unset] to [20px 20px, 0px 0px] at (-0.3) should be [20px 20px, 0px 0px]
Pass CSS Transitions: property <background-size> from [unset] to [20px 20px, 0px 0px] at (0) should be [20px 20px, 0px 0px]
Pass CSS Transitions: property <background-size> from [unset] to [20px 20px, 0px 0px] at (0.3) should be [20px 20px, 0px 0px]
Pass CSS Transitions: property <background-size> from [unset] to [20px 20px, 0px 0px] at (0.5) should be [20px 20px, 0px 0px]
Pass CSS Transitions: property <background-size> from [unset] to [20px 20px, 0px 0px] at (0.6) should be [20px 20px, 0px 0px]
Pass CSS Transitions: property <background-size> from [unset] to [20px 20px, 0px 0px] at (1) should be [20px 20px, 0px 0px]
Pass CSS Transitions: property <background-size> from [unset] to [20px 20px, 0px 0px] at (1.5) should be [20px 20px, 0px 0px]
Pass CSS Transitions with transition: all: property <background-size> from [unset] to [20px 20px, 0px 0px] at (-0.3) should be [20px 20px, 0px 0px]
Pass CSS Transitions with transition: all: property <background-size> from [unset] to [20px 20px, 0px 0px] at (0) should be [20px 20px, 0px 0px]
Pass CSS Transitions with transition: all: property <background-size> from [unset] to [20px 20px, 0px 0px] at (0.3) should be [20px 20px, 0px 0px]
Pass CSS Transitions with transition: all: property <background-size> from [unset] to [20px 20px, 0px 0px] at (0.5) should be [20px 20px, 0px 0px]
Pass CSS Transitions with transition: all: property <background-size> from [unset] to [20px 20px, 0px 0px] at (0.6) should be [20px 20px, 0px 0px]
Pass CSS Transitions with transition: all: property <background-size> from [unset] to [20px 20px, 0px 0px] at (1) should be [20px 20px, 0px 0px]
Pass CSS Transitions with transition: all: property <background-size> from [unset] to [20px 20px, 0px 0px] at (1.5) should be [20px 20px, 0px 0px]
Pass CSS Animations: property <background-size> from [unset] to [20px 20px, 0px 0px] at (-0.3) should be [unset]
Pass CSS Animations: property <background-size> from [unset] to [20px 20px, 0px 0px] at (0) should be [unset]
Pass CSS Animations: property <background-size> from [unset] to [20px 20px, 0px 0px] at (0.3) should be [unset]
Pass CSS Animations: property <background-size> from [unset] to [20px 20px, 0px 0px] at (0.5) should be [20px 20px, 0px 0px]
Pass CSS Animations: property <background-size> from [unset] to [20px 20px, 0px 0px] at (0.6) should be [20px 20px, 0px 0px]
Pass CSS Animations: property <background-size> from [unset] to [20px 20px, 0px 0px] at (1) should be [20px 20px, 0px 0px]
Pass CSS Animations: property <background-size> from [unset] to [20px 20px, 0px 0px] at (1.5) should be [20px 20px, 0px 0px]
Pass Web Animations: property <background-size> from [unset] to [20px 20px, 0px 0px] at (-0.3) should be [unset]
Pass Web Animations: property <background-size> from [unset] to [20px 20px, 0px 0px] at (0) should be [unset]
Pass Web Animations: property <background-size> from [unset] to [20px 20px, 0px 0px] at (0.3) should be [unset]
Pass Web Animations: property <background-size> from [unset] to [20px 20px, 0px 0px] at (0.5) should be [20px 20px, 0px 0px]
Pass Web Animations: property <background-size> from [unset] to [20px 20px, 0px 0px] at (0.6) should be [20px 20px, 0px 0px]
Pass Web Animations: property <background-size> from [unset] to [20px 20px, 0px 0px] at (1) should be [20px 20px, 0px 0px]
Pass Web Animations: property <background-size> from [unset] to [20px 20px, 0px 0px] at (1.5) should be [20px 20px, 0px 0px]
Fail CSS Transitions: property <background-size> from [0px auto, 0px 0px, contain, cover] to [40px auto, 40px 40px, contain, cover] at (-0.25) should be [ 0px auto, 0px 0px, contain, cover]
Fail CSS Transitions: property <background-size> from [0px auto, 0px 0px, contain, cover] to [40px auto, 40px 40px, contain, cover] at (0) should be [ 0px auto, 0px 0px, contain, cover]
Fail CSS Transitions: property <background-size> from [0px auto, 0px 0px, contain, cover] to [40px auto, 40px 40px, contain, cover] at (0.25) should be [10px auto, 10px 10px, contain, cover]
Fail CSS Transitions: property <background-size> from [0px auto, 0px 0px, contain, cover] to [40px auto, 40px 40px, contain, cover] at (0.5) should be [20px auto, 20px 20px, contain, cover]
Fail CSS Transitions: property <background-size> from [0px auto, 0px 0px, contain, cover] to [40px auto, 40px 40px, contain, cover] at (0.75) should be [30px auto, 30px 30px, contain, cover]
Pass CSS Transitions: property <background-size> from [0px auto, 0px 0px, contain, cover] to [40px auto, 40px 40px, contain, cover] at (1) should be [40px auto, 40px 40px, contain, cover]
Fail CSS Transitions: property <background-size> from [0px auto, 0px 0px, contain, cover] to [40px auto, 40px 40px, contain, cover] at (1.25) should be [50px auto, 50px 50px, contain, cover]
Fail CSS Transitions with transition: all: property <background-size> from [0px auto, 0px 0px, contain, cover] to [40px auto, 40px 40px, contain, cover] at (-0.25) should be [ 0px auto, 0px 0px, contain, cover]
Fail CSS Transitions with transition: all: property <background-size> from [0px auto, 0px 0px, contain, cover] to [40px auto, 40px 40px, contain, cover] at (0) should be [ 0px auto, 0px 0px, contain, cover]
Fail CSS Transitions with transition: all: property <background-size> from [0px auto, 0px 0px, contain, cover] to [40px auto, 40px 40px, contain, cover] at (0.25) should be [10px auto, 10px 10px, contain, cover]
Fail CSS Transitions with transition: all: property <background-size> from [0px auto, 0px 0px, contain, cover] to [40px auto, 40px 40px, contain, cover] at (0.5) should be [20px auto, 20px 20px, contain, cover]
Fail CSS Transitions with transition: all: property <background-size> from [0px auto, 0px 0px, contain, cover] to [40px auto, 40px 40px, contain, cover] at (0.75) should be [30px auto, 30px 30px, contain, cover]
Pass CSS Transitions with transition: all: property <background-size> from [0px auto, 0px 0px, contain, cover] to [40px auto, 40px 40px, contain, cover] at (1) should be [40px auto, 40px 40px, contain, cover]
Fail CSS Transitions with transition: all: property <background-size> from [0px auto, 0px 0px, contain, cover] to [40px auto, 40px 40px, contain, cover] at (1.25) should be [50px auto, 50px 50px, contain, cover]
Pass CSS Animations: property <background-size> from [0px auto, 0px 0px, contain, cover] to [40px auto, 40px 40px, contain, cover] at (-0.25) should be [ 0px auto, 0px 0px, contain, cover]
Pass CSS Animations: property <background-size> from [0px auto, 0px 0px, contain, cover] to [40px auto, 40px 40px, contain, cover] at (0) should be [ 0px auto, 0px 0px, contain, cover]
Fail CSS Animations: property <background-size> from [0px auto, 0px 0px, contain, cover] to [40px auto, 40px 40px, contain, cover] at (0.25) should be [10px auto, 10px 10px, contain, cover]
Fail CSS Animations: property <background-size> from [0px auto, 0px 0px, contain, cover] to [40px auto, 40px 40px, contain, cover] at (0.5) should be [20px auto, 20px 20px, contain, cover]
Fail CSS Animations: property <background-size> from [0px auto, 0px 0px, contain, cover] to [40px auto, 40px 40px, contain, cover] at (0.75) should be [30px auto, 30px 30px, contain, cover]
Pass CSS Animations: property <background-size> from [0px auto, 0px 0px, contain, cover] to [40px auto, 40px 40px, contain, cover] at (1) should be [40px auto, 40px 40px, contain, cover]
Fail CSS Animations: property <background-size> from [0px auto, 0px 0px, contain, cover] to [40px auto, 40px 40px, contain, cover] at (1.25) should be [50px auto, 50px 50px, contain, cover]
Pass Web Animations: property <background-size> from [0px auto, 0px 0px, contain, cover] to [40px auto, 40px 40px, contain, cover] at (-0.25) should be [ 0px auto, 0px 0px, contain, cover]
Pass Web Animations: property <background-size> from [0px auto, 0px 0px, contain, cover] to [40px auto, 40px 40px, contain, cover] at (0) should be [ 0px auto, 0px 0px, contain, cover]
Fail Web Animations: property <background-size> from [0px auto, 0px 0px, contain, cover] to [40px auto, 40px 40px, contain, cover] at (0.25) should be [10px auto, 10px 10px, contain, cover]
Fail Web Animations: property <background-size> from [0px auto, 0px 0px, contain, cover] to [40px auto, 40px 40px, contain, cover] at (0.5) should be [20px auto, 20px 20px, contain, cover]
Fail Web Animations: property <background-size> from [0px auto, 0px 0px, contain, cover] to [40px auto, 40px 40px, contain, cover] at (0.75) should be [30px auto, 30px 30px, contain, cover]
Pass Web Animations: property <background-size> from [0px auto, 0px 0px, contain, cover] to [40px auto, 40px 40px, contain, cover] at (1) should be [40px auto, 40px 40px, contain, cover]
Fail Web Animations: property <background-size> from [0px auto, 0px 0px, contain, cover] to [40px auto, 40px 40px, contain, cover] at (1.25) should be [50px auto, 50px 50px, contain, cover]
Fail CSS Transitions with transition-behavior:allow-discrete: property <background-size> from [0px 0px, 0px 0px, contain, cover] to [40px 40px, 40px 40px, cover, contain] at (-0.3) should be [0px 0px, 0px 0px, contain, cover]
Fail CSS Transitions with transition-behavior:allow-discrete: property <background-size> from [0px 0px, 0px 0px, contain, cover] to [40px 40px, 40px 40px, cover, contain] at (0) should be [0px 0px, 0px 0px, contain, cover]
Fail CSS Transitions with transition-behavior:allow-discrete: property <background-size> from [0px 0px, 0px 0px, contain, cover] to [40px 40px, 40px 40px, cover, contain] at (0.3) should be [0px 0px, 0px 0px, contain, cover]
Pass CSS Transitions with transition-behavior:allow-discrete: property <background-size> from [0px 0px, 0px 0px, contain, cover] to [40px 40px, 40px 40px, cover, contain] at (0.5) should be [40px 40px, 40px 40px, cover, contain]
Pass CSS Transitions with transition-behavior:allow-discrete: property <background-size> from [0px 0px, 0px 0px, contain, cover] to [40px 40px, 40px 40px, cover, contain] at (0.6) should be [40px 40px, 40px 40px, cover, contain]
Pass CSS Transitions with transition-behavior:allow-discrete: property <background-size> from [0px 0px, 0px 0px, contain, cover] to [40px 40px, 40px 40px, cover, contain] at (1) should be [40px 40px, 40px 40px, cover, contain]
Pass CSS Transitions with transition-behavior:allow-discrete: property <background-size> from [0px 0px, 0px 0px, contain, cover] to [40px 40px, 40px 40px, cover, contain] at (1.5) should be [40px 40px, 40px 40px, cover, contain]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <background-size> from [0px 0px, 0px 0px, contain, cover] to [40px 40px, 40px 40px, cover, contain] at (-0.3) should be [0px 0px, 0px 0px, contain, cover]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <background-size> from [0px 0px, 0px 0px, contain, cover] to [40px 40px, 40px 40px, cover, contain] at (0) should be [0px 0px, 0px 0px, contain, cover]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <background-size> from [0px 0px, 0px 0px, contain, cover] to [40px 40px, 40px 40px, cover, contain] at (0.3) should be [0px 0px, 0px 0px, contain, cover]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <background-size> from [0px 0px, 0px 0px, contain, cover] to [40px 40px, 40px 40px, cover, contain] at (0.5) should be [40px 40px, 40px 40px, cover, contain]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <background-size> from [0px 0px, 0px 0px, contain, cover] to [40px 40px, 40px 40px, cover, contain] at (0.6) should be [40px 40px, 40px 40px, cover, contain]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <background-size> from [0px 0px, 0px 0px, contain, cover] to [40px 40px, 40px 40px, cover, contain] at (1) should be [40px 40px, 40px 40px, cover, contain]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <background-size> from [0px 0px, 0px 0px, contain, cover] to [40px 40px, 40px 40px, cover, contain] at (1.5) should be [40px 40px, 40px 40px, cover, contain]
Pass CSS Transitions: property <background-size> from [0px 0px, 0px 0px, contain, cover] to [40px 40px, 40px 40px, cover, contain] at (-0.3) should be [40px 40px, 40px 40px, cover, contain]
Pass CSS Transitions: property <background-size> from [0px 0px, 0px 0px, contain, cover] to [40px 40px, 40px 40px, cover, contain] at (0) should be [40px 40px, 40px 40px, cover, contain]
Pass CSS Transitions: property <background-size> from [0px 0px, 0px 0px, contain, cover] to [40px 40px, 40px 40px, cover, contain] at (0.3) should be [40px 40px, 40px 40px, cover, contain]
Pass CSS Transitions: property <background-size> from [0px 0px, 0px 0px, contain, cover] to [40px 40px, 40px 40px, cover, contain] at (0.5) should be [40px 40px, 40px 40px, cover, contain]
Pass CSS Transitions: property <background-size> from [0px 0px, 0px 0px, contain, cover] to [40px 40px, 40px 40px, cover, contain] at (0.6) should be [40px 40px, 40px 40px, cover, contain]
Pass CSS Transitions: property <background-size> from [0px 0px, 0px 0px, contain, cover] to [40px 40px, 40px 40px, cover, contain] at (1) should be [40px 40px, 40px 40px, cover, contain]
Pass CSS Transitions: property <background-size> from [0px 0px, 0px 0px, contain, cover] to [40px 40px, 40px 40px, cover, contain] at (1.5) should be [40px 40px, 40px 40px, cover, contain]
Pass CSS Transitions with transition: all: property <background-size> from [0px 0px, 0px 0px, contain, cover] to [40px 40px, 40px 40px, cover, contain] at (-0.3) should be [40px 40px, 40px 40px, cover, contain]
Pass CSS Transitions with transition: all: property <background-size> from [0px 0px, 0px 0px, contain, cover] to [40px 40px, 40px 40px, cover, contain] at (0) should be [40px 40px, 40px 40px, cover, contain]
Pass CSS Transitions with transition: all: property <background-size> from [0px 0px, 0px 0px, contain, cover] to [40px 40px, 40px 40px, cover, contain] at (0.3) should be [40px 40px, 40px 40px, cover, contain]
Pass CSS Transitions with transition: all: property <background-size> from [0px 0px, 0px 0px, contain, cover] to [40px 40px, 40px 40px, cover, contain] at (0.5) should be [40px 40px, 40px 40px, cover, contain]
Pass CSS Transitions with transition: all: property <background-size> from [0px 0px, 0px 0px, contain, cover] to [40px 40px, 40px 40px, cover, contain] at (0.6) should be [40px 40px, 40px 40px, cover, contain]
Pass CSS Transitions with transition: all: property <background-size> from [0px 0px, 0px 0px, contain, cover] to [40px 40px, 40px 40px, cover, contain] at (1) should be [40px 40px, 40px 40px, cover, contain]
Pass CSS Transitions with transition: all: property <background-size> from [0px 0px, 0px 0px, contain, cover] to [40px 40px, 40px 40px, cover, contain] at (1.5) should be [40px 40px, 40px 40px, cover, contain]
Pass CSS Animations: property <background-size> from [0px 0px, 0px 0px, contain, cover] to [40px 40px, 40px 40px, cover, contain] at (-0.3) should be [0px 0px, 0px 0px, contain, cover]
Pass CSS Animations: property <background-size> from [0px 0px, 0px 0px, contain, cover] to [40px 40px, 40px 40px, cover, contain] at (0) should be [0px 0px, 0px 0px, contain, cover]
Pass CSS Animations: property <background-size> from [0px 0px, 0px 0px, contain, cover] to [40px 40px, 40px 40px, cover, contain] at (0.3) should be [0px 0px, 0px 0px, contain, cover]
Pass CSS Animations: property <background-size> from [0px 0px, 0px 0px, contain, cover] to [40px 40px, 40px 40px, cover, contain] at (0.5) should be [40px 40px, 40px 40px, cover, contain]
Pass CSS Animations: property <background-size> from [0px 0px, 0px 0px, contain, cover] to [40px 40px, 40px 40px, cover, contain] at (0.6) should be [40px 40px, 40px 40px, cover, contain]
Pass CSS Animations: property <background-size> from [0px 0px, 0px 0px, contain, cover] to [40px 40px, 40px 40px, cover, contain] at (1) should be [40px 40px, 40px 40px, cover, contain]
Pass CSS Animations: property <background-size> from [0px 0px, 0px 0px, contain, cover] to [40px 40px, 40px 40px, cover, contain] at (1.5) should be [40px 40px, 40px 40px, cover, contain]
Pass Web Animations: property <background-size> from [0px 0px, 0px 0px, contain, cover] to [40px 40px, 40px 40px, cover, contain] at (-0.3) should be [0px 0px, 0px 0px, contain, cover]
Pass Web Animations: property <background-size> from [0px 0px, 0px 0px, contain, cover] to [40px 40px, 40px 40px, cover, contain] at (0) should be [0px 0px, 0px 0px, contain, cover]
Pass Web Animations: property <background-size> from [0px 0px, 0px 0px, contain, cover] to [40px 40px, 40px 40px, cover, contain] at (0.3) should be [0px 0px, 0px 0px, contain, cover]
Pass Web Animations: property <background-size> from [0px 0px, 0px 0px, contain, cover] to [40px 40px, 40px 40px, cover, contain] at (0.5) should be [40px 40px, 40px 40px, cover, contain]
Pass Web Animations: property <background-size> from [0px 0px, 0px 0px, contain, cover] to [40px 40px, 40px 40px, cover, contain] at (0.6) should be [40px 40px, 40px 40px, cover, contain]
Pass Web Animations: property <background-size> from [0px 0px, 0px 0px, contain, cover] to [40px 40px, 40px 40px, cover, contain] at (1) should be [40px 40px, 40px 40px, cover, contain]
Pass Web Animations: property <background-size> from [0px 0px, 0px 0px, contain, cover] to [40px 40px, 40px 40px, cover, contain] at (1.5) should be [40px 40px, 40px 40px, cover, contain]
Fail CSS Transitions with transition-behavior:allow-discrete: property <background-size> from [0px auto, 0px 0px] to [auto 40px, 40px 40px] at (-0.3) should be [0px auto, 0px 0px]
Fail CSS Transitions with transition-behavior:allow-discrete: property <background-size> from [0px auto, 0px 0px] to [auto 40px, 40px 40px] at (0) should be [0px auto, 0px 0px]
Fail CSS Transitions with transition-behavior:allow-discrete: property <background-size> from [0px auto, 0px 0px] to [auto 40px, 40px 40px] at (0.3) should be [0px auto, 0px 0px]
Pass CSS Transitions with transition-behavior:allow-discrete: property <background-size> from [0px auto, 0px 0px] to [auto 40px, 40px 40px] at (0.5) should be [auto 40px, 40px 40px]
Pass CSS Transitions with transition-behavior:allow-discrete: property <background-size> from [0px auto, 0px 0px] to [auto 40px, 40px 40px] at (0.6) should be [auto 40px, 40px 40px]
Pass CSS Transitions with transition-behavior:allow-discrete: property <background-size> from [0px auto, 0px 0px] to [auto 40px, 40px 40px] at (1) should be [auto 40px, 40px 40px]
Pass CSS Transitions with transition-behavior:allow-discrete: property <background-size> from [0px auto, 0px 0px] to [auto 40px, 40px 40px] at (1.5) should be [auto 40px, 40px 40px]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <background-size> from [0px auto, 0px 0px] to [auto 40px, 40px 40px] at (-0.3) should be [0px auto, 0px 0px]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <background-size> from [0px auto, 0px 0px] to [auto 40px, 40px 40px] at (0) should be [0px auto, 0px 0px]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <background-size> from [0px auto, 0px 0px] to [auto 40px, 40px 40px] at (0.3) should be [0px auto, 0px 0px]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <background-size> from [0px auto, 0px 0px] to [auto 40px, 40px 40px] at (0.5) should be [auto 40px, 40px 40px]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <background-size> from [0px auto, 0px 0px] to [auto 40px, 40px 40px] at (0.6) should be [auto 40px, 40px 40px]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <background-size> from [0px auto, 0px 0px] to [auto 40px, 40px 40px] at (1) should be [auto 40px, 40px 40px]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <background-size> from [0px auto, 0px 0px] to [auto 40px, 40px 40px] at (1.5) should be [auto 40px, 40px 40px]
Pass CSS Transitions: property <background-size> from [0px auto, 0px 0px] to [auto 40px, 40px 40px] at (-0.3) should be [auto 40px, 40px 40px]
Pass CSS Transitions: property <background-size> from [0px auto, 0px 0px] to [auto 40px, 40px 40px] at (0) should be [auto 40px, 40px 40px]
Pass CSS Transitions: property <background-size> from [0px auto, 0px 0px] to [auto 40px, 40px 40px] at (0.3) should be [auto 40px, 40px 40px]
Pass CSS Transitions: property <background-size> from [0px auto, 0px 0px] to [auto 40px, 40px 40px] at (0.5) should be [auto 40px, 40px 40px]
Pass CSS Transitions: property <background-size> from [0px auto, 0px 0px] to [auto 40px, 40px 40px] at (0.6) should be [auto 40px, 40px 40px]
Pass CSS Transitions: property <background-size> from [0px auto, 0px 0px] to [auto 40px, 40px 40px] at (1) should be [auto 40px, 40px 40px]
Pass CSS Transitions: property <background-size> from [0px auto, 0px 0px] to [auto 40px, 40px 40px] at (1.5) should be [auto 40px, 40px 40px]
Pass CSS Transitions with transition: all: property <background-size> from [0px auto, 0px 0px] to [auto 40px, 40px 40px] at (-0.3) should be [auto 40px, 40px 40px]
Pass CSS Transitions with transition: all: property <background-size> from [0px auto, 0px 0px] to [auto 40px, 40px 40px] at (0) should be [auto 40px, 40px 40px]
Pass CSS Transitions with transition: all: property <background-size> from [0px auto, 0px 0px] to [auto 40px, 40px 40px] at (0.3) should be [auto 40px, 40px 40px]
Pass CSS Transitions with transition: all: property <background-size> from [0px auto, 0px 0px] to [auto 40px, 40px 40px] at (0.5) should be [auto 40px, 40px 40px]
Pass CSS Transitions with transition: all: property <background-size> from [0px auto, 0px 0px] to [auto 40px, 40px 40px] at (0.6) should be [auto 40px, 40px 40px]
Pass CSS Transitions with transition: all: property <background-size> from [0px auto, 0px 0px] to [auto 40px, 40px 40px] at (1) should be [auto 40px, 40px 40px]
Pass CSS Transitions with transition: all: property <background-size> from [0px auto, 0px 0px] to [auto 40px, 40px 40px] at (1.5) should be [auto 40px, 40px 40px]
Pass CSS Animations: property <background-size> from [0px auto, 0px 0px] to [auto 40px, 40px 40px] at (-0.3) should be [0px auto, 0px 0px]
Pass CSS Animations: property <background-size> from [0px auto, 0px 0px] to [auto 40px, 40px 40px] at (0) should be [0px auto, 0px 0px]
Pass CSS Animations: property <background-size> from [0px auto, 0px 0px] to [auto 40px, 40px 40px] at (0.3) should be [0px auto, 0px 0px]
Pass CSS Animations: property <background-size> from [0px auto, 0px 0px] to [auto 40px, 40px 40px] at (0.5) should be [auto 40px, 40px 40px]
Pass CSS Animations: property <background-size> from [0px auto, 0px 0px] to [auto 40px, 40px 40px] at (0.6) should be [auto 40px, 40px 40px]
Pass CSS Animations: property <background-size> from [0px auto, 0px 0px] to [auto 40px, 40px 40px] at (1) should be [auto 40px, 40px 40px]
Pass CSS Animations: property <background-size> from [0px auto, 0px 0px] to [auto 40px, 40px 40px] at (1.5) should be [auto 40px, 40px 40px]
Pass Web Animations: property <background-size> from [0px auto, 0px 0px] to [auto 40px, 40px 40px] at (-0.3) should be [0px auto, 0px 0px]
Pass Web Animations: property <background-size> from [0px auto, 0px 0px] to [auto 40px, 40px 40px] at (0) should be [0px auto, 0px 0px]
Pass Web Animations: property <background-size> from [0px auto, 0px 0px] to [auto 40px, 40px 40px] at (0.3) should be [0px auto, 0px 0px]
Pass Web Animations: property <background-size> from [0px auto, 0px 0px] to [auto 40px, 40px 40px] at (0.5) should be [auto 40px, 40px 40px]
Pass Web Animations: property <background-size> from [0px auto, 0px 0px] to [auto 40px, 40px 40px] at (0.6) should be [auto 40px, 40px 40px]
Pass Web Animations: property <background-size> from [0px auto, 0px 0px] to [auto 40px, 40px 40px] at (1) should be [auto 40px, 40px 40px]
Pass Web Animations: property <background-size> from [0px auto, 0px 0px] to [auto 40px, 40px 40px] at (1.5) should be [auto 40px, 40px 40px]
Fail CSS Transitions: property <background-size> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [20px 20px, 40px 40px, 60px 60px, 100px 100px] at (-0.25) should be [ 0px 0px, 0px 0px, 0px 0px, 0px 0px]
Fail CSS Transitions: property <background-size> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [20px 20px, 40px 40px, 60px 60px, 100px 100px] at (0) should be [ 0px 0px, 0px 0px, 0px 0px, 0px 0px]
Fail CSS Transitions: property <background-size> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [20px 20px, 40px 40px, 60px 60px, 100px 100px] at (0.25) should be [ 5px 5px, 10px 10px, 15px 15px, 25px 25px]
Fail CSS Transitions: property <background-size> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [20px 20px, 40px 40px, 60px 60px, 100px 100px] at (0.5) should be [10px 10px, 20px 20px, 30px 30px, 50px 50px]
Fail CSS Transitions: property <background-size> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [20px 20px, 40px 40px, 60px 60px, 100px 100px] at (0.75) should be [15px 15px, 30px 30px, 45px 45px, 75px 75px]
Pass CSS Transitions: property <background-size> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [20px 20px, 40px 40px, 60px 60px, 100px 100px] at (1) should be [20px 20px, 40px 40px, 60px 60px, 100px 100px]
Fail CSS Transitions: property <background-size> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [20px 20px, 40px 40px, 60px 60px, 100px 100px] at (1.25) should be [25px 25px, 50px 50px, 75px 75px, 125px 125px]
Fail CSS Transitions with transition: all: property <background-size> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [20px 20px, 40px 40px, 60px 60px, 100px 100px] at (-0.25) should be [ 0px 0px, 0px 0px, 0px 0px, 0px 0px]
Fail CSS Transitions with transition: all: property <background-size> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [20px 20px, 40px 40px, 60px 60px, 100px 100px] at (0) should be [ 0px 0px, 0px 0px, 0px 0px, 0px 0px]
Fail CSS Transitions with transition: all: property <background-size> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [20px 20px, 40px 40px, 60px 60px, 100px 100px] at (0.25) should be [ 5px 5px, 10px 10px, 15px 15px, 25px 25px]
Fail CSS Transitions with transition: all: property <background-size> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [20px 20px, 40px 40px, 60px 60px, 100px 100px] at (0.5) should be [10px 10px, 20px 20px, 30px 30px, 50px 50px]
Fail CSS Transitions with transition: all: property <background-size> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [20px 20px, 40px 40px, 60px 60px, 100px 100px] at (0.75) should be [15px 15px, 30px 30px, 45px 45px, 75px 75px]
Pass CSS Transitions with transition: all: property <background-size> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [20px 20px, 40px 40px, 60px 60px, 100px 100px] at (1) should be [20px 20px, 40px 40px, 60px 60px, 100px 100px]
Fail CSS Transitions with transition: all: property <background-size> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [20px 20px, 40px 40px, 60px 60px, 100px 100px] at (1.25) should be [25px 25px, 50px 50px, 75px 75px, 125px 125px]
Pass CSS Animations: property <background-size> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [20px 20px, 40px 40px, 60px 60px, 100px 100px] at (-0.25) should be [ 0px 0px, 0px 0px, 0px 0px, 0px 0px]
Pass CSS Animations: property <background-size> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [20px 20px, 40px 40px, 60px 60px, 100px 100px] at (0) should be [ 0px 0px, 0px 0px, 0px 0px, 0px 0px]
Fail CSS Animations: property <background-size> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [20px 20px, 40px 40px, 60px 60px, 100px 100px] at (0.25) should be [ 5px 5px, 10px 10px, 15px 15px, 25px 25px]
Fail CSS Animations: property <background-size> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [20px 20px, 40px 40px, 60px 60px, 100px 100px] at (0.5) should be [10px 10px, 20px 20px, 30px 30px, 50px 50px]
Fail CSS Animations: property <background-size> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [20px 20px, 40px 40px, 60px 60px, 100px 100px] at (0.75) should be [15px 15px, 30px 30px, 45px 45px, 75px 75px]
Pass CSS Animations: property <background-size> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [20px 20px, 40px 40px, 60px 60px, 100px 100px] at (1) should be [20px 20px, 40px 40px, 60px 60px, 100px 100px]
Fail CSS Animations: property <background-size> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [20px 20px, 40px 40px, 60px 60px, 100px 100px] at (1.25) should be [25px 25px, 50px 50px, 75px 75px, 125px 125px]
Pass Web Animations: property <background-size> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [20px 20px, 40px 40px, 60px 60px, 100px 100px] at (-0.25) should be [ 0px 0px, 0px 0px, 0px 0px, 0px 0px]
Pass Web Animations: property <background-size> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [20px 20px, 40px 40px, 60px 60px, 100px 100px] at (0) should be [ 0px 0px, 0px 0px, 0px 0px, 0px 0px]
Fail Web Animations: property <background-size> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [20px 20px, 40px 40px, 60px 60px, 100px 100px] at (0.25) should be [ 5px 5px, 10px 10px, 15px 15px, 25px 25px]
Fail Web Animations: property <background-size> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [20px 20px, 40px 40px, 60px 60px, 100px 100px] at (0.5) should be [10px 10px, 20px 20px, 30px 30px, 50px 50px]
Fail Web Animations: property <background-size> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [20px 20px, 40px 40px, 60px 60px, 100px 100px] at (0.75) should be [15px 15px, 30px 30px, 45px 45px, 75px 75px]
Pass Web Animations: property <background-size> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [20px 20px, 40px 40px, 60px 60px, 100px 100px] at (1) should be [20px 20px, 40px 40px, 60px 60px, 100px 100px]
Fail Web Animations: property <background-size> from [0px 0px, 0px 0px, 0px 0px, 0px 0px] to [20px 20px, 40px 40px, 60px 60px, 100px 100px] at (1.25) should be [25px 25px, 50px 50px, 75px 75px, 125px 125px]
Fail CSS Transitions: property <background-size> from [0px 0px] to [80px 80px] at (-0.25) should be [ 0px 0px, 0px 0px, 0px 0px, 0px 0px]
Fail CSS Transitions: property <background-size> from [0px 0px] to [80px 80px] at (0) should be [ 0px 0px, 0px 0px, 0px 0px, 0px 0px]
Fail CSS Transitions: property <background-size> from [0px 0px] to [80px 80px] at (0.25) should be [ 20px 20px, 20px 20px, 20px 20px, 20px 20px]
Fail CSS Transitions: property <background-size> from [0px 0px] to [80px 80px] at (0.5) should be [ 40px 40px, 40px 40px, 40px 40px, 40px 40px]
Fail CSS Transitions: property <background-size> from [0px 0px] to [80px 80px] at (0.75) should be [ 60px 60px, 60px 60px, 60px 60px, 60px 60px]
Fail CSS Transitions: property <background-size> from [0px 0px] to [80px 80px] at (1) should be [ 80px 80px, 80px 80px, 80px 80px, 80px 80px]
Fail CSS Transitions: property <background-size> from [0px 0px] to [80px 80px] at (1.25) should be [100px 100px, 100px 100px, 100px 100px, 100px 100px]
Fail CSS Transitions with transition: all: property <background-size> from [0px 0px] to [80px 80px] at (-0.25) should be [ 0px 0px, 0px 0px, 0px 0px, 0px 0px]
Fail CSS Transitions with transition: all: property <background-size> from [0px 0px] to [80px 80px] at (0) should be [ 0px 0px, 0px 0px, 0px 0px, 0px 0px]
Fail CSS Transitions with transition: all: property <background-size> from [0px 0px] to [80px 80px] at (0.25) should be [ 20px 20px, 20px 20px, 20px 20px, 20px 20px]
Fail CSS Transitions with transition: all: property <background-size> from [0px 0px] to [80px 80px] at (0.5) should be [ 40px 40px, 40px 40px, 40px 40px, 40px 40px]
Fail CSS Transitions with transition: all: property <background-size> from [0px 0px] to [80px 80px] at (0.75) should be [ 60px 60px, 60px 60px, 60px 60px, 60px 60px]
Fail CSS Transitions with transition: all: property <background-size> from [0px 0px] to [80px 80px] at (1) should be [ 80px 80px, 80px 80px, 80px 80px, 80px 80px]
Fail CSS Transitions with transition: all: property <background-size> from [0px 0px] to [80px 80px] at (1.25) should be [100px 100px, 100px 100px, 100px 100px, 100px 100px]
Fail CSS Animations: property <background-size> from [0px 0px] to [80px 80px] at (-0.25) should be [ 0px 0px, 0px 0px, 0px 0px, 0px 0px]
Fail CSS Animations: property <background-size> from [0px 0px] to [80px 80px] at (0) should be [ 0px 0px, 0px 0px, 0px 0px, 0px 0px]
Fail CSS Animations: property <background-size> from [0px 0px] to [80px 80px] at (0.25) should be [ 20px 20px, 20px 20px, 20px 20px, 20px 20px]
Fail CSS Animations: property <background-size> from [0px 0px] to [80px 80px] at (0.5) should be [ 40px 40px, 40px 40px, 40px 40px, 40px 40px]
Fail CSS Animations: property <background-size> from [0px 0px] to [80px 80px] at (0.75) should be [ 60px 60px, 60px 60px, 60px 60px, 60px 60px]
Fail CSS Animations: property <background-size> from [0px 0px] to [80px 80px] at (1) should be [ 80px 80px, 80px 80px, 80px 80px, 80px 80px]
Fail CSS Animations: property <background-size> from [0px 0px] to [80px 80px] at (1.25) should be [100px 100px, 100px 100px, 100px 100px, 100px 100px]
Fail Web Animations: property <background-size> from [0px 0px] to [80px 80px] at (-0.25) should be [ 0px 0px, 0px 0px, 0px 0px, 0px 0px]
Fail Web Animations: property <background-size> from [0px 0px] to [80px 80px] at (0) should be [ 0px 0px, 0px 0px, 0px 0px, 0px 0px]
Fail Web Animations: property <background-size> from [0px 0px] to [80px 80px] at (0.25) should be [ 20px 20px, 20px 20px, 20px 20px, 20px 20px]
Fail Web Animations: property <background-size> from [0px 0px] to [80px 80px] at (0.5) should be [ 40px 40px, 40px 40px, 40px 40px, 40px 40px]
Fail Web Animations: property <background-size> from [0px 0px] to [80px 80px] at (0.75) should be [ 60px 60px, 60px 60px, 60px 60px, 60px 60px]
Fail Web Animations: property <background-size> from [0px 0px] to [80px 80px] at (1) should be [ 80px 80px, 80px 80px, 80px 80px, 80px 80px]
Fail Web Animations: property <background-size> from [0px 0px] to [80px 80px] at (1.25) should be [100px 100px, 100px 100px, 100px 100px, 100px 100px]
Fail CSS Transitions: property <background-size> from [0px] to [80px] at (-0.25) should be [ 0px, 0px, 0px, 0px]
Fail CSS Transitions: property <background-size> from [0px] to [80px] at (0) should be [ 0px, 0px, 0px, 0px]
Fail CSS Transitions: property <background-size> from [0px] to [80px] at (0.25) should be [ 20px, 20px, 20px, 20px]
Fail CSS Transitions: property <background-size> from [0px] to [80px] at (0.5) should be [ 40px, 40px, 40px, 40px]
Fail CSS Transitions: property <background-size> from [0px] to [80px] at (0.75) should be [ 60px, 60px, 60px, 60px]
Fail CSS Transitions: property <background-size> from [0px] to [80px] at (1) should be [ 80px, 80px, 80px, 80px]
Fail CSS Transitions: property <background-size> from [0px] to [80px] at (1.25) should be [100px, 100px, 100px, 100px]
Fail CSS Transitions with transition: all: property <background-size> from [0px] to [80px] at (-0.25) should be [ 0px, 0px, 0px, 0px]
Fail CSS Transitions with transition: all: property <background-size> from [0px] to [80px] at (0) should be [ 0px, 0px, 0px, 0px]
Fail CSS Transitions with transition: all: property <background-size> from [0px] to [80px] at (0.25) should be [ 20px, 20px, 20px, 20px]
Fail CSS Transitions with transition: all: property <background-size> from [0px] to [80px] at (0.5) should be [ 40px, 40px, 40px, 40px]
Fail CSS Transitions with transition: all: property <background-size> from [0px] to [80px] at (0.75) should be [ 60px, 60px, 60px, 60px]
Fail CSS Transitions with transition: all: property <background-size> from [0px] to [80px] at (1) should be [ 80px, 80px, 80px, 80px]
Fail CSS Transitions with transition: all: property <background-size> from [0px] to [80px] at (1.25) should be [100px, 100px, 100px, 100px]
Fail CSS Animations: property <background-size> from [0px] to [80px] at (-0.25) should be [ 0px, 0px, 0px, 0px]
Fail CSS Animations: property <background-size> from [0px] to [80px] at (0) should be [ 0px, 0px, 0px, 0px]
Fail CSS Animations: property <background-size> from [0px] to [80px] at (0.25) should be [ 20px, 20px, 20px, 20px]
Fail CSS Animations: property <background-size> from [0px] to [80px] at (0.5) should be [ 40px, 40px, 40px, 40px]
Fail CSS Animations: property <background-size> from [0px] to [80px] at (0.75) should be [ 60px, 60px, 60px, 60px]
Fail CSS Animations: property <background-size> from [0px] to [80px] at (1) should be [ 80px, 80px, 80px, 80px]
Fail CSS Animations: property <background-size> from [0px] to [80px] at (1.25) should be [100px, 100px, 100px, 100px]
Fail Web Animations: property <background-size> from [0px] to [80px] at (-0.25) should be [ 0px, 0px, 0px, 0px]
Fail Web Animations: property <background-size> from [0px] to [80px] at (0) should be [ 0px, 0px, 0px, 0px]
Fail Web Animations: property <background-size> from [0px] to [80px] at (0.25) should be [ 20px, 20px, 20px, 20px]
Fail Web Animations: property <background-size> from [0px] to [80px] at (0.5) should be [ 40px, 40px, 40px, 40px]
Fail Web Animations: property <background-size> from [0px] to [80px] at (0.75) should be [ 60px, 60px, 60px, 60px]
Fail Web Animations: property <background-size> from [0px] to [80px] at (1) should be [ 80px, 80px, 80px, 80px]
Fail Web Animations: property <background-size> from [0px] to [80px] at (1.25) should be [100px, 100px, 100px, 100px]
Fail CSS Transitions: property <background-size> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (-0.25) should be [ 0px 0px, 80px 0px, 0px 0px, 90px 0px]
Fail CSS Transitions: property <background-size> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (0) should be [ 0px 0px, 80px 0px, 0px 0px, 80px 0px]
Fail CSS Transitions: property <background-size> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (0.25) should be [10px 10px, 80px 20px, 0px 20px, 70px 10px]
Fail CSS Transitions: property <background-size> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (0.5) should be [20px 20px, 80px 40px, 0px 40px, 60px 20px]
Fail CSS Transitions: property <background-size> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (0.75) should be [30px 30px, 80px 60px, 0px 60px, 50px 30px]
Fail CSS Transitions: property <background-size> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (1) should be [40px 40px, 80px 80px, 0px 80px, 40px 40px]
Fail CSS Transitions: property <background-size> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (1.25) should be [50px 50px, 80px 100px, 0px 100px, 30px 50px]
Fail CSS Transitions with transition: all: property <background-size> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (-0.25) should be [ 0px 0px, 80px 0px, 0px 0px, 90px 0px]
Fail CSS Transitions with transition: all: property <background-size> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (0) should be [ 0px 0px, 80px 0px, 0px 0px, 80px 0px]
Fail CSS Transitions with transition: all: property <background-size> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (0.25) should be [10px 10px, 80px 20px, 0px 20px, 70px 10px]
Fail CSS Transitions with transition: all: property <background-size> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (0.5) should be [20px 20px, 80px 40px, 0px 40px, 60px 20px]
Fail CSS Transitions with transition: all: property <background-size> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (0.75) should be [30px 30px, 80px 60px, 0px 60px, 50px 30px]
Fail CSS Transitions with transition: all: property <background-size> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (1) should be [40px 40px, 80px 80px, 0px 80px, 40px 40px]
Fail CSS Transitions with transition: all: property <background-size> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (1.25) should be [50px 50px, 80px 100px, 0px 100px, 30px 50px]
Fail CSS Animations: property <background-size> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (-0.25) should be [ 0px 0px, 80px 0px, 0px 0px, 90px 0px]
Fail CSS Animations: property <background-size> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (0) should be [ 0px 0px, 80px 0px, 0px 0px, 80px 0px]
Fail CSS Animations: property <background-size> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (0.25) should be [10px 10px, 80px 20px, 0px 20px, 70px 10px]
Fail CSS Animations: property <background-size> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (0.5) should be [20px 20px, 80px 40px, 0px 40px, 60px 20px]
Fail CSS Animations: property <background-size> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (0.75) should be [30px 30px, 80px 60px, 0px 60px, 50px 30px]
Fail CSS Animations: property <background-size> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (1) should be [40px 40px, 80px 80px, 0px 80px, 40px 40px]
Fail CSS Animations: property <background-size> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (1.25) should be [50px 50px, 80px 100px, 0px 100px, 30px 50px]
Fail Web Animations: property <background-size> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (-0.25) should be [ 0px 0px, 80px 0px, 0px 0px, 90px 0px]
Fail Web Animations: property <background-size> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (0) should be [ 0px 0px, 80px 0px, 0px 0px, 80px 0px]
Fail Web Animations: property <background-size> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (0.25) should be [10px 10px, 80px 20px, 0px 20px, 70px 10px]
Fail Web Animations: property <background-size> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (0.5) should be [20px 20px, 80px 40px, 0px 40px, 60px 20px]
Fail Web Animations: property <background-size> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (0.75) should be [30px 30px, 80px 60px, 0px 60px, 50px 30px]
Fail Web Animations: property <background-size> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (1) should be [40px 40px, 80px 80px, 0px 80px, 40px 40px]
Fail Web Animations: property <background-size> from [0px 0px, 80px 0px] to [40px 40px, 80px 80px, 0px 80px] at (1.25) should be [50px 50px, 80px 100px, 0px 100px, 30px 50px]

32
Tests/LibWeb/Text/expected/wpt-import/css/css-backgrounds/animations/border-bottom-left-radius-composition.txt Normal file
View file

@ -0,0 +1,32 @@
Summary
Harness status: OK
Rerun
Found 21 tests
2 Pass
19 Fail
Details
Result Test Name MessageFail Compositing: property <border-bottom-left-radius> underlying [40px 40px] from add [60px 60px] to add [160px 160px] at (-0.25) should be [75px]
Fail Compositing: property <border-bottom-left-radius> underlying [40px 40px] from add [60px 60px] to add [160px 160px] at (0) should be [100px]
Fail Compositing: property <border-bottom-left-radius> underlying [40px 40px] from add [60px 60px] to add [160px 160px] at (0.25) should be [125px]
Fail Compositing: property <border-bottom-left-radius> underlying [40px 40px] from add [60px 60px] to add [160px 160px] at (0.5) should be [150px]
Fail Compositing: property <border-bottom-left-radius> underlying [40px 40px] from add [60px 60px] to add [160px 160px] at (0.75) should be [175px]
Fail Compositing: property <border-bottom-left-radius> underlying [40px 40px] from add [60px 60px] to add [160px 160px] at (1) should be [200px]
Fail Compositing: property <border-bottom-left-radius> underlying [40px 40px] from add [60px 60px] to add [160px 160px] at (1.25) should be [225px]
Fail Compositing: property <border-bottom-left-radius> underlying [40px 140px] from replace [100px 120px] to add [160px 60px] at (-0.25) should be [75px 100px]
Pass Compositing: property <border-bottom-left-radius> underlying [40px 140px] from replace [100px 120px] to add [160px 60px] at (0) should be [100px 120px]
Fail Compositing: property <border-bottom-left-radius> underlying [40px 140px] from replace [100px 120px] to add [160px 60px] at (0.25) should be [125px 140px]
Fail Compositing: property <border-bottom-left-radius> underlying [40px 140px] from replace [100px 120px] to add [160px 60px] at (0.5) should be [150px 160px]
Fail Compositing: property <border-bottom-left-radius> underlying [40px 140px] from replace [100px 120px] to add [160px 60px] at (0.75) should be [175px 180px]
Fail Compositing: property <border-bottom-left-radius> underlying [40px 140px] from replace [100px 120px] to add [160px 60px] at (1) should be [200px]
Fail Compositing: property <border-bottom-left-radius> underlying [40px 140px] from replace [100px 120px] to add [160px 60px] at (1.25) should be [225px 220px]
Fail Compositing: property <border-bottom-left-radius> underlying [40px 60px] from add [60px 140px] to replace [200px 120px] at (-0.25) should be [75px 220px]
Fail Compositing: property <border-bottom-left-radius> underlying [40px 60px] from add [60px 140px] to replace [200px 120px] at (0) should be [100px 200px]
Fail Compositing: property <border-bottom-left-radius> underlying [40px 60px] from add [60px 140px] to replace [200px 120px] at (0.25) should be [125px 180px]
Fail Compositing: property <border-bottom-left-radius> underlying [40px 60px] from add [60px 140px] to replace [200px 120px] at (0.5) should be [150px 160px]
Fail Compositing: property <border-bottom-left-radius> underlying [40px 60px] from add [60px 140px] to replace [200px 120px] at (0.75) should be [175px 140px]
Pass Compositing: property <border-bottom-left-radius> underlying [40px 60px] from add [60px 140px] to replace [200px 120px] at (1) should be [200px 120px]
Fail Compositing: property <border-bottom-left-radius> underlying [40px 60px] from add [60px 140px] to replace [200px 120px] at (1.25) should be [225px 100px]

32
Tests/LibWeb/Text/expected/wpt-import/css/css-backgrounds/animations/border-bottom-right-radius-composition.txt Normal file
View file

@ -0,0 +1,32 @@
Summary
Harness status: OK
Rerun
Found 21 tests
2 Pass
19 Fail
Details
Result Test Name MessageFail Compositing: property <border-bottom-right-radius> underlying [40px 40px] from add [60px 60px] to add [160px 160px] at (-0.25) should be [75px]
Fail Compositing: property <border-bottom-right-radius> underlying [40px 40px] from add [60px 60px] to add [160px 160px] at (0) should be [100px]
Fail Compositing: property <border-bottom-right-radius> underlying [40px 40px] from add [60px 60px] to add [160px 160px] at (0.25) should be [125px]
Fail Compositing: property <border-bottom-right-radius> underlying [40px 40px] from add [60px 60px] to add [160px 160px] at (0.5) should be [150px]
Fail Compositing: property <border-bottom-right-radius> underlying [40px 40px] from add [60px 60px] to add [160px 160px] at (0.75) should be [175px]
Fail Compositing: property <border-bottom-right-radius> underlying [40px 40px] from add [60px 60px] to add [160px 160px] at (1) should be [200px]
Fail Compositing: property <border-bottom-right-radius> underlying [40px 40px] from add [60px 60px] to add [160px 160px] at (1.25) should be [225px]
Fail Compositing: property <border-bottom-right-radius> underlying [40px 140px] from replace [100px 120px] to add [160px 60px] at (-0.25) should be [75px 100px]
Pass Compositing: property <border-bottom-right-radius> underlying [40px 140px] from replace [100px 120px] to add [160px 60px] at (0) should be [100px 120px]
Fail Compositing: property <border-bottom-right-radius> underlying [40px 140px] from replace [100px 120px] to add [160px 60px] at (0.25) should be [125px 140px]
Fail Compositing: property <border-bottom-right-radius> underlying [40px 140px] from replace [100px 120px] to add [160px 60px] at (0.5) should be [150px 160px]
Fail Compositing: property <border-bottom-right-radius> underlying [40px 140px] from replace [100px 120px] to add [160px 60px] at (0.75) should be [175px 180px]
Fail Compositing: property <border-bottom-right-radius> underlying [40px 140px] from replace [100px 120px] to add [160px 60px] at (1) should be [200px]
Fail Compositing: property <border-bottom-right-radius> underlying [40px 140px] from replace [100px 120px] to add [160px 60px] at (1.25) should be [225px 220px]
Fail Compositing: property <border-bottom-right-radius> underlying [40px 60px] from add [60px 140px] to replace [200px 120px] at (-0.25) should be [75px 220px]
Fail Compositing: property <border-bottom-right-radius> underlying [40px 60px] from add [60px 140px] to replace [200px 120px] at (0) should be [100px 200px]
Fail Compositing: property <border-bottom-right-radius> underlying [40px 60px] from add [60px 140px] to replace [200px 120px] at (0.25) should be [125px 180px]
Fail Compositing: property <border-bottom-right-radius> underlying [40px 60px] from add [60px 140px] to replace [200px 120px] at (0.5) should be [150px 160px]
Fail Compositing: property <border-bottom-right-radius> underlying [40px 60px] from add [60px 140px] to replace [200px 120px] at (0.75) should be [175px 140px]
Pass Compositing: property <border-bottom-right-radius> underlying [40px 60px] from add [60px 140px] to replace [200px 120px] at (1) should be [200px 120px]
Fail Compositing: property <border-bottom-right-radius> underlying [40px 60px] from add [60px 140px] to replace [200px 120px] at (1.25) should be [225px 100px]

31
Tests/LibWeb/Text/expected/wpt-import/css/css-backgrounds/animations/border-bottom-width-composition.txt Normal file
View file

@ -0,0 +1,31 @@
Summary
Harness status: OK
Rerun
Found 20 tests
1 Pass
19 Fail
Details
Result Test Name MessageFail Compositing: property <border-bottom-width> underlying [50px] from add [100px] to add [200px] at (-0.3) should be [120px]
Fail Compositing: property <border-bottom-width> underlying [50px] from add [100px] to add [200px] at (0) should be [150px]
Fail Compositing: property <border-bottom-width> underlying [50px] from add [100px] to add [200px] at (0.5) should be [200px]
Fail Compositing: property <border-bottom-width> underlying [50px] from add [100px] to add [200px] at (1) should be [250px]
Fail Compositing: property <border-bottom-width> underlying [50px] from add [100px] to add [200px] at (1.5) should be [300px]
Fail Compositing: property <border-bottom-width> underlying [100px] from add [10px] to add [2px] at (-0.5) should be [114px]
Fail Compositing: property <border-bottom-width> underlying [100px] from add [10px] to add [2px] at (0) should be [110px]
Fail Compositing: property <border-bottom-width> underlying [100px] from add [10px] to add [2px] at (0.5) should be [106px]
Fail Compositing: property <border-bottom-width> underlying [100px] from add [10px] to add [2px] at (1) should be [102px]
Fail Compositing: property <border-bottom-width> underlying [100px] from add [10px] to add [2px] at (1.5) should be [98px]
Fail Compositing: property <border-bottom-width> underlying [10em] from add [100px] to add [20em] at (-0.3) should be [calc(130px + 4em)]
Fail Compositing: property <border-bottom-width> underlying [10em] from add [100px] to add [20em] at (0) should be [calc(100px + 10em)]
Fail Compositing: property <border-bottom-width> underlying [10em] from add [100px] to add [20em] at (0.5) should be [calc(50px + 20em)]
Fail Compositing: property <border-bottom-width> underlying [10em] from add [100px] to add [20em] at (1) should be [30em]
Fail Compositing: property <border-bottom-width> underlying [10em] from add [100px] to add [20em] at (1.5) should be [calc(-50px + 40em)]
Fail Compositing: property <border-bottom-width> underlying [50px] from add [100px] to replace [200px] at (-0.3) should be [135px]
Fail Compositing: property <border-bottom-width> underlying [50px] from add [100px] to replace [200px] at (0) should be [150px]
Fail Compositing: property <border-bottom-width> underlying [50px] from add [100px] to replace [200px] at (0.5) should be [175px]
Pass Compositing: property <border-bottom-width> underlying [50px] from add [100px] to replace [200px] at (1) should be [200px]
Fail Compositing: property <border-bottom-width> underlying [50px] from add [100px] to replace [200px] at (1.5) should be [225px]

155
Tests/LibWeb/Text/expected/wpt-import/css/css-backgrounds/animations/border-color-interpolation.txt Normal file
View file

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

66
Tests/LibWeb/Text/expected/wpt-import/css/css-backgrounds/animations/border-image-outset-composition.txt Normal file
View file

@ -0,0 +1,66 @@
Summary
Harness status: OK
Rerun
Found 56 tests
56 Fail
Details
Result Test Name MessageFail Compositing: property <border-image-outset> underlying [1 2 3 4] from add [1 2 3 4] to add [101 102 103 104] at (-0.25) should be [0]
Fail Compositing: property <border-image-outset> underlying [1 2 3 4] from add [1 2 3 4] to add [101 102 103 104] at (0) should be [2 4 6 8]
Fail Compositing: property <border-image-outset> underlying [1 2 3 4] from add [1 2 3 4] to add [101 102 103 104] at (0.25) should be [27 29 31 33]
Fail Compositing: property <border-image-outset> underlying [1 2 3 4] from add [1 2 3 4] to add [101 102 103 104] at (0.5) should be [52 54 56 58]
Fail Compositing: property <border-image-outset> underlying [1 2 3 4] from add [1 2 3 4] to add [101 102 103 104] at (0.75) should be [77 79 81 83]
Fail Compositing: property <border-image-outset> underlying [1 2 3 4] from add [1 2 3 4] to add [101 102 103 104] at (1) should be [102 104 106 108]
Fail Compositing: property <border-image-outset> underlying [1 2 3 4] from add [1 2 3 4] to add [101 102 103 104] at (1.25) should be [127 129 131 133]
Fail Compositing: property <border-image-outset> underlying [100 200 300 400] from add [100] to add [200 300 500] at (-0.25) should be [175 250 300 450]
Fail Compositing: property <border-image-outset> underlying [100 200 300 400] from add [100] to add [200 300 500] at (0) should be [200 300 400 500]
Fail Compositing: property <border-image-outset> underlying [100 200 300 400] from add [100] to add [200 300 500] at (0.25) should be [225 350 500 550]
Fail Compositing: property <border-image-outset> underlying [100 200 300 400] from add [100] to add [200 300 500] at (0.5) should be [250 400 600 600]
Fail Compositing: property <border-image-outset> underlying [100 200 300 400] from add [100] to add [200 300 500] at (0.75) should be [275 450 700 650]
Fail Compositing: property <border-image-outset> underlying [100 200 300 400] from add [100] to add [200 300 500] at (1) should be [300 500 800 700]
Fail Compositing: property <border-image-outset> underlying [100 200 300 400] from add [100] to add [200 300 500] at (1.25) should be [325 550 900 750]
Fail Compositing: property <border-image-outset> underlying [1 2 3px 4px] from add [1 2 3px 4px] to add [101 102 103px 104px] at (-0.25) should be [0 0 0px 0px]
Fail Compositing: property <border-image-outset> underlying [1 2 3px 4px] from add [1 2 3px 4px] to add [101 102 103px 104px] at (0) should be [2 4 6px 8px]
Fail Compositing: property <border-image-outset> underlying [1 2 3px 4px] from add [1 2 3px 4px] to add [101 102 103px 104px] at (0.25) should be [27 29 31px 33px]
Fail Compositing: property <border-image-outset> underlying [1 2 3px 4px] from add [1 2 3px 4px] to add [101 102 103px 104px] at (0.5) should be [52 54 56px 58px]
Fail Compositing: property <border-image-outset> underlying [1 2 3px 4px] from add [1 2 3px 4px] to add [101 102 103px 104px] at (0.75) should be [77 79 81px 83px]
Fail Compositing: property <border-image-outset> underlying [1 2 3px 4px] from add [1 2 3px 4px] to add [101 102 103px 104px] at (1) should be [102 104 106px 108px]
Fail Compositing: property <border-image-outset> underlying [1 2 3px 4px] from add [1 2 3px 4px] to add [101 102 103px 104px] at (1.25) should be [127 129 131px 133px]
Fail Compositing: property <border-image-outset> underlying [10px 20px] from add [190px 180px 290px 280px] to add [90px 80px] at (-0.25) should be [225px 225px 350px 350px]
Fail Compositing: property <border-image-outset> underlying [10px 20px] from add [190px 180px 290px 280px] to add [90px 80px] at (0) should be [200px 200px 300px 300px]
Fail Compositing: property <border-image-outset> underlying [10px 20px] from add [190px 180px 290px 280px] to add [90px 80px] at (0.25) should be [175px 175px 250px 250px]
Fail Compositing: property <border-image-outset> underlying [10px 20px] from add [190px 180px 290px 280px] to add [90px 80px] at (0.5) should be [150px 150px 200px 200px]
Fail Compositing: property <border-image-outset> underlying [10px 20px] from add [190px 180px 290px 280px] to add [90px 80px] at (0.75) should be [125px 125px 150px 150px]
Fail Compositing: property <border-image-outset> underlying [10px 20px] from add [190px 180px 290px 280px] to add [90px 80px] at (1) should be [100px]
Fail Compositing: property <border-image-outset> underlying [10px 20px] from add [190px 180px 290px 280px] to add [90px 80px] at (1.25) should be [75px 75px 50px 50px]
Fail Compositing: property <border-image-outset> underlying [10 20px] from replace [100 100px] to add [190 180px] at (-0.25) should be [75 75px]
Fail Compositing: property <border-image-outset> underlying [10 20px] from replace [100 100px] to add [190 180px] at (0) should be [100 100px]
Fail Compositing: property <border-image-outset> underlying [10 20px] from replace [100 100px] to add [190 180px] at (0.25) should be [125 125px]
Fail Compositing: property <border-image-outset> underlying [10 20px] from replace [100 100px] to add [190 180px] at (0.5) should be [150 150px]
Fail Compositing: property <border-image-outset> underlying [10 20px] from replace [100 100px] to add [190 180px] at (0.75) should be [175 175px]
Fail Compositing: property <border-image-outset> underlying [10 20px] from replace [100 100px] to add [190 180px] at (1) should be [200 200px]
Fail Compositing: property <border-image-outset> underlying [10 20px] from replace [100 100px] to add [190 180px] at (1.25) should be [225 225px]
Fail Compositing: property <border-image-outset> underlying [10px 20] from add [90px 80] to replace [0px 0 0px 0] at (-0.25) should be [125px 125]
Fail Compositing: property <border-image-outset> underlying [10px 20] from add [90px 80] to replace [0px 0 0px 0] at (0) should be [100px 100]
Fail Compositing: property <border-image-outset> underlying [10px 20] from add [90px 80] to replace [0px 0 0px 0] at (0.25) should be [75px 75]
Fail Compositing: property <border-image-outset> underlying [10px 20] from add [90px 80] to replace [0px 0 0px 0] at (0.5) should be [50px 50]
Fail Compositing: property <border-image-outset> underlying [10px 20] from add [90px 80] to replace [0px 0 0px 0] at (0.75) should be [25px 25]
Fail Compositing: property <border-image-outset> underlying [10px 20] from add [90px 80] to replace [0px 0 0px 0] at (1) should be [0px 0]
Fail Compositing: property <border-image-outset> underlying [10px 20] from add [90px 80] to replace [0px 0 0px 0] at (1.25) should be [0px 0]
Fail Compositing: property <border-image-outset> underlying [10 20] from add [100px 150px] to add [200px 250px] at (-0.25) should be [75px 125px]
Fail Compositing: property <border-image-outset> underlying [10 20] from add [100px 150px] to add [200px 250px] at (0) should be [100px 150px]
Fail Compositing: property <border-image-outset> underlying [10 20] from add [100px 150px] to add [200px 250px] at (0.25) should be [125px 175px]
Fail Compositing: property <border-image-outset> underlying [10 20] from add [100px 150px] to add [200px 250px] at (0.5) should be [150px 200px]
Fail Compositing: property <border-image-outset> underlying [10 20] from add [100px 150px] to add [200px 250px] at (0.75) should be [175px 225px]
Fail Compositing: property <border-image-outset> underlying [10 20] from add [100px 150px] to add [200px 250px] at (1) should be [200px 250px]
Fail Compositing: property <border-image-outset> underlying [10 20] from add [100px 150px] to add [200px 250px] at (1.25) should be [225px 275px]
Fail Compositing: property <border-image-outset> underlying [10 20] from add [100 150px] to add [200px 250] at (-0.25) should be [100 150px]
Fail Compositing: property <border-image-outset> underlying [10 20] from add [100 150px] to add [200px 250] at (0) should be [100 150px]
Fail Compositing: property <border-image-outset> underlying [10 20] from add [100 150px] to add [200px 250] at (0.25) should be [100 150px]
Fail Compositing: property <border-image-outset> underlying [10 20] from add [100 150px] to add [200px 250] at (0.5) should be [200px 250]
Fail Compositing: property <border-image-outset> underlying [10 20] from add [100 150px] to add [200px 250] at (0.75) should be [200px 250]
Fail Compositing: property <border-image-outset> underlying [10 20] from add [100 150px] to add [200px 250] at (1) should be [200px 250]
Fail Compositing: property <border-image-outset> underlying [10 20] from add [100 150px] to add [200px 250] at (1.25) should be [200px 250]

178
Tests/LibWeb/Text/expected/wpt-import/css/css-backgrounds/animations/border-image-outset-interpolation.txt Normal file
View file

@ -0,0 +1,178 @@
Summary
Harness status: OK
Rerun
Found 168 tests
168 Fail
Details
Result Test Name MessageFail CSS Transitions: property <border-image-outset> from neutral to [2px] at (-0.3) should be [0.7px]
Fail CSS Transitions: property <border-image-outset> from neutral to [2px] at (0) should be [1px]
Fail CSS Transitions: property <border-image-outset> from neutral to [2px] at (0.3) should be [1.3px]
Fail CSS Transitions: property <border-image-outset> from neutral to [2px] at (0.6) should be [1.6px]
Fail CSS Transitions: property <border-image-outset> from neutral to [2px] at (1) should be [2px]
Fail CSS Transitions: property <border-image-outset> from neutral to [2px] at (1.5) should be [2.5px]
Fail CSS Transitions with transition: all: property <border-image-outset> from neutral to [2px] at (-0.3) should be [0.7px]
Fail CSS Transitions with transition: all: property <border-image-outset> from neutral to [2px] at (0) should be [1px]
Fail CSS Transitions with transition: all: property <border-image-outset> from neutral to [2px] at (0.3) should be [1.3px]
Fail CSS Transitions with transition: all: property <border-image-outset> from neutral to [2px] at (0.6) should be [1.6px]
Fail CSS Transitions with transition: all: property <border-image-outset> from neutral to [2px] at (1) should be [2px]
Fail CSS Transitions with transition: all: property <border-image-outset> from neutral to [2px] at (1.5) should be [2.5px]
Fail CSS Animations: property <border-image-outset> from neutral to [2px] at (-0.3) should be [0.7px]
Fail CSS Animations: property <border-image-outset> from neutral to [2px] at (0) should be [1px]
Fail CSS Animations: property <border-image-outset> from neutral to [2px] at (0.3) should be [1.3px]
Fail CSS Animations: property <border-image-outset> from neutral to [2px] at (0.6) should be [1.6px]
Fail CSS Animations: property <border-image-outset> from neutral to [2px] at (1) should be [2px]
Fail CSS Animations: property <border-image-outset> from neutral to [2px] at (1.5) should be [2.5px]
Fail Web Animations: property <border-image-outset> from neutral to [2px] at (-0.3) should be [0.7px]
Fail Web Animations: property <border-image-outset> from neutral to [2px] at (0) should be [1px]
Fail Web Animations: property <border-image-outset> from neutral to [2px] at (0.3) should be [1.3px]
Fail Web Animations: property <border-image-outset> from neutral to [2px] at (0.6) should be [1.6px]
Fail Web Animations: property <border-image-outset> from neutral to [2px] at (1) should be [2px]
Fail Web Animations: property <border-image-outset> from neutral to [2px] at (1.5) should be [2.5px]
Fail CSS Transitions: property <border-image-outset> from [initial] to [2] at (-0.3) should be [0]
Fail CSS Transitions: property <border-image-outset> from [initial] to [2] at (0) should be [0]
Fail CSS Transitions: property <border-image-outset> from [initial] to [2] at (0.3) should be [0.6]
Fail CSS Transitions: property <border-image-outset> from [initial] to [2] at (0.6) should be [1.2]
Fail CSS Transitions: property <border-image-outset> from [initial] to [2] at (1) should be [2]
Fail CSS Transitions: property <border-image-outset> from [initial] to [2] at (1.5) should be [3]
Fail CSS Transitions with transition: all: property <border-image-outset> from [initial] to [2] at (-0.3) should be [0]
Fail CSS Transitions with transition: all: property <border-image-outset> from [initial] to [2] at (0) should be [0]
Fail CSS Transitions with transition: all: property <border-image-outset> from [initial] to [2] at (0.3) should be [0.6]
Fail CSS Transitions with transition: all: property <border-image-outset> from [initial] to [2] at (0.6) should be [1.2]
Fail CSS Transitions with transition: all: property <border-image-outset> from [initial] to [2] at (1) should be [2]
Fail CSS Transitions with transition: all: property <border-image-outset> from [initial] to [2] at (1.5) should be [3]
Fail CSS Animations: property <border-image-outset> from [initial] to [2] at (-0.3) should be [0]
Fail CSS Animations: property <border-image-outset> from [initial] to [2] at (0) should be [0]
Fail CSS Animations: property <border-image-outset> from [initial] to [2] at (0.3) should be [0.6]
Fail CSS Animations: property <border-image-outset> from [initial] to [2] at (0.6) should be [1.2]
Fail CSS Animations: property <border-image-outset> from [initial] to [2] at (1) should be [2]
Fail CSS Animations: property <border-image-outset> from [initial] to [2] at (1.5) should be [3]
Fail Web Animations: property <border-image-outset> from [initial] to [2] at (-0.3) should be [0]
Fail Web Animations: property <border-image-outset> from [initial] to [2] at (0) should be [0]
Fail Web Animations: property <border-image-outset> from [initial] to [2] at (0.3) should be [0.6]
Fail Web Animations: property <border-image-outset> from [initial] to [2] at (0.6) should be [1.2]
Fail Web Animations: property <border-image-outset> from [initial] to [2] at (1) should be [2]
Fail Web Animations: property <border-image-outset> from [initial] to [2] at (1.5) should be [3]
Fail CSS Transitions: property <border-image-outset> from [inherit] to [2px] at (-0.3) should be [12.4px]
Fail CSS Transitions: property <border-image-outset> from [inherit] to [2px] at (0) should be [10px]
Fail CSS Transitions: property <border-image-outset> from [inherit] to [2px] at (0.3) should be [7.6px]
Fail CSS Transitions: property <border-image-outset> from [inherit] to [2px] at (0.6) should be [5.2px]
Fail CSS Transitions: property <border-image-outset> from [inherit] to [2px] at (1) should be [2px]
Fail CSS Transitions: property <border-image-outset> from [inherit] to [2px] at (1.5) should be [0px]
Fail CSS Transitions with transition: all: property <border-image-outset> from [inherit] to [2px] at (-0.3) should be [12.4px]
Fail CSS Transitions with transition: all: property <border-image-outset> from [inherit] to [2px] at (0) should be [10px]
Fail CSS Transitions with transition: all: property <border-image-outset> from [inherit] to [2px] at (0.3) should be [7.6px]
Fail CSS Transitions with transition: all: property <border-image-outset> from [inherit] to [2px] at (0.6) should be [5.2px]
Fail CSS Transitions with transition: all: property <border-image-outset> from [inherit] to [2px] at (1) should be [2px]
Fail CSS Transitions with transition: all: property <border-image-outset> from [inherit] to [2px] at (1.5) should be [0px]
Fail CSS Animations: property <border-image-outset> from [inherit] to [2px] at (-0.3) should be [12.4px]
Fail CSS Animations: property <border-image-outset> from [inherit] to [2px] at (0) should be [10px]
Fail CSS Animations: property <border-image-outset> from [inherit] to [2px] at (0.3) should be [7.6px]
Fail CSS Animations: property <border-image-outset> from [inherit] to [2px] at (0.6) should be [5.2px]
Fail CSS Animations: property <border-image-outset> from [inherit] to [2px] at (1) should be [2px]
Fail CSS Animations: property <border-image-outset> from [inherit] to [2px] at (1.5) should be [0px]
Fail Web Animations: property <border-image-outset> from [inherit] to [2px] at (-0.3) should be [12.4px]
Fail Web Animations: property <border-image-outset> from [inherit] to [2px] at (0) should be [10px]
Fail Web Animations: property <border-image-outset> from [inherit] to [2px] at (0.3) should be [7.6px]
Fail Web Animations: property <border-image-outset> from [inherit] to [2px] at (0.6) should be [5.2px]
Fail Web Animations: property <border-image-outset> from [inherit] to [2px] at (1) should be [2px]
Fail Web Animations: property <border-image-outset> from [inherit] to [2px] at (1.5) should be [0px]
Fail CSS Transitions: property <border-image-outset> from [unset] to [2] at (-0.3) should be [0]
Fail CSS Transitions: property <border-image-outset> from [unset] to [2] at (0) should be [0]
Fail CSS Transitions: property <border-image-outset> from [unset] to [2] at (0.3) should be [0.6]
Fail CSS Transitions: property <border-image-outset> from [unset] to [2] at (0.6) should be [1.2]
Fail CSS Transitions: property <border-image-outset> from [unset] to [2] at (1) should be [2]
Fail CSS Transitions: property <border-image-outset> from [unset] to [2] at (1.5) should be [3]
Fail CSS Transitions with transition: all: property <border-image-outset> from [unset] to [2] at (-0.3) should be [0]
Fail CSS Transitions with transition: all: property <border-image-outset> from [unset] to [2] at (0) should be [0]
Fail CSS Transitions with transition: all: property <border-image-outset> from [unset] to [2] at (0.3) should be [0.6]
Fail CSS Transitions with transition: all: property <border-image-outset> from [unset] to [2] at (0.6) should be [1.2]
Fail CSS Transitions with transition: all: property <border-image-outset> from [unset] to [2] at (1) should be [2]
Fail CSS Transitions with transition: all: property <border-image-outset> from [unset] to [2] at (1.5) should be [3]
Fail CSS Animations: property <border-image-outset> from [unset] to [2] at (-0.3) should be [0]
Fail CSS Animations: property <border-image-outset> from [unset] to [2] at (0) should be [0]
Fail CSS Animations: property <border-image-outset> from [unset] to [2] at (0.3) should be [0.6]
Fail CSS Animations: property <border-image-outset> from [unset] to [2] at (0.6) should be [1.2]
Fail CSS Animations: property <border-image-outset> from [unset] to [2] at (1) should be [2]
Fail CSS Animations: property <border-image-outset> from [unset] to [2] at (1.5) should be [3]
Fail Web Animations: property <border-image-outset> from [unset] to [2] at (-0.3) should be [0]
Fail Web Animations: property <border-image-outset> from [unset] to [2] at (0) should be [0]
Fail Web Animations: property <border-image-outset> from [unset] to [2] at (0.3) should be [0.6]
Fail Web Animations: property <border-image-outset> from [unset] to [2] at (0.6) should be [1.2]
Fail Web Animations: property <border-image-outset> from [unset] to [2] at (1) should be [2]
Fail Web Animations: property <border-image-outset> from [unset] to [2] at (1.5) should be [3]
Fail CSS Transitions: property <border-image-outset> from [0px] to [5px] at (-0.3) should be [0px]
Fail CSS Transitions: property <border-image-outset> from [0px] to [5px] at (0) should be [0px]
Fail CSS Transitions: property <border-image-outset> from [0px] to [5px] at (0.3) should be [1.5px]
Fail CSS Transitions: property <border-image-outset> from [0px] to [5px] at (0.6) should be [3px]
Fail CSS Transitions: property <border-image-outset> from [0px] to [5px] at (1) should be [5px]
Fail CSS Transitions: property <border-image-outset> from [0px] to [5px] at (1.5) should be [7.5px]
Fail CSS Transitions with transition: all: property <border-image-outset> from [0px] to [5px] at (-0.3) should be [0px]
Fail CSS Transitions with transition: all: property <border-image-outset> from [0px] to [5px] at (0) should be [0px]
Fail CSS Transitions with transition: all: property <border-image-outset> from [0px] to [5px] at (0.3) should be [1.5px]
Fail CSS Transitions with transition: all: property <border-image-outset> from [0px] to [5px] at (0.6) should be [3px]
Fail CSS Transitions with transition: all: property <border-image-outset> from [0px] to [5px] at (1) should be [5px]
Fail CSS Transitions with transition: all: property <border-image-outset> from [0px] to [5px] at (1.5) should be [7.5px]
Fail CSS Animations: property <border-image-outset> from [0px] to [5px] at (-0.3) should be [0px]
Fail CSS Animations: property <border-image-outset> from [0px] to [5px] at (0) should be [0px]
Fail CSS Animations: property <border-image-outset> from [0px] to [5px] at (0.3) should be [1.5px]
Fail CSS Animations: property <border-image-outset> from [0px] to [5px] at (0.6) should be [3px]
Fail CSS Animations: property <border-image-outset> from [0px] to [5px] at (1) should be [5px]
Fail CSS Animations: property <border-image-outset> from [0px] to [5px] at (1.5) should be [7.5px]
Fail Web Animations: property <border-image-outset> from [0px] to [5px] at (-0.3) should be [0px]
Fail Web Animations: property <border-image-outset> from [0px] to [5px] at (0) should be [0px]
Fail Web Animations: property <border-image-outset> from [0px] to [5px] at (0.3) should be [1.5px]
Fail Web Animations: property <border-image-outset> from [0px] to [5px] at (0.6) should be [3px]
Fail Web Animations: property <border-image-outset> from [0px] to [5px] at (1) should be [5px]
Fail Web Animations: property <border-image-outset> from [0px] to [5px] at (1.5) should be [7.5px]
Fail CSS Transitions: property <border-image-outset> from [0] to [1] at (-0.3) should be [0]
Fail CSS Transitions: property <border-image-outset> from [0] to [1] at (0) should be [0]
Fail CSS Transitions: property <border-image-outset> from [0] to [1] at (0.3) should be [0.3]
Fail CSS Transitions: property <border-image-outset> from [0] to [1] at (0.6) should be [0.6]
Fail CSS Transitions: property <border-image-outset> from [0] to [1] at (1) should be [1]
Fail CSS Transitions: property <border-image-outset> from [0] to [1] at (1.5) should be [1.5]
Fail CSS Transitions with transition: all: property <border-image-outset> from [0] to [1] at (-0.3) should be [0]
Fail CSS Transitions with transition: all: property <border-image-outset> from [0] to [1] at (0) should be [0]
Fail CSS Transitions with transition: all: property <border-image-outset> from [0] to [1] at (0.3) should be [0.3]
Fail CSS Transitions with transition: all: property <border-image-outset> from [0] to [1] at (0.6) should be [0.6]
Fail CSS Transitions with transition: all: property <border-image-outset> from [0] to [1] at (1) should be [1]
Fail CSS Transitions with transition: all: property <border-image-outset> from [0] to [1] at (1.5) should be [1.5]
Fail CSS Animations: property <border-image-outset> from [0] to [1] at (-0.3) should be [0]
Fail CSS Animations: property <border-image-outset> from [0] to [1] at (0) should be [0]
Fail CSS Animations: property <border-image-outset> from [0] to [1] at (0.3) should be [0.3]
Fail CSS Animations: property <border-image-outset> from [0] to [1] at (0.6) should be [0.6]
Fail CSS Animations: property <border-image-outset> from [0] to [1] at (1) should be [1]
Fail CSS Animations: property <border-image-outset> from [0] to [1] at (1.5) should be [1.5]
Fail Web Animations: property <border-image-outset> from [0] to [1] at (-0.3) should be [0]
Fail Web Animations: property <border-image-outset> from [0] to [1] at (0) should be [0]
Fail Web Animations: property <border-image-outset> from [0] to [1] at (0.3) should be [0.3]
Fail Web Animations: property <border-image-outset> from [0] to [1] at (0.6) should be [0.6]
Fail Web Animations: property <border-image-outset> from [0] to [1] at (1) should be [1]
Fail Web Animations: property <border-image-outset> from [0] to [1] at (1.5) should be [1.5]
Fail CSS Transitions: property <border-image-outset> from [1 2 3px 4px] to [101 102 103px 104px] at (-0.3) should be [0 0 0px 0px]
Fail CSS Transitions: property <border-image-outset> from [1 2 3px 4px] to [101 102 103px 104px] at (0) should be [1 2 3px 4px]
Fail CSS Transitions: property <border-image-outset> from [1 2 3px 4px] to [101 102 103px 104px] at (0.3) should be [31 32 33px 34px]
Fail CSS Transitions: property <border-image-outset> from [1 2 3px 4px] to [101 102 103px 104px] at (0.6) should be [61 62 63px 64px]
Fail CSS Transitions: property <border-image-outset> from [1 2 3px 4px] to [101 102 103px 104px] at (1) should be [101 102 103px 104px]
Fail CSS Transitions: property <border-image-outset> from [1 2 3px 4px] to [101 102 103px 104px] at (1.5) should be [151 152 153px 154px]
Fail CSS Transitions with transition: all: property <border-image-outset> from [1 2 3px 4px] to [101 102 103px 104px] at (-0.3) should be [0 0 0px 0px]
Fail CSS Transitions with transition: all: property <border-image-outset> from [1 2 3px 4px] to [101 102 103px 104px] at (0) should be [1 2 3px 4px]
Fail CSS Transitions with transition: all: property <border-image-outset> from [1 2 3px 4px] to [101 102 103px 104px] at (0.3) should be [31 32 33px 34px]
Fail CSS Transitions with transition: all: property <border-image-outset> from [1 2 3px 4px] to [101 102 103px 104px] at (0.6) should be [61 62 63px 64px]
Fail CSS Transitions with transition: all: property <border-image-outset> from [1 2 3px 4px] to [101 102 103px 104px] at (1) should be [101 102 103px 104px]
Fail CSS Transitions with transition: all: property <border-image-outset> from [1 2 3px 4px] to [101 102 103px 104px] at (1.5) should be [151 152 153px 154px]
Fail CSS Animations: property <border-image-outset> from [1 2 3px 4px] to [101 102 103px 104px] at (-0.3) should be [0 0 0px 0px]
Fail CSS Animations: property <border-image-outset> from [1 2 3px 4px] to [101 102 103px 104px] at (0) should be [1 2 3px 4px]
Fail CSS Animations: property <border-image-outset> from [1 2 3px 4px] to [101 102 103px 104px] at (0.3) should be [31 32 33px 34px]
Fail CSS Animations: property <border-image-outset> from [1 2 3px 4px] to [101 102 103px 104px] at (0.6) should be [61 62 63px 64px]
Fail CSS Animations: property <border-image-outset> from [1 2 3px 4px] to [101 102 103px 104px] at (1) should be [101 102 103px 104px]
Fail CSS Animations: property <border-image-outset> from [1 2 3px 4px] to [101 102 103px 104px] at (1.5) should be [151 152 153px 154px]
Fail Web Animations: property <border-image-outset> from [1 2 3px 4px] to [101 102 103px 104px] at (-0.3) should be [0 0 0px 0px]
Fail Web Animations: property <border-image-outset> from [1 2 3px 4px] to [101 102 103px 104px] at (0) should be [1 2 3px 4px]
Fail Web Animations: property <border-image-outset> from [1 2 3px 4px] to [101 102 103px 104px] at (0.3) should be [31 32 33px 34px]
Fail Web Animations: property <border-image-outset> from [1 2 3px 4px] to [101 102 103px 104px] at (0.6) should be [61 62 63px 64px]
Fail Web Animations: property <border-image-outset> from [1 2 3px 4px] to [101 102 103px 104px] at (1) should be [101 102 103px 104px]
Fail Web Animations: property <border-image-outset> from [1 2 3px 4px] to [101 102 103px 104px] at (1.5) should be [151 152 153px 154px]

66
Tests/LibWeb/Text/expected/wpt-import/css/css-backgrounds/animations/border-image-slice-composition.txt Normal file
View file

@ -0,0 +1,66 @@
Summary
Harness status: OK
Rerun
Found 56 tests
56 Fail
Details
Result Test Name MessageFail Compositing: property <border-image-slice> underlying [1 2 3 4] from add [1 2 3 4] to add [101 102 103 104] at (-0.25) should be [0]
Fail Compositing: property <border-image-slice> underlying [1 2 3 4] from add [1 2 3 4] to add [101 102 103 104] at (0) should be [2 4 6 8]
Fail Compositing: property <border-image-slice> underlying [1 2 3 4] from add [1 2 3 4] to add [101 102 103 104] at (0.25) should be [27 29 31 33]
Fail Compositing: property <border-image-slice> underlying [1 2 3 4] from add [1 2 3 4] to add [101 102 103 104] at (0.5) should be [52 54 56 58]
Fail Compositing: property <border-image-slice> underlying [1 2 3 4] from add [1 2 3 4] to add [101 102 103 104] at (0.75) should be [77 79 81 83]
Fail Compositing: property <border-image-slice> underlying [1 2 3 4] from add [1 2 3 4] to add [101 102 103 104] at (1) should be [102 104 106 108]
Fail Compositing: property <border-image-slice> underlying [1 2 3 4] from add [1 2 3 4] to add [101 102 103 104] at (1.25) should be [127 129 131 133]
Fail Compositing: property <border-image-slice> underlying [100 200 300 400 fill] from add [100 fill] to add [200 300 500 fill] at (-0.25) should be [175 250 300 450 fill]
Fail Compositing: property <border-image-slice> underlying [100 200 300 400 fill] from add [100 fill] to add [200 300 500 fill] at (0) should be [200 300 400 500 fill]
Fail Compositing: property <border-image-slice> underlying [100 200 300 400 fill] from add [100 fill] to add [200 300 500 fill] at (0.25) should be [225 350 500 550 fill]
Fail Compositing: property <border-image-slice> underlying [100 200 300 400 fill] from add [100 fill] to add [200 300 500 fill] at (0.5) should be [250 400 600 600 fill]
Fail Compositing: property <border-image-slice> underlying [100 200 300 400 fill] from add [100 fill] to add [200 300 500 fill] at (0.75) should be [275 450 700 650 fill]
Fail Compositing: property <border-image-slice> underlying [100 200 300 400 fill] from add [100 fill] to add [200 300 500 fill] at (1) should be [300 500 800 700 fill]
Fail Compositing: property <border-image-slice> underlying [100 200 300 400 fill] from add [100 fill] to add [200 300 500 fill] at (1.25) should be [325 550 900 750 fill]
Fail Compositing: property <border-image-slice> underlying [1 2 3% 4%] from add [1 2 3% 4%] to add [101 102 103% 104%] at (-0.25) should be [0 0 0% 0%]
Fail Compositing: property <border-image-slice> underlying [1 2 3% 4%] from add [1 2 3% 4%] to add [101 102 103% 104%] at (0) should be [2 4 6% 8%]
Fail Compositing: property <border-image-slice> underlying [1 2 3% 4%] from add [1 2 3% 4%] to add [101 102 103% 104%] at (0.25) should be [27 29 31% 33%]
Fail Compositing: property <border-image-slice> underlying [1 2 3% 4%] from add [1 2 3% 4%] to add [101 102 103% 104%] at (0.5) should be [52 54 56% 58%]
Fail Compositing: property <border-image-slice> underlying [1 2 3% 4%] from add [1 2 3% 4%] to add [101 102 103% 104%] at (0.75) should be [77 79 81% 83%]
Fail Compositing: property <border-image-slice> underlying [1 2 3% 4%] from add [1 2 3% 4%] to add [101 102 103% 104%] at (1) should be [102 104 106% 108%]
Fail Compositing: property <border-image-slice> underlying [1 2 3% 4%] from add [1 2 3% 4%] to add [101 102 103% 104%] at (1.25) should be [127 129 131% 133%]
Fail Compositing: property <border-image-slice> underlying [10% 20%] from add [190% 180% 290% 280%] to add [90% 80%] at (-0.25) should be [225% 225% 350% 350%]
Fail Compositing: property <border-image-slice> underlying [10% 20%] from add [190% 180% 290% 280%] to add [90% 80%] at (0) should be [200% 200% 300% 300%]
Fail Compositing: property <border-image-slice> underlying [10% 20%] from add [190% 180% 290% 280%] to add [90% 80%] at (0.25) should be [175% 175% 250% 250%]
Fail Compositing: property <border-image-slice> underlying [10% 20%] from add [190% 180% 290% 280%] to add [90% 80%] at (0.5) should be [150% 150% 200% 200%]
Fail Compositing: property <border-image-slice> underlying [10% 20%] from add [190% 180% 290% 280%] to add [90% 80%] at (0.75) should be [125% 125% 150% 150%]
Fail Compositing: property <border-image-slice> underlying [10% 20%] from add [190% 180% 290% 280%] to add [90% 80%] at (1) should be [100%]
Fail Compositing: property <border-image-slice> underlying [10% 20%] from add [190% 180% 290% 280%] to add [90% 80%] at (1.25) should be [75% 75% 50% 50%]
Fail Compositing: property <border-image-slice> underlying [10 20%] from replace [100 100%] to add [190 180%] at (-0.25) should be [75 75%]
Fail Compositing: property <border-image-slice> underlying [10 20%] from replace [100 100%] to add [190 180%] at (0) should be [100 100%]
Fail Compositing: property <border-image-slice> underlying [10 20%] from replace [100 100%] to add [190 180%] at (0.25) should be [125 125%]
Fail Compositing: property <border-image-slice> underlying [10 20%] from replace [100 100%] to add [190 180%] at (0.5) should be [150 150%]
Fail Compositing: property <border-image-slice> underlying [10 20%] from replace [100 100%] to add [190 180%] at (0.75) should be [175 175%]
Fail Compositing: property <border-image-slice> underlying [10 20%] from replace [100 100%] to add [190 180%] at (1) should be [200 200%]
Fail Compositing: property <border-image-slice> underlying [10 20%] from replace [100 100%] to add [190 180%] at (1.25) should be [225 225%]
Fail Compositing: property <border-image-slice> underlying [10% 20] from add [90% 80] to replace [0% 0 0% 0] at (-0.25) should be [125% 125]
Fail Compositing: property <border-image-slice> underlying [10% 20] from add [90% 80] to replace [0% 0 0% 0] at (0) should be [100% 100]
Fail Compositing: property <border-image-slice> underlying [10% 20] from add [90% 80] to replace [0% 0 0% 0] at (0.25) should be [75% 75]
Fail Compositing: property <border-image-slice> underlying [10% 20] from add [90% 80] to replace [0% 0 0% 0] at (0.5) should be [50% 50]
Fail Compositing: property <border-image-slice> underlying [10% 20] from add [90% 80] to replace [0% 0 0% 0] at (0.75) should be [25% 25]
Fail Compositing: property <border-image-slice> underlying [10% 20] from add [90% 80] to replace [0% 0 0% 0] at (1) should be [0% 0]
Fail Compositing: property <border-image-slice> underlying [10% 20] from add [90% 80] to replace [0% 0 0% 0] at (1.25) should be [0% 0]
Fail Compositing: property <border-image-slice> underlying [10 20] from add [100% 150%] to add [200% 250% fill] at (-0.25) should be [100% 150%]
Fail Compositing: property <border-image-slice> underlying [10 20] from add [100% 150%] to add [200% 250% fill] at (0) should be [100% 150%]
Fail Compositing: property <border-image-slice> underlying [10 20] from add [100% 150%] to add [200% 250% fill] at (0.25) should be [100% 150%]
Fail Compositing: property <border-image-slice> underlying [10 20] from add [100% 150%] to add [200% 250% fill] at (0.5) should be [200% 250% fill]
Fail Compositing: property <border-image-slice> underlying [10 20] from add [100% 150%] to add [200% 250% fill] at (0.75) should be [200% 250% fill]
Fail Compositing: property <border-image-slice> underlying [10 20] from add [100% 150%] to add [200% 250% fill] at (1) should be [200% 250% fill]
Fail Compositing: property <border-image-slice> underlying [10 20] from add [100% 150%] to add [200% 250% fill] at (1.25) should be [200% 250% fill]
Fail Compositing: property <border-image-slice> underlying [10 20] from add [100 150%] to add [200% 250] at (-0.25) should be [100 150%]
Fail Compositing: property <border-image-slice> underlying [10 20] from add [100 150%] to add [200% 250] at (0) should be [100 150%]
Fail Compositing: property <border-image-slice> underlying [10 20] from add [100 150%] to add [200% 250] at (0.25) should be [100 150%]
Fail Compositing: property <border-image-slice> underlying [10 20] from add [100 150%] to add [200% 250] at (0.5) should be [200% 250]
Fail Compositing: property <border-image-slice> underlying [10 20] from add [100 150%] to add [200% 250] at (0.75) should be [200% 250]
Fail Compositing: property <border-image-slice> underlying [10 20] from add [100 150%] to add [200% 250] at (1) should be [200% 250]
Fail Compositing: property <border-image-slice> underlying [10 20] from add [100 150%] to add [200% 250] at (1.25) should be [200% 250]

11
Tests/LibWeb/Text/expected/wpt-import/css/css-backgrounds/animations/border-image-slice-interpolation-stability.txt Normal file
View file

@ -0,0 +1,11 @@
Summary
Harness status: OK
Rerun
Found 1 tests
1 Fail
Details
Result Test Name MessageFail border-image-slice interpolation stability

444
Tests/LibWeb/Text/expected/wpt-import/css/css-backgrounds/animations/border-image-slice-interpolation.txt Normal file
View file

@ -0,0 +1,444 @@
Summary
Harness status: OK
Rerun
Found 434 tests
434 Fail
Details
Result Test Name MessageFail CSS Transitions: property <border-image-slice> from neutral to [10%] at (-0.3) should be [23%]
Fail CSS Transitions: property <border-image-slice> from neutral to [10%] at (0) should be [20%]
Fail CSS Transitions: property <border-image-slice> from neutral to [10%] at (0.3) should be [17%]
Fail CSS Transitions: property <border-image-slice> from neutral to [10%] at (0.5) should be [15%]
Fail CSS Transitions: property <border-image-slice> from neutral to [10%] at (0.6) should be [14%]
Fail CSS Transitions: property <border-image-slice> from neutral to [10%] at (1) should be [10%]
Fail CSS Transitions: property <border-image-slice> from neutral to [10%] at (1.5) should be [5%]
Fail CSS Transitions with transition: all: property <border-image-slice> from neutral to [10%] at (-0.3) should be [23%]
Fail CSS Transitions with transition: all: property <border-image-slice> from neutral to [10%] at (0) should be [20%]
Fail CSS Transitions with transition: all: property <border-image-slice> from neutral to [10%] at (0.3) should be [17%]
Fail CSS Transitions with transition: all: property <border-image-slice> from neutral to [10%] at (0.5) should be [15%]
Fail CSS Transitions with transition: all: property <border-image-slice> from neutral to [10%] at (0.6) should be [14%]
Fail CSS Transitions with transition: all: property <border-image-slice> from neutral to [10%] at (1) should be [10%]
Fail CSS Transitions with transition: all: property <border-image-slice> from neutral to [10%] at (1.5) should be [5%]
Fail CSS Animations: property <border-image-slice> from neutral to [10%] at (-0.3) should be [23%]
Fail CSS Animations: property <border-image-slice> from neutral to [10%] at (0) should be [20%]
Fail CSS Animations: property <border-image-slice> from neutral to [10%] at (0.3) should be [17%]
Fail CSS Animations: property <border-image-slice> from neutral to [10%] at (0.5) should be [15%]
Fail CSS Animations: property <border-image-slice> from neutral to [10%] at (0.6) should be [14%]
Fail CSS Animations: property <border-image-slice> from neutral to [10%] at (1) should be [10%]
Fail CSS Animations: property <border-image-slice> from neutral to [10%] at (1.5) should be [5%]
Fail Web Animations: property <border-image-slice> from neutral to [10%] at (-0.3) should be [23%]
Fail Web Animations: property <border-image-slice> from neutral to [10%] at (0) should be [20%]
Fail Web Animations: property <border-image-slice> from neutral to [10%] at (0.3) should be [17%]
Fail Web Animations: property <border-image-slice> from neutral to [10%] at (0.5) should be [15%]
Fail Web Animations: property <border-image-slice> from neutral to [10%] at (0.6) should be [14%]
Fail Web Animations: property <border-image-slice> from neutral to [10%] at (1) should be [10%]
Fail Web Animations: property <border-image-slice> from neutral to [10%] at (1.5) should be [5%]
Fail CSS Transitions: property <border-image-slice> from [initial] to [10%] at (-0.3) should be [127%]
Fail CSS Transitions: property <border-image-slice> from [initial] to [10%] at (0) should be [100%]
Fail CSS Transitions: property <border-image-slice> from [initial] to [10%] at (0.3) should be [73%]
Fail CSS Transitions: property <border-image-slice> from [initial] to [10%] at (0.5) should be [55%]
Fail CSS Transitions: property <border-image-slice> from [initial] to [10%] at (0.6) should be [46%]
Fail CSS Transitions: property <border-image-slice> from [initial] to [10%] at (1) should be [10%]
Fail CSS Transitions: property <border-image-slice> from [initial] to [10%] at (1.5) should be [0%]
Fail CSS Transitions with transition: all: property <border-image-slice> from [initial] to [10%] at (-0.3) should be [127%]
Fail CSS Transitions with transition: all: property <border-image-slice> from [initial] to [10%] at (0) should be [100%]
Fail CSS Transitions with transition: all: property <border-image-slice> from [initial] to [10%] at (0.3) should be [73%]
Fail CSS Transitions with transition: all: property <border-image-slice> from [initial] to [10%] at (0.5) should be [55%]
Fail CSS Transitions with transition: all: property <border-image-slice> from [initial] to [10%] at (0.6) should be [46%]
Fail CSS Transitions with transition: all: property <border-image-slice> from [initial] to [10%] at (1) should be [10%]
Fail CSS Transitions with transition: all: property <border-image-slice> from [initial] to [10%] at (1.5) should be [0%]
Fail CSS Animations: property <border-image-slice> from [initial] to [10%] at (-0.3) should be [127%]
Fail CSS Animations: property <border-image-slice> from [initial] to [10%] at (0) should be [100%]
Fail CSS Animations: property <border-image-slice> from [initial] to [10%] at (0.3) should be [73%]
Fail CSS Animations: property <border-image-slice> from [initial] to [10%] at (0.5) should be [55%]
Fail CSS Animations: property <border-image-slice> from [initial] to [10%] at (0.6) should be [46%]
Fail CSS Animations: property <border-image-slice> from [initial] to [10%] at (1) should be [10%]
Fail CSS Animations: property <border-image-slice> from [initial] to [10%] at (1.5) should be [0%]
Fail Web Animations: property <border-image-slice> from [initial] to [10%] at (-0.3) should be [127%]
Fail Web Animations: property <border-image-slice> from [initial] to [10%] at (0) should be [100%]
Fail Web Animations: property <border-image-slice> from [initial] to [10%] at (0.3) should be [73%]
Fail Web Animations: property <border-image-slice> from [initial] to [10%] at (0.5) should be [55%]
Fail Web Animations: property <border-image-slice> from [initial] to [10%] at (0.6) should be [46%]
Fail Web Animations: property <border-image-slice> from [initial] to [10%] at (1) should be [10%]
Fail Web Animations: property <border-image-slice> from [initial] to [10%] at (1.5) should be [0%]
Fail CSS Transitions: property <border-image-slice> from [inherit] to [10%] at (-0.3) should be [62%]
Fail CSS Transitions: property <border-image-slice> from [inherit] to [10%] at (0) should be [50%]
Fail CSS Transitions: property <border-image-slice> from [inherit] to [10%] at (0.3) should be [38%]
Fail CSS Transitions: property <border-image-slice> from [inherit] to [10%] at (0.5) should be [30%]
Fail CSS Transitions: property <border-image-slice> from [inherit] to [10%] at (0.6) should be [26%]
Fail CSS Transitions: property <border-image-slice> from [inherit] to [10%] at (1) should be [10%]
Fail CSS Transitions: property <border-image-slice> from [inherit] to [10%] at (1.5) should be [0%]
Fail CSS Transitions with transition: all: property <border-image-slice> from [inherit] to [10%] at (-0.3) should be [62%]
Fail CSS Transitions with transition: all: property <border-image-slice> from [inherit] to [10%] at (0) should be [50%]
Fail CSS Transitions with transition: all: property <border-image-slice> from [inherit] to [10%] at (0.3) should be [38%]
Fail CSS Transitions with transition: all: property <border-image-slice> from [inherit] to [10%] at (0.5) should be [30%]
Fail CSS Transitions with transition: all: property <border-image-slice> from [inherit] to [10%] at (0.6) should be [26%]
Fail CSS Transitions with transition: all: property <border-image-slice> from [inherit] to [10%] at (1) should be [10%]
Fail CSS Transitions with transition: all: property <border-image-slice> from [inherit] to [10%] at (1.5) should be [0%]
Fail CSS Animations: property <border-image-slice> from [inherit] to [10%] at (-0.3) should be [62%]
Fail CSS Animations: property <border-image-slice> from [inherit] to [10%] at (0) should be [50%]
Fail CSS Animations: property <border-image-slice> from [inherit] to [10%] at (0.3) should be [38%]
Fail CSS Animations: property <border-image-slice> from [inherit] to [10%] at (0.5) should be [30%]
Fail CSS Animations: property <border-image-slice> from [inherit] to [10%] at (0.6) should be [26%]
Fail CSS Animations: property <border-image-slice> from [inherit] to [10%] at (1) should be [10%]
Fail CSS Animations: property <border-image-slice> from [inherit] to [10%] at (1.5) should be [0%]
Fail Web Animations: property <border-image-slice> from [inherit] to [10%] at (-0.3) should be [62%]
Fail Web Animations: property <border-image-slice> from [inherit] to [10%] at (0) should be [50%]
Fail Web Animations: property <border-image-slice> from [inherit] to [10%] at (0.3) should be [38%]
Fail Web Animations: property <border-image-slice> from [inherit] to [10%] at (0.5) should be [30%]
Fail Web Animations: property <border-image-slice> from [inherit] to [10%] at (0.6) should be [26%]
Fail Web Animations: property <border-image-slice> from [inherit] to [10%] at (1) should be [10%]
Fail Web Animations: property <border-image-slice> from [inherit] to [10%] at (1.5) should be [0%]
Fail CSS Transitions: property <border-image-slice> from [unset] to [10%] at (-0.3) should be [127%]
Fail CSS Transitions: property <border-image-slice> from [unset] to [10%] at (0) should be [100%]
Fail CSS Transitions: property <border-image-slice> from [unset] to [10%] at (0.3) should be [73%]
Fail CSS Transitions: property <border-image-slice> from [unset] to [10%] at (0.5) should be [55%]
Fail CSS Transitions: property <border-image-slice> from [unset] to [10%] at (0.6) should be [46%]
Fail CSS Transitions: property <border-image-slice> from [unset] to [10%] at (1) should be [10%]
Fail CSS Transitions: property <border-image-slice> from [unset] to [10%] at (1.5) should be [0%]
Fail CSS Transitions with transition: all: property <border-image-slice> from [unset] to [10%] at (-0.3) should be [127%]
Fail CSS Transitions with transition: all: property <border-image-slice> from [unset] to [10%] at (0) should be [100%]
Fail CSS Transitions with transition: all: property <border-image-slice> from [unset] to [10%] at (0.3) should be [73%]
Fail CSS Transitions with transition: all: property <border-image-slice> from [unset] to [10%] at (0.5) should be [55%]
Fail CSS Transitions with transition: all: property <border-image-slice> from [unset] to [10%] at (0.6) should be [46%]
Fail CSS Transitions with transition: all: property <border-image-slice> from [unset] to [10%] at (1) should be [10%]
Fail CSS Transitions with transition: all: property <border-image-slice> from [unset] to [10%] at (1.5) should be [0%]
Fail CSS Animations: property <border-image-slice> from [unset] to [10%] at (-0.3) should be [127%]
Fail CSS Animations: property <border-image-slice> from [unset] to [10%] at (0) should be [100%]
Fail CSS Animations: property <border-image-slice> from [unset] to [10%] at (0.3) should be [73%]
Fail CSS Animations: property <border-image-slice> from [unset] to [10%] at (0.5) should be [55%]
Fail CSS Animations: property <border-image-slice> from [unset] to [10%] at (0.6) should be [46%]
Fail CSS Animations: property <border-image-slice> from [unset] to [10%] at (1) should be [10%]
Fail CSS Animations: property <border-image-slice> from [unset] to [10%] at (1.5) should be [0%]
Fail Web Animations: property <border-image-slice> from [unset] to [10%] at (-0.3) should be [127%]
Fail Web Animations: property <border-image-slice> from [unset] to [10%] at (0) should be [100%]
Fail Web Animations: property <border-image-slice> from [unset] to [10%] at (0.3) should be [73%]
Fail Web Animations: property <border-image-slice> from [unset] to [10%] at (0.5) should be [55%]
Fail Web Animations: property <border-image-slice> from [unset] to [10%] at (0.6) should be [46%]
Fail Web Animations: property <border-image-slice> from [unset] to [10%] at (1) should be [10%]
Fail Web Animations: property <border-image-slice> from [unset] to [10%] at (1.5) should be [0%]
Fail CSS Transitions: property <border-image-slice> from [0%] to [50%] at (-0.3) should be [0%]
Fail CSS Transitions: property <border-image-slice> from [0%] to [50%] at (0) should be [0%]
Fail CSS Transitions: property <border-image-slice> from [0%] to [50%] at (0.3) should be [15%]
Fail CSS Transitions: property <border-image-slice> from [0%] to [50%] at (0.5) should be [25%]
Fail CSS Transitions: property <border-image-slice> from [0%] to [50%] at (0.6) should be [30%]
Fail CSS Transitions: property <border-image-slice> from [0%] to [50%] at (1) should be [50%]
Fail CSS Transitions: property <border-image-slice> from [0%] to [50%] at (1.5) should be [75%]
Fail CSS Transitions with transition: all: property <border-image-slice> from [0%] to [50%] at (-0.3) should be [0%]
Fail CSS Transitions with transition: all: property <border-image-slice> from [0%] to [50%] at (0) should be [0%]
Fail CSS Transitions with transition: all: property <border-image-slice> from [0%] to [50%] at (0.3) should be [15%]
Fail CSS Transitions with transition: all: property <border-image-slice> from [0%] to [50%] at (0.5) should be [25%]
Fail CSS Transitions with transition: all: property <border-image-slice> from [0%] to [50%] at (0.6) should be [30%]
Fail CSS Transitions with transition: all: property <border-image-slice> from [0%] to [50%] at (1) should be [50%]
Fail CSS Transitions with transition: all: property <border-image-slice> from [0%] to [50%] at (1.5) should be [75%]
Fail CSS Animations: property <border-image-slice> from [0%] to [50%] at (-0.3) should be [0%]
Fail CSS Animations: property <border-image-slice> from [0%] to [50%] at (0) should be [0%]
Fail CSS Animations: property <border-image-slice> from [0%] to [50%] at (0.3) should be [15%]
Fail CSS Animations: property <border-image-slice> from [0%] to [50%] at (0.5) should be [25%]
Fail CSS Animations: property <border-image-slice> from [0%] to [50%] at (0.6) should be [30%]
Fail CSS Animations: property <border-image-slice> from [0%] to [50%] at (1) should be [50%]
Fail CSS Animations: property <border-image-slice> from [0%] to [50%] at (1.5) should be [75%]
Fail Web Animations: property <border-image-slice> from [0%] to [50%] at (-0.3) should be [0%]
Fail Web Animations: property <border-image-slice> from [0%] to [50%] at (0) should be [0%]
Fail Web Animations: property <border-image-slice> from [0%] to [50%] at (0.3) should be [15%]
Fail Web Animations: property <border-image-slice> from [0%] to [50%] at (0.5) should be [25%]
Fail Web Animations: property <border-image-slice> from [0%] to [50%] at (0.6) should be [30%]
Fail Web Animations: property <border-image-slice> from [0%] to [50%] at (1) should be [50%]
Fail Web Animations: property <border-image-slice> from [0%] to [50%] at (1.5) should be [75%]
Fail CSS Transitions: property <border-image-slice> from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (-0.5) should be [0% 0% 0% 10%]
Fail CSS Transitions: property <border-image-slice> from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (0) should be [0% 10% 20% 30%]
Fail CSS Transitions: property <border-image-slice> from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (0.3) should be [12% 22% 32% 42%]
Fail CSS Transitions: property <border-image-slice> from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (0.5) should be [20% 30% 40% 50%]
Fail CSS Transitions: property <border-image-slice> from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (0.6) should be [24% 34% 44% 54%]
Fail CSS Transitions: property <border-image-slice> from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (1) should be [40% 50% 60% 70%]
Fail CSS Transitions: property <border-image-slice> from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (1.5) should be [60% 70% 80% 90%]
Fail CSS Transitions with transition: all: property <border-image-slice> from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (-0.5) should be [0% 0% 0% 10%]
Fail CSS Transitions with transition: all: property <border-image-slice> from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (0) should be [0% 10% 20% 30%]
Fail CSS Transitions with transition: all: property <border-image-slice> from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (0.3) should be [12% 22% 32% 42%]
Fail CSS Transitions with transition: all: property <border-image-slice> from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (0.5) should be [20% 30% 40% 50%]
Fail CSS Transitions with transition: all: property <border-image-slice> from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (0.6) should be [24% 34% 44% 54%]
Fail CSS Transitions with transition: all: property <border-image-slice> from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (1) should be [40% 50% 60% 70%]
Fail CSS Transitions with transition: all: property <border-image-slice> from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (1.5) should be [60% 70% 80% 90%]
Fail CSS Animations: property <border-image-slice> from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (-0.5) should be [0% 0% 0% 10%]
Fail CSS Animations: property <border-image-slice> from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (0) should be [0% 10% 20% 30%]
Fail CSS Animations: property <border-image-slice> from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (0.3) should be [12% 22% 32% 42%]
Fail CSS Animations: property <border-image-slice> from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (0.5) should be [20% 30% 40% 50%]
Fail CSS Animations: property <border-image-slice> from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (0.6) should be [24% 34% 44% 54%]
Fail CSS Animations: property <border-image-slice> from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (1) should be [40% 50% 60% 70%]
Fail CSS Animations: property <border-image-slice> from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (1.5) should be [60% 70% 80% 90%]
Fail Web Animations: property <border-image-slice> from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (-0.5) should be [0% 0% 0% 10%]
Fail Web Animations: property <border-image-slice> from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (0) should be [0% 10% 20% 30%]
Fail Web Animations: property <border-image-slice> from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (0.3) should be [12% 22% 32% 42%]
Fail Web Animations: property <border-image-slice> from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (0.5) should be [20% 30% 40% 50%]
Fail Web Animations: property <border-image-slice> from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (0.6) should be [24% 34% 44% 54%]
Fail Web Animations: property <border-image-slice> from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (1) should be [40% 50% 60% 70%]
Fail Web Animations: property <border-image-slice> from [0% 10% 20% 30%] to [40% 50% 60% 70%] at (1.5) should be [60% 70% 80% 90%]
Fail CSS Transitions: property <border-image-slice> from [0 10 20 30 fill] to [40 50 60 70 fill] at (-0.5) should be [0 0 0 10 fill]
Fail CSS Transitions: property <border-image-slice> from [0 10 20 30 fill] to [40 50 60 70 fill] at (0) should be [0 10 20 30 fill]
Fail CSS Transitions: property <border-image-slice> from [0 10 20 30 fill] to [40 50 60 70 fill] at (0.3) should be [12 22 32 42 fill]
Fail CSS Transitions: property <border-image-slice> from [0 10 20 30 fill] to [40 50 60 70 fill] at (0.5) should be [20 30 40 50 fill]
Fail CSS Transitions: property <border-image-slice> from [0 10 20 30 fill] to [40 50 60 70 fill] at (0.6) should be [24 34 44 54 fill]
Fail CSS Transitions: property <border-image-slice> from [0 10 20 30 fill] to [40 50 60 70 fill] at (1) should be [40 50 60 70 fill]
Fail CSS Transitions: property <border-image-slice> from [0 10 20 30 fill] to [40 50 60 70 fill] at (1.5) should be [60 70 80 90 fill]
Fail CSS Transitions with transition: all: property <border-image-slice> from [0 10 20 30 fill] to [40 50 60 70 fill] at (-0.5) should be [0 0 0 10 fill]
Fail CSS Transitions with transition: all: property <border-image-slice> from [0 10 20 30 fill] to [40 50 60 70 fill] at (0) should be [0 10 20 30 fill]
Fail CSS Transitions with transition: all: property <border-image-slice> from [0 10 20 30 fill] to [40 50 60 70 fill] at (0.3) should be [12 22 32 42 fill]
Fail CSS Transitions with transition: all: property <border-image-slice> from [0 10 20 30 fill] to [40 50 60 70 fill] at (0.5) should be [20 30 40 50 fill]
Fail CSS Transitions with transition: all: property <border-image-slice> from [0 10 20 30 fill] to [40 50 60 70 fill] at (0.6) should be [24 34 44 54 fill]
Fail CSS Transitions with transition: all: property <border-image-slice> from [0 10 20 30 fill] to [40 50 60 70 fill] at (1) should be [40 50 60 70 fill]
Fail CSS Transitions with transition: all: property <border-image-slice> from [0 10 20 30 fill] to [40 50 60 70 fill] at (1.5) should be [60 70 80 90 fill]
Fail CSS Animations: property <border-image-slice> from [0 10 20 30 fill] to [40 50 60 70 fill] at (-0.5) should be [0 0 0 10 fill]
Fail CSS Animations: property <border-image-slice> from [0 10 20 30 fill] to [40 50 60 70 fill] at (0) should be [0 10 20 30 fill]
Fail CSS Animations: property <border-image-slice> from [0 10 20 30 fill] to [40 50 60 70 fill] at (0.3) should be [12 22 32 42 fill]
Fail CSS Animations: property <border-image-slice> from [0 10 20 30 fill] to [40 50 60 70 fill] at (0.5) should be [20 30 40 50 fill]
Fail CSS Animations: property <border-image-slice> from [0 10 20 30 fill] to [40 50 60 70 fill] at (0.6) should be [24 34 44 54 fill]
Fail CSS Animations: property <border-image-slice> from [0 10 20 30 fill] to [40 50 60 70 fill] at (1) should be [40 50 60 70 fill]
Fail CSS Animations: property <border-image-slice> from [0 10 20 30 fill] to [40 50 60 70 fill] at (1.5) should be [60 70 80 90 fill]
Fail Web Animations: property <border-image-slice> from [0 10 20 30 fill] to [40 50 60 70 fill] at (-0.5) should be [0 0 0 10 fill]
Fail Web Animations: property <border-image-slice> from [0 10 20 30 fill] to [40 50 60 70 fill] at (0) should be [0 10 20 30 fill]
Fail Web Animations: property <border-image-slice> from [0 10 20 30 fill] to [40 50 60 70 fill] at (0.3) should be [12 22 32 42 fill]
Fail Web Animations: property <border-image-slice> from [0 10 20 30 fill] to [40 50 60 70 fill] at (0.5) should be [20 30 40 50 fill]
Fail Web Animations: property <border-image-slice> from [0 10 20 30 fill] to [40 50 60 70 fill] at (0.6) should be [24 34 44 54 fill]
Fail Web Animations: property <border-image-slice> from [0 10 20 30 fill] to [40 50 60 70 fill] at (1) should be [40 50 60 70 fill]
Fail Web Animations: property <border-image-slice> from [0 10 20 30 fill] to [40 50 60 70 fill] at (1.5) should be [60 70 80 90 fill]
Fail CSS Transitions: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (-0.5) should be [0% 0 0% 10 fill]
Fail CSS Transitions: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (0) should be [0% 10 20% 30 fill]
Fail CSS Transitions: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (0.3) should be [12% 22 32% 42 fill]
Fail CSS Transitions: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (0.5) should be [20% 30 40% 50 fill]
Fail CSS Transitions: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (0.6) should be [24% 34 44% 54 fill]
Fail CSS Transitions: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (1) should be [40% 50 60% 70 fill]
Fail CSS Transitions: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (1.5) should be [60% 70 80% 90 fill]
Fail CSS Transitions with transition: all: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (-0.5) should be [0% 0 0% 10 fill]
Fail CSS Transitions with transition: all: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (0) should be [0% 10 20% 30 fill]
Fail CSS Transitions with transition: all: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (0.3) should be [12% 22 32% 42 fill]
Fail CSS Transitions with transition: all: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (0.5) should be [20% 30 40% 50 fill]
Fail CSS Transitions with transition: all: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (0.6) should be [24% 34 44% 54 fill]
Fail CSS Transitions with transition: all: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (1) should be [40% 50 60% 70 fill]
Fail CSS Transitions with transition: all: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (1.5) should be [60% 70 80% 90 fill]
Fail CSS Animations: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (-0.5) should be [0% 0 0% 10 fill]
Fail CSS Animations: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (0) should be [0% 10 20% 30 fill]
Fail CSS Animations: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (0.3) should be [12% 22 32% 42 fill]
Fail CSS Animations: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (0.5) should be [20% 30 40% 50 fill]
Fail CSS Animations: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (0.6) should be [24% 34 44% 54 fill]
Fail CSS Animations: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (1) should be [40% 50 60% 70 fill]
Fail CSS Animations: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (1.5) should be [60% 70 80% 90 fill]
Fail Web Animations: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (-0.5) should be [0% 0 0% 10 fill]
Fail Web Animations: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (0) should be [0% 10 20% 30 fill]
Fail Web Animations: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (0.3) should be [12% 22 32% 42 fill]
Fail Web Animations: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (0.5) should be [20% 30 40% 50 fill]
Fail Web Animations: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (0.6) should be [24% 34 44% 54 fill]
Fail Web Animations: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (1) should be [40% 50 60% 70 fill]
Fail Web Animations: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70 fill] at (1.5) should be [60% 70 80% 90 fill]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-slice> from [0% fill] to [50%] at (-0.3) should be [0% fill]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-slice> from [0% fill] to [50%] at (0) should be [0% fill]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-slice> from [0% fill] to [50%] at (0.3) should be [0% fill]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-slice> from [0% fill] to [50%] at (0.5) should be [50%]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-slice> from [0% fill] to [50%] at (0.6) should be [50%]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-slice> from [0% fill] to [50%] at (1) should be [50%]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-slice> from [0% fill] to [50%] at (1.5) should be [50%]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-slice> from [0% fill] to [50%] at (-0.3) should be [0% fill]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-slice> from [0% fill] to [50%] at (0) should be [0% fill]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-slice> from [0% fill] to [50%] at (0.3) should be [0% fill]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-slice> from [0% fill] to [50%] at (0.5) should be [50%]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-slice> from [0% fill] to [50%] at (0.6) should be [50%]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-slice> from [0% fill] to [50%] at (1) should be [50%]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-slice> from [0% fill] to [50%] at (1.5) should be [50%]
Fail CSS Transitions: property <border-image-slice> from [0% fill] to [50%] at (-0.3) should be [50%]
Fail CSS Transitions: property <border-image-slice> from [0% fill] to [50%] at (0) should be [50%]
Fail CSS Transitions: property <border-image-slice> from [0% fill] to [50%] at (0.3) should be [50%]
Fail CSS Transitions: property <border-image-slice> from [0% fill] to [50%] at (0.5) should be [50%]
Fail CSS Transitions: property <border-image-slice> from [0% fill] to [50%] at (0.6) should be [50%]
Fail CSS Transitions: property <border-image-slice> from [0% fill] to [50%] at (1) should be [50%]
Fail CSS Transitions: property <border-image-slice> from [0% fill] to [50%] at (1.5) should be [50%]
Fail CSS Transitions with transition: all: property <border-image-slice> from [0% fill] to [50%] at (-0.3) should be [50%]
Fail CSS Transitions with transition: all: property <border-image-slice> from [0% fill] to [50%] at (0) should be [50%]
Fail CSS Transitions with transition: all: property <border-image-slice> from [0% fill] to [50%] at (0.3) should be [50%]
Fail CSS Transitions with transition: all: property <border-image-slice> from [0% fill] to [50%] at (0.5) should be [50%]
Fail CSS Transitions with transition: all: property <border-image-slice> from [0% fill] to [50%] at (0.6) should be [50%]
Fail CSS Transitions with transition: all: property <border-image-slice> from [0% fill] to [50%] at (1) should be [50%]
Fail CSS Transitions with transition: all: property <border-image-slice> from [0% fill] to [50%] at (1.5) should be [50%]
Fail CSS Animations: property <border-image-slice> from [0% fill] to [50%] at (-0.3) should be [0% fill]
Fail CSS Animations: property <border-image-slice> from [0% fill] to [50%] at (0) should be [0% fill]
Fail CSS Animations: property <border-image-slice> from [0% fill] to [50%] at (0.3) should be [0% fill]
Fail CSS Animations: property <border-image-slice> from [0% fill] to [50%] at (0.5) should be [50%]
Fail CSS Animations: property <border-image-slice> from [0% fill] to [50%] at (0.6) should be [50%]
Fail CSS Animations: property <border-image-slice> from [0% fill] to [50%] at (1) should be [50%]
Fail CSS Animations: property <border-image-slice> from [0% fill] to [50%] at (1.5) should be [50%]
Fail Web Animations: property <border-image-slice> from [0% fill] to [50%] at (-0.3) should be [0% fill]
Fail Web Animations: property <border-image-slice> from [0% fill] to [50%] at (0) should be [0% fill]
Fail Web Animations: property <border-image-slice> from [0% fill] to [50%] at (0.3) should be [0% fill]
Fail Web Animations: property <border-image-slice> from [0% fill] to [50%] at (0.5) should be [50%]
Fail Web Animations: property <border-image-slice> from [0% fill] to [50%] at (0.6) should be [50%]
Fail Web Animations: property <border-image-slice> from [0% fill] to [50%] at (1) should be [50%]
Fail Web Animations: property <border-image-slice> from [0% fill] to [50%] at (1.5) should be [50%]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-slice> from [50%] to [100] at (-0.3) should be [50%]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-slice> from [50%] to [100] at (0) should be [50%]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-slice> from [50%] to [100] at (0.3) should be [50%]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-slice> from [50%] to [100] at (0.5) should be [100]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-slice> from [50%] to [100] at (0.6) should be [100]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-slice> from [50%] to [100] at (1) should be [100]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-slice> from [50%] to [100] at (1.5) should be [100]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-slice> from [50%] to [100] at (-0.3) should be [50%]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-slice> from [50%] to [100] at (0) should be [50%]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-slice> from [50%] to [100] at (0.3) should be [50%]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-slice> from [50%] to [100] at (0.5) should be [100]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-slice> from [50%] to [100] at (0.6) should be [100]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-slice> from [50%] to [100] at (1) should be [100]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-slice> from [50%] to [100] at (1.5) should be [100]
Fail CSS Transitions: property <border-image-slice> from [50%] to [100] at (-0.3) should be [100]
Fail CSS Transitions: property <border-image-slice> from [50%] to [100] at (0) should be [100]
Fail CSS Transitions: property <border-image-slice> from [50%] to [100] at (0.3) should be [100]
Fail CSS Transitions: property <border-image-slice> from [50%] to [100] at (0.5) should be [100]
Fail CSS Transitions: property <border-image-slice> from [50%] to [100] at (0.6) should be [100]
Fail CSS Transitions: property <border-image-slice> from [50%] to [100] at (1) should be [100]
Fail CSS Transitions: property <border-image-slice> from [50%] to [100] at (1.5) should be [100]
Fail CSS Transitions with transition: all: property <border-image-slice> from [50%] to [100] at (-0.3) should be [100]
Fail CSS Transitions with transition: all: property <border-image-slice> from [50%] to [100] at (0) should be [100]
Fail CSS Transitions with transition: all: property <border-image-slice> from [50%] to [100] at (0.3) should be [100]
Fail CSS Transitions with transition: all: property <border-image-slice> from [50%] to [100] at (0.5) should be [100]
Fail CSS Transitions with transition: all: property <border-image-slice> from [50%] to [100] at (0.6) should be [100]
Fail CSS Transitions with transition: all: property <border-image-slice> from [50%] to [100] at (1) should be [100]
Fail CSS Transitions with transition: all: property <border-image-slice> from [50%] to [100] at (1.5) should be [100]
Fail CSS Animations: property <border-image-slice> from [50%] to [100] at (-0.3) should be [50%]
Fail CSS Animations: property <border-image-slice> from [50%] to [100] at (0) should be [50%]
Fail CSS Animations: property <border-image-slice> from [50%] to [100] at (0.3) should be [50%]
Fail CSS Animations: property <border-image-slice> from [50%] to [100] at (0.5) should be [100]
Fail CSS Animations: property <border-image-slice> from [50%] to [100] at (0.6) should be [100]
Fail CSS Animations: property <border-image-slice> from [50%] to [100] at (1) should be [100]
Fail CSS Animations: property <border-image-slice> from [50%] to [100] at (1.5) should be [100]
Fail Web Animations: property <border-image-slice> from [50%] to [100] at (-0.3) should be [50%]
Fail Web Animations: property <border-image-slice> from [50%] to [100] at (0) should be [50%]
Fail Web Animations: property <border-image-slice> from [50%] to [100] at (0.3) should be [50%]
Fail Web Animations: property <border-image-slice> from [50%] to [100] at (0.5) should be [100]
Fail Web Animations: property <border-image-slice> from [50%] to [100] at (0.6) should be [100]
Fail Web Animations: property <border-image-slice> from [50%] to [100] at (1) should be [100]
Fail Web Animations: property <border-image-slice> from [50%] to [100] at (1.5) should be [100]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-slice> from [50% fill] to [100 fill] at (-0.3) should be [50% fill]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-slice> from [50% fill] to [100 fill] at (0) should be [50% fill]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-slice> from [50% fill] to [100 fill] at (0.3) should be [50% fill]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-slice> from [50% fill] to [100 fill] at (0.5) should be [100 fill]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-slice> from [50% fill] to [100 fill] at (0.6) should be [100 fill]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-slice> from [50% fill] to [100 fill] at (1) should be [100 fill]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-slice> from [50% fill] to [100 fill] at (1.5) should be [100 fill]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-slice> from [50% fill] to [100 fill] at (-0.3) should be [50% fill]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-slice> from [50% fill] to [100 fill] at (0) should be [50% fill]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-slice> from [50% fill] to [100 fill] at (0.3) should be [50% fill]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-slice> from [50% fill] to [100 fill] at (0.5) should be [100 fill]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-slice> from [50% fill] to [100 fill] at (0.6) should be [100 fill]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-slice> from [50% fill] to [100 fill] at (1) should be [100 fill]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-slice> from [50% fill] to [100 fill] at (1.5) should be [100 fill]
Fail CSS Transitions: property <border-image-slice> from [50% fill] to [100 fill] at (-0.3) should be [100 fill]
Fail CSS Transitions: property <border-image-slice> from [50% fill] to [100 fill] at (0) should be [100 fill]
Fail CSS Transitions: property <border-image-slice> from [50% fill] to [100 fill] at (0.3) should be [100 fill]
Fail CSS Transitions: property <border-image-slice> from [50% fill] to [100 fill] at (0.5) should be [100 fill]
Fail CSS Transitions: property <border-image-slice> from [50% fill] to [100 fill] at (0.6) should be [100 fill]
Fail CSS Transitions: property <border-image-slice> from [50% fill] to [100 fill] at (1) should be [100 fill]
Fail CSS Transitions: property <border-image-slice> from [50% fill] to [100 fill] at (1.5) should be [100 fill]
Fail CSS Transitions with transition: all: property <border-image-slice> from [50% fill] to [100 fill] at (-0.3) should be [100 fill]
Fail CSS Transitions with transition: all: property <border-image-slice> from [50% fill] to [100 fill] at (0) should be [100 fill]
Fail CSS Transitions with transition: all: property <border-image-slice> from [50% fill] to [100 fill] at (0.3) should be [100 fill]
Fail CSS Transitions with transition: all: property <border-image-slice> from [50% fill] to [100 fill] at (0.5) should be [100 fill]
Fail CSS Transitions with transition: all: property <border-image-slice> from [50% fill] to [100 fill] at (0.6) should be [100 fill]
Fail CSS Transitions with transition: all: property <border-image-slice> from [50% fill] to [100 fill] at (1) should be [100 fill]
Fail CSS Transitions with transition: all: property <border-image-slice> from [50% fill] to [100 fill] at (1.5) should be [100 fill]
Fail CSS Animations: property <border-image-slice> from [50% fill] to [100 fill] at (-0.3) should be [50% fill]
Fail CSS Animations: property <border-image-slice> from [50% fill] to [100 fill] at (0) should be [50% fill]
Fail CSS Animations: property <border-image-slice> from [50% fill] to [100 fill] at (0.3) should be [50% fill]
Fail CSS Animations: property <border-image-slice> from [50% fill] to [100 fill] at (0.5) should be [100 fill]
Fail CSS Animations: property <border-image-slice> from [50% fill] to [100 fill] at (0.6) should be [100 fill]
Fail CSS Animations: property <border-image-slice> from [50% fill] to [100 fill] at (1) should be [100 fill]
Fail CSS Animations: property <border-image-slice> from [50% fill] to [100 fill] at (1.5) should be [100 fill]
Fail Web Animations: property <border-image-slice> from [50% fill] to [100 fill] at (-0.3) should be [50% fill]
Fail Web Animations: property <border-image-slice> from [50% fill] to [100 fill] at (0) should be [50% fill]
Fail Web Animations: property <border-image-slice> from [50% fill] to [100 fill] at (0.3) should be [50% fill]
Fail Web Animations: property <border-image-slice> from [50% fill] to [100 fill] at (0.5) should be [100 fill]
Fail Web Animations: property <border-image-slice> from [50% fill] to [100 fill] at (0.6) should be [100 fill]
Fail Web Animations: property <border-image-slice> from [50% fill] to [100 fill] at (1) should be [100 fill]
Fail Web Animations: property <border-image-slice> from [50% fill] to [100 fill] at (1.5) should be [100 fill]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70] at (-0.3) should be [0% 10 20% 30 fill]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70] at (0) should be [0% 10 20% 30 fill]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70] at (0.3) should be [0% 10 20% 30 fill]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70] at (0.5) should be [40% 50 60% 70]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70] at (0.6) should be [40% 50 60% 70]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70] at (1) should be [40% 50 60% 70]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70] at (1.5) should be [40% 50 60% 70]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70] at (-0.3) should be [0% 10 20% 30 fill]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70] at (0) should be [0% 10 20% 30 fill]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70] at (0.3) should be [0% 10 20% 30 fill]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70] at (0.5) should be [40% 50 60% 70]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70] at (0.6) should be [40% 50 60% 70]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70] at (1) should be [40% 50 60% 70]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70] at (1.5) should be [40% 50 60% 70]
Fail CSS Transitions: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70] at (-0.3) should be [40% 50 60% 70]
Fail CSS Transitions: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70] at (0) should be [40% 50 60% 70]
Fail CSS Transitions: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70] at (0.3) should be [40% 50 60% 70]
Fail CSS Transitions: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70] at (0.5) should be [40% 50 60% 70]
Fail CSS Transitions: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70] at (0.6) should be [40% 50 60% 70]
Fail CSS Transitions: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70] at (1) should be [40% 50 60% 70]
Fail CSS Transitions: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70] at (1.5) should be [40% 50 60% 70]
Fail CSS Transitions with transition: all: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70] at (-0.3) should be [40% 50 60% 70]
Fail CSS Transitions with transition: all: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70] at (0) should be [40% 50 60% 70]
Fail CSS Transitions with transition: all: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70] at (0.3) should be [40% 50 60% 70]
Fail CSS Transitions with transition: all: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70] at (0.5) should be [40% 50 60% 70]
Fail CSS Transitions with transition: all: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70] at (0.6) should be [40% 50 60% 70]
Fail CSS Transitions with transition: all: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70] at (1) should be [40% 50 60% 70]
Fail CSS Transitions with transition: all: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70] at (1.5) should be [40% 50 60% 70]
Fail CSS Animations: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70] at (-0.3) should be [0% 10 20% 30 fill]
Fail CSS Animations: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70] at (0) should be [0% 10 20% 30 fill]
Fail CSS Animations: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70] at (0.3) should be [0% 10 20% 30 fill]
Fail CSS Animations: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70] at (0.5) should be [40% 50 60% 70]
Fail CSS Animations: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70] at (0.6) should be [40% 50 60% 70]
Fail CSS Animations: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70] at (1) should be [40% 50 60% 70]
Fail CSS Animations: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70] at (1.5) should be [40% 50 60% 70]
Fail Web Animations: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70] at (-0.3) should be [0% 10 20% 30 fill]
Fail Web Animations: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70] at (0) should be [0% 10 20% 30 fill]
Fail Web Animations: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70] at (0.3) should be [0% 10 20% 30 fill]
Fail Web Animations: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70] at (0.5) should be [40% 50 60% 70]
Fail Web Animations: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70] at (0.6) should be [40% 50 60% 70]
Fail Web Animations: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70] at (1) should be [40% 50 60% 70]
Fail Web Animations: property <border-image-slice> from [0% 10 20% 30 fill] to [40% 50 60% 70] at (1.5) should be [40% 50 60% 70]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-slice> from [0% 10 20 30 fill] to [40 50 60% 70] at (-0.3) should be [0% 10 20 30 fill]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-slice> from [0% 10 20 30 fill] to [40 50 60% 70] at (0) should be [0% 10 20 30 fill]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-slice> from [0% 10 20 30 fill] to [40 50 60% 70] at (0.3) should be [0% 10 20 30 fill]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-slice> from [0% 10 20 30 fill] to [40 50 60% 70] at (0.5) should be [40 50 60% 70]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-slice> from [0% 10 20 30 fill] to [40 50 60% 70] at (0.6) should be [40 50 60% 70]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-slice> from [0% 10 20 30 fill] to [40 50 60% 70] at (1) should be [40 50 60% 70]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-slice> from [0% 10 20 30 fill] to [40 50 60% 70] at (1.5) should be [40 50 60% 70]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-slice> from [0% 10 20 30 fill] to [40 50 60% 70] at (-0.3) should be [0% 10 20 30 fill]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-slice> from [0% 10 20 30 fill] to [40 50 60% 70] at (0) should be [0% 10 20 30 fill]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-slice> from [0% 10 20 30 fill] to [40 50 60% 70] at (0.3) should be [0% 10 20 30 fill]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-slice> from [0% 10 20 30 fill] to [40 50 60% 70] at (0.5) should be [40 50 60% 70]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-slice> from [0% 10 20 30 fill] to [40 50 60% 70] at (0.6) should be [40 50 60% 70]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-slice> from [0% 10 20 30 fill] to [40 50 60% 70] at (1) should be [40 50 60% 70]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-slice> from [0% 10 20 30 fill] to [40 50 60% 70] at (1.5) should be [40 50 60% 70]
Fail CSS Transitions: property <border-image-slice> from [0% 10 20 30 fill] to [40 50 60% 70] at (-0.3) should be [40 50 60% 70]
Fail CSS Transitions: property <border-image-slice> from [0% 10 20 30 fill] to [40 50 60% 70] at (0) should be [40 50 60% 70]
Fail CSS Transitions: property <border-image-slice> from [0% 10 20 30 fill] to [40 50 60% 70] at (0.3) should be [40 50 60% 70]
Fail CSS Transitions: property <border-image-slice> from [0% 10 20 30 fill] to [40 50 60% 70] at (0.5) should be [40 50 60% 70]
Fail CSS Transitions: property <border-image-slice> from [0% 10 20 30 fill] to [40 50 60% 70] at (0.6) should be [40 50 60% 70]
Fail CSS Transitions: property <border-image-slice> from [0% 10 20 30 fill] to [40 50 60% 70] at (1) should be [40 50 60% 70]
Fail CSS Transitions: property <border-image-slice> from [0% 10 20 30 fill] to [40 50 60% 70] at (1.5) should be [40 50 60% 70]
Fail CSS Transitions with transition: all: property <border-image-slice> from [0% 10 20 30 fill] to [40 50 60% 70] at (-0.3) should be [40 50 60% 70]
Fail CSS Transitions with transition: all: property <border-image-slice> from [0% 10 20 30 fill] to [40 50 60% 70] at (0) should be [40 50 60% 70]
Fail CSS Transitions with transition: all: property <border-image-slice> from [0% 10 20 30 fill] to [40 50 60% 70] at (0.3) should be [40 50 60% 70]
Fail CSS Transitions with transition: all: property <border-image-slice> from [0% 10 20 30 fill] to [40 50 60% 70] at (0.5) should be [40 50 60% 70]
Fail CSS Transitions with transition: all: property <border-image-slice> from [0% 10 20 30 fill] to [40 50 60% 70] at (0.6) should be [40 50 60% 70]
Fail CSS Transitions with transition: all: property <border-image-slice> from [0% 10 20 30 fill] to [40 50 60% 70] at (1) should be [40 50 60% 70]
Fail CSS Transitions with transition: all: property <border-image-slice> from [0% 10 20 30 fill] to [40 50 60% 70] at (1.5) should be [40 50 60% 70]
Fail CSS Animations: property <border-image-slice> from [0% 10 20 30 fill] to [40 50 60% 70] at (-0.3) should be [0% 10 20 30 fill]
Fail CSS Animations: property <border-image-slice> from [0% 10 20 30 fill] to [40 50 60% 70] at (0) should be [0% 10 20 30 fill]
Fail CSS Animations: property <border-image-slice> from [0% 10 20 30 fill] to [40 50 60% 70] at (0.3) should be [0% 10 20 30 fill]
Fail CSS Animations: property <border-image-slice> from [0% 10 20 30 fill] to [40 50 60% 70] at (0.5) should be [40 50 60% 70]
Fail CSS Animations: property <border-image-slice> from [0% 10 20 30 fill] to [40 50 60% 70] at (0.6) should be [40 50 60% 70]
Fail CSS Animations: property <border-image-slice> from [0% 10 20 30 fill] to [40 50 60% 70] at (1) should be [40 50 60% 70]
Fail CSS Animations: property <border-image-slice> from [0% 10 20 30 fill] to [40 50 60% 70] at (1.5) should be [40 50 60% 70]
Fail Web Animations: property <border-image-slice> from [0% 10 20 30 fill] to [40 50 60% 70] at (-0.3) should be [0% 10 20 30 fill]
Fail Web Animations: property <border-image-slice> from [0% 10 20 30 fill] to [40 50 60% 70] at (0) should be [0% 10 20 30 fill]
Fail Web Animations: property <border-image-slice> from [0% 10 20 30 fill] to [40 50 60% 70] at (0.3) should be [0% 10 20 30 fill]
Fail Web Animations: property <border-image-slice> from [0% 10 20 30 fill] to [40 50 60% 70] at (0.5) should be [40 50 60% 70]
Fail Web Animations: property <border-image-slice> from [0% 10 20 30 fill] to [40 50 60% 70] at (0.6) should be [40 50 60% 70]
Fail Web Animations: property <border-image-slice> from [0% 10 20 30 fill] to [40 50 60% 70] at (1) should be [40 50 60% 70]
Fail Web Animations: property <border-image-slice> from [0% 10 20 30 fill] to [40 50 60% 70] at (1.5) should be [40 50 60% 70]

304
Tests/LibWeb/Text/expected/wpt-import/css/css-backgrounds/animations/border-image-source-interpolation.txt Normal file
View file

@ -0,0 +1,304 @@
Summary
Harness status: OK
Rerun
Found 294 tests
294 Fail
Details
Result Test Name MessageFail CSS Transitions with transition-behavior:allow-discrete: property <border-image-source> from [initial] to [url(../support/orange_color.png)] at (-0.3) should be [initial]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-source> from [initial] to [url(../support/orange_color.png)] at (0) should be [initial]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-source> from [initial] to [url(../support/orange_color.png)] at (0.3) should be [initial]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-source> from [initial] to [url(../support/orange_color.png)] at (0.5) should be [url(../support/orange_color.png)]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-source> from [initial] to [url(../support/orange_color.png)] at (0.6) should be [url(../support/orange_color.png)]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-source> from [initial] to [url(../support/orange_color.png)] at (1) should be [url(../support/orange_color.png)]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-source> from [initial] to [url(../support/orange_color.png)] at (1.5) should be [url(../support/orange_color.png)]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-source> from [initial] to [url(../support/orange_color.png)] at (-0.3) should be [initial]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-source> from [initial] to [url(../support/orange_color.png)] at (0) should be [initial]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-source> from [initial] to [url(../support/orange_color.png)] at (0.3) should be [initial]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-source> from [initial] to [url(../support/orange_color.png)] at (0.5) should be [url(../support/orange_color.png)]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-source> from [initial] to [url(../support/orange_color.png)] at (0.6) should be [url(../support/orange_color.png)]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-source> from [initial] to [url(../support/orange_color.png)] at (1) should be [url(../support/orange_color.png)]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-source> from [initial] to [url(../support/orange_color.png)] at (1.5) should be [url(../support/orange_color.png)]
Fail CSS Transitions: property <border-image-source> from [initial] to [url(../support/orange_color.png)] at (-0.3) should be [url(../support/orange_color.png)]
Fail CSS Transitions: property <border-image-source> from [initial] to [url(../support/orange_color.png)] at (0) should be [url(../support/orange_color.png)]
Fail CSS Transitions: property <border-image-source> from [initial] to [url(../support/orange_color.png)] at (0.3) should be [url(../support/orange_color.png)]
Fail CSS Transitions: property <border-image-source> from [initial] to [url(../support/orange_color.png)] at (0.5) should be [url(../support/orange_color.png)]
Fail CSS Transitions: property <border-image-source> from [initial] to [url(../support/orange_color.png)] at (0.6) should be [url(../support/orange_color.png)]
Fail CSS Transitions: property <border-image-source> from [initial] to [url(../support/orange_color.png)] at (1) should be [url(../support/orange_color.png)]
Fail CSS Transitions: property <border-image-source> from [initial] to [url(../support/orange_color.png)] at (1.5) should be [url(../support/orange_color.png)]
Fail CSS Transitions with transition: all: property <border-image-source> from [initial] to [url(../support/orange_color.png)] at (-0.3) should be [url(../support/orange_color.png)]
Fail CSS Transitions with transition: all: property <border-image-source> from [initial] to [url(../support/orange_color.png)] at (0) should be [url(../support/orange_color.png)]
Fail CSS Transitions with transition: all: property <border-image-source> from [initial] to [url(../support/orange_color.png)] at (0.3) should be [url(../support/orange_color.png)]
Fail CSS Transitions with transition: all: property <border-image-source> from [initial] to [url(../support/orange_color.png)] at (0.5) should be [url(../support/orange_color.png)]
Fail CSS Transitions with transition: all: property <border-image-source> from [initial] to [url(../support/orange_color.png)] at (0.6) should be [url(../support/orange_color.png)]
Fail CSS Transitions with transition: all: property <border-image-source> from [initial] to [url(../support/orange_color.png)] at (1) should be [url(../support/orange_color.png)]
Fail CSS Transitions with transition: all: property <border-image-source> from [initial] to [url(../support/orange_color.png)] at (1.5) should be [url(../support/orange_color.png)]
Fail CSS Animations: property <border-image-source> from [initial] to [url(../support/orange_color.png)] at (-0.3) should be [initial]
Fail CSS Animations: property <border-image-source> from [initial] to [url(../support/orange_color.png)] at (0) should be [initial]
Fail CSS Animations: property <border-image-source> from [initial] to [url(../support/orange_color.png)] at (0.3) should be [initial]
Fail CSS Animations: property <border-image-source> from [initial] to [url(../support/orange_color.png)] at (0.5) should be [url(../support/orange_color.png)]
Fail CSS Animations: property <border-image-source> from [initial] to [url(../support/orange_color.png)] at (0.6) should be [url(../support/orange_color.png)]
Fail CSS Animations: property <border-image-source> from [initial] to [url(../support/orange_color.png)] at (1) should be [url(../support/orange_color.png)]
Fail CSS Animations: property <border-image-source> from [initial] to [url(../support/orange_color.png)] at (1.5) should be [url(../support/orange_color.png)]
Fail Web Animations: property <border-image-source> from [initial] to [url(../support/orange_color.png)] at (-0.3) should be [initial]
Fail Web Animations: property <border-image-source> from [initial] to [url(../support/orange_color.png)] at (0) should be [initial]
Fail Web Animations: property <border-image-source> from [initial] to [url(../support/orange_color.png)] at (0.3) should be [initial]
Fail Web Animations: property <border-image-source> from [initial] to [url(../support/orange_color.png)] at (0.5) should be [url(../support/orange_color.png)]
Fail Web Animations: property <border-image-source> from [initial] to [url(../support/orange_color.png)] at (0.6) should be [url(../support/orange_color.png)]
Fail Web Animations: property <border-image-source> from [initial] to [url(../support/orange_color.png)] at (1) should be [url(../support/orange_color.png)]
Fail Web Animations: property <border-image-source> from [initial] to [url(../support/orange_color.png)] at (1.5) should be [url(../support/orange_color.png)]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-source> from [inherit] to [url(../support/orange_color.png)] at (-0.3) should be [inherit]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-source> from [inherit] to [url(../support/orange_color.png)] at (0) should be [inherit]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-source> from [inherit] to [url(../support/orange_color.png)] at (0.3) should be [inherit]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-source> from [inherit] to [url(../support/orange_color.png)] at (0.5) should be [url(../support/orange_color.png)]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-source> from [inherit] to [url(../support/orange_color.png)] at (0.6) should be [url(../support/orange_color.png)]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-source> from [inherit] to [url(../support/orange_color.png)] at (1) should be [url(../support/orange_color.png)]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-source> from [inherit] to [url(../support/orange_color.png)] at (1.5) should be [url(../support/orange_color.png)]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-source> from [inherit] to [url(../support/orange_color.png)] at (-0.3) should be [inherit]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-source> from [inherit] to [url(../support/orange_color.png)] at (0) should be [inherit]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-source> from [inherit] to [url(../support/orange_color.png)] at (0.3) should be [inherit]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-source> from [inherit] to [url(../support/orange_color.png)] at (0.5) should be [url(../support/orange_color.png)]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-source> from [inherit] to [url(../support/orange_color.png)] at (0.6) should be [url(../support/orange_color.png)]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-source> from [inherit] to [url(../support/orange_color.png)] at (1) should be [url(../support/orange_color.png)]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-source> from [inherit] to [url(../support/orange_color.png)] at (1.5) should be [url(../support/orange_color.png)]
Fail CSS Transitions: property <border-image-source> from [inherit] to [url(../support/orange_color.png)] at (-0.3) should be [url(../support/orange_color.png)]
Fail CSS Transitions: property <border-image-source> from [inherit] to [url(../support/orange_color.png)] at (0) should be [url(../support/orange_color.png)]
Fail CSS Transitions: property <border-image-source> from [inherit] to [url(../support/orange_color.png)] at (0.3) should be [url(../support/orange_color.png)]
Fail CSS Transitions: property <border-image-source> from [inherit] to [url(../support/orange_color.png)] at (0.5) should be [url(../support/orange_color.png)]
Fail CSS Transitions: property <border-image-source> from [inherit] to [url(../support/orange_color.png)] at (0.6) should be [url(../support/orange_color.png)]
Fail CSS Transitions: property <border-image-source> from [inherit] to [url(../support/orange_color.png)] at (1) should be [url(../support/orange_color.png)]
Fail CSS Transitions: property <border-image-source> from [inherit] to [url(../support/orange_color.png)] at (1.5) should be [url(../support/orange_color.png)]
Fail CSS Transitions with transition: all: property <border-image-source> from [inherit] to [url(../support/orange_color.png)] at (-0.3) should be [url(../support/orange_color.png)]
Fail CSS Transitions with transition: all: property <border-image-source> from [inherit] to [url(../support/orange_color.png)] at (0) should be [url(../support/orange_color.png)]
Fail CSS Transitions with transition: all: property <border-image-source> from [inherit] to [url(../support/orange_color.png)] at (0.3) should be [url(../support/orange_color.png)]
Fail CSS Transitions with transition: all: property <border-image-source> from [inherit] to [url(../support/orange_color.png)] at (0.5) should be [url(../support/orange_color.png)]
Fail CSS Transitions with transition: all: property <border-image-source> from [inherit] to [url(../support/orange_color.png)] at (0.6) should be [url(../support/orange_color.png)]
Fail CSS Transitions with transition: all: property <border-image-source> from [inherit] to [url(../support/orange_color.png)] at (1) should be [url(../support/orange_color.png)]
Fail CSS Transitions with transition: all: property <border-image-source> from [inherit] to [url(../support/orange_color.png)] at (1.5) should be [url(../support/orange_color.png)]
Fail CSS Animations: property <border-image-source> from [inherit] to [url(../support/orange_color.png)] at (-0.3) should be [inherit]
Fail CSS Animations: property <border-image-source> from [inherit] to [url(../support/orange_color.png)] at (0) should be [inherit]
Fail CSS Animations: property <border-image-source> from [inherit] to [url(../support/orange_color.png)] at (0.3) should be [inherit]
Fail CSS Animations: property <border-image-source> from [inherit] to [url(../support/orange_color.png)] at (0.5) should be [url(../support/orange_color.png)]
Fail CSS Animations: property <border-image-source> from [inherit] to [url(../support/orange_color.png)] at (0.6) should be [url(../support/orange_color.png)]
Fail CSS Animations: property <border-image-source> from [inherit] to [url(../support/orange_color.png)] at (1) should be [url(../support/orange_color.png)]
Fail CSS Animations: property <border-image-source> from [inherit] to [url(../support/orange_color.png)] at (1.5) should be [url(../support/orange_color.png)]
Fail Web Animations: property <border-image-source> from [inherit] to [url(../support/orange_color.png)] at (-0.3) should be [inherit]
Fail Web Animations: property <border-image-source> from [inherit] to [url(../support/orange_color.png)] at (0) should be [inherit]
Fail Web Animations: property <border-image-source> from [inherit] to [url(../support/orange_color.png)] at (0.3) should be [inherit]
Fail Web Animations: property <border-image-source> from [inherit] to [url(../support/orange_color.png)] at (0.5) should be [url(../support/orange_color.png)]
Fail Web Animations: property <border-image-source> from [inherit] to [url(../support/orange_color.png)] at (0.6) should be [url(../support/orange_color.png)]
Fail Web Animations: property <border-image-source> from [inherit] to [url(../support/orange_color.png)] at (1) should be [url(../support/orange_color.png)]
Fail Web Animations: property <border-image-source> from [inherit] to [url(../support/orange_color.png)] at (1.5) should be [url(../support/orange_color.png)]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-source> from [unset] to [url(../support/orange_color.png)] at (-0.3) should be [unset]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-source> from [unset] to [url(../support/orange_color.png)] at (0) should be [unset]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-source> from [unset] to [url(../support/orange_color.png)] at (0.3) should be [unset]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-source> from [unset] to [url(../support/orange_color.png)] at (0.5) should be [url(../support/orange_color.png)]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-source> from [unset] to [url(../support/orange_color.png)] at (0.6) should be [url(../support/orange_color.png)]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-source> from [unset] to [url(../support/orange_color.png)] at (1) should be [url(../support/orange_color.png)]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-source> from [unset] to [url(../support/orange_color.png)] at (1.5) should be [url(../support/orange_color.png)]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-source> from [unset] to [url(../support/orange_color.png)] at (-0.3) should be [unset]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-source> from [unset] to [url(../support/orange_color.png)] at (0) should be [unset]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-source> from [unset] to [url(../support/orange_color.png)] at (0.3) should be [unset]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-source> from [unset] to [url(../support/orange_color.png)] at (0.5) should be [url(../support/orange_color.png)]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-source> from [unset] to [url(../support/orange_color.png)] at (0.6) should be [url(../support/orange_color.png)]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-source> from [unset] to [url(../support/orange_color.png)] at (1) should be [url(../support/orange_color.png)]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-source> from [unset] to [url(../support/orange_color.png)] at (1.5) should be [url(../support/orange_color.png)]
Fail CSS Transitions: property <border-image-source> from [unset] to [url(../support/orange_color.png)] at (-0.3) should be [url(../support/orange_color.png)]
Fail CSS Transitions: property <border-image-source> from [unset] to [url(../support/orange_color.png)] at (0) should be [url(../support/orange_color.png)]
Fail CSS Transitions: property <border-image-source> from [unset] to [url(../support/orange_color.png)] at (0.3) should be [url(../support/orange_color.png)]
Fail CSS Transitions: property <border-image-source> from [unset] to [url(../support/orange_color.png)] at (0.5) should be [url(../support/orange_color.png)]
Fail CSS Transitions: property <border-image-source> from [unset] to [url(../support/orange_color.png)] at (0.6) should be [url(../support/orange_color.png)]
Fail CSS Transitions: property <border-image-source> from [unset] to [url(../support/orange_color.png)] at (1) should be [url(../support/orange_color.png)]
Fail CSS Transitions: property <border-image-source> from [unset] to [url(../support/orange_color.png)] at (1.5) should be [url(../support/orange_color.png)]
Fail CSS Transitions with transition: all: property <border-image-source> from [unset] to [url(../support/orange_color.png)] at (-0.3) should be [url(../support/orange_color.png)]
Fail CSS Transitions with transition: all: property <border-image-source> from [unset] to [url(../support/orange_color.png)] at (0) should be [url(../support/orange_color.png)]
Fail CSS Transitions with transition: all: property <border-image-source> from [unset] to [url(../support/orange_color.png)] at (0.3) should be [url(../support/orange_color.png)]
Fail CSS Transitions with transition: all: property <border-image-source> from [unset] to [url(../support/orange_color.png)] at (0.5) should be [url(../support/orange_color.png)]
Fail CSS Transitions with transition: all: property <border-image-source> from [unset] to [url(../support/orange_color.png)] at (0.6) should be [url(../support/orange_color.png)]
Fail CSS Transitions with transition: all: property <border-image-source> from [unset] to [url(../support/orange_color.png)] at (1) should be [url(../support/orange_color.png)]
Fail CSS Transitions with transition: all: property <border-image-source> from [unset] to [url(../support/orange_color.png)] at (1.5) should be [url(../support/orange_color.png)]
Fail CSS Animations: property <border-image-source> from [unset] to [url(../support/orange_color.png)] at (-0.3) should be [unset]
Fail CSS Animations: property <border-image-source> from [unset] to [url(../support/orange_color.png)] at (0) should be [unset]
Fail CSS Animations: property <border-image-source> from [unset] to [url(../support/orange_color.png)] at (0.3) should be [unset]
Fail CSS Animations: property <border-image-source> from [unset] to [url(../support/orange_color.png)] at (0.5) should be [url(../support/orange_color.png)]
Fail CSS Animations: property <border-image-source> from [unset] to [url(../support/orange_color.png)] at (0.6) should be [url(../support/orange_color.png)]
Fail CSS Animations: property <border-image-source> from [unset] to [url(../support/orange_color.png)] at (1) should be [url(../support/orange_color.png)]
Fail CSS Animations: property <border-image-source> from [unset] to [url(../support/orange_color.png)] at (1.5) should be [url(../support/orange_color.png)]
Fail Web Animations: property <border-image-source> from [unset] to [url(../support/orange_color.png)] at (-0.3) should be [unset]
Fail Web Animations: property <border-image-source> from [unset] to [url(../support/orange_color.png)] at (0) should be [unset]
Fail Web Animations: property <border-image-source> from [unset] to [url(../support/orange_color.png)] at (0.3) should be [unset]
Fail Web Animations: property <border-image-source> from [unset] to [url(../support/orange_color.png)] at (0.5) should be [url(../support/orange_color.png)]
Fail Web Animations: property <border-image-source> from [unset] to [url(../support/orange_color.png)] at (0.6) should be [url(../support/orange_color.png)]
Fail Web Animations: property <border-image-source> from [unset] to [url(../support/orange_color.png)] at (1) should be [url(../support/orange_color.png)]
Fail Web Animations: property <border-image-source> from [unset] to [url(../support/orange_color.png)] at (1.5) should be [url(../support/orange_color.png)]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-source> from [none] to [url(../support/orange_color.png)] at (-0.3) should be [none]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-source> from [none] to [url(../support/orange_color.png)] at (0) should be [none]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-source> from [none] to [url(../support/orange_color.png)] at (0.3) should be [none]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-source> from [none] to [url(../support/orange_color.png)] at (0.5) should be [url(../support/orange_color.png)]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-source> from [none] to [url(../support/orange_color.png)] at (0.6) should be [url(../support/orange_color.png)]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-source> from [none] to [url(../support/orange_color.png)] at (1) should be [url(../support/orange_color.png)]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-source> from [none] to [url(../support/orange_color.png)] at (1.5) should be [url(../support/orange_color.png)]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-source> from [none] to [url(../support/orange_color.png)] at (-0.3) should be [none]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-source> from [none] to [url(../support/orange_color.png)] at (0) should be [none]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-source> from [none] to [url(../support/orange_color.png)] at (0.3) should be [none]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-source> from [none] to [url(../support/orange_color.png)] at (0.5) should be [url(../support/orange_color.png)]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-source> from [none] to [url(../support/orange_color.png)] at (0.6) should be [url(../support/orange_color.png)]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-source> from [none] to [url(../support/orange_color.png)] at (1) should be [url(../support/orange_color.png)]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-source> from [none] to [url(../support/orange_color.png)] at (1.5) should be [url(../support/orange_color.png)]
Fail CSS Transitions: property <border-image-source> from [none] to [url(../support/orange_color.png)] at (-0.3) should be [url(../support/orange_color.png)]
Fail CSS Transitions: property <border-image-source> from [none] to [url(../support/orange_color.png)] at (0) should be [url(../support/orange_color.png)]
Fail CSS Transitions: property <border-image-source> from [none] to [url(../support/orange_color.png)] at (0.3) should be [url(../support/orange_color.png)]
Fail CSS Transitions: property <border-image-source> from [none] to [url(../support/orange_color.png)] at (0.5) should be [url(../support/orange_color.png)]
Fail CSS Transitions: property <border-image-source> from [none] to [url(../support/orange_color.png)] at (0.6) should be [url(../support/orange_color.png)]
Fail CSS Transitions: property <border-image-source> from [none] to [url(../support/orange_color.png)] at (1) should be [url(../support/orange_color.png)]
Fail CSS Transitions: property <border-image-source> from [none] to [url(../support/orange_color.png)] at (1.5) should be [url(../support/orange_color.png)]
Fail CSS Transitions with transition: all: property <border-image-source> from [none] to [url(../support/orange_color.png)] at (-0.3) should be [url(../support/orange_color.png)]
Fail CSS Transitions with transition: all: property <border-image-source> from [none] to [url(../support/orange_color.png)] at (0) should be [url(../support/orange_color.png)]
Fail CSS Transitions with transition: all: property <border-image-source> from [none] to [url(../support/orange_color.png)] at (0.3) should be [url(../support/orange_color.png)]
Fail CSS Transitions with transition: all: property <border-image-source> from [none] to [url(../support/orange_color.png)] at (0.5) should be [url(../support/orange_color.png)]
Fail CSS Transitions with transition: all: property <border-image-source> from [none] to [url(../support/orange_color.png)] at (0.6) should be [url(../support/orange_color.png)]
Fail CSS Transitions with transition: all: property <border-image-source> from [none] to [url(../support/orange_color.png)] at (1) should be [url(../support/orange_color.png)]
Fail CSS Transitions with transition: all: property <border-image-source> from [none] to [url(../support/orange_color.png)] at (1.5) should be [url(../support/orange_color.png)]
Fail CSS Animations: property <border-image-source> from [none] to [url(../support/orange_color.png)] at (-0.3) should be [none]
Fail CSS Animations: property <border-image-source> from [none] to [url(../support/orange_color.png)] at (0) should be [none]
Fail CSS Animations: property <border-image-source> from [none] to [url(../support/orange_color.png)] at (0.3) should be [none]
Fail CSS Animations: property <border-image-source> from [none] to [url(../support/orange_color.png)] at (0.5) should be [url(../support/orange_color.png)]
Fail CSS Animations: property <border-image-source> from [none] to [url(../support/orange_color.png)] at (0.6) should be [url(../support/orange_color.png)]
Fail CSS Animations: property <border-image-source> from [none] to [url(../support/orange_color.png)] at (1) should be [url(../support/orange_color.png)]
Fail CSS Animations: property <border-image-source> from [none] to [url(../support/orange_color.png)] at (1.5) should be [url(../support/orange_color.png)]
Fail Web Animations: property <border-image-source> from [none] to [url(../support/orange_color.png)] at (-0.3) should be [none]
Fail Web Animations: property <border-image-source> from [none] to [url(../support/orange_color.png)] at (0) should be [none]
Fail Web Animations: property <border-image-source> from [none] to [url(../support/orange_color.png)] at (0.3) should be [none]
Fail Web Animations: property <border-image-source> from [none] to [url(../support/orange_color.png)] at (0.5) should be [url(../support/orange_color.png)]
Fail Web Animations: property <border-image-source> from [none] to [url(../support/orange_color.png)] at (0.6) should be [url(../support/orange_color.png)]
Fail Web Animations: property <border-image-source> from [none] to [url(../support/orange_color.png)] at (1) should be [url(../support/orange_color.png)]
Fail Web Animations: property <border-image-source> from [none] to [url(../support/orange_color.png)] at (1.5) should be [url(../support/orange_color.png)]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-source> from [url(../support/aqua_color.png)] to [url(../support/orange_color.png)] at (-0.3) should be [url(../support/aqua_color.png)]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-source> from [url(../support/aqua_color.png)] to [url(../support/orange_color.png)] at (0) should be [url(../support/aqua_color.png)]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-source> from [url(../support/aqua_color.png)] to [url(../support/orange_color.png)] at (0.3) should be [url(../support/aqua_color.png)]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-source> from [url(../support/aqua_color.png)] to [url(../support/orange_color.png)] at (0.5) should be [url(../support/orange_color.png)]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-source> from [url(../support/aqua_color.png)] to [url(../support/orange_color.png)] at (0.6) should be [url(../support/orange_color.png)]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-source> from [url(../support/aqua_color.png)] to [url(../support/orange_color.png)] at (1) should be [url(../support/orange_color.png)]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-source> from [url(../support/aqua_color.png)] to [url(../support/orange_color.png)] at (1.5) should be [url(../support/orange_color.png)]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-source> from [url(../support/aqua_color.png)] to [url(../support/orange_color.png)] at (-0.3) should be [url(../support/aqua_color.png)]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-source> from [url(../support/aqua_color.png)] to [url(../support/orange_color.png)] at (0) should be [url(../support/aqua_color.png)]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-source> from [url(../support/aqua_color.png)] to [url(../support/orange_color.png)] at (0.3) should be [url(../support/aqua_color.png)]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-source> from [url(../support/aqua_color.png)] to [url(../support/orange_color.png)] at (0.5) should be [url(../support/orange_color.png)]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-source> from [url(../support/aqua_color.png)] to [url(../support/orange_color.png)] at (0.6) should be [url(../support/orange_color.png)]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-source> from [url(../support/aqua_color.png)] to [url(../support/orange_color.png)] at (1) should be [url(../support/orange_color.png)]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-source> from [url(../support/aqua_color.png)] to [url(../support/orange_color.png)] at (1.5) should be [url(../support/orange_color.png)]
Fail CSS Transitions: property <border-image-source> from [url(../support/aqua_color.png)] to [url(../support/orange_color.png)] at (-0.3) should be [url(../support/orange_color.png)]
Fail CSS Transitions: property <border-image-source> from [url(../support/aqua_color.png)] to [url(../support/orange_color.png)] at (0) should be [url(../support/orange_color.png)]
Fail CSS Transitions: property <border-image-source> from [url(../support/aqua_color.png)] to [url(../support/orange_color.png)] at (0.3) should be [url(../support/orange_color.png)]
Fail CSS Transitions: property <border-image-source> from [url(../support/aqua_color.png)] to [url(../support/orange_color.png)] at (0.5) should be [url(../support/orange_color.png)]
Fail CSS Transitions: property <border-image-source> from [url(../support/aqua_color.png)] to [url(../support/orange_color.png)] at (0.6) should be [url(../support/orange_color.png)]
Fail CSS Transitions: property <border-image-source> from [url(../support/aqua_color.png)] to [url(../support/orange_color.png)] at (1) should be [url(../support/orange_color.png)]
Fail CSS Transitions: property <border-image-source> from [url(../support/aqua_color.png)] to [url(../support/orange_color.png)] at (1.5) should be [url(../support/orange_color.png)]
Fail CSS Transitions with transition: all: property <border-image-source> from [url(../support/aqua_color.png)] to [url(../support/orange_color.png)] at (-0.3) should be [url(../support/orange_color.png)]
Fail CSS Transitions with transition: all: property <border-image-source> from [url(../support/aqua_color.png)] to [url(../support/orange_color.png)] at (0) should be [url(../support/orange_color.png)]
Fail CSS Transitions with transition: all: property <border-image-source> from [url(../support/aqua_color.png)] to [url(../support/orange_color.png)] at (0.3) should be [url(../support/orange_color.png)]
Fail CSS Transitions with transition: all: property <border-image-source> from [url(../support/aqua_color.png)] to [url(../support/orange_color.png)] at (0.5) should be [url(../support/orange_color.png)]
Fail CSS Transitions with transition: all: property <border-image-source> from [url(../support/aqua_color.png)] to [url(../support/orange_color.png)] at (0.6) should be [url(../support/orange_color.png)]
Fail CSS Transitions with transition: all: property <border-image-source> from [url(../support/aqua_color.png)] to [url(../support/orange_color.png)] at (1) should be [url(../support/orange_color.png)]
Fail CSS Transitions with transition: all: property <border-image-source> from [url(../support/aqua_color.png)] to [url(../support/orange_color.png)] at (1.5) should be [url(../support/orange_color.png)]
Fail CSS Animations: property <border-image-source> from [url(../support/aqua_color.png)] to [url(../support/orange_color.png)] at (-0.3) should be [url(../support/aqua_color.png)]
Fail CSS Animations: property <border-image-source> from [url(../support/aqua_color.png)] to [url(../support/orange_color.png)] at (0) should be [url(../support/aqua_color.png)]
Fail CSS Animations: property <border-image-source> from [url(../support/aqua_color.png)] to [url(../support/orange_color.png)] at (0.3) should be [url(../support/aqua_color.png)]
Fail CSS Animations: property <border-image-source> from [url(../support/aqua_color.png)] to [url(../support/orange_color.png)] at (0.5) should be [url(../support/orange_color.png)]
Fail CSS Animations: property <border-image-source> from [url(../support/aqua_color.png)] to [url(../support/orange_color.png)] at (0.6) should be [url(../support/orange_color.png)]
Fail CSS Animations: property <border-image-source> from [url(../support/aqua_color.png)] to [url(../support/orange_color.png)] at (1) should be [url(../support/orange_color.png)]
Fail CSS Animations: property <border-image-source> from [url(../support/aqua_color.png)] to [url(../support/orange_color.png)] at (1.5) should be [url(../support/orange_color.png)]
Fail Web Animations: property <border-image-source> from [url(../support/aqua_color.png)] to [url(../support/orange_color.png)] at (-0.3) should be [url(../support/aqua_color.png)]
Fail Web Animations: property <border-image-source> from [url(../support/aqua_color.png)] to [url(../support/orange_color.png)] at (0) should be [url(../support/aqua_color.png)]
Fail Web Animations: property <border-image-source> from [url(../support/aqua_color.png)] to [url(../support/orange_color.png)] at (0.3) should be [url(../support/aqua_color.png)]
Fail Web Animations: property <border-image-source> from [url(../support/aqua_color.png)] to [url(../support/orange_color.png)] at (0.5) should be [url(../support/orange_color.png)]
Fail Web Animations: property <border-image-source> from [url(../support/aqua_color.png)] to [url(../support/orange_color.png)] at (0.6) should be [url(../support/orange_color.png)]
Fail Web Animations: property <border-image-source> from [url(../support/aqua_color.png)] to [url(../support/orange_color.png)] at (1) should be [url(../support/orange_color.png)]
Fail Web Animations: property <border-image-source> from [url(../support/aqua_color.png)] to [url(../support/orange_color.png)] at (1.5) should be [url(../support/orange_color.png)]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-source> from [url(../support/aqua_color.png)] to [linear-gradient(45deg, blue, orange)] at (-0.3) should be [url(../support/aqua_color.png)]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-source> from [url(../support/aqua_color.png)] to [linear-gradient(45deg, blue, orange)] at (0) should be [url(../support/aqua_color.png)]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-source> from [url(../support/aqua_color.png)] to [linear-gradient(45deg, blue, orange)] at (0.3) should be [url(../support/aqua_color.png)]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-source> from [url(../support/aqua_color.png)] to [linear-gradient(45deg, blue, orange)] at (0.5) should be [linear-gradient(45deg, blue, orange)]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-source> from [url(../support/aqua_color.png)] to [linear-gradient(45deg, blue, orange)] at (0.6) should be [linear-gradient(45deg, blue, orange)]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-source> from [url(../support/aqua_color.png)] to [linear-gradient(45deg, blue, orange)] at (1) should be [linear-gradient(45deg, blue, orange)]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-source> from [url(../support/aqua_color.png)] to [linear-gradient(45deg, blue, orange)] at (1.5) should be [linear-gradient(45deg, blue, orange)]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-source> from [url(../support/aqua_color.png)] to [linear-gradient(45deg, blue, orange)] at (-0.3) should be [url(../support/aqua_color.png)]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-source> from [url(../support/aqua_color.png)] to [linear-gradient(45deg, blue, orange)] at (0) should be [url(../support/aqua_color.png)]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-source> from [url(../support/aqua_color.png)] to [linear-gradient(45deg, blue, orange)] at (0.3) should be [url(../support/aqua_color.png)]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-source> from [url(../support/aqua_color.png)] to [linear-gradient(45deg, blue, orange)] at (0.5) should be [linear-gradient(45deg, blue, orange)]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-source> from [url(../support/aqua_color.png)] to [linear-gradient(45deg, blue, orange)] at (0.6) should be [linear-gradient(45deg, blue, orange)]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-source> from [url(../support/aqua_color.png)] to [linear-gradient(45deg, blue, orange)] at (1) should be [linear-gradient(45deg, blue, orange)]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-source> from [url(../support/aqua_color.png)] to [linear-gradient(45deg, blue, orange)] at (1.5) should be [linear-gradient(45deg, blue, orange)]
Fail CSS Transitions: property <border-image-source> from [url(../support/aqua_color.png)] to [linear-gradient(45deg, blue, orange)] at (-0.3) should be [linear-gradient(45deg, blue, orange)]
Fail CSS Transitions: property <border-image-source> from [url(../support/aqua_color.png)] to [linear-gradient(45deg, blue, orange)] at (0) should be [linear-gradient(45deg, blue, orange)]
Fail CSS Transitions: property <border-image-source> from [url(../support/aqua_color.png)] to [linear-gradient(45deg, blue, orange)] at (0.3) should be [linear-gradient(45deg, blue, orange)]
Fail CSS Transitions: property <border-image-source> from [url(../support/aqua_color.png)] to [linear-gradient(45deg, blue, orange)] at (0.5) should be [linear-gradient(45deg, blue, orange)]
Fail CSS Transitions: property <border-image-source> from [url(../support/aqua_color.png)] to [linear-gradient(45deg, blue, orange)] at (0.6) should be [linear-gradient(45deg, blue, orange)]
Fail CSS Transitions: property <border-image-source> from [url(../support/aqua_color.png)] to [linear-gradient(45deg, blue, orange)] at (1) should be [linear-gradient(45deg, blue, orange)]
Fail CSS Transitions: property <border-image-source> from [url(../support/aqua_color.png)] to [linear-gradient(45deg, blue, orange)] at (1.5) should be [linear-gradient(45deg, blue, orange)]
Fail CSS Transitions with transition: all: property <border-image-source> from [url(../support/aqua_color.png)] to [linear-gradient(45deg, blue, orange)] at (-0.3) should be [linear-gradient(45deg, blue, orange)]
Fail CSS Transitions with transition: all: property <border-image-source> from [url(../support/aqua_color.png)] to [linear-gradient(45deg, blue, orange)] at (0) should be [linear-gradient(45deg, blue, orange)]
Fail CSS Transitions with transition: all: property <border-image-source> from [url(../support/aqua_color.png)] to [linear-gradient(45deg, blue, orange)] at (0.3) should be [linear-gradient(45deg, blue, orange)]
Fail CSS Transitions with transition: all: property <border-image-source> from [url(../support/aqua_color.png)] to [linear-gradient(45deg, blue, orange)] at (0.5) should be [linear-gradient(45deg, blue, orange)]
Fail CSS Transitions with transition: all: property <border-image-source> from [url(../support/aqua_color.png)] to [linear-gradient(45deg, blue, orange)] at (0.6) should be [linear-gradient(45deg, blue, orange)]
Fail CSS Transitions with transition: all: property <border-image-source> from [url(../support/aqua_color.png)] to [linear-gradient(45deg, blue, orange)] at (1) should be [linear-gradient(45deg, blue, orange)]
Fail CSS Transitions with transition: all: property <border-image-source> from [url(../support/aqua_color.png)] to [linear-gradient(45deg, blue, orange)] at (1.5) should be [linear-gradient(45deg, blue, orange)]
Fail CSS Animations: property <border-image-source> from [url(../support/aqua_color.png)] to [linear-gradient(45deg, blue, orange)] at (-0.3) should be [url(../support/aqua_color.png)]
Fail CSS Animations: property <border-image-source> from [url(../support/aqua_color.png)] to [linear-gradient(45deg, blue, orange)] at (0) should be [url(../support/aqua_color.png)]
Fail CSS Animations: property <border-image-source> from [url(../support/aqua_color.png)] to [linear-gradient(45deg, blue, orange)] at (0.3) should be [url(../support/aqua_color.png)]
Fail CSS Animations: property <border-image-source> from [url(../support/aqua_color.png)] to [linear-gradient(45deg, blue, orange)] at (0.5) should be [linear-gradient(45deg, blue, orange)]
Fail CSS Animations: property <border-image-source> from [url(../support/aqua_color.png)] to [linear-gradient(45deg, blue, orange)] at (0.6) should be [linear-gradient(45deg, blue, orange)]
Fail CSS Animations: property <border-image-source> from [url(../support/aqua_color.png)] to [linear-gradient(45deg, blue, orange)] at (1) should be [linear-gradient(45deg, blue, orange)]
Fail CSS Animations: property <border-image-source> from [url(../support/aqua_color.png)] to [linear-gradient(45deg, blue, orange)] at (1.5) should be [linear-gradient(45deg, blue, orange)]
Fail Web Animations: property <border-image-source> from [url(../support/aqua_color.png)] to [linear-gradient(45deg, blue, orange)] at (-0.3) should be [url(../support/aqua_color.png)]
Fail Web Animations: property <border-image-source> from [url(../support/aqua_color.png)] to [linear-gradient(45deg, blue, orange)] at (0) should be [url(../support/aqua_color.png)]
Fail Web Animations: property <border-image-source> from [url(../support/aqua_color.png)] to [linear-gradient(45deg, blue, orange)] at (0.3) should be [url(../support/aqua_color.png)]
Fail Web Animations: property <border-image-source> from [url(../support/aqua_color.png)] to [linear-gradient(45deg, blue, orange)] at (0.5) should be [linear-gradient(45deg, blue, orange)]
Fail Web Animations: property <border-image-source> from [url(../support/aqua_color.png)] to [linear-gradient(45deg, blue, orange)] at (0.6) should be [linear-gradient(45deg, blue, orange)]
Fail Web Animations: property <border-image-source> from [url(../support/aqua_color.png)] to [linear-gradient(45deg, blue, orange)] at (1) should be [linear-gradient(45deg, blue, orange)]
Fail Web Animations: property <border-image-source> from [url(../support/aqua_color.png)] to [linear-gradient(45deg, blue, orange)] at (1.5) should be [linear-gradient(45deg, blue, orange)]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-source> from [linear-gradient(-45deg, red, yellow)] to [linear-gradient(45deg, blue, orange)] at (-0.3) should be [linear-gradient(-45deg, red, yellow)]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-source> from [linear-gradient(-45deg, red, yellow)] to [linear-gradient(45deg, blue, orange)] at (0) should be [linear-gradient(-45deg, red, yellow)]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-source> from [linear-gradient(-45deg, red, yellow)] to [linear-gradient(45deg, blue, orange)] at (0.3) should be [linear-gradient(-45deg, red, yellow)]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-source> from [linear-gradient(-45deg, red, yellow)] to [linear-gradient(45deg, blue, orange)] at (0.5) should be [linear-gradient(45deg, blue, orange)]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-source> from [linear-gradient(-45deg, red, yellow)] to [linear-gradient(45deg, blue, orange)] at (0.6) should be [linear-gradient(45deg, blue, orange)]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-source> from [linear-gradient(-45deg, red, yellow)] to [linear-gradient(45deg, blue, orange)] at (1) should be [linear-gradient(45deg, blue, orange)]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-source> from [linear-gradient(-45deg, red, yellow)] to [linear-gradient(45deg, blue, orange)] at (1.5) should be [linear-gradient(45deg, blue, orange)]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-source> from [linear-gradient(-45deg, red, yellow)] to [linear-gradient(45deg, blue, orange)] at (-0.3) should be [linear-gradient(-45deg, red, yellow)]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-source> from [linear-gradient(-45deg, red, yellow)] to [linear-gradient(45deg, blue, orange)] at (0) should be [linear-gradient(-45deg, red, yellow)]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-source> from [linear-gradient(-45deg, red, yellow)] to [linear-gradient(45deg, blue, orange)] at (0.3) should be [linear-gradient(-45deg, red, yellow)]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-source> from [linear-gradient(-45deg, red, yellow)] to [linear-gradient(45deg, blue, orange)] at (0.5) should be [linear-gradient(45deg, blue, orange)]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-source> from [linear-gradient(-45deg, red, yellow)] to [linear-gradient(45deg, blue, orange)] at (0.6) should be [linear-gradient(45deg, blue, orange)]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-source> from [linear-gradient(-45deg, red, yellow)] to [linear-gradient(45deg, blue, orange)] at (1) should be [linear-gradient(45deg, blue, orange)]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-source> from [linear-gradient(-45deg, red, yellow)] to [linear-gradient(45deg, blue, orange)] at (1.5) should be [linear-gradient(45deg, blue, orange)]
Fail CSS Transitions: property <border-image-source> from [linear-gradient(-45deg, red, yellow)] to [linear-gradient(45deg, blue, orange)] at (-0.3) should be [linear-gradient(45deg, blue, orange)]
Fail CSS Transitions: property <border-image-source> from [linear-gradient(-45deg, red, yellow)] to [linear-gradient(45deg, blue, orange)] at (0) should be [linear-gradient(45deg, blue, orange)]
Fail CSS Transitions: property <border-image-source> from [linear-gradient(-45deg, red, yellow)] to [linear-gradient(45deg, blue, orange)] at (0.3) should be [linear-gradient(45deg, blue, orange)]
Fail CSS Transitions: property <border-image-source> from [linear-gradient(-45deg, red, yellow)] to [linear-gradient(45deg, blue, orange)] at (0.5) should be [linear-gradient(45deg, blue, orange)]
Fail CSS Transitions: property <border-image-source> from [linear-gradient(-45deg, red, yellow)] to [linear-gradient(45deg, blue, orange)] at (0.6) should be [linear-gradient(45deg, blue, orange)]
Fail CSS Transitions: property <border-image-source> from [linear-gradient(-45deg, red, yellow)] to [linear-gradient(45deg, blue, orange)] at (1) should be [linear-gradient(45deg, blue, orange)]
Fail CSS Transitions: property <border-image-source> from [linear-gradient(-45deg, red, yellow)] to [linear-gradient(45deg, blue, orange)] at (1.5) should be [linear-gradient(45deg, blue, orange)]
Fail CSS Transitions with transition: all: property <border-image-source> from [linear-gradient(-45deg, red, yellow)] to [linear-gradient(45deg, blue, orange)] at (-0.3) should be [linear-gradient(45deg, blue, orange)]
Fail CSS Transitions with transition: all: property <border-image-source> from [linear-gradient(-45deg, red, yellow)] to [linear-gradient(45deg, blue, orange)] at (0) should be [linear-gradient(45deg, blue, orange)]
Fail CSS Transitions with transition: all: property <border-image-source> from [linear-gradient(-45deg, red, yellow)] to [linear-gradient(45deg, blue, orange)] at (0.3) should be [linear-gradient(45deg, blue, orange)]
Fail CSS Transitions with transition: all: property <border-image-source> from [linear-gradient(-45deg, red, yellow)] to [linear-gradient(45deg, blue, orange)] at (0.5) should be [linear-gradient(45deg, blue, orange)]
Fail CSS Transitions with transition: all: property <border-image-source> from [linear-gradient(-45deg, red, yellow)] to [linear-gradient(45deg, blue, orange)] at (0.6) should be [linear-gradient(45deg, blue, orange)]
Fail CSS Transitions with transition: all: property <border-image-source> from [linear-gradient(-45deg, red, yellow)] to [linear-gradient(45deg, blue, orange)] at (1) should be [linear-gradient(45deg, blue, orange)]
Fail CSS Transitions with transition: all: property <border-image-source> from [linear-gradient(-45deg, red, yellow)] to [linear-gradient(45deg, blue, orange)] at (1.5) should be [linear-gradient(45deg, blue, orange)]
Fail CSS Animations: property <border-image-source> from [linear-gradient(-45deg, red, yellow)] to [linear-gradient(45deg, blue, orange)] at (-0.3) should be [linear-gradient(-45deg, red, yellow)]
Fail CSS Animations: property <border-image-source> from [linear-gradient(-45deg, red, yellow)] to [linear-gradient(45deg, blue, orange)] at (0) should be [linear-gradient(-45deg, red, yellow)]
Fail CSS Animations: property <border-image-source> from [linear-gradient(-45deg, red, yellow)] to [linear-gradient(45deg, blue, orange)] at (0.3) should be [linear-gradient(-45deg, red, yellow)]
Fail CSS Animations: property <border-image-source> from [linear-gradient(-45deg, red, yellow)] to [linear-gradient(45deg, blue, orange)] at (0.5) should be [linear-gradient(45deg, blue, orange)]
Fail CSS Animations: property <border-image-source> from [linear-gradient(-45deg, red, yellow)] to [linear-gradient(45deg, blue, orange)] at (0.6) should be [linear-gradient(45deg, blue, orange)]
Fail CSS Animations: property <border-image-source> from [linear-gradient(-45deg, red, yellow)] to [linear-gradient(45deg, blue, orange)] at (1) should be [linear-gradient(45deg, blue, orange)]
Fail CSS Animations: property <border-image-source> from [linear-gradient(-45deg, red, yellow)] to [linear-gradient(45deg, blue, orange)] at (1.5) should be [linear-gradient(45deg, blue, orange)]
Fail Web Animations: property <border-image-source> from [linear-gradient(-45deg, red, yellow)] to [linear-gradient(45deg, blue, orange)] at (-0.3) should be [linear-gradient(-45deg, red, yellow)]
Fail Web Animations: property <border-image-source> from [linear-gradient(-45deg, red, yellow)] to [linear-gradient(45deg, blue, orange)] at (0) should be [linear-gradient(-45deg, red, yellow)]
Fail Web Animations: property <border-image-source> from [linear-gradient(-45deg, red, yellow)] to [linear-gradient(45deg, blue, orange)] at (0.3) should be [linear-gradient(-45deg, red, yellow)]
Fail Web Animations: property <border-image-source> from [linear-gradient(-45deg, red, yellow)] to [linear-gradient(45deg, blue, orange)] at (0.5) should be [linear-gradient(45deg, blue, orange)]
Fail Web Animations: property <border-image-source> from [linear-gradient(-45deg, red, yellow)] to [linear-gradient(45deg, blue, orange)] at (0.6) should be [linear-gradient(45deg, blue, orange)]
Fail Web Animations: property <border-image-source> from [linear-gradient(-45deg, red, yellow)] to [linear-gradient(45deg, blue, orange)] at (1) should be [linear-gradient(45deg, blue, orange)]
Fail Web Animations: property <border-image-source> from [linear-gradient(-45deg, red, yellow)] to [linear-gradient(45deg, blue, orange)] at (1.5) should be [linear-gradient(45deg, blue, orange)]

66
Tests/LibWeb/Text/expected/wpt-import/css/css-backgrounds/animations/border-image-width-composition.txt Normal file
View file

@ -0,0 +1,66 @@
Summary
Harness status: OK
Rerun
Found 56 tests
56 Fail
Details
Result Test Name MessageFail Compositing: property <border-image-width> underlying [1 2 3 4] from add [1 2 3 4] to add [101 102 103 104] at (-0.25) should be [0]
Fail Compositing: property <border-image-width> underlying [1 2 3 4] from add [1 2 3 4] to add [101 102 103 104] at (0) should be [2 4 6 8]
Fail Compositing: property <border-image-width> underlying [1 2 3 4] from add [1 2 3 4] to add [101 102 103 104] at (0.25) should be [27 29 31 33]
Fail Compositing: property <border-image-width> underlying [1 2 3 4] from add [1 2 3 4] to add [101 102 103 104] at (0.5) should be [52 54 56 58]
Fail Compositing: property <border-image-width> underlying [1 2 3 4] from add [1 2 3 4] to add [101 102 103 104] at (0.75) should be [77 79 81 83]
Fail Compositing: property <border-image-width> underlying [1 2 3 4] from add [1 2 3 4] to add [101 102 103 104] at (1) should be [102 104 106 108]
Fail Compositing: property <border-image-width> underlying [1 2 3 4] from add [1 2 3 4] to add [101 102 103 104] at (1.25) should be [127 129 131 133]
Fail Compositing: property <border-image-width> underlying [100 200 300 400] from add [100] to add [200 300 500] at (-0.25) should be [175 250 300 450]
Fail Compositing: property <border-image-width> underlying [100 200 300 400] from add [100] to add [200 300 500] at (0) should be [200 300 400 500]
Fail Compositing: property <border-image-width> underlying [100 200 300 400] from add [100] to add [200 300 500] at (0.25) should be [225 350 500 550]
Fail Compositing: property <border-image-width> underlying [100 200 300 400] from add [100] to add [200 300 500] at (0.5) should be [250 400 600 600]
Fail Compositing: property <border-image-width> underlying [100 200 300 400] from add [100] to add [200 300 500] at (0.75) should be [275 450 700 650]
Fail Compositing: property <border-image-width> underlying [100 200 300 400] from add [100] to add [200 300 500] at (1) should be [300 500 800 700]
Fail Compositing: property <border-image-width> underlying [100 200 300 400] from add [100] to add [200 300 500] at (1.25) should be [325 550 900 750]
Fail Compositing: property <border-image-width> underlying [1 2 3px 4%] from add [1 2 3px 4%] to add [101 102 103px 104%] at (-0.25) should be [0 0 0px 0%]
Fail Compositing: property <border-image-width> underlying [1 2 3px 4%] from add [1 2 3px 4%] to add [101 102 103px 104%] at (0) should be [2 4 6px 8%]
Fail Compositing: property <border-image-width> underlying [1 2 3px 4%] from add [1 2 3px 4%] to add [101 102 103px 104%] at (0.25) should be [27 29 31px 33%]
Fail Compositing: property <border-image-width> underlying [1 2 3px 4%] from add [1 2 3px 4%] to add [101 102 103px 104%] at (0.5) should be [52 54 56px 58%]
Fail Compositing: property <border-image-width> underlying [1 2 3px 4%] from add [1 2 3px 4%] to add [101 102 103px 104%] at (0.75) should be [77 79 81px 83%]
Fail Compositing: property <border-image-width> underlying [1 2 3px 4%] from add [1 2 3px 4%] to add [101 102 103px 104%] at (1) should be [102 104 106px 108%]
Fail Compositing: property <border-image-width> underlying [1 2 3px 4%] from add [1 2 3px 4%] to add [101 102 103px 104%] at (1.25) should be [127 129 131px 133%]
Fail Compositing: property <border-image-width> underlying [10px 20px] from add [190px 180px 290px 280px] to add [90px 80px] at (-0.25) should be [225px 225px 350px 350px]
Fail Compositing: property <border-image-width> underlying [10px 20px] from add [190px 180px 290px 280px] to add [90px 80px] at (0) should be [200px 200px 300px 300px]
Fail Compositing: property <border-image-width> underlying [10px 20px] from add [190px 180px 290px 280px] to add [90px 80px] at (0.25) should be [175px 175px 250px 250px]
Fail Compositing: property <border-image-width> underlying [10px 20px] from add [190px 180px 290px 280px] to add [90px 80px] at (0.5) should be [150px 150px 200px 200px]
Fail Compositing: property <border-image-width> underlying [10px 20px] from add [190px 180px 290px 280px] to add [90px 80px] at (0.75) should be [125px 125px 150px 150px]
Fail Compositing: property <border-image-width> underlying [10px 20px] from add [190px 180px 290px 280px] to add [90px 80px] at (1) should be [100px]
Fail Compositing: property <border-image-width> underlying [10px 20px] from add [190px 180px 290px 280px] to add [90px 80px] at (1.25) should be [75px 75px 50px 50px]
Fail Compositing: property <border-image-width> underlying [10 20px] from replace [100 100px] to add [190 180px] at (-0.25) should be [75 75px]
Fail Compositing: property <border-image-width> underlying [10 20px] from replace [100 100px] to add [190 180px] at (0) should be [100 100px]
Fail Compositing: property <border-image-width> underlying [10 20px] from replace [100 100px] to add [190 180px] at (0.25) should be [125 125px]
Fail Compositing: property <border-image-width> underlying [10 20px] from replace [100 100px] to add [190 180px] at (0.5) should be [150 150px]
Fail Compositing: property <border-image-width> underlying [10 20px] from replace [100 100px] to add [190 180px] at (0.75) should be [175 175px]
Fail Compositing: property <border-image-width> underlying [10 20px] from replace [100 100px] to add [190 180px] at (1) should be [200 200px]
Fail Compositing: property <border-image-width> underlying [10 20px] from replace [100 100px] to add [190 180px] at (1.25) should be [225 225px]
Fail Compositing: property <border-image-width> underlying [10px 20] from add [90px 80] to replace [0px 0 0px 0] at (-0.25) should be [125px 125]
Fail Compositing: property <border-image-width> underlying [10px 20] from add [90px 80] to replace [0px 0 0px 0] at (0) should be [100px 100]
Fail Compositing: property <border-image-width> underlying [10px 20] from add [90px 80] to replace [0px 0 0px 0] at (0.25) should be [75px 75]
Fail Compositing: property <border-image-width> underlying [10px 20] from add [90px 80] to replace [0px 0 0px 0] at (0.5) should be [50px 50]
Fail Compositing: property <border-image-width> underlying [10px 20] from add [90px 80] to replace [0px 0 0px 0] at (0.75) should be [25px 25]
Fail Compositing: property <border-image-width> underlying [10px 20] from add [90px 80] to replace [0px 0 0px 0] at (1) should be [0px 0]
Fail Compositing: property <border-image-width> underlying [10px 20] from add [90px 80] to replace [0px 0 0px 0] at (1.25) should be [0px 0]
Fail Compositing: property <border-image-width> underlying [10 20] from add [100px 150px] to add [200px 250px] at (-0.25) should be [75px 125px]
Fail Compositing: property <border-image-width> underlying [10 20] from add [100px 150px] to add [200px 250px] at (0) should be [100px 150px]
Fail Compositing: property <border-image-width> underlying [10 20] from add [100px 150px] to add [200px 250px] at (0.25) should be [125px 175px]
Fail Compositing: property <border-image-width> underlying [10 20] from add [100px 150px] to add [200px 250px] at (0.5) should be [150px 200px]
Fail Compositing: property <border-image-width> underlying [10 20] from add [100px 150px] to add [200px 250px] at (0.75) should be [175px 225px]
Fail Compositing: property <border-image-width> underlying [10 20] from add [100px 150px] to add [200px 250px] at (1) should be [200px 250px]
Fail Compositing: property <border-image-width> underlying [10 20] from add [100px 150px] to add [200px 250px] at (1.25) should be [225px 275px]
Fail Compositing: property <border-image-width> underlying [10 20] from add [100 150px] to add [200% 250] at (-0.25) should be [100 150px]
Fail Compositing: property <border-image-width> underlying [10 20] from add [100 150px] to add [200% 250] at (0) should be [100 150px]
Fail Compositing: property <border-image-width> underlying [10 20] from add [100 150px] to add [200% 250] at (0.25) should be [100 150px]
Fail Compositing: property <border-image-width> underlying [10 20] from add [100 150px] to add [200% 250] at (0.5) should be [200% 250]
Fail Compositing: property <border-image-width> underlying [10 20] from add [100 150px] to add [200% 250] at (0.75) should be [200% 250]
Fail Compositing: property <border-image-width> underlying [10 20] from add [100 150px] to add [200% 250] at (1) should be [200% 250]
Fail Compositing: property <border-image-width> underlying [10 20] from add [100 150px] to add [200% 250] at (1.25) should be [200% 250]

568
Tests/LibWeb/Text/expected/wpt-import/css/css-backgrounds/animations/border-image-width-interpolation.txt Normal file
View file

@ -0,0 +1,568 @@
Summary
Harness status: OK
Rerun
Found 558 tests
558 Fail
Details
Result Test Name MessageFail CSS Transitions: property <border-image-width> from neutral to [20px] at (-0.3) should be [7px]
Fail CSS Transitions: property <border-image-width> from neutral to [20px] at (0) should be [10px]
Fail CSS Transitions: property <border-image-width> from neutral to [20px] at (0.3) should be [13px]
Fail CSS Transitions: property <border-image-width> from neutral to [20px] at (0.6) should be [16px]
Fail CSS Transitions: property <border-image-width> from neutral to [20px] at (1) should be [20px]
Fail CSS Transitions: property <border-image-width> from neutral to [20px] at (1.5) should be [25px]
Fail CSS Transitions: property <border-image-width> from neutral to [20px] at (5) should be [60px]
Fail CSS Transitions: property <border-image-width> from neutral to [20px] at (10) should be [110px]
Fail CSS Transitions with transition: all: property <border-image-width> from neutral to [20px] at (-0.3) should be [7px]
Fail CSS Transitions with transition: all: property <border-image-width> from neutral to [20px] at (0) should be [10px]
Fail CSS Transitions with transition: all: property <border-image-width> from neutral to [20px] at (0.3) should be [13px]
Fail CSS Transitions with transition: all: property <border-image-width> from neutral to [20px] at (0.6) should be [16px]
Fail CSS Transitions with transition: all: property <border-image-width> from neutral to [20px] at (1) should be [20px]
Fail CSS Transitions with transition: all: property <border-image-width> from neutral to [20px] at (1.5) should be [25px]
Fail CSS Transitions with transition: all: property <border-image-width> from neutral to [20px] at (5) should be [60px]
Fail CSS Transitions with transition: all: property <border-image-width> from neutral to [20px] at (10) should be [110px]
Fail CSS Animations: property <border-image-width> from neutral to [20px] at (-0.3) should be [7px]
Fail CSS Animations: property <border-image-width> from neutral to [20px] at (0) should be [10px]
Fail CSS Animations: property <border-image-width> from neutral to [20px] at (0.3) should be [13px]
Fail CSS Animations: property <border-image-width> from neutral to [20px] at (0.6) should be [16px]
Fail CSS Animations: property <border-image-width> from neutral to [20px] at (1) should be [20px]
Fail CSS Animations: property <border-image-width> from neutral to [20px] at (1.5) should be [25px]
Fail CSS Animations: property <border-image-width> from neutral to [20px] at (5) should be [60px]
Fail CSS Animations: property <border-image-width> from neutral to [20px] at (10) should be [110px]
Fail Web Animations: property <border-image-width> from neutral to [20px] at (-0.3) should be [7px]
Fail Web Animations: property <border-image-width> from neutral to [20px] at (0) should be [10px]
Fail Web Animations: property <border-image-width> from neutral to [20px] at (0.3) should be [13px]
Fail Web Animations: property <border-image-width> from neutral to [20px] at (0.6) should be [16px]
Fail Web Animations: property <border-image-width> from neutral to [20px] at (1) should be [20px]
Fail Web Animations: property <border-image-width> from neutral to [20px] at (1.5) should be [25px]
Fail Web Animations: property <border-image-width> from neutral to [20px] at (5) should be [60px]
Fail Web Animations: property <border-image-width> from neutral to [20px] at (10) should be [110px]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-width> from [initial] to [20px] at (-0.3) should be [initial]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-width> from [initial] to [20px] at (0) should be [initial]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-width> from [initial] to [20px] at (0.3) should be [initial]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-width> from [initial] to [20px] at (0.5) should be [20px]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-width> from [initial] to [20px] at (0.6) should be [20px]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-width> from [initial] to [20px] at (1) should be [20px]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-width> from [initial] to [20px] at (1.5) should be [20px]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-width> from [initial] to [20px] at (-0.3) should be [initial]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-width> from [initial] to [20px] at (0) should be [initial]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-width> from [initial] to [20px] at (0.3) should be [initial]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-width> from [initial] to [20px] at (0.5) should be [20px]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-width> from [initial] to [20px] at (0.6) should be [20px]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-width> from [initial] to [20px] at (1) should be [20px]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-width> from [initial] to [20px] at (1.5) should be [20px]
Fail CSS Transitions: property <border-image-width> from [initial] to [20px] at (-0.3) should be [20px]
Fail CSS Transitions: property <border-image-width> from [initial] to [20px] at (0) should be [20px]
Fail CSS Transitions: property <border-image-width> from [initial] to [20px] at (0.3) should be [20px]
Fail CSS Transitions: property <border-image-width> from [initial] to [20px] at (0.5) should be [20px]
Fail CSS Transitions: property <border-image-width> from [initial] to [20px] at (0.6) should be [20px]
Fail CSS Transitions: property <border-image-width> from [initial] to [20px] at (1) should be [20px]
Fail CSS Transitions: property <border-image-width> from [initial] to [20px] at (1.5) should be [20px]
Fail CSS Transitions with transition: all: property <border-image-width> from [initial] to [20px] at (-0.3) should be [20px]
Fail CSS Transitions with transition: all: property <border-image-width> from [initial] to [20px] at (0) should be [20px]
Fail CSS Transitions with transition: all: property <border-image-width> from [initial] to [20px] at (0.3) should be [20px]
Fail CSS Transitions with transition: all: property <border-image-width> from [initial] to [20px] at (0.5) should be [20px]
Fail CSS Transitions with transition: all: property <border-image-width> from [initial] to [20px] at (0.6) should be [20px]
Fail CSS Transitions with transition: all: property <border-image-width> from [initial] to [20px] at (1) should be [20px]
Fail CSS Transitions with transition: all: property <border-image-width> from [initial] to [20px] at (1.5) should be [20px]
Fail CSS Animations: property <border-image-width> from [initial] to [20px] at (-0.3) should be [initial]
Fail CSS Animations: property <border-image-width> from [initial] to [20px] at (0) should be [initial]
Fail CSS Animations: property <border-image-width> from [initial] to [20px] at (0.3) should be [initial]
Fail CSS Animations: property <border-image-width> from [initial] to [20px] at (0.5) should be [20px]
Fail CSS Animations: property <border-image-width> from [initial] to [20px] at (0.6) should be [20px]
Fail CSS Animations: property <border-image-width> from [initial] to [20px] at (1) should be [20px]
Fail CSS Animations: property <border-image-width> from [initial] to [20px] at (1.5) should be [20px]
Fail Web Animations: property <border-image-width> from [initial] to [20px] at (-0.3) should be [initial]
Fail Web Animations: property <border-image-width> from [initial] to [20px] at (0) should be [initial]
Fail Web Animations: property <border-image-width> from [initial] to [20px] at (0.3) should be [initial]
Fail Web Animations: property <border-image-width> from [initial] to [20px] at (0.5) should be [20px]
Fail Web Animations: property <border-image-width> from [initial] to [20px] at (0.6) should be [20px]
Fail Web Animations: property <border-image-width> from [initial] to [20px] at (1) should be [20px]
Fail Web Animations: property <border-image-width> from [initial] to [20px] at (1.5) should be [20px]
Fail CSS Transitions: property <border-image-width> from [inherit] to [20px] at (-0.3) should be [124px]
Fail CSS Transitions: property <border-image-width> from [inherit] to [20px] at (0) should be [100px]
Fail CSS Transitions: property <border-image-width> from [inherit] to [20px] at (0.3) should be [76px]
Fail CSS Transitions: property <border-image-width> from [inherit] to [20px] at (0.6) should be [52px]
Fail CSS Transitions: property <border-image-width> from [inherit] to [20px] at (1) should be [20px]
Fail CSS Transitions: property <border-image-width> from [inherit] to [20px] at (1.5) should be [0px]
Fail CSS Transitions: property <border-image-width> from [inherit] to [20px] at (5) should be [0px]
Fail CSS Transitions: property <border-image-width> from [inherit] to [20px] at (10) should be [0px]
Fail CSS Transitions with transition: all: property <border-image-width> from [inherit] to [20px] at (-0.3) should be [124px]
Fail CSS Transitions with transition: all: property <border-image-width> from [inherit] to [20px] at (0) should be [100px]
Fail CSS Transitions with transition: all: property <border-image-width> from [inherit] to [20px] at (0.3) should be [76px]
Fail CSS Transitions with transition: all: property <border-image-width> from [inherit] to [20px] at (0.6) should be [52px]
Fail CSS Transitions with transition: all: property <border-image-width> from [inherit] to [20px] at (1) should be [20px]
Fail CSS Transitions with transition: all: property <border-image-width> from [inherit] to [20px] at (1.5) should be [0px]
Fail CSS Transitions with transition: all: property <border-image-width> from [inherit] to [20px] at (5) should be [0px]
Fail CSS Transitions with transition: all: property <border-image-width> from [inherit] to [20px] at (10) should be [0px]
Fail CSS Animations: property <border-image-width> from [inherit] to [20px] at (-0.3) should be [124px]
Fail CSS Animations: property <border-image-width> from [inherit] to [20px] at (0) should be [100px]
Fail CSS Animations: property <border-image-width> from [inherit] to [20px] at (0.3) should be [76px]
Fail CSS Animations: property <border-image-width> from [inherit] to [20px] at (0.6) should be [52px]
Fail CSS Animations: property <border-image-width> from [inherit] to [20px] at (1) should be [20px]
Fail CSS Animations: property <border-image-width> from [inherit] to [20px] at (1.5) should be [0px]
Fail CSS Animations: property <border-image-width> from [inherit] to [20px] at (5) should be [0px]
Fail CSS Animations: property <border-image-width> from [inherit] to [20px] at (10) should be [0px]
Fail Web Animations: property <border-image-width> from [inherit] to [20px] at (-0.3) should be [124px]
Fail Web Animations: property <border-image-width> from [inherit] to [20px] at (0) should be [100px]
Fail Web Animations: property <border-image-width> from [inherit] to [20px] at (0.3) should be [76px]
Fail Web Animations: property <border-image-width> from [inherit] to [20px] at (0.6) should be [52px]
Fail Web Animations: property <border-image-width> from [inherit] to [20px] at (1) should be [20px]
Fail Web Animations: property <border-image-width> from [inherit] to [20px] at (1.5) should be [0px]
Fail Web Animations: property <border-image-width> from [inherit] to [20px] at (5) should be [0px]
Fail Web Animations: property <border-image-width> from [inherit] to [20px] at (10) should be [0px]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-width> from [unset] to [20px] at (-0.3) should be [unset]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-width> from [unset] to [20px] at (0) should be [unset]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-width> from [unset] to [20px] at (0.3) should be [unset]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-width> from [unset] to [20px] at (0.5) should be [20px]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-width> from [unset] to [20px] at (0.6) should be [20px]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-width> from [unset] to [20px] at (1) should be [20px]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-width> from [unset] to [20px] at (1.5) should be [20px]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-width> from [unset] to [20px] at (-0.3) should be [unset]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-width> from [unset] to [20px] at (0) should be [unset]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-width> from [unset] to [20px] at (0.3) should be [unset]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-width> from [unset] to [20px] at (0.5) should be [20px]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-width> from [unset] to [20px] at (0.6) should be [20px]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-width> from [unset] to [20px] at (1) should be [20px]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-width> from [unset] to [20px] at (1.5) should be [20px]
Fail CSS Transitions: property <border-image-width> from [unset] to [20px] at (-0.3) should be [20px]
Fail CSS Transitions: property <border-image-width> from [unset] to [20px] at (0) should be [20px]
Fail CSS Transitions: property <border-image-width> from [unset] to [20px] at (0.3) should be [20px]
Fail CSS Transitions: property <border-image-width> from [unset] to [20px] at (0.5) should be [20px]
Fail CSS Transitions: property <border-image-width> from [unset] to [20px] at (0.6) should be [20px]
Fail CSS Transitions: property <border-image-width> from [unset] to [20px] at (1) should be [20px]
Fail CSS Transitions: property <border-image-width> from [unset] to [20px] at (1.5) should be [20px]
Fail CSS Transitions with transition: all: property <border-image-width> from [unset] to [20px] at (-0.3) should be [20px]
Fail CSS Transitions with transition: all: property <border-image-width> from [unset] to [20px] at (0) should be [20px]
Fail CSS Transitions with transition: all: property <border-image-width> from [unset] to [20px] at (0.3) should be [20px]
Fail CSS Transitions with transition: all: property <border-image-width> from [unset] to [20px] at (0.5) should be [20px]
Fail CSS Transitions with transition: all: property <border-image-width> from [unset] to [20px] at (0.6) should be [20px]
Fail CSS Transitions with transition: all: property <border-image-width> from [unset] to [20px] at (1) should be [20px]
Fail CSS Transitions with transition: all: property <border-image-width> from [unset] to [20px] at (1.5) should be [20px]
Fail CSS Animations: property <border-image-width> from [unset] to [20px] at (-0.3) should be [unset]
Fail CSS Animations: property <border-image-width> from [unset] to [20px] at (0) should be [unset]
Fail CSS Animations: property <border-image-width> from [unset] to [20px] at (0.3) should be [unset]
Fail CSS Animations: property <border-image-width> from [unset] to [20px] at (0.5) should be [20px]
Fail CSS Animations: property <border-image-width> from [unset] to [20px] at (0.6) should be [20px]
Fail CSS Animations: property <border-image-width> from [unset] to [20px] at (1) should be [20px]
Fail CSS Animations: property <border-image-width> from [unset] to [20px] at (1.5) should be [20px]
Fail Web Animations: property <border-image-width> from [unset] to [20px] at (-0.3) should be [unset]
Fail Web Animations: property <border-image-width> from [unset] to [20px] at (0) should be [unset]
Fail Web Animations: property <border-image-width> from [unset] to [20px] at (0.3) should be [unset]
Fail Web Animations: property <border-image-width> from [unset] to [20px] at (0.5) should be [20px]
Fail Web Animations: property <border-image-width> from [unset] to [20px] at (0.6) should be [20px]
Fail Web Animations: property <border-image-width> from [unset] to [20px] at (1) should be [20px]
Fail Web Animations: property <border-image-width> from [unset] to [20px] at (1.5) should be [20px]
Fail CSS Transitions: property <border-image-width> from [0px] to [20px] at (-0.3) should be [0px]
Fail CSS Transitions: property <border-image-width> from [0px] to [20px] at (0) should be [0px]
Fail CSS Transitions: property <border-image-width> from [0px] to [20px] at (0.3) should be [6px]
Fail CSS Transitions: property <border-image-width> from [0px] to [20px] at (0.6) should be [12px]
Fail CSS Transitions: property <border-image-width> from [0px] to [20px] at (1) should be [20px]
Fail CSS Transitions: property <border-image-width> from [0px] to [20px] at (1.5) should be [30px]
Fail CSS Transitions: property <border-image-width> from [0px] to [20px] at (5) should be [100px]
Fail CSS Transitions: property <border-image-width> from [0px] to [20px] at (10) should be [200px]
Fail CSS Transitions with transition: all: property <border-image-width> from [0px] to [20px] at (-0.3) should be [0px]
Fail CSS Transitions with transition: all: property <border-image-width> from [0px] to [20px] at (0) should be [0px]
Fail CSS Transitions with transition: all: property <border-image-width> from [0px] to [20px] at (0.3) should be [6px]
Fail CSS Transitions with transition: all: property <border-image-width> from [0px] to [20px] at (0.6) should be [12px]
Fail CSS Transitions with transition: all: property <border-image-width> from [0px] to [20px] at (1) should be [20px]
Fail CSS Transitions with transition: all: property <border-image-width> from [0px] to [20px] at (1.5) should be [30px]
Fail CSS Transitions with transition: all: property <border-image-width> from [0px] to [20px] at (5) should be [100px]
Fail CSS Transitions with transition: all: property <border-image-width> from [0px] to [20px] at (10) should be [200px]
Fail CSS Animations: property <border-image-width> from [0px] to [20px] at (-0.3) should be [0px]
Fail CSS Animations: property <border-image-width> from [0px] to [20px] at (0) should be [0px]
Fail CSS Animations: property <border-image-width> from [0px] to [20px] at (0.3) should be [6px]
Fail CSS Animations: property <border-image-width> from [0px] to [20px] at (0.6) should be [12px]
Fail CSS Animations: property <border-image-width> from [0px] to [20px] at (1) should be [20px]
Fail CSS Animations: property <border-image-width> from [0px] to [20px] at (1.5) should be [30px]
Fail CSS Animations: property <border-image-width> from [0px] to [20px] at (5) should be [100px]
Fail CSS Animations: property <border-image-width> from [0px] to [20px] at (10) should be [200px]
Fail Web Animations: property <border-image-width> from [0px] to [20px] at (-0.3) should be [0px]
Fail Web Animations: property <border-image-width> from [0px] to [20px] at (0) should be [0px]
Fail Web Animations: property <border-image-width> from [0px] to [20px] at (0.3) should be [6px]
Fail Web Animations: property <border-image-width> from [0px] to [20px] at (0.6) should be [12px]
Fail Web Animations: property <border-image-width> from [0px] to [20px] at (1) should be [20px]
Fail Web Animations: property <border-image-width> from [0px] to [20px] at (1.5) should be [30px]
Fail Web Animations: property <border-image-width> from [0px] to [20px] at (5) should be [100px]
Fail Web Animations: property <border-image-width> from [0px] to [20px] at (10) should be [200px]
Fail CSS Transitions: property <border-image-width> from [0%] to [20%] at (-0.3) should be [0%]
Fail CSS Transitions: property <border-image-width> from [0%] to [20%] at (0) should be [0%]
Fail CSS Transitions: property <border-image-width> from [0%] to [20%] at (0.3) should be [6%]
Fail CSS Transitions: property <border-image-width> from [0%] to [20%] at (0.6) should be [12%]
Fail CSS Transitions: property <border-image-width> from [0%] to [20%] at (1) should be [20%]
Fail CSS Transitions: property <border-image-width> from [0%] to [20%] at (1.5) should be [30%]
Fail CSS Transitions: property <border-image-width> from [0%] to [20%] at (5) should be [100%]
Fail CSS Transitions: property <border-image-width> from [0%] to [20%] at (10) should be [200%]
Fail CSS Transitions with transition: all: property <border-image-width> from [0%] to [20%] at (-0.3) should be [0%]
Fail CSS Transitions with transition: all: property <border-image-width> from [0%] to [20%] at (0) should be [0%]
Fail CSS Transitions with transition: all: property <border-image-width> from [0%] to [20%] at (0.3) should be [6%]
Fail CSS Transitions with transition: all: property <border-image-width> from [0%] to [20%] at (0.6) should be [12%]
Fail CSS Transitions with transition: all: property <border-image-width> from [0%] to [20%] at (1) should be [20%]
Fail CSS Transitions with transition: all: property <border-image-width> from [0%] to [20%] at (1.5) should be [30%]
Fail CSS Transitions with transition: all: property <border-image-width> from [0%] to [20%] at (5) should be [100%]
Fail CSS Transitions with transition: all: property <border-image-width> from [0%] to [20%] at (10) should be [200%]
Fail CSS Animations: property <border-image-width> from [0%] to [20%] at (-0.3) should be [0%]
Fail CSS Animations: property <border-image-width> from [0%] to [20%] at (0) should be [0%]
Fail CSS Animations: property <border-image-width> from [0%] to [20%] at (0.3) should be [6%]
Fail CSS Animations: property <border-image-width> from [0%] to [20%] at (0.6) should be [12%]
Fail CSS Animations: property <border-image-width> from [0%] to [20%] at (1) should be [20%]
Fail CSS Animations: property <border-image-width> from [0%] to [20%] at (1.5) should be [30%]
Fail CSS Animations: property <border-image-width> from [0%] to [20%] at (5) should be [100%]
Fail CSS Animations: property <border-image-width> from [0%] to [20%] at (10) should be [200%]
Fail Web Animations: property <border-image-width> from [0%] to [20%] at (-0.3) should be [0%]
Fail Web Animations: property <border-image-width> from [0%] to [20%] at (0) should be [0%]
Fail Web Animations: property <border-image-width> from [0%] to [20%] at (0.3) should be [6%]
Fail Web Animations: property <border-image-width> from [0%] to [20%] at (0.6) should be [12%]
Fail Web Animations: property <border-image-width> from [0%] to [20%] at (1) should be [20%]
Fail Web Animations: property <border-image-width> from [0%] to [20%] at (1.5) should be [30%]
Fail Web Animations: property <border-image-width> from [0%] to [20%] at (5) should be [100%]
Fail Web Animations: property <border-image-width> from [0%] to [20%] at (10) should be [200%]
Fail CSS Transitions: property <border-image-width> from [0] to [20] at (-0.3) should be [0]
Fail CSS Transitions: property <border-image-width> from [0] to [20] at (0) should be [0]
Fail CSS Transitions: property <border-image-width> from [0] to [20] at (0.3) should be [6]
Fail CSS Transitions: property <border-image-width> from [0] to [20] at (0.6) should be [12]
Fail CSS Transitions: property <border-image-width> from [0] to [20] at (1) should be [20]
Fail CSS Transitions: property <border-image-width> from [0] to [20] at (1.5) should be [30]
Fail CSS Transitions: property <border-image-width> from [0] to [20] at (5) should be [100]
Fail CSS Transitions: property <border-image-width> from [0] to [20] at (10) should be [200]
Fail CSS Transitions with transition: all: property <border-image-width> from [0] to [20] at (-0.3) should be [0]
Fail CSS Transitions with transition: all: property <border-image-width> from [0] to [20] at (0) should be [0]
Fail CSS Transitions with transition: all: property <border-image-width> from [0] to [20] at (0.3) should be [6]
Fail CSS Transitions with transition: all: property <border-image-width> from [0] to [20] at (0.6) should be [12]
Fail CSS Transitions with transition: all: property <border-image-width> from [0] to [20] at (1) should be [20]
Fail CSS Transitions with transition: all: property <border-image-width> from [0] to [20] at (1.5) should be [30]
Fail CSS Transitions with transition: all: property <border-image-width> from [0] to [20] at (5) should be [100]
Fail CSS Transitions with transition: all: property <border-image-width> from [0] to [20] at (10) should be [200]
Fail CSS Animations: property <border-image-width> from [0] to [20] at (-0.3) should be [0]
Fail CSS Animations: property <border-image-width> from [0] to [20] at (0) should be [0]
Fail CSS Animations: property <border-image-width> from [0] to [20] at (0.3) should be [6]
Fail CSS Animations: property <border-image-width> from [0] to [20] at (0.6) should be [12]
Fail CSS Animations: property <border-image-width> from [0] to [20] at (1) should be [20]
Fail CSS Animations: property <border-image-width> from [0] to [20] at (1.5) should be [30]
Fail CSS Animations: property <border-image-width> from [0] to [20] at (5) should be [100]
Fail CSS Animations: property <border-image-width> from [0] to [20] at (10) should be [200]
Fail Web Animations: property <border-image-width> from [0] to [20] at (-0.3) should be [0]
Fail Web Animations: property <border-image-width> from [0] to [20] at (0) should be [0]
Fail Web Animations: property <border-image-width> from [0] to [20] at (0.3) should be [6]
Fail Web Animations: property <border-image-width> from [0] to [20] at (0.6) should be [12]
Fail Web Animations: property <border-image-width> from [0] to [20] at (1) should be [20]
Fail Web Animations: property <border-image-width> from [0] to [20] at (1.5) should be [30]
Fail Web Animations: property <border-image-width> from [0] to [20] at (5) should be [100]
Fail Web Animations: property <border-image-width> from [0] to [20] at (10) should be [200]
Fail CSS Transitions: property <border-image-width> from [10px 20% 30 40px] to [80px 70% 60 50px] at (-0.3) should be [0px 5% 21 37px]
Fail CSS Transitions: property <border-image-width> from [10px 20% 30 40px] to [80px 70% 60 50px] at (0) should be [10px 20% 30 40px]
Fail CSS Transitions: property <border-image-width> from [10px 20% 30 40px] to [80px 70% 60 50px] at (0.3) should be [31px 35% 39 43px]
Fail CSS Transitions: property <border-image-width> from [10px 20% 30 40px] to [80px 70% 60 50px] at (0.6) should be [52px 50% 48 46px]
Fail CSS Transitions: property <border-image-width> from [10px 20% 30 40px] to [80px 70% 60 50px] at (1) should be [80px 70% 60 50px]
Fail CSS Transitions: property <border-image-width> from [10px 20% 30 40px] to [80px 70% 60 50px] at (1.5) should be [115px 95% 75 55px]
Fail CSS Transitions: property <border-image-width> from [10px 20% 30 40px] to [80px 70% 60 50px] at (5) should be [360px 270% 180 90px]
Fail CSS Transitions: property <border-image-width> from [10px 20% 30 40px] to [80px 70% 60 50px] at (10) should be [710px 520% 330 140px]
Fail CSS Transitions with transition: all: property <border-image-width> from [10px 20% 30 40px] to [80px 70% 60 50px] at (-0.3) should be [0px 5% 21 37px]
Fail CSS Transitions with transition: all: property <border-image-width> from [10px 20% 30 40px] to [80px 70% 60 50px] at (0) should be [10px 20% 30 40px]
Fail CSS Transitions with transition: all: property <border-image-width> from [10px 20% 30 40px] to [80px 70% 60 50px] at (0.3) should be [31px 35% 39 43px]
Fail CSS Transitions with transition: all: property <border-image-width> from [10px 20% 30 40px] to [80px 70% 60 50px] at (0.6) should be [52px 50% 48 46px]
Fail CSS Transitions with transition: all: property <border-image-width> from [10px 20% 30 40px] to [80px 70% 60 50px] at (1) should be [80px 70% 60 50px]
Fail CSS Transitions with transition: all: property <border-image-width> from [10px 20% 30 40px] to [80px 70% 60 50px] at (1.5) should be [115px 95% 75 55px]
Fail CSS Transitions with transition: all: property <border-image-width> from [10px 20% 30 40px] to [80px 70% 60 50px] at (5) should be [360px 270% 180 90px]
Fail CSS Transitions with transition: all: property <border-image-width> from [10px 20% 30 40px] to [80px 70% 60 50px] at (10) should be [710px 520% 330 140px]
Fail CSS Animations: property <border-image-width> from [10px 20% 30 40px] to [80px 70% 60 50px] at (-0.3) should be [0px 5% 21 37px]
Fail CSS Animations: property <border-image-width> from [10px 20% 30 40px] to [80px 70% 60 50px] at (0) should be [10px 20% 30 40px]
Fail CSS Animations: property <border-image-width> from [10px 20% 30 40px] to [80px 70% 60 50px] at (0.3) should be [31px 35% 39 43px]
Fail CSS Animations: property <border-image-width> from [10px 20% 30 40px] to [80px 70% 60 50px] at (0.6) should be [52px 50% 48 46px]
Fail CSS Animations: property <border-image-width> from [10px 20% 30 40px] to [80px 70% 60 50px] at (1) should be [80px 70% 60 50px]
Fail CSS Animations: property <border-image-width> from [10px 20% 30 40px] to [80px 70% 60 50px] at (1.5) should be [115px 95% 75 55px]
Fail CSS Animations: property <border-image-width> from [10px 20% 30 40px] to [80px 70% 60 50px] at (5) should be [360px 270% 180 90px]
Fail CSS Animations: property <border-image-width> from [10px 20% 30 40px] to [80px 70% 60 50px] at (10) should be [710px 520% 330 140px]
Fail Web Animations: property <border-image-width> from [10px 20% 30 40px] to [80px 70% 60 50px] at (-0.3) should be [0px 5% 21 37px]
Fail Web Animations: property <border-image-width> from [10px 20% 30 40px] to [80px 70% 60 50px] at (0) should be [10px 20% 30 40px]
Fail Web Animations: property <border-image-width> from [10px 20% 30 40px] to [80px 70% 60 50px] at (0.3) should be [31px 35% 39 43px]
Fail Web Animations: property <border-image-width> from [10px 20% 30 40px] to [80px 70% 60 50px] at (0.6) should be [52px 50% 48 46px]
Fail Web Animations: property <border-image-width> from [10px 20% 30 40px] to [80px 70% 60 50px] at (1) should be [80px 70% 60 50px]
Fail Web Animations: property <border-image-width> from [10px 20% 30 40px] to [80px 70% 60 50px] at (1.5) should be [115px 95% 75 55px]
Fail Web Animations: property <border-image-width> from [10px 20% 30 40px] to [80px 70% 60 50px] at (5) should be [360px 270% 180 90px]
Fail Web Animations: property <border-image-width> from [10px 20% 30 40px] to [80px 70% 60 50px] at (10) should be [710px 520% 330 140px]
Fail CSS Transitions: property <border-image-width> from [10%] to [20px] at (-0.3) should be [calc(13% + -6px)]
Fail CSS Transitions: property <border-image-width> from [10%] to [20px] at (0) should be [10%]
Fail CSS Transitions: property <border-image-width> from [10%] to [20px] at (0.3) should be [calc(7% + 6px)]
Fail CSS Transitions: property <border-image-width> from [10%] to [20px] at (0.6) should be [calc(4% + 12px)]
Fail CSS Transitions: property <border-image-width> from [10%] to [20px] at (1) should be [calc(0% + 20px)]
Fail CSS Transitions: property <border-image-width> from [10%] to [20px] at (1.5) should be [calc(-5% + 30px)]
Fail CSS Transitions with transition: all: property <border-image-width> from [10%] to [20px] at (-0.3) should be [calc(13% + -6px)]
Fail CSS Transitions with transition: all: property <border-image-width> from [10%] to [20px] at (0) should be [10%]
Fail CSS Transitions with transition: all: property <border-image-width> from [10%] to [20px] at (0.3) should be [calc(7% + 6px)]
Fail CSS Transitions with transition: all: property <border-image-width> from [10%] to [20px] at (0.6) should be [calc(4% + 12px)]
Fail CSS Transitions with transition: all: property <border-image-width> from [10%] to [20px] at (1) should be [calc(0% + 20px)]
Fail CSS Transitions with transition: all: property <border-image-width> from [10%] to [20px] at (1.5) should be [calc(-5% + 30px)]
Fail CSS Animations: property <border-image-width> from [10%] to [20px] at (-0.3) should be [calc(13% + -6px)]
Fail CSS Animations: property <border-image-width> from [10%] to [20px] at (0) should be [10%]
Fail CSS Animations: property <border-image-width> from [10%] to [20px] at (0.3) should be [calc(7% + 6px)]
Fail CSS Animations: property <border-image-width> from [10%] to [20px] at (0.6) should be [calc(4% + 12px)]
Fail CSS Animations: property <border-image-width> from [10%] to [20px] at (1) should be [calc(0% + 20px)]
Fail CSS Animations: property <border-image-width> from [10%] to [20px] at (1.5) should be [calc(-5% + 30px)]
Fail Web Animations: property <border-image-width> from [10%] to [20px] at (-0.3) should be [calc(13% + -6px)]
Fail Web Animations: property <border-image-width> from [10%] to [20px] at (0) should be [10%]
Fail Web Animations: property <border-image-width> from [10%] to [20px] at (0.3) should be [calc(7% + 6px)]
Fail Web Animations: property <border-image-width> from [10%] to [20px] at (0.6) should be [calc(4% + 12px)]
Fail Web Animations: property <border-image-width> from [10%] to [20px] at (1) should be [calc(0% + 20px)]
Fail Web Animations: property <border-image-width> from [10%] to [20px] at (1.5) should be [calc(-5% + 30px)]
Fail CSS Transitions: property <border-image-width> from [10px] to [20%] at (-0.3) should be [calc(13px + -6%)]
Fail CSS Transitions: property <border-image-width> from [10px] to [20%] at (0) should be [calc(0% + 10px)]
Fail CSS Transitions: property <border-image-width> from [10px] to [20%] at (0.3) should be [calc(7px + 6%)]
Fail CSS Transitions: property <border-image-width> from [10px] to [20%] at (0.6) should be [calc(4px + 12%)]
Fail CSS Transitions: property <border-image-width> from [10px] to [20%] at (1) should be [20%]
Fail CSS Transitions: property <border-image-width> from [10px] to [20%] at (1.5) should be [calc(-5px + 30%)]
Fail CSS Transitions with transition: all: property <border-image-width> from [10px] to [20%] at (-0.3) should be [calc(13px + -6%)]
Fail CSS Transitions with transition: all: property <border-image-width> from [10px] to [20%] at (0) should be [calc(0% + 10px)]
Fail CSS Transitions with transition: all: property <border-image-width> from [10px] to [20%] at (0.3) should be [calc(7px + 6%)]
Fail CSS Transitions with transition: all: property <border-image-width> from [10px] to [20%] at (0.6) should be [calc(4px + 12%)]
Fail CSS Transitions with transition: all: property <border-image-width> from [10px] to [20%] at (1) should be [20%]
Fail CSS Transitions with transition: all: property <border-image-width> from [10px] to [20%] at (1.5) should be [calc(-5px + 30%)]
Fail CSS Animations: property <border-image-width> from [10px] to [20%] at (-0.3) should be [calc(13px + -6%)]
Fail CSS Animations: property <border-image-width> from [10px] to [20%] at (0) should be [calc(0% + 10px)]
Fail CSS Animations: property <border-image-width> from [10px] to [20%] at (0.3) should be [calc(7px + 6%)]
Fail CSS Animations: property <border-image-width> from [10px] to [20%] at (0.6) should be [calc(4px + 12%)]
Fail CSS Animations: property <border-image-width> from [10px] to [20%] at (1) should be [20%]
Fail CSS Animations: property <border-image-width> from [10px] to [20%] at (1.5) should be [calc(-5px + 30%)]
Fail Web Animations: property <border-image-width> from [10px] to [20%] at (-0.3) should be [calc(13px + -6%)]
Fail Web Animations: property <border-image-width> from [10px] to [20%] at (0) should be [calc(0% + 10px)]
Fail Web Animations: property <border-image-width> from [10px] to [20%] at (0.3) should be [calc(7px + 6%)]
Fail Web Animations: property <border-image-width> from [10px] to [20%] at (0.6) should be [calc(4px + 12%)]
Fail Web Animations: property <border-image-width> from [10px] to [20%] at (1) should be [20%]
Fail Web Animations: property <border-image-width> from [10px] to [20%] at (1.5) should be [calc(-5px + 30%)]
Fail CSS Transitions: property <border-image-width> from [10px auto auto 20] to [110px auto auto 120] at (-0.3) should be [ 0px auto auto 0]
Fail CSS Transitions: property <border-image-width> from [10px auto auto 20] to [110px auto auto 120] at (0) should be [ 10px auto auto 20]
Fail CSS Transitions: property <border-image-width> from [10px auto auto 20] to [110px auto auto 120] at (0.3) should be [ 40px auto auto 50]
Fail CSS Transitions: property <border-image-width> from [10px auto auto 20] to [110px auto auto 120] at (0.6) should be [ 70px auto auto 80]
Fail CSS Transitions: property <border-image-width> from [10px auto auto 20] to [110px auto auto 120] at (1) should be [110px auto auto 120]
Fail CSS Transitions: property <border-image-width> from [10px auto auto 20] to [110px auto auto 120] at (1.5) should be [160px auto auto 170]
Fail CSS Transitions with transition: all: property <border-image-width> from [10px auto auto 20] to [110px auto auto 120] at (-0.3) should be [ 0px auto auto 0]
Fail CSS Transitions with transition: all: property <border-image-width> from [10px auto auto 20] to [110px auto auto 120] at (0) should be [ 10px auto auto 20]
Fail CSS Transitions with transition: all: property <border-image-width> from [10px auto auto 20] to [110px auto auto 120] at (0.3) should be [ 40px auto auto 50]
Fail CSS Transitions with transition: all: property <border-image-width> from [10px auto auto 20] to [110px auto auto 120] at (0.6) should be [ 70px auto auto 80]
Fail CSS Transitions with transition: all: property <border-image-width> from [10px auto auto 20] to [110px auto auto 120] at (1) should be [110px auto auto 120]
Fail CSS Transitions with transition: all: property <border-image-width> from [10px auto auto 20] to [110px auto auto 120] at (1.5) should be [160px auto auto 170]
Fail CSS Animations: property <border-image-width> from [10px auto auto 20] to [110px auto auto 120] at (-0.3) should be [ 0px auto auto 0]
Fail CSS Animations: property <border-image-width> from [10px auto auto 20] to [110px auto auto 120] at (0) should be [ 10px auto auto 20]
Fail CSS Animations: property <border-image-width> from [10px auto auto 20] to [110px auto auto 120] at (0.3) should be [ 40px auto auto 50]
Fail CSS Animations: property <border-image-width> from [10px auto auto 20] to [110px auto auto 120] at (0.6) should be [ 70px auto auto 80]
Fail CSS Animations: property <border-image-width> from [10px auto auto 20] to [110px auto auto 120] at (1) should be [110px auto auto 120]
Fail CSS Animations: property <border-image-width> from [10px auto auto 20] to [110px auto auto 120] at (1.5) should be [160px auto auto 170]
Fail Web Animations: property <border-image-width> from [10px auto auto 20] to [110px auto auto 120] at (-0.3) should be [ 0px auto auto 0]
Fail Web Animations: property <border-image-width> from [10px auto auto 20] to [110px auto auto 120] at (0) should be [ 10px auto auto 20]
Fail Web Animations: property <border-image-width> from [10px auto auto 20] to [110px auto auto 120] at (0.3) should be [ 40px auto auto 50]
Fail Web Animations: property <border-image-width> from [10px auto auto 20] to [110px auto auto 120] at (0.6) should be [ 70px auto auto 80]
Fail Web Animations: property <border-image-width> from [10px auto auto 20] to [110px auto auto 120] at (1) should be [110px auto auto 120]
Fail Web Animations: property <border-image-width> from [10px auto auto 20] to [110px auto auto 120] at (1.5) should be [160px auto auto 170]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (-0.3) should be [10px auto auto 20]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (0) should be [10px auto auto 20]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (0.3) should be [10px auto auto 20]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (0.5) should be [110px auto 120 auto]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (0.6) should be [110px auto 120 auto]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (1) should be [110px auto 120 auto]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (1.5) should be [110px auto 120 auto]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (-0.3) should be [10px auto auto 20]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (0) should be [10px auto auto 20]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (0.3) should be [10px auto auto 20]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (0.5) should be [110px auto 120 auto]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (0.6) should be [110px auto 120 auto]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (1) should be [110px auto 120 auto]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (1.5) should be [110px auto 120 auto]
Fail CSS Transitions: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (-0.3) should be [110px auto 120 auto]
Fail CSS Transitions: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (0) should be [110px auto 120 auto]
Fail CSS Transitions: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (0.3) should be [110px auto 120 auto]
Fail CSS Transitions: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (0.5) should be [110px auto 120 auto]
Fail CSS Transitions: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (0.6) should be [110px auto 120 auto]
Fail CSS Transitions: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (1) should be [110px auto 120 auto]
Fail CSS Transitions: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (1.5) should be [110px auto 120 auto]
Fail CSS Transitions with transition: all: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (-0.3) should be [110px auto 120 auto]
Fail CSS Transitions with transition: all: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (0) should be [110px auto 120 auto]
Fail CSS Transitions with transition: all: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (0.3) should be [110px auto 120 auto]
Fail CSS Transitions with transition: all: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (0.5) should be [110px auto 120 auto]
Fail CSS Transitions with transition: all: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (0.6) should be [110px auto 120 auto]
Fail CSS Transitions with transition: all: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (1) should be [110px auto 120 auto]
Fail CSS Transitions with transition: all: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (1.5) should be [110px auto 120 auto]
Fail CSS Animations: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (-0.3) should be [10px auto auto 20]
Fail CSS Animations: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (0) should be [10px auto auto 20]
Fail CSS Animations: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (0.3) should be [10px auto auto 20]
Fail CSS Animations: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (0.5) should be [110px auto 120 auto]
Fail CSS Animations: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (0.6) should be [110px auto 120 auto]
Fail CSS Animations: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (1) should be [110px auto 120 auto]
Fail CSS Animations: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (1.5) should be [110px auto 120 auto]
Fail Web Animations: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (-0.3) should be [10px auto auto 20]
Fail Web Animations: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (0) should be [10px auto auto 20]
Fail Web Animations: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (0.3) should be [10px auto auto 20]
Fail Web Animations: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (0.5) should be [110px auto 120 auto]
Fail Web Animations: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (0.6) should be [110px auto 120 auto]
Fail Web Animations: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (1) should be [110px auto 120 auto]
Fail Web Animations: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (1.5) should be [110px auto 120 auto]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-width> from [10px] to [20] at (-0.3) should be [10px]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-width> from [10px] to [20] at (0) should be [10px]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-width> from [10px] to [20] at (0.3) should be [10px]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-width> from [10px] to [20] at (0.5) should be [20]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-width> from [10px] to [20] at (0.6) should be [20]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-width> from [10px] to [20] at (1) should be [20]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-width> from [10px] to [20] at (1.5) should be [20]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-width> from [10px] to [20] at (-0.3) should be [10px]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-width> from [10px] to [20] at (0) should be [10px]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-width> from [10px] to [20] at (0.3) should be [10px]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-width> from [10px] to [20] at (0.5) should be [20]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-width> from [10px] to [20] at (0.6) should be [20]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-width> from [10px] to [20] at (1) should be [20]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-width> from [10px] to [20] at (1.5) should be [20]
Fail CSS Transitions: property <border-image-width> from [10px] to [20] at (-0.3) should be [20]
Fail CSS Transitions: property <border-image-width> from [10px] to [20] at (0) should be [20]
Fail CSS Transitions: property <border-image-width> from [10px] to [20] at (0.3) should be [20]
Fail CSS Transitions: property <border-image-width> from [10px] to [20] at (0.5) should be [20]
Fail CSS Transitions: property <border-image-width> from [10px] to [20] at (0.6) should be [20]
Fail CSS Transitions: property <border-image-width> from [10px] to [20] at (1) should be [20]
Fail CSS Transitions: property <border-image-width> from [10px] to [20] at (1.5) should be [20]
Fail CSS Transitions with transition: all: property <border-image-width> from [10px] to [20] at (-0.3) should be [20]
Fail CSS Transitions with transition: all: property <border-image-width> from [10px] to [20] at (0) should be [20]
Fail CSS Transitions with transition: all: property <border-image-width> from [10px] to [20] at (0.3) should be [20]
Fail CSS Transitions with transition: all: property <border-image-width> from [10px] to [20] at (0.5) should be [20]
Fail CSS Transitions with transition: all: property <border-image-width> from [10px] to [20] at (0.6) should be [20]
Fail CSS Transitions with transition: all: property <border-image-width> from [10px] to [20] at (1) should be [20]
Fail CSS Transitions with transition: all: property <border-image-width> from [10px] to [20] at (1.5) should be [20]
Fail CSS Animations: property <border-image-width> from [10px] to [20] at (-0.3) should be [10px]
Fail CSS Animations: property <border-image-width> from [10px] to [20] at (0) should be [10px]
Fail CSS Animations: property <border-image-width> from [10px] to [20] at (0.3) should be [10px]
Fail CSS Animations: property <border-image-width> from [10px] to [20] at (0.5) should be [20]
Fail CSS Animations: property <border-image-width> from [10px] to [20] at (0.6) should be [20]
Fail CSS Animations: property <border-image-width> from [10px] to [20] at (1) should be [20]
Fail CSS Animations: property <border-image-width> from [10px] to [20] at (1.5) should be [20]
Fail Web Animations: property <border-image-width> from [10px] to [20] at (-0.3) should be [10px]
Fail Web Animations: property <border-image-width> from [10px] to [20] at (0) should be [10px]
Fail Web Animations: property <border-image-width> from [10px] to [20] at (0.3) should be [10px]
Fail Web Animations: property <border-image-width> from [10px] to [20] at (0.5) should be [20]
Fail Web Animations: property <border-image-width> from [10px] to [20] at (0.6) should be [20]
Fail Web Animations: property <border-image-width> from [10px] to [20] at (1) should be [20]
Fail Web Animations: property <border-image-width> from [10px] to [20] at (1.5) should be [20]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-width> from [10] to [20px] at (-0.3) should be [10]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-width> from [10] to [20px] at (0) should be [10]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-width> from [10] to [20px] at (0.3) should be [10]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-width> from [10] to [20px] at (0.5) should be [20px]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-width> from [10] to [20px] at (0.6) should be [20px]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-width> from [10] to [20px] at (1) should be [20px]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-width> from [10] to [20px] at (1.5) should be [20px]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-width> from [10] to [20px] at (-0.3) should be [10]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-width> from [10] to [20px] at (0) should be [10]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-width> from [10] to [20px] at (0.3) should be [10]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-width> from [10] to [20px] at (0.5) should be [20px]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-width> from [10] to [20px] at (0.6) should be [20px]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-width> from [10] to [20px] at (1) should be [20px]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-width> from [10] to [20px] at (1.5) should be [20px]
Fail CSS Transitions: property <border-image-width> from [10] to [20px] at (-0.3) should be [20px]
Fail CSS Transitions: property <border-image-width> from [10] to [20px] at (0) should be [20px]
Fail CSS Transitions: property <border-image-width> from [10] to [20px] at (0.3) should be [20px]
Fail CSS Transitions: property <border-image-width> from [10] to [20px] at (0.5) should be [20px]
Fail CSS Transitions: property <border-image-width> from [10] to [20px] at (0.6) should be [20px]
Fail CSS Transitions: property <border-image-width> from [10] to [20px] at (1) should be [20px]
Fail CSS Transitions: property <border-image-width> from [10] to [20px] at (1.5) should be [20px]
Fail CSS Transitions with transition: all: property <border-image-width> from [10] to [20px] at (-0.3) should be [20px]
Fail CSS Transitions with transition: all: property <border-image-width> from [10] to [20px] at (0) should be [20px]
Fail CSS Transitions with transition: all: property <border-image-width> from [10] to [20px] at (0.3) should be [20px]
Fail CSS Transitions with transition: all: property <border-image-width> from [10] to [20px] at (0.5) should be [20px]
Fail CSS Transitions with transition: all: property <border-image-width> from [10] to [20px] at (0.6) should be [20px]
Fail CSS Transitions with transition: all: property <border-image-width> from [10] to [20px] at (1) should be [20px]
Fail CSS Transitions with transition: all: property <border-image-width> from [10] to [20px] at (1.5) should be [20px]
Fail CSS Animations: property <border-image-width> from [10] to [20px] at (-0.3) should be [10]
Fail CSS Animations: property <border-image-width> from [10] to [20px] at (0) should be [10]
Fail CSS Animations: property <border-image-width> from [10] to [20px] at (0.3) should be [10]
Fail CSS Animations: property <border-image-width> from [10] to [20px] at (0.5) should be [20px]
Fail CSS Animations: property <border-image-width> from [10] to [20px] at (0.6) should be [20px]
Fail CSS Animations: property <border-image-width> from [10] to [20px] at (1) should be [20px]
Fail CSS Animations: property <border-image-width> from [10] to [20px] at (1.5) should be [20px]
Fail Web Animations: property <border-image-width> from [10] to [20px] at (-0.3) should be [10]
Fail Web Animations: property <border-image-width> from [10] to [20px] at (0) should be [10]
Fail Web Animations: property <border-image-width> from [10] to [20px] at (0.3) should be [10]
Fail Web Animations: property <border-image-width> from [10] to [20px] at (0.5) should be [20px]
Fail Web Animations: property <border-image-width> from [10] to [20px] at (0.6) should be [20px]
Fail Web Animations: property <border-image-width> from [10] to [20px] at (1) should be [20px]
Fail Web Animations: property <border-image-width> from [10] to [20px] at (1.5) should be [20px]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-width> from [10%] to [20] at (-0.3) should be [10%]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-width> from [10%] to [20] at (0) should be [10%]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-width> from [10%] to [20] at (0.3) should be [10%]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-width> from [10%] to [20] at (0.5) should be [20]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-width> from [10%] to [20] at (0.6) should be [20]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-width> from [10%] to [20] at (1) should be [20]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-width> from [10%] to [20] at (1.5) should be [20]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-width> from [10%] to [20] at (-0.3) should be [10%]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-width> from [10%] to [20] at (0) should be [10%]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-width> from [10%] to [20] at (0.3) should be [10%]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-width> from [10%] to [20] at (0.5) should be [20]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-width> from [10%] to [20] at (0.6) should be [20]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-width> from [10%] to [20] at (1) should be [20]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-width> from [10%] to [20] at (1.5) should be [20]
Fail CSS Transitions: property <border-image-width> from [10%] to [20] at (-0.3) should be [20]
Fail CSS Transitions: property <border-image-width> from [10%] to [20] at (0) should be [20]
Fail CSS Transitions: property <border-image-width> from [10%] to [20] at (0.3) should be [20]
Fail CSS Transitions: property <border-image-width> from [10%] to [20] at (0.5) should be [20]
Fail CSS Transitions: property <border-image-width> from [10%] to [20] at (0.6) should be [20]
Fail CSS Transitions: property <border-image-width> from [10%] to [20] at (1) should be [20]
Fail CSS Transitions: property <border-image-width> from [10%] to [20] at (1.5) should be [20]
Fail CSS Transitions with transition: all: property <border-image-width> from [10%] to [20] at (-0.3) should be [20]
Fail CSS Transitions with transition: all: property <border-image-width> from [10%] to [20] at (0) should be [20]
Fail CSS Transitions with transition: all: property <border-image-width> from [10%] to [20] at (0.3) should be [20]
Fail CSS Transitions with transition: all: property <border-image-width> from [10%] to [20] at (0.5) should be [20]
Fail CSS Transitions with transition: all: property <border-image-width> from [10%] to [20] at (0.6) should be [20]
Fail CSS Transitions with transition: all: property <border-image-width> from [10%] to [20] at (1) should be [20]
Fail CSS Transitions with transition: all: property <border-image-width> from [10%] to [20] at (1.5) should be [20]
Fail CSS Animations: property <border-image-width> from [10%] to [20] at (-0.3) should be [10%]
Fail CSS Animations: property <border-image-width> from [10%] to [20] at (0) should be [10%]
Fail CSS Animations: property <border-image-width> from [10%] to [20] at (0.3) should be [10%]
Fail CSS Animations: property <border-image-width> from [10%] to [20] at (0.5) should be [20]
Fail CSS Animations: property <border-image-width> from [10%] to [20] at (0.6) should be [20]
Fail CSS Animations: property <border-image-width> from [10%] to [20] at (1) should be [20]
Fail CSS Animations: property <border-image-width> from [10%] to [20] at (1.5) should be [20]
Fail Web Animations: property <border-image-width> from [10%] to [20] at (-0.3) should be [10%]
Fail Web Animations: property <border-image-width> from [10%] to [20] at (0) should be [10%]
Fail Web Animations: property <border-image-width> from [10%] to [20] at (0.3) should be [10%]
Fail Web Animations: property <border-image-width> from [10%] to [20] at (0.5) should be [20]
Fail Web Animations: property <border-image-width> from [10%] to [20] at (0.6) should be [20]
Fail Web Animations: property <border-image-width> from [10%] to [20] at (1) should be [20]
Fail Web Animations: property <border-image-width> from [10%] to [20] at (1.5) should be [20]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-width> from [10] to [20%] at (-0.3) should be [10]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-width> from [10] to [20%] at (0) should be [10]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-width> from [10] to [20%] at (0.3) should be [10]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-width> from [10] to [20%] at (0.5) should be [20%]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-width> from [10] to [20%] at (0.6) should be [20%]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-width> from [10] to [20%] at (1) should be [20%]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-width> from [10] to [20%] at (1.5) should be [20%]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-width> from [10] to [20%] at (-0.3) should be [10]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-width> from [10] to [20%] at (0) should be [10]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-width> from [10] to [20%] at (0.3) should be [10]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-width> from [10] to [20%] at (0.5) should be [20%]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-width> from [10] to [20%] at (0.6) should be [20%]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-width> from [10] to [20%] at (1) should be [20%]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-width> from [10] to [20%] at (1.5) should be [20%]
Fail CSS Transitions: property <border-image-width> from [10] to [20%] at (-0.3) should be [20%]
Fail CSS Transitions: property <border-image-width> from [10] to [20%] at (0) should be [20%]
Fail CSS Transitions: property <border-image-width> from [10] to [20%] at (0.3) should be [20%]
Fail CSS Transitions: property <border-image-width> from [10] to [20%] at (0.5) should be [20%]
Fail CSS Transitions: property <border-image-width> from [10] to [20%] at (0.6) should be [20%]
Fail CSS Transitions: property <border-image-width> from [10] to [20%] at (1) should be [20%]
Fail CSS Transitions: property <border-image-width> from [10] to [20%] at (1.5) should be [20%]
Fail CSS Transitions with transition: all: property <border-image-width> from [10] to [20%] at (-0.3) should be [20%]
Fail CSS Transitions with transition: all: property <border-image-width> from [10] to [20%] at (0) should be [20%]
Fail CSS Transitions with transition: all: property <border-image-width> from [10] to [20%] at (0.3) should be [20%]
Fail CSS Transitions with transition: all: property <border-image-width> from [10] to [20%] at (0.5) should be [20%]
Fail CSS Transitions with transition: all: property <border-image-width> from [10] to [20%] at (0.6) should be [20%]
Fail CSS Transitions with transition: all: property <border-image-width> from [10] to [20%] at (1) should be [20%]
Fail CSS Transitions with transition: all: property <border-image-width> from [10] to [20%] at (1.5) should be [20%]
Fail CSS Animations: property <border-image-width> from [10] to [20%] at (-0.3) should be [10]
Fail CSS Animations: property <border-image-width> from [10] to [20%] at (0) should be [10]
Fail CSS Animations: property <border-image-width> from [10] to [20%] at (0.3) should be [10]
Fail CSS Animations: property <border-image-width> from [10] to [20%] at (0.5) should be [20%]
Fail CSS Animations: property <border-image-width> from [10] to [20%] at (0.6) should be [20%]
Fail CSS Animations: property <border-image-width> from [10] to [20%] at (1) should be [20%]
Fail CSS Animations: property <border-image-width> from [10] to [20%] at (1.5) should be [20%]
Fail Web Animations: property <border-image-width> from [10] to [20%] at (-0.3) should be [10]
Fail Web Animations: property <border-image-width> from [10] to [20%] at (0) should be [10]
Fail Web Animations: property <border-image-width> from [10] to [20%] at (0.3) should be [10]
Fail Web Animations: property <border-image-width> from [10] to [20%] at (0.5) should be [20%]
Fail Web Animations: property <border-image-width> from [10] to [20%] at (0.6) should be [20%]
Fail Web Animations: property <border-image-width> from [10] to [20%] at (1) should be [20%]
Fail Web Animations: property <border-image-width> from [10] to [20%] at (1.5) should be [20%]

31
Tests/LibWeb/Text/expected/wpt-import/css/css-backgrounds/animations/border-left-width-composition.txt Normal file
View file

@ -0,0 +1,31 @@
Summary
Harness status: OK
Rerun
Found 20 tests
1 Pass
19 Fail
Details
Result Test Name MessageFail Compositing: property <border-left-width> underlying [50px] from add [100px] to add [200px] at (-0.3) should be [120px]
Fail Compositing: property <border-left-width> underlying [50px] from add [100px] to add [200px] at (0) should be [150px]
Fail Compositing: property <border-left-width> underlying [50px] from add [100px] to add [200px] at (0.5) should be [200px]
Fail Compositing: property <border-left-width> underlying [50px] from add [100px] to add [200px] at (1) should be [250px]
Fail Compositing: property <border-left-width> underlying [50px] from add [100px] to add [200px] at (1.5) should be [300px]
Fail Compositing: property <border-left-width> underlying [100px] from add [10px] to add [2px] at (-0.5) should be [114px]
Fail Compositing: property <border-left-width> underlying [100px] from add [10px] to add [2px] at (0) should be [110px]
Fail Compositing: property <border-left-width> underlying [100px] from add [10px] to add [2px] at (0.5) should be [106px]
Fail Compositing: property <border-left-width> underlying [100px] from add [10px] to add [2px] at (1) should be [102px]
Fail Compositing: property <border-left-width> underlying [100px] from add [10px] to add [2px] at (1.5) should be [98px]
Fail Compositing: property <border-left-width> underlying [10em] from add [100px] to add [20em] at (-0.3) should be [calc(130px + 4em)]
Fail Compositing: property <border-left-width> underlying [10em] from add [100px] to add [20em] at (0) should be [calc(100px + 10em)]
Fail Compositing: property <border-left-width> underlying [10em] from add [100px] to add [20em] at (0.5) should be [calc(50px + 20em)]
Fail Compositing: property <border-left-width> underlying [10em] from add [100px] to add [20em] at (1) should be [30em]
Fail Compositing: property <border-left-width> underlying [10em] from add [100px] to add [20em] at (1.5) should be [calc(-50px + 40em)]
Fail Compositing: property <border-left-width> underlying [50px] from add [100px] to replace [200px] at (-0.3) should be [135px]
Fail Compositing: property <border-left-width> underlying [50px] from add [100px] to replace [200px] at (0) should be [150px]
Fail Compositing: property <border-left-width> underlying [50px] from add [100px] to replace [200px] at (0.5) should be [175px]
Pass Compositing: property <border-left-width> underlying [50px] from add [100px] to replace [200px] at (1) should be [200px]
Fail Compositing: property <border-left-width> underlying [50px] from add [100px] to replace [200px] at (1.5) should be [225px]

207
Tests/LibWeb/Text/expected/wpt-import/css/css-backgrounds/animations/border-radius-interpolation.txt Normal file
View file

@ -0,0 +1,207 @@
Summary
Harness status: OK
Rerun
Found 196 tests
50 Pass
146 Fail
Details
Result Test Name MessageFail CSS Transitions: property <border-radius> from [20px 40px 60px 80px / 120px 140px 160px 180px] to [30px 50px 70px 90px / 130px 150px 170px 190px] at (-0.3) should be [17px 37px 57px 77px / 117px 137px 157px 177px]
Fail CSS Transitions: property <border-radius> from [20px 40px 60px 80px / 120px 140px 160px 180px] to [30px 50px 70px 90px / 130px 150px 170px 190px] at (0) should be [20px 40px 60px 80px / 120px 140px 160px 180px]
Fail CSS Transitions: property <border-radius> from [20px 40px 60px 80px / 120px 140px 160px 180px] to [30px 50px 70px 90px / 130px 150px 170px 190px] at (0.3) should be [23px 43px 63px 83px / 123px 143px 163px 183px]
Fail CSS Transitions: property <border-radius> from [20px 40px 60px 80px / 120px 140px 160px 180px] to [30px 50px 70px 90px / 130px 150px 170px 190px] at (0.6) should be [26px 46px 66px 86px / 126px 146px 166px 186px]
Pass CSS Transitions: property <border-radius> from [20px 40px 60px 80px / 120px 140px 160px 180px] to [30px 50px 70px 90px / 130px 150px 170px 190px] at (1) should be [30px 50px 70px 90px / 130px 150px 170px 190px]
Fail CSS Transitions: property <border-radius> from [20px 40px 60px 80px / 120px 140px 160px 180px] to [30px 50px 70px 90px / 130px 150px 170px 190px] at (1.5) should be [35px 55px 75px 95px / 135px 155px 175px 195px]
Fail CSS Transitions with transition: all: property <border-radius> from [20px 40px 60px 80px / 120px 140px 160px 180px] to [30px 50px 70px 90px / 130px 150px 170px 190px] at (-0.3) should be [17px 37px 57px 77px / 117px 137px 157px 177px]
Fail CSS Transitions with transition: all: property <border-radius> from [20px 40px 60px 80px / 120px 140px 160px 180px] to [30px 50px 70px 90px / 130px 150px 170px 190px] at (0) should be [20px 40px 60px 80px / 120px 140px 160px 180px]
Fail CSS Transitions with transition: all: property <border-radius> from [20px 40px 60px 80px / 120px 140px 160px 180px] to [30px 50px 70px 90px / 130px 150px 170px 190px] at (0.3) should be [23px 43px 63px 83px / 123px 143px 163px 183px]
Fail CSS Transitions with transition: all: property <border-radius> from [20px 40px 60px 80px / 120px 140px 160px 180px] to [30px 50px 70px 90px / 130px 150px 170px 190px] at (0.6) should be [26px 46px 66px 86px / 126px 146px 166px 186px]
Pass CSS Transitions with transition: all: property <border-radius> from [20px 40px 60px 80px / 120px 140px 160px 180px] to [30px 50px 70px 90px / 130px 150px 170px 190px] at (1) should be [30px 50px 70px 90px / 130px 150px 170px 190px]
Fail CSS Transitions with transition: all: property <border-radius> from [20px 40px 60px 80px / 120px 140px 160px 180px] to [30px 50px 70px 90px / 130px 150px 170px 190px] at (1.5) should be [35px 55px 75px 95px / 135px 155px 175px 195px]
Fail CSS Animations: property <border-radius> from [20px 40px 60px 80px / 120px 140px 160px 180px] to [30px 50px 70px 90px / 130px 150px 170px 190px] at (-0.3) should be [17px 37px 57px 77px / 117px 137px 157px 177px]
Pass CSS Animations: property <border-radius> from [20px 40px 60px 80px / 120px 140px 160px 180px] to [30px 50px 70px 90px / 130px 150px 170px 190px] at (0) should be [20px 40px 60px 80px / 120px 140px 160px 180px]
Fail CSS Animations: property <border-radius> from [20px 40px 60px 80px / 120px 140px 160px 180px] to [30px 50px 70px 90px / 130px 150px 170px 190px] at (0.3) should be [23px 43px 63px 83px / 123px 143px 163px 183px]
Fail CSS Animations: property <border-radius> from [20px 40px 60px 80px / 120px 140px 160px 180px] to [30px 50px 70px 90px / 130px 150px 170px 190px] at (0.6) should be [26px 46px 66px 86px / 126px 146px 166px 186px]
Pass CSS Animations: property <border-radius> from [20px 40px 60px 80px / 120px 140px 160px 180px] to [30px 50px 70px 90px / 130px 150px 170px 190px] at (1) should be [30px 50px 70px 90px / 130px 150px 170px 190px]
Fail CSS Animations: property <border-radius> from [20px 40px 60px 80px / 120px 140px 160px 180px] to [30px 50px 70px 90px / 130px 150px 170px 190px] at (1.5) should be [35px 55px 75px 95px / 135px 155px 175px 195px]
Fail Web Animations: property <border-radius> from [20px 40px 60px 80px / 120px 140px 160px 180px] to [30px 50px 70px 90px / 130px 150px 170px 190px] at (-0.3) should be [17px 37px 57px 77px / 117px 137px 157px 177px]
Pass Web Animations: property <border-radius> from [20px 40px 60px 80px / 120px 140px 160px 180px] to [30px 50px 70px 90px / 130px 150px 170px 190px] at (0) should be [20px 40px 60px 80px / 120px 140px 160px 180px]
Fail Web Animations: property <border-radius> from [20px 40px 60px 80px / 120px 140px 160px 180px] to [30px 50px 70px 90px / 130px 150px 170px 190px] at (0.3) should be [23px 43px 63px 83px / 123px 143px 163px 183px]
Fail Web Animations: property <border-radius> from [20px 40px 60px 80px / 120px 140px 160px 180px] to [30px 50px 70px 90px / 130px 150px 170px 190px] at (0.6) should be [26px 46px 66px 86px / 126px 146px 166px 186px]
Pass Web Animations: property <border-radius> from [20px 40px 60px 80px / 120px 140px 160px 180px] to [30px 50px 70px 90px / 130px 150px 170px 190px] at (1) should be [30px 50px 70px 90px / 130px 150px 170px 190px]
Fail Web Animations: property <border-radius> from [20px 40px 60px 80px / 120px 140px 160px 180px] to [30px 50px 70px 90px / 130px 150px 170px 190px] at (1.5) should be [35px 55px 75px 95px / 135px 155px 175px 195px]
Fail CSS Transitions: property <border-top-left-radius> from neutral to [20px] at (-0.3) should be [7px]
Fail CSS Transitions: property <border-top-left-radius> from neutral to [20px] at (0) should be [10px]
Fail CSS Transitions: property <border-top-left-radius> from neutral to [20px] at (0.3) should be [13px]
Fail CSS Transitions: property <border-top-left-radius> from neutral to [20px] at (0.6) should be [16px]
Pass CSS Transitions: property <border-top-left-radius> from neutral to [20px] at (1) should be [20px]
Fail CSS Transitions: property <border-top-left-radius> from neutral to [20px] at (1.5) should be [25px]
Fail CSS Transitions with transition: all: property <border-top-left-radius> from neutral to [20px] at (-0.3) should be [7px]
Fail CSS Transitions with transition: all: property <border-top-left-radius> from neutral to [20px] at (0) should be [10px]
Fail CSS Transitions with transition: all: property <border-top-left-radius> from neutral to [20px] at (0.3) should be [13px]
Fail CSS Transitions with transition: all: property <border-top-left-radius> from neutral to [20px] at (0.6) should be [16px]
Pass CSS Transitions with transition: all: property <border-top-left-radius> from neutral to [20px] at (1) should be [20px]
Fail CSS Transitions with transition: all: property <border-top-left-radius> from neutral to [20px] at (1.5) should be [25px]
Fail CSS Animations: property <border-top-left-radius> from neutral to [20px] at (-0.3) should be [7px]
Pass CSS Animations: property <border-top-left-radius> from neutral to [20px] at (0) should be [10px]
Fail CSS Animations: property <border-top-left-radius> from neutral to [20px] at (0.3) should be [13px]
Fail CSS Animations: property <border-top-left-radius> from neutral to [20px] at (0.6) should be [16px]
Pass CSS Animations: property <border-top-left-radius> from neutral to [20px] at (1) should be [20px]
Fail CSS Animations: property <border-top-left-radius> from neutral to [20px] at (1.5) should be [25px]
Fail Web Animations: property <border-top-left-radius> from neutral to [20px] at (-0.3) should be [7px]
Pass Web Animations: property <border-top-left-radius> from neutral to [20px] at (0) should be [10px]
Fail Web Animations: property <border-top-left-radius> from neutral to [20px] at (0.3) should be [13px]
Fail Web Animations: property <border-top-left-radius> from neutral to [20px] at (0.6) should be [16px]
Pass Web Animations: property <border-top-left-radius> from neutral to [20px] at (1) should be [20px]
Fail Web Animations: property <border-top-left-radius> from neutral to [20px] at (1.5) should be [25px]
Fail CSS Transitions: property <border-top-left-radius> from [initial] to [20px] at (-0.3) should be [0px]
Fail CSS Transitions: property <border-top-left-radius> from [initial] to [20px] at (0) should be [0px]
Fail CSS Transitions: property <border-top-left-radius> from [initial] to [20px] at (0.3) should be [6px]
Fail CSS Transitions: property <border-top-left-radius> from [initial] to [20px] at (0.6) should be [12px]
Pass CSS Transitions: property <border-top-left-radius> from [initial] to [20px] at (1) should be [20px]
Fail CSS Transitions: property <border-top-left-radius> from [initial] to [20px] at (1.5) should be [30px]
Fail CSS Transitions with transition: all: property <border-top-left-radius> from [initial] to [20px] at (-0.3) should be [0px]
Fail CSS Transitions with transition: all: property <border-top-left-radius> from [initial] to [20px] at (0) should be [0px]
Fail CSS Transitions with transition: all: property <border-top-left-radius> from [initial] to [20px] at (0.3) should be [6px]
Fail CSS Transitions with transition: all: property <border-top-left-radius> from [initial] to [20px] at (0.6) should be [12px]
Pass CSS Transitions with transition: all: property <border-top-left-radius> from [initial] to [20px] at (1) should be [20px]
Fail CSS Transitions with transition: all: property <border-top-left-radius> from [initial] to [20px] at (1.5) should be [30px]
Pass CSS Animations: property <border-top-left-radius> from [initial] to [20px] at (-0.3) should be [0px]
Pass CSS Animations: property <border-top-left-radius> from [initial] to [20px] at (0) should be [0px]
Fail CSS Animations: property <border-top-left-radius> from [initial] to [20px] at (0.3) should be [6px]
Fail CSS Animations: property <border-top-left-radius> from [initial] to [20px] at (0.6) should be [12px]
Pass CSS Animations: property <border-top-left-radius> from [initial] to [20px] at (1) should be [20px]
Fail CSS Animations: property <border-top-left-radius> from [initial] to [20px] at (1.5) should be [30px]
Pass Web Animations: property <border-top-left-radius> from [initial] to [20px] at (-0.3) should be [0px]
Pass Web Animations: property <border-top-left-radius> from [initial] to [20px] at (0) should be [0px]
Fail Web Animations: property <border-top-left-radius> from [initial] to [20px] at (0.3) should be [6px]
Fail Web Animations: property <border-top-left-radius> from [initial] to [20px] at (0.6) should be [12px]
Pass Web Animations: property <border-top-left-radius> from [initial] to [20px] at (1) should be [20px]
Fail Web Animations: property <border-top-left-radius> from [initial] to [20px] at (1.5) should be [30px]
Fail CSS Transitions: property <border-top-left-radius> from [inherit] to [20px] at (-0.3) should be [33px]
Fail CSS Transitions: property <border-top-left-radius> from [inherit] to [20px] at (0) should be [30px]
Fail CSS Transitions: property <border-top-left-radius> from [inherit] to [20px] at (0.3) should be [27px]
Fail CSS Transitions: property <border-top-left-radius> from [inherit] to [20px] at (0.6) should be [24px]
Pass CSS Transitions: property <border-top-left-radius> from [inherit] to [20px] at (1) should be [20px]
Fail CSS Transitions: property <border-top-left-radius> from [inherit] to [20px] at (1.5) should be [15px]
Fail CSS Transitions with transition: all: property <border-top-left-radius> from [inherit] to [20px] at (-0.3) should be [33px]
Fail CSS Transitions with transition: all: property <border-top-left-radius> from [inherit] to [20px] at (0) should be [30px]
Fail CSS Transitions with transition: all: property <border-top-left-radius> from [inherit] to [20px] at (0.3) should be [27px]
Fail CSS Transitions with transition: all: property <border-top-left-radius> from [inherit] to [20px] at (0.6) should be [24px]
Pass CSS Transitions with transition: all: property <border-top-left-radius> from [inherit] to [20px] at (1) should be [20px]
Fail CSS Transitions with transition: all: property <border-top-left-radius> from [inherit] to [20px] at (1.5) should be [15px]
Fail CSS Animations: property <border-top-left-radius> from [inherit] to [20px] at (-0.3) should be [33px]
Pass CSS Animations: property <border-top-left-radius> from [inherit] to [20px] at (0) should be [30px]
Fail CSS Animations: property <border-top-left-radius> from [inherit] to [20px] at (0.3) should be [27px]
Fail CSS Animations: property <border-top-left-radius> from [inherit] to [20px] at (0.6) should be [24px]
Pass CSS Animations: property <border-top-left-radius> from [inherit] to [20px] at (1) should be [20px]
Fail CSS Animations: property <border-top-left-radius> from [inherit] to [20px] at (1.5) should be [15px]
Fail Web Animations: property <border-top-left-radius> from [inherit] to [20px] at (-0.3) should be [33px]
Pass Web Animations: property <border-top-left-radius> from [inherit] to [20px] at (0) should be [30px]
Fail Web Animations: property <border-top-left-radius> from [inherit] to [20px] at (0.3) should be [27px]
Fail Web Animations: property <border-top-left-radius> from [inherit] to [20px] at (0.6) should be [24px]
Pass Web Animations: property <border-top-left-radius> from [inherit] to [20px] at (1) should be [20px]
Fail Web Animations: property <border-top-left-radius> from [inherit] to [20px] at (1.5) should be [15px]
Fail CSS Transitions: property <border-top-left-radius> from [unset] to [20px] at (-0.3) should be [0px]
Fail CSS Transitions: property <border-top-left-radius> from [unset] to [20px] at (0) should be [0px]
Fail CSS Transitions: property <border-top-left-radius> from [unset] to [20px] at (0.3) should be [6px]
Fail CSS Transitions: property <border-top-left-radius> from [unset] to [20px] at (0.6) should be [12px]
Pass CSS Transitions: property <border-top-left-radius> from [unset] to [20px] at (1) should be [20px]
Fail CSS Transitions: property <border-top-left-radius> from [unset] to [20px] at (1.5) should be [30px]
Fail CSS Transitions with transition: all: property <border-top-left-radius> from [unset] to [20px] at (-0.3) should be [0px]
Fail CSS Transitions with transition: all: property <border-top-left-radius> from [unset] to [20px] at (0) should be [0px]
Fail CSS Transitions with transition: all: property <border-top-left-radius> from [unset] to [20px] at (0.3) should be [6px]
Fail CSS Transitions with transition: all: property <border-top-left-radius> from [unset] to [20px] at (0.6) should be [12px]
Pass CSS Transitions with transition: all: property <border-top-left-radius> from [unset] to [20px] at (1) should be [20px]
Fail CSS Transitions with transition: all: property <border-top-left-radius> from [unset] to [20px] at (1.5) should be [30px]
Pass CSS Animations: property <border-top-left-radius> from [unset] to [20px] at (-0.3) should be [0px]
Pass CSS Animations: property <border-top-left-radius> from [unset] to [20px] at (0) should be [0px]
Fail CSS Animations: property <border-top-left-radius> from [unset] to [20px] at (0.3) should be [6px]
Fail CSS Animations: property <border-top-left-radius> from [unset] to [20px] at (0.6) should be [12px]
Pass CSS Animations: property <border-top-left-radius> from [unset] to [20px] at (1) should be [20px]
Fail CSS Animations: property <border-top-left-radius> from [unset] to [20px] at (1.5) should be [30px]
Pass Web Animations: property <border-top-left-radius> from [unset] to [20px] at (-0.3) should be [0px]
Pass Web Animations: property <border-top-left-radius> from [unset] to [20px] at (0) should be [0px]
Fail Web Animations: property <border-top-left-radius> from [unset] to [20px] at (0.3) should be [6px]
Fail Web Animations: property <border-top-left-radius> from [unset] to [20px] at (0.6) should be [12px]
Pass Web Animations: property <border-top-left-radius> from [unset] to [20px] at (1) should be [20px]
Fail Web Animations: property <border-top-left-radius> from [unset] to [20px] at (1.5) should be [30px]
Fail CSS Transitions: property <border-top-left-radius> from [10px] to [50px] at (-0.3) should be [0px]
Fail CSS Transitions: property <border-top-left-radius> from [10px] to [50px] at (0) should be [10px]
Fail CSS Transitions: property <border-top-left-radius> from [10px] to [50px] at (0.3) should be [22px]
Fail CSS Transitions: property <border-top-left-radius> from [10px] to [50px] at (0.6) should be [34px]
Pass CSS Transitions: property <border-top-left-radius> from [10px] to [50px] at (1) should be [50px]
Fail CSS Transitions: property <border-top-left-radius> from [10px] to [50px] at (1.5) should be [70px]
Fail CSS Transitions with transition: all: property <border-top-left-radius> from [10px] to [50px] at (-0.3) should be [0px]
Fail CSS Transitions with transition: all: property <border-top-left-radius> from [10px] to [50px] at (0) should be [10px]
Fail CSS Transitions with transition: all: property <border-top-left-radius> from [10px] to [50px] at (0.3) should be [22px]
Fail CSS Transitions with transition: all: property <border-top-left-radius> from [10px] to [50px] at (0.6) should be [34px]
Pass CSS Transitions with transition: all: property <border-top-left-radius> from [10px] to [50px] at (1) should be [50px]
Fail CSS Transitions with transition: all: property <border-top-left-radius> from [10px] to [50px] at (1.5) should be [70px]
Fail CSS Animations: property <border-top-left-radius> from [10px] to [50px] at (-0.3) should be [0px]
Pass CSS Animations: property <border-top-left-radius> from [10px] to [50px] at (0) should be [10px]
Fail CSS Animations: property <border-top-left-radius> from [10px] to [50px] at (0.3) should be [22px]
Fail CSS Animations: property <border-top-left-radius> from [10px] to [50px] at (0.6) should be [34px]
Pass CSS Animations: property <border-top-left-radius> from [10px] to [50px] at (1) should be [50px]
Fail CSS Animations: property <border-top-left-radius> from [10px] to [50px] at (1.5) should be [70px]
Fail Web Animations: property <border-top-left-radius> from [10px] to [50px] at (-0.3) should be [0px]
Pass Web Animations: property <border-top-left-radius> from [10px] to [50px] at (0) should be [10px]
Fail Web Animations: property <border-top-left-radius> from [10px] to [50px] at (0.3) should be [22px]
Fail Web Animations: property <border-top-left-radius> from [10px] to [50px] at (0.6) should be [34px]
Pass Web Animations: property <border-top-left-radius> from [10px] to [50px] at (1) should be [50px]
Fail Web Animations: property <border-top-left-radius> from [10px] to [50px] at (1.5) should be [70px]
Fail CSS Transitions: property <border-top-left-radius> from [10px] to [100%] at (-0.3) should be [calc(13px + -30%)]
Fail CSS Transitions: property <border-top-left-radius> from [10px] to [100%] at (0) should be [calc(10px + 0%)]
Fail CSS Transitions: property <border-top-left-radius> from [10px] to [100%] at (0.3) should be [calc(7px + 30%)]
Fail CSS Transitions: property <border-top-left-radius> from [10px] to [100%] at (0.6) should be [calc(4px + 60%)]
Pass CSS Transitions: property <border-top-left-radius> from [10px] to [100%] at (1) should be [100%]
Fail CSS Transitions: property <border-top-left-radius> from [10px] to [100%] at (1.5) should be [calc(-5px + 150%)]
Fail CSS Transitions with transition: all: property <border-top-left-radius> from [10px] to [100%] at (-0.3) should be [calc(13px + -30%)]
Fail CSS Transitions with transition: all: property <border-top-left-radius> from [10px] to [100%] at (0) should be [calc(10px + 0%)]
Fail CSS Transitions with transition: all: property <border-top-left-radius> from [10px] to [100%] at (0.3) should be [calc(7px + 30%)]
Fail CSS Transitions with transition: all: property <border-top-left-radius> from [10px] to [100%] at (0.6) should be [calc(4px + 60%)]
Pass CSS Transitions with transition: all: property <border-top-left-radius> from [10px] to [100%] at (1) should be [100%]
Fail CSS Transitions with transition: all: property <border-top-left-radius> from [10px] to [100%] at (1.5) should be [calc(-5px + 150%)]
Fail CSS Animations: property <border-top-left-radius> from [10px] to [100%] at (-0.3) should be [calc(13px + -30%)]
Fail CSS Animations: property <border-top-left-radius> from [10px] to [100%] at (0) should be [calc(10px + 0%)]
Fail CSS Animations: property <border-top-left-radius> from [10px] to [100%] at (0.3) should be [calc(7px + 30%)]
Fail CSS Animations: property <border-top-left-radius> from [10px] to [100%] at (0.6) should be [calc(4px + 60%)]
Pass CSS Animations: property <border-top-left-radius> from [10px] to [100%] at (1) should be [100%]
Fail CSS Animations: property <border-top-left-radius> from [10px] to [100%] at (1.5) should be [calc(-5px + 150%)]
Fail Web Animations: property <border-top-left-radius> from [10px] to [100%] at (-0.3) should be [calc(13px + -30%)]
Fail Web Animations: property <border-top-left-radius> from [10px] to [100%] at (0) should be [calc(10px + 0%)]
Fail Web Animations: property <border-top-left-radius> from [10px] to [100%] at (0.3) should be [calc(7px + 30%)]
Fail Web Animations: property <border-top-left-radius> from [10px] to [100%] at (0.6) should be [calc(4px + 60%)]
Pass Web Animations: property <border-top-left-radius> from [10px] to [100%] at (1) should be [100%]
Fail Web Animations: property <border-top-left-radius> from [10px] to [100%] at (1.5) should be [calc(-5px + 150%)]
Fail CSS Transitions: property <border-top-left-radius> from [20px] to [10px 30px] at (-2) should be [40px 0px]
Fail CSS Transitions: property <border-top-left-radius> from [20px] to [10px 30px] at (-0.3) should be [23px 17px]
Fail CSS Transitions: property <border-top-left-radius> from [20px] to [10px 30px] at (0) should be [20px]
Fail CSS Transitions: property <border-top-left-radius> from [20px] to [10px 30px] at (0.3) should be [17px 23px]
Fail CSS Transitions: property <border-top-left-radius> from [20px] to [10px 30px] at (0.6) should be [14px 26px]
Pass CSS Transitions: property <border-top-left-radius> from [20px] to [10px 30px] at (1) should be [10px 30px]
Fail CSS Transitions: property <border-top-left-radius> from [20px] to [10px 30px] at (1.5) should be [5px 35px]
Fail CSS Transitions with transition: all: property <border-top-left-radius> from [20px] to [10px 30px] at (-2) should be [40px 0px]
Fail CSS Transitions with transition: all: property <border-top-left-radius> from [20px] to [10px 30px] at (-0.3) should be [23px 17px]
Fail CSS Transitions with transition: all: property <border-top-left-radius> from [20px] to [10px 30px] at (0) should be [20px]
Fail CSS Transitions with transition: all: property <border-top-left-radius> from [20px] to [10px 30px] at (0.3) should be [17px 23px]
Fail CSS Transitions with transition: all: property <border-top-left-radius> from [20px] to [10px 30px] at (0.6) should be [14px 26px]
Pass CSS Transitions with transition: all: property <border-top-left-radius> from [20px] to [10px 30px] at (1) should be [10px 30px]
Fail CSS Transitions with transition: all: property <border-top-left-radius> from [20px] to [10px 30px] at (1.5) should be [5px 35px]
Fail CSS Animations: property <border-top-left-radius> from [20px] to [10px 30px] at (-2) should be [40px 0px]
Fail CSS Animations: property <border-top-left-radius> from [20px] to [10px 30px] at (-0.3) should be [23px 17px]
Pass CSS Animations: property <border-top-left-radius> from [20px] to [10px 30px] at (0) should be [20px]
Fail CSS Animations: property <border-top-left-radius> from [20px] to [10px 30px] at (0.3) should be [17px 23px]
Fail CSS Animations: property <border-top-left-radius> from [20px] to [10px 30px] at (0.6) should be [14px 26px]
Pass CSS Animations: property <border-top-left-radius> from [20px] to [10px 30px] at (1) should be [10px 30px]
Fail CSS Animations: property <border-top-left-radius> from [20px] to [10px 30px] at (1.5) should be [5px 35px]
Fail Web Animations: property <border-top-left-radius> from [20px] to [10px 30px] at (-2) should be [40px 0px]
Fail Web Animations: property <border-top-left-radius> from [20px] to [10px 30px] at (-0.3) should be [23px 17px]
Pass Web Animations: property <border-top-left-radius> from [20px] to [10px 30px] at (0) should be [20px]
Fail Web Animations: property <border-top-left-radius> from [20px] to [10px 30px] at (0.3) should be [17px 23px]
Fail Web Animations: property <border-top-left-radius> from [20px] to [10px 30px] at (0.6) should be [14px 26px]
Pass Web Animations: property <border-top-left-radius> from [20px] to [10px 30px] at (1) should be [10px 30px]
Fail Web Animations: property <border-top-left-radius> from [20px] to [10px 30px] at (1.5) should be [5px 35px]

31
Tests/LibWeb/Text/expected/wpt-import/css/css-backgrounds/animations/border-right-width-composition.txt Normal file
View file

@ -0,0 +1,31 @@
Summary
Harness status: OK
Rerun
Found 20 tests
1 Pass
19 Fail
Details
Result Test Name MessageFail Compositing: property <border-right-width> underlying [50px] from add [100px] to add [200px] at (-0.3) should be [120px]
Fail Compositing: property <border-right-width> underlying [50px] from add [100px] to add [200px] at (0) should be [150px]
Fail Compositing: property <border-right-width> underlying [50px] from add [100px] to add [200px] at (0.5) should be [200px]
Fail Compositing: property <border-right-width> underlying [50px] from add [100px] to add [200px] at (1) should be [250px]
Fail Compositing: property <border-right-width> underlying [50px] from add [100px] to add [200px] at (1.5) should be [300px]
Fail Compositing: property <border-right-width> underlying [100px] from add [10px] to add [2px] at (-0.5) should be [114px]
Fail Compositing: property <border-right-width> underlying [100px] from add [10px] to add [2px] at (0) should be [110px]
Fail Compositing: property <border-right-width> underlying [100px] from add [10px] to add [2px] at (0.5) should be [106px]
Fail Compositing: property <border-right-width> underlying [100px] from add [10px] to add [2px] at (1) should be [102px]
Fail Compositing: property <border-right-width> underlying [100px] from add [10px] to add [2px] at (1.5) should be [98px]
Fail Compositing: property <border-right-width> underlying [10em] from add [100px] to add [20em] at (-0.3) should be [calc(130px + 4em)]
Fail Compositing: property <border-right-width> underlying [10em] from add [100px] to add [20em] at (0) should be [calc(100px + 10em)]
Fail Compositing: property <border-right-width> underlying [10em] from add [100px] to add [20em] at (0.5) should be [calc(50px + 20em)]
Fail Compositing: property <border-right-width> underlying [10em] from add [100px] to add [20em] at (1) should be [30em]
Fail Compositing: property <border-right-width> underlying [10em] from add [100px] to add [20em] at (1.5) should be [calc(-50px + 40em)]
Fail Compositing: property <border-right-width> underlying [50px] from add [100px] to replace [200px] at (-0.3) should be [135px]
Fail Compositing: property <border-right-width> underlying [50px] from add [100px] to replace [200px] at (0) should be [150px]
Fail Compositing: property <border-right-width> underlying [50px] from add [100px] to replace [200px] at (0.5) should be [175px]
Pass Compositing: property <border-right-width> underlying [50px] from add [100px] to replace [200px] at (1) should be [200px]
Fail Compositing: property <border-right-width> underlying [50px] from add [100px] to replace [200px] at (1.5) should be [225px]

32
Tests/LibWeb/Text/expected/wpt-import/css/css-backgrounds/animations/border-top-left-radius-composition.txt Normal file
View file

@ -0,0 +1,32 @@
Summary
Harness status: OK
Rerun
Found 21 tests
2 Pass
19 Fail
Details
Result Test Name MessageFail Compositing: property <border-top-left-radius> underlying [40px 40px] from add [60px 60px] to add [160px 160px] at (-0.25) should be [75px]
Fail Compositing: property <border-top-left-radius> underlying [40px 40px] from add [60px 60px] to add [160px 160px] at (0) should be [100px]
Fail Compositing: property <border-top-left-radius> underlying [40px 40px] from add [60px 60px] to add [160px 160px] at (0.25) should be [125px]
Fail Compositing: property <border-top-left-radius> underlying [40px 40px] from add [60px 60px] to add [160px 160px] at (0.5) should be [150px]
Fail Compositing: property <border-top-left-radius> underlying [40px 40px] from add [60px 60px] to add [160px 160px] at (0.75) should be [175px]
Fail Compositing: property <border-top-left-radius> underlying [40px 40px] from add [60px 60px] to add [160px 160px] at (1) should be [200px]
Fail Compositing: property <border-top-left-radius> underlying [40px 40px] from add [60px 60px] to add [160px 160px] at (1.25) should be [225px]
Fail Compositing: property <border-top-left-radius> underlying [40px 140px] from replace [100px 120px] to add [160px 60px] at (-0.25) should be [75px 100px]
Pass Compositing: property <border-top-left-radius> underlying [40px 140px] from replace [100px 120px] to add [160px 60px] at (0) should be [100px 120px]
Fail Compositing: property <border-top-left-radius> underlying [40px 140px] from replace [100px 120px] to add [160px 60px] at (0.25) should be [125px 140px]
Fail Compositing: property <border-top-left-radius> underlying [40px 140px] from replace [100px 120px] to add [160px 60px] at (0.5) should be [150px 160px]
Fail Compositing: property <border-top-left-radius> underlying [40px 140px] from replace [100px 120px] to add [160px 60px] at (0.75) should be [175px 180px]
Fail Compositing: property <border-top-left-radius> underlying [40px 140px] from replace [100px 120px] to add [160px 60px] at (1) should be [200px]
Fail Compositing: property <border-top-left-radius> underlying [40px 140px] from replace [100px 120px] to add [160px 60px] at (1.25) should be [225px 220px]
Fail Compositing: property <border-top-left-radius> underlying [40px 60px] from add [60px 140px] to replace [200px 120px] at (-0.25) should be [75px 220px]
Fail Compositing: property <border-top-left-radius> underlying [40px 60px] from add [60px 140px] to replace [200px 120px] at (0) should be [100px 200px]
Fail Compositing: property <border-top-left-radius> underlying [40px 60px] from add [60px 140px] to replace [200px 120px] at (0.25) should be [125px 180px]
Fail Compositing: property <border-top-left-radius> underlying [40px 60px] from add [60px 140px] to replace [200px 120px] at (0.5) should be [150px 160px]
Fail Compositing: property <border-top-left-radius> underlying [40px 60px] from add [60px 140px] to replace [200px 120px] at (0.75) should be [175px 140px]
Pass Compositing: property <border-top-left-radius> underlying [40px 60px] from add [60px 140px] to replace [200px 120px] at (1) should be [200px 120px]
Fail Compositing: property <border-top-left-radius> underlying [40px 60px] from add [60px 140px] to replace [200px 120px] at (1.25) should be [225px 100px]

32
Tests/LibWeb/Text/expected/wpt-import/css/css-backgrounds/animations/border-top-right-radius-composition.txt Normal file
View file

@ -0,0 +1,32 @@
Summary
Harness status: OK
Rerun
Found 21 tests
2 Pass
19 Fail
Details
Result Test Name MessageFail Compositing: property <border-top-right-radius> underlying [40px 40px] from add [60px 60px] to add [160px 160px] at (-0.25) should be [75px]
Fail Compositing: property <border-top-right-radius> underlying [40px 40px] from add [60px 60px] to add [160px 160px] at (0) should be [100px]
Fail Compositing: property <border-top-right-radius> underlying [40px 40px] from add [60px 60px] to add [160px 160px] at (0.25) should be [125px]
Fail Compositing: property <border-top-right-radius> underlying [40px 40px] from add [60px 60px] to add [160px 160px] at (0.5) should be [150px]
Fail Compositing: property <border-top-right-radius> underlying [40px 40px] from add [60px 60px] to add [160px 160px] at (0.75) should be [175px]
Fail Compositing: property <border-top-right-radius> underlying [40px 40px] from add [60px 60px] to add [160px 160px] at (1) should be [200px]
Fail Compositing: property <border-top-right-radius> underlying [40px 40px] from add [60px 60px] to add [160px 160px] at (1.25) should be [225px]
Fail Compositing: property <border-top-right-radius> underlying [40px 140px] from replace [100px 120px] to add [160px 60px] at (-0.25) should be [75px 100px]
Pass Compositing: property <border-top-right-radius> underlying [40px 140px] from replace [100px 120px] to add [160px 60px] at (0) should be [100px 120px]
Fail Compositing: property <border-top-right-radius> underlying [40px 140px] from replace [100px 120px] to add [160px 60px] at (0.25) should be [125px 140px]
Fail Compositing: property <border-top-right-radius> underlying [40px 140px] from replace [100px 120px] to add [160px 60px] at (0.5) should be [150px 160px]
Fail Compositing: property <border-top-right-radius> underlying [40px 140px] from replace [100px 120px] to add [160px 60px] at (0.75) should be [175px 180px]
Fail Compositing: property <border-top-right-radius> underlying [40px 140px] from replace [100px 120px] to add [160px 60px] at (1) should be [200px]
Fail Compositing: property <border-top-right-radius> underlying [40px 140px] from replace [100px 120px] to add [160px 60px] at (1.25) should be [225px 220px]
Fail Compositing: property <border-top-right-radius> underlying [40px 60px] from add [60px 140px] to replace [200px 120px] at (-0.25) should be [75px 220px]
Fail Compositing: property <border-top-right-radius> underlying [40px 60px] from add [60px 140px] to replace [200px 120px] at (0) should be [100px 200px]
Fail Compositing: property <border-top-right-radius> underlying [40px 60px] from add [60px 140px] to replace [200px 120px] at (0.25) should be [125px 180px]
Fail Compositing: property <border-top-right-radius> underlying [40px 60px] from add [60px 140px] to replace [200px 120px] at (0.5) should be [150px 160px]
Fail Compositing: property <border-top-right-radius> underlying [40px 60px] from add [60px 140px] to replace [200px 120px] at (0.75) should be [175px 140px]
Pass Compositing: property <border-top-right-radius> underlying [40px 60px] from add [60px 140px] to replace [200px 120px] at (1) should be [200px 120px]
Fail Compositing: property <border-top-right-radius> underlying [40px 60px] from add [60px 140px] to replace [200px 120px] at (1.25) should be [225px 100px]

31
Tests/LibWeb/Text/expected/wpt-import/css/css-backgrounds/animations/border-top-width-composition.txt Normal file
View file

@ -0,0 +1,31 @@
Summary
Harness status: OK
Rerun
Found 20 tests
1 Pass
19 Fail
Details
Result Test Name MessageFail Compositing: property <border-top-width> underlying [50px] from add [100px] to add [200px] at (-0.3) should be [120px]
Fail Compositing: property <border-top-width> underlying [50px] from add [100px] to add [200px] at (0) should be [150px]
Fail Compositing: property <border-top-width> underlying [50px] from add [100px] to add [200px] at (0.5) should be [200px]
Fail Compositing: property <border-top-width> underlying [50px] from add [100px] to add [200px] at (1) should be [250px]
Fail Compositing: property <border-top-width> underlying [50px] from add [100px] to add [200px] at (1.5) should be [300px]
Fail Compositing: property <border-top-width> underlying [100px] from add [10px] to add [2px] at (-0.5) should be [114px]
Fail Compositing: property <border-top-width> underlying [100px] from add [10px] to add [2px] at (0) should be [110px]
Fail Compositing: property <border-top-width> underlying [100px] from add [10px] to add [2px] at (0.5) should be [106px]
Fail Compositing: property <border-top-width> underlying [100px] from add [10px] to add [2px] at (1) should be [102px]
Fail Compositing: property <border-top-width> underlying [100px] from add [10px] to add [2px] at (1.5) should be [98px]
Fail Compositing: property <border-top-width> underlying [10em] from add [100px] to add [20em] at (-0.3) should be [calc(130px + 4em)]
Fail Compositing: property <border-top-width> underlying [10em] from add [100px] to add [20em] at (0) should be [calc(100px + 10em)]
Fail Compositing: property <border-top-width> underlying [10em] from add [100px] to add [20em] at (0.5) should be [calc(50px + 20em)]
Fail Compositing: property <border-top-width> underlying [10em] from add [100px] to add [20em] at (1) should be [30em]
Fail Compositing: property <border-top-width> underlying [10em] from add [100px] to add [20em] at (1.5) should be [calc(-50px + 40em)]
Fail Compositing: property <border-top-width> underlying [50px] from add [100px] to replace [200px] at (-0.3) should be [135px]
Fail Compositing: property <border-top-width> underlying [50px] from add [100px] to replace [200px] at (0) should be [150px]
Fail Compositing: property <border-top-width> underlying [50px] from add [100px] to replace [200px] at (0.5) should be [175px]
Pass Compositing: property <border-top-width> underlying [50px] from add [100px] to replace [200px] at (1) should be [200px]
Fail Compositing: property <border-top-width> underlying [50px] from add [100px] to replace [200px] at (1.5) should be [225px]

267
Tests/LibWeb/Text/expected/wpt-import/css/css-backgrounds/animations/border-width-interpolation.txt Normal file
View file

@ -0,0 +1,267 @@
Summary
Harness status: OK
Rerun
Found 256 tests
56 Pass
200 Fail
Details
Result Test Name MessageFail CSS Transitions: property <border-width> from [20px 40px 60px 80px] to [30px 50px 70px 90px] at (-0.3) should be [17px 37px 57px 77px]
Fail CSS Transitions: property <border-width> from [20px 40px 60px 80px] to [30px 50px 70px 90px] at (0) should be [20px 40px 60px 80px]
Fail CSS Transitions: property <border-width> from [20px 40px 60px 80px] to [30px 50px 70px 90px] at (0.3) should be [23px 43px 63px 83px]
Fail CSS Transitions: property <border-width> from [20px 40px 60px 80px] to [30px 50px 70px 90px] at (0.6) should be [26px 46px 66px 86px]
Pass CSS Transitions: property <border-width> from [20px 40px 60px 80px] to [30px 50px 70px 90px] at (1) should be [30px 50px 70px 90px]
Fail CSS Transitions: property <border-width> from [20px 40px 60px 80px] to [30px 50px 70px 90px] at (1.5) should be [35px 55px 75px 95px]
Fail CSS Transitions with transition: all: property <border-width> from [20px 40px 60px 80px] to [30px 50px 70px 90px] at (-0.3) should be [17px 37px 57px 77px]
Fail CSS Transitions with transition: all: property <border-width> from [20px 40px 60px 80px] to [30px 50px 70px 90px] at (0) should be [20px 40px 60px 80px]
Fail CSS Transitions with transition: all: property <border-width> from [20px 40px 60px 80px] to [30px 50px 70px 90px] at (0.3) should be [23px 43px 63px 83px]
Fail CSS Transitions with transition: all: property <border-width> from [20px 40px 60px 80px] to [30px 50px 70px 90px] at (0.6) should be [26px 46px 66px 86px]
Pass CSS Transitions with transition: all: property <border-width> from [20px 40px 60px 80px] to [30px 50px 70px 90px] at (1) should be [30px 50px 70px 90px]
Fail CSS Transitions with transition: all: property <border-width> from [20px 40px 60px 80px] to [30px 50px 70px 90px] at (1.5) should be [35px 55px 75px 95px]
Fail CSS Animations: property <border-width> from [20px 40px 60px 80px] to [30px 50px 70px 90px] at (-0.3) should be [17px 37px 57px 77px]
Pass CSS Animations: property <border-width> from [20px 40px 60px 80px] to [30px 50px 70px 90px] at (0) should be [20px 40px 60px 80px]
Pass CSS Animations: property <border-width> from [20px 40px 60px 80px] to [30px 50px 70px 90px] at (0.3) should be [23px 43px 63px 83px]
Fail CSS Animations: property <border-width> from [20px 40px 60px 80px] to [30px 50px 70px 90px] at (0.6) should be [26px 46px 66px 86px]
Pass CSS Animations: property <border-width> from [20px 40px 60px 80px] to [30px 50px 70px 90px] at (1) should be [30px 50px 70px 90px]
Fail CSS Animations: property <border-width> from [20px 40px 60px 80px] to [30px 50px 70px 90px] at (1.5) should be [35px 55px 75px 95px]
Fail Web Animations: property <border-width> from [20px 40px 60px 80px] to [30px 50px 70px 90px] at (-0.3) should be [17px 37px 57px 77px]
Pass Web Animations: property <border-width> from [20px 40px 60px 80px] to [30px 50px 70px 90px] at (0) should be [20px 40px 60px 80px]
Pass Web Animations: property <border-width> from [20px 40px 60px 80px] to [30px 50px 70px 90px] at (0.3) should be [23px 43px 63px 83px]
Fail Web Animations: property <border-width> from [20px 40px 60px 80px] to [30px 50px 70px 90px] at (0.6) should be [26px 46px 66px 86px]
Pass Web Animations: property <border-width> from [20px 40px 60px 80px] to [30px 50px 70px 90px] at (1) should be [30px 50px 70px 90px]
Fail Web Animations: property <border-width> from [20px 40px 60px 80px] to [30px 50px 70px 90px] at (1.5) should be [35px 55px 75px 95px]
Fail CSS Transitions: property <border-left-width> from neutral to [20px] at (-0.3) should be [7px]
Fail CSS Transitions: property <border-left-width> from neutral to [20px] at (0) should be [10px]
Fail CSS Transitions: property <border-left-width> from neutral to [20px] at (0.3) should be [13px]
Fail CSS Transitions: property <border-left-width> from neutral to [20px] at (0.6) should be [16px]
Pass CSS Transitions: property <border-left-width> from neutral to [20px] at (1) should be [20px]
Fail CSS Transitions: property <border-left-width> from neutral to [20px] at (1.5) should be [25px]
Fail CSS Transitions with transition: all: property <border-left-width> from neutral to [20px] at (-0.3) should be [7px]
Fail CSS Transitions with transition: all: property <border-left-width> from neutral to [20px] at (0) should be [10px]
Fail CSS Transitions with transition: all: property <border-left-width> from neutral to [20px] at (0.3) should be [13px]
Fail CSS Transitions with transition: all: property <border-left-width> from neutral to [20px] at (0.6) should be [16px]
Pass CSS Transitions with transition: all: property <border-left-width> from neutral to [20px] at (1) should be [20px]
Fail CSS Transitions with transition: all: property <border-left-width> from neutral to [20px] at (1.5) should be [25px]
Fail CSS Animations: property <border-left-width> from neutral to [20px] at (-0.3) should be [7px]
Pass CSS Animations: property <border-left-width> from neutral to [20px] at (0) should be [10px]
Pass CSS Animations: property <border-left-width> from neutral to [20px] at (0.3) should be [13px]
Pass CSS Animations: property <border-left-width> from neutral to [20px] at (0.6) should be [16px]
Pass CSS Animations: property <border-left-width> from neutral to [20px] at (1) should be [20px]
Fail CSS Animations: property <border-left-width> from neutral to [20px] at (1.5) should be [25px]
Fail Web Animations: property <border-left-width> from neutral to [20px] at (-0.3) should be [7px]
Pass Web Animations: property <border-left-width> from neutral to [20px] at (0) should be [10px]
Pass Web Animations: property <border-left-width> from neutral to [20px] at (0.3) should be [13px]
Pass Web Animations: property <border-left-width> from neutral to [20px] at (0.6) should be [16px]
Pass Web Animations: property <border-left-width> from neutral to [20px] at (1) should be [20px]
Fail Web Animations: property <border-left-width> from neutral to [20px] at (1.5) should be [25px]
Fail CSS Transitions: property <border-left-width> from [initial] to [23px] at (-0.3) should be [0px]
Fail CSS Transitions: property <border-left-width> from [initial] to [23px] at (0) should be [3px]
Fail CSS Transitions: property <border-left-width> from [initial] to [23px] at (0.3) should be [9px]
Fail CSS Transitions: property <border-left-width> from [initial] to [23px] at (0.6) should be [15px]
Pass CSS Transitions: property <border-left-width> from [initial] to [23px] at (1) should be [23px]
Fail CSS Transitions: property <border-left-width> from [initial] to [23px] at (1.5) should be [33px]
Fail CSS Transitions with transition: all: property <border-left-width> from [initial] to [23px] at (-0.3) should be [0px]
Fail CSS Transitions with transition: all: property <border-left-width> from [initial] to [23px] at (0) should be [3px]
Fail CSS Transitions with transition: all: property <border-left-width> from [initial] to [23px] at (0.3) should be [9px]
Fail CSS Transitions with transition: all: property <border-left-width> from [initial] to [23px] at (0.6) should be [15px]
Pass CSS Transitions with transition: all: property <border-left-width> from [initial] to [23px] at (1) should be [23px]
Fail CSS Transitions with transition: all: property <border-left-width> from [initial] to [23px] at (1.5) should be [33px]
Fail CSS Animations: property <border-left-width> from [initial] to [23px] at (-0.3) should be [0px]
Fail CSS Animations: property <border-left-width> from [initial] to [23px] at (0) should be [3px]
Fail CSS Animations: property <border-left-width> from [initial] to [23px] at (0.3) should be [9px]
Fail CSS Animations: property <border-left-width> from [initial] to [23px] at (0.6) should be [15px]
Pass CSS Animations: property <border-left-width> from [initial] to [23px] at (1) should be [23px]
Fail CSS Animations: property <border-left-width> from [initial] to [23px] at (1.5) should be [33px]
Fail Web Animations: property <border-left-width> from [initial] to [23px] at (-0.3) should be [0px]
Fail Web Animations: property <border-left-width> from [initial] to [23px] at (0) should be [3px]
Fail Web Animations: property <border-left-width> from [initial] to [23px] at (0.3) should be [9px]
Fail Web Animations: property <border-left-width> from [initial] to [23px] at (0.6) should be [15px]
Pass Web Animations: property <border-left-width> from [initial] to [23px] at (1) should be [23px]
Fail Web Animations: property <border-left-width> from [initial] to [23px] at (1.5) should be [33px]
Fail CSS Transitions: property <border-left-width> from [inherit] to [20px] at (-0.3) should be [0px]
Fail CSS Transitions: property <border-left-width> from [inherit] to [20px] at (0) should be [0px]
Fail CSS Transitions: property <border-left-width> from [inherit] to [20px] at (0.3) should be [6px]
Fail CSS Transitions: property <border-left-width> from [inherit] to [20px] at (0.6) should be [12px]
Pass CSS Transitions: property <border-left-width> from [inherit] to [20px] at (1) should be [20px]
Fail CSS Transitions: property <border-left-width> from [inherit] to [20px] at (1.5) should be [30px]
Fail CSS Transitions with transition: all: property <border-left-width> from [inherit] to [20px] at (-0.3) should be [0px]
Fail CSS Transitions with transition: all: property <border-left-width> from [inherit] to [20px] at (0) should be [0px]
Fail CSS Transitions with transition: all: property <border-left-width> from [inherit] to [20px] at (0.3) should be [6px]
Fail CSS Transitions with transition: all: property <border-left-width> from [inherit] to [20px] at (0.6) should be [12px]
Pass CSS Transitions with transition: all: property <border-left-width> from [inherit] to [20px] at (1) should be [20px]
Fail CSS Transitions with transition: all: property <border-left-width> from [inherit] to [20px] at (1.5) should be [30px]
Fail CSS Animations: property <border-left-width> from [inherit] to [20px] at (-0.3) should be [0px]
Fail CSS Animations: property <border-left-width> from [inherit] to [20px] at (0) should be [0px]
Fail CSS Animations: property <border-left-width> from [inherit] to [20px] at (0.3) should be [6px]
Fail CSS Animations: property <border-left-width> from [inherit] to [20px] at (0.6) should be [12px]
Pass CSS Animations: property <border-left-width> from [inherit] to [20px] at (1) should be [20px]
Fail CSS Animations: property <border-left-width> from [inherit] to [20px] at (1.5) should be [30px]
Fail Web Animations: property <border-left-width> from [inherit] to [20px] at (-0.3) should be [0px]
Fail Web Animations: property <border-left-width> from [inherit] to [20px] at (0) should be [0px]
Fail Web Animations: property <border-left-width> from [inherit] to [20px] at (0.3) should be [6px]
Fail Web Animations: property <border-left-width> from [inherit] to [20px] at (0.6) should be [12px]
Pass Web Animations: property <border-left-width> from [inherit] to [20px] at (1) should be [20px]
Fail Web Animations: property <border-left-width> from [inherit] to [20px] at (1.5) should be [30px]
Fail CSS Transitions: property <border-left-width> from [unset] to [23px] at (-0.3) should be [0px]
Fail CSS Transitions: property <border-left-width> from [unset] to [23px] at (0) should be [3px]
Fail CSS Transitions: property <border-left-width> from [unset] to [23px] at (0.3) should be [9px]
Fail CSS Transitions: property <border-left-width> from [unset] to [23px] at (0.6) should be [15px]
Pass CSS Transitions: property <border-left-width> from [unset] to [23px] at (1) should be [23px]
Fail CSS Transitions: property <border-left-width> from [unset] to [23px] at (1.5) should be [33px]
Fail CSS Transitions with transition: all: property <border-left-width> from [unset] to [23px] at (-0.3) should be [0px]
Fail CSS Transitions with transition: all: property <border-left-width> from [unset] to [23px] at (0) should be [3px]
Fail CSS Transitions with transition: all: property <border-left-width> from [unset] to [23px] at (0.3) should be [9px]
Fail CSS Transitions with transition: all: property <border-left-width> from [unset] to [23px] at (0.6) should be [15px]
Pass CSS Transitions with transition: all: property <border-left-width> from [unset] to [23px] at (1) should be [23px]
Fail CSS Transitions with transition: all: property <border-left-width> from [unset] to [23px] at (1.5) should be [33px]
Fail CSS Animations: property <border-left-width> from [unset] to [23px] at (-0.3) should be [0px]
Fail CSS Animations: property <border-left-width> from [unset] to [23px] at (0) should be [3px]
Fail CSS Animations: property <border-left-width> from [unset] to [23px] at (0.3) should be [9px]
Fail CSS Animations: property <border-left-width> from [unset] to [23px] at (0.6) should be [15px]
Pass CSS Animations: property <border-left-width> from [unset] to [23px] at (1) should be [23px]
Fail CSS Animations: property <border-left-width> from [unset] to [23px] at (1.5) should be [33px]
Fail Web Animations: property <border-left-width> from [unset] to [23px] at (-0.3) should be [0px]
Fail Web Animations: property <border-left-width> from [unset] to [23px] at (0) should be [3px]
Fail Web Animations: property <border-left-width> from [unset] to [23px] at (0.3) should be [9px]
Fail Web Animations: property <border-left-width> from [unset] to [23px] at (0.6) should be [15px]
Pass Web Animations: property <border-left-width> from [unset] to [23px] at (1) should be [23px]
Fail Web Animations: property <border-left-width> from [unset] to [23px] at (1.5) should be [33px]
Fail CSS Transitions: property <border-left-width> from [0px] to [10px] at (-0.3) should be [0px]
Fail CSS Transitions: property <border-left-width> from [0px] to [10px] at (0) should be [0px]
Fail CSS Transitions: property <border-left-width> from [0px] to [10px] at (0.3) should be [3px]
Fail CSS Transitions: property <border-left-width> from [0px] to [10px] at (0.6) should be [6px]
Pass CSS Transitions: property <border-left-width> from [0px] to [10px] at (1) should be [10px]
Fail CSS Transitions: property <border-left-width> from [0px] to [10px] at (1.5) should be [15px]
Fail CSS Transitions with transition: all: property <border-left-width> from [0px] to [10px] at (-0.3) should be [0px]
Fail CSS Transitions with transition: all: property <border-left-width> from [0px] to [10px] at (0) should be [0px]
Fail CSS Transitions with transition: all: property <border-left-width> from [0px] to [10px] at (0.3) should be [3px]
Fail CSS Transitions with transition: all: property <border-left-width> from [0px] to [10px] at (0.6) should be [6px]
Pass CSS Transitions with transition: all: property <border-left-width> from [0px] to [10px] at (1) should be [10px]
Fail CSS Transitions with transition: all: property <border-left-width> from [0px] to [10px] at (1.5) should be [15px]
Pass CSS Animations: property <border-left-width> from [0px] to [10px] at (-0.3) should be [0px]
Pass CSS Animations: property <border-left-width> from [0px] to [10px] at (0) should be [0px]
Pass CSS Animations: property <border-left-width> from [0px] to [10px] at (0.3) should be [3px]
Pass CSS Animations: property <border-left-width> from [0px] to [10px] at (0.6) should be [6px]
Pass CSS Animations: property <border-left-width> from [0px] to [10px] at (1) should be [10px]
Fail CSS Animations: property <border-left-width> from [0px] to [10px] at (1.5) should be [15px]
Pass Web Animations: property <border-left-width> from [0px] to [10px] at (-0.3) should be [0px]
Pass Web Animations: property <border-left-width> from [0px] to [10px] at (0) should be [0px]
Pass Web Animations: property <border-left-width> from [0px] to [10px] at (0.3) should be [3px]
Pass Web Animations: property <border-left-width> from [0px] to [10px] at (0.6) should be [6px]
Pass Web Animations: property <border-left-width> from [0px] to [10px] at (1) should be [10px]
Fail Web Animations: property <border-left-width> from [0px] to [10px] at (1.5) should be [15px]
Fail CSS Transitions: property <border-bottom-width> from [thick] to [15px] at (-2) should be [0px]
Fail CSS Transitions: property <border-bottom-width> from [thick] to [15px] at (-0.3) should be [2px]
Fail CSS Transitions: property <border-bottom-width> from [thick] to [15px] at (0) should be [5px]
Fail CSS Transitions: property <border-bottom-width> from [thick] to [15px] at (0.3) should be [8px]
Fail CSS Transitions: property <border-bottom-width> from [thick] to [15px] at (0.6) should be [11px]
Pass CSS Transitions: property <border-bottom-width> from [thick] to [15px] at (1) should be [15px]
Fail CSS Transitions: property <border-bottom-width> from [thick] to [15px] at (1.5) should be [20px]
Fail CSS Transitions with transition: all: property <border-bottom-width> from [thick] to [15px] at (-2) should be [0px]
Fail CSS Transitions with transition: all: property <border-bottom-width> from [thick] to [15px] at (-0.3) should be [2px]
Fail CSS Transitions with transition: all: property <border-bottom-width> from [thick] to [15px] at (0) should be [5px]
Fail CSS Transitions with transition: all: property <border-bottom-width> from [thick] to [15px] at (0.3) should be [8px]
Fail CSS Transitions with transition: all: property <border-bottom-width> from [thick] to [15px] at (0.6) should be [11px]
Pass CSS Transitions with transition: all: property <border-bottom-width> from [thick] to [15px] at (1) should be [15px]
Fail CSS Transitions with transition: all: property <border-bottom-width> from [thick] to [15px] at (1.5) should be [20px]
Fail CSS Animations: property <border-bottom-width> from [thick] to [15px] at (-2) should be [0px]
Fail CSS Animations: property <border-bottom-width> from [thick] to [15px] at (-0.3) should be [2px]
Fail CSS Animations: property <border-bottom-width> from [thick] to [15px] at (0) should be [5px]
Fail CSS Animations: property <border-bottom-width> from [thick] to [15px] at (0.3) should be [8px]
Fail CSS Animations: property <border-bottom-width> from [thick] to [15px] at (0.6) should be [11px]
Pass CSS Animations: property <border-bottom-width> from [thick] to [15px] at (1) should be [15px]
Fail CSS Animations: property <border-bottom-width> from [thick] to [15px] at (1.5) should be [20px]
Fail Web Animations: property <border-bottom-width> from [thick] to [15px] at (-2) should be [0px]
Fail Web Animations: property <border-bottom-width> from [thick] to [15px] at (-0.3) should be [2px]
Fail Web Animations: property <border-bottom-width> from [thick] to [15px] at (0) should be [5px]
Fail Web Animations: property <border-bottom-width> from [thick] to [15px] at (0.3) should be [8px]
Fail Web Animations: property <border-bottom-width> from [thick] to [15px] at (0.6) should be [11px]
Pass Web Animations: property <border-bottom-width> from [thick] to [15px] at (1) should be [15px]
Fail Web Animations: property <border-bottom-width> from [thick] to [15px] at (1.5) should be [20px]
Fail CSS Transitions: property <border-left-width> from [medium] to [13px] at (-2) should be [0px]
Fail CSS Transitions: property <border-left-width> from [medium] to [13px] at (-0.25) should be [0.5px]
Fail CSS Transitions: property <border-left-width> from [medium] to [13px] at (0) should be [3px]
Fail CSS Transitions: property <border-left-width> from [medium] to [13px] at (0.3) should be [6px]
Fail CSS Transitions: property <border-left-width> from [medium] to [13px] at (0.6) should be [9px]
Pass CSS Transitions: property <border-left-width> from [medium] to [13px] at (1) should be [13px]
Fail CSS Transitions: property <border-left-width> from [medium] to [13px] at (1.5) should be [18px]
Fail CSS Transitions with transition: all: property <border-left-width> from [medium] to [13px] at (-2) should be [0px]
Fail CSS Transitions with transition: all: property <border-left-width> from [medium] to [13px] at (-0.25) should be [0.5px]
Fail CSS Transitions with transition: all: property <border-left-width> from [medium] to [13px] at (0) should be [3px]
Fail CSS Transitions with transition: all: property <border-left-width> from [medium] to [13px] at (0.3) should be [6px]
Fail CSS Transitions with transition: all: property <border-left-width> from [medium] to [13px] at (0.6) should be [9px]
Pass CSS Transitions with transition: all: property <border-left-width> from [medium] to [13px] at (1) should be [13px]
Fail CSS Transitions with transition: all: property <border-left-width> from [medium] to [13px] at (1.5) should be [18px]
Fail CSS Animations: property <border-left-width> from [medium] to [13px] at (-2) should be [0px]
Fail CSS Animations: property <border-left-width> from [medium] to [13px] at (-0.25) should be [0.5px]
Fail CSS Animations: property <border-left-width> from [medium] to [13px] at (0) should be [3px]
Fail CSS Animations: property <border-left-width> from [medium] to [13px] at (0.3) should be [6px]
Fail CSS Animations: property <border-left-width> from [medium] to [13px] at (0.6) should be [9px]
Pass CSS Animations: property <border-left-width> from [medium] to [13px] at (1) should be [13px]
Fail CSS Animations: property <border-left-width> from [medium] to [13px] at (1.5) should be [18px]
Fail Web Animations: property <border-left-width> from [medium] to [13px] at (-2) should be [0px]
Fail Web Animations: property <border-left-width> from [medium] to [13px] at (-0.25) should be [0.5px]
Fail Web Animations: property <border-left-width> from [medium] to [13px] at (0) should be [3px]
Fail Web Animations: property <border-left-width> from [medium] to [13px] at (0.3) should be [6px]
Fail Web Animations: property <border-left-width> from [medium] to [13px] at (0.6) should be [9px]
Pass Web Animations: property <border-left-width> from [medium] to [13px] at (1) should be [13px]
Fail Web Animations: property <border-left-width> from [medium] to [13px] at (1.5) should be [18px]
Fail CSS Transitions: property <border-right-width> from [thin] to [11px] at (-2) should be [0px]
Fail CSS Transitions: property <border-right-width> from [thin] to [11px] at (-0.3) should be [0px]
Fail CSS Transitions: property <border-right-width> from [thin] to [11px] at (0) should be [1px]
Fail CSS Transitions: property <border-right-width> from [thin] to [11px] at (0.3) should be [4px]
Fail CSS Transitions: property <border-right-width> from [thin] to [11px] at (0.6) should be [7px]
Pass CSS Transitions: property <border-right-width> from [thin] to [11px] at (1) should be [11px]
Fail CSS Transitions: property <border-right-width> from [thin] to [11px] at (1.5) should be [16px]
Fail CSS Transitions with transition: all: property <border-right-width> from [thin] to [11px] at (-2) should be [0px]
Fail CSS Transitions with transition: all: property <border-right-width> from [thin] to [11px] at (-0.3) should be [0px]
Fail CSS Transitions with transition: all: property <border-right-width> from [thin] to [11px] at (0) should be [1px]
Fail CSS Transitions with transition: all: property <border-right-width> from [thin] to [11px] at (0.3) should be [4px]
Fail CSS Transitions with transition: all: property <border-right-width> from [thin] to [11px] at (0.6) should be [7px]
Pass CSS Transitions with transition: all: property <border-right-width> from [thin] to [11px] at (1) should be [11px]
Fail CSS Transitions with transition: all: property <border-right-width> from [thin] to [11px] at (1.5) should be [16px]
Fail CSS Animations: property <border-right-width> from [thin] to [11px] at (-2) should be [0px]
Fail CSS Animations: property <border-right-width> from [thin] to [11px] at (-0.3) should be [0px]
Fail CSS Animations: property <border-right-width> from [thin] to [11px] at (0) should be [1px]
Fail CSS Animations: property <border-right-width> from [thin] to [11px] at (0.3) should be [4px]
Fail CSS Animations: property <border-right-width> from [thin] to [11px] at (0.6) should be [7px]
Pass CSS Animations: property <border-right-width> from [thin] to [11px] at (1) should be [11px]
Fail CSS Animations: property <border-right-width> from [thin] to [11px] at (1.5) should be [16px]
Fail Web Animations: property <border-right-width> from [thin] to [11px] at (-2) should be [0px]
Fail Web Animations: property <border-right-width> from [thin] to [11px] at (-0.3) should be [0px]
Fail Web Animations: property <border-right-width> from [thin] to [11px] at (0) should be [1px]
Fail Web Animations: property <border-right-width> from [thin] to [11px] at (0.3) should be [4px]
Fail Web Animations: property <border-right-width> from [thin] to [11px] at (0.6) should be [7px]
Pass Web Animations: property <border-right-width> from [thin] to [11px] at (1) should be [11px]
Fail Web Animations: property <border-right-width> from [thin] to [11px] at (1.5) should be [16px]
Fail CSS Transitions: property <border-top-width> from [15px] to [thick] at (-2) should be [35px]
Fail CSS Transitions: property <border-top-width> from [15px] to [thick] at (-0.3) should be [18px]
Fail CSS Transitions: property <border-top-width> from [15px] to [thick] at (0) should be [15px]
Fail CSS Transitions: property <border-top-width> from [15px] to [thick] at (0.3) should be [12px]
Fail CSS Transitions: property <border-top-width> from [15px] to [thick] at (0.6) should be [9px]
Fail CSS Transitions: property <border-top-width> from [15px] to [thick] at (1) should be [5px]
Fail CSS Transitions: property <border-top-width> from [15px] to [thick] at (1.5) should be [0px]
Fail CSS Transitions with transition: all: property <border-top-width> from [15px] to [thick] at (-2) should be [35px]
Fail CSS Transitions with transition: all: property <border-top-width> from [15px] to [thick] at (-0.3) should be [18px]
Fail CSS Transitions with transition: all: property <border-top-width> from [15px] to [thick] at (0) should be [15px]
Fail CSS Transitions with transition: all: property <border-top-width> from [15px] to [thick] at (0.3) should be [12px]
Fail CSS Transitions with transition: all: property <border-top-width> from [15px] to [thick] at (0.6) should be [9px]
Fail CSS Transitions with transition: all: property <border-top-width> from [15px] to [thick] at (1) should be [5px]
Fail CSS Transitions with transition: all: property <border-top-width> from [15px] to [thick] at (1.5) should be [0px]
Fail CSS Animations: property <border-top-width> from [15px] to [thick] at (-2) should be [35px]
Fail CSS Animations: property <border-top-width> from [15px] to [thick] at (-0.3) should be [18px]
Pass CSS Animations: property <border-top-width> from [15px] to [thick] at (0) should be [15px]
Fail CSS Animations: property <border-top-width> from [15px] to [thick] at (0.3) should be [12px]
Fail CSS Animations: property <border-top-width> from [15px] to [thick] at (0.6) should be [9px]
Fail CSS Animations: property <border-top-width> from [15px] to [thick] at (1) should be [5px]
Fail CSS Animations: property <border-top-width> from [15px] to [thick] at (1.5) should be [0px]
Fail Web Animations: property <border-top-width> from [15px] to [thick] at (-2) should be [35px]
Fail Web Animations: property <border-top-width> from [15px] to [thick] at (-0.3) should be [18px]
Pass Web Animations: property <border-top-width> from [15px] to [thick] at (0) should be [15px]
Fail Web Animations: property <border-top-width> from [15px] to [thick] at (0.3) should be [12px]
Fail Web Animations: property <border-top-width> from [15px] to [thick] at (0.6) should be [9px]
Fail Web Animations: property <border-top-width> from [15px] to [thick] at (1) should be [5px]
Fail Web Animations: property <border-top-width> from [15px] to [thick] at (1.5) should be [0px]

51
Tests/LibWeb/Text/expected/wpt-import/css/css-backgrounds/animations/box-shadow-composition.txt Normal file
View file

@ -0,0 +1,51 @@
Summary
Harness status: OK
Rerun
Found 40 tests
2 Pass
38 Fail
Details
Result Test Name MessageFail Compositing: property <box-shadow> underlying [undefined] from replace [rgb(100, 100, 100) 10px 20px 30px 40px] to add [rgb(200, 200, 200) 20px 40px 60px 80px] at (-0.3) should be [rgb(70, 70, 70 ) 7px 14px 21px 28px]
Pass Compositing: property <box-shadow> underlying [undefined] from replace [rgb(100, 100, 100) 10px 20px 30px 40px] to add [rgb(200, 200, 200) 20px 40px 60px 80px] at (0) should be [rgb(100, 100, 100) 10px 20px 30px 40px]
Fail Compositing: property <box-shadow> underlying [undefined] from replace [rgb(100, 100, 100) 10px 20px 30px 40px] to add [rgb(200, 200, 200) 20px 40px 60px 80px] at (0.5) should be [rgb(150, 150, 150) 15px 30px 45px 60px]
Pass Compositing: property <box-shadow> underlying [undefined] from replace [rgb(100, 100, 100) 10px 20px 30px 40px] to add [rgb(200, 200, 200) 20px 40px 60px 80px] at (1) should be [rgb(200, 200, 200) 20px 40px 60px 80px]
Fail Compositing: property <box-shadow> underlying [undefined] from replace [rgb(100, 100, 100) 10px 20px 30px 40px] to add [rgb(200, 200, 200) 20px 40px 60px 80px] at (1.5) should be [rgb(250, 250, 250) 25px 50px 75px 100px]
Fail Compositing: property <box-shadow> underlying [rgb(10, 20, 30) 1px 2px 3px 4px] from add [rgb(100, 100, 100) 10px 20px 30px 40px] to add [rgb(200, 200, 200) 20px 40px 60px 80px] at (-0.3) should be [rgb(10, 20, 30) 1px 2px 3px 4px, rgb(70, 70, 70) 7px 14px 21px 28px]
Fail Compositing: property <box-shadow> underlying [rgb(10, 20, 30) 1px 2px 3px 4px] from add [rgb(100, 100, 100) 10px 20px 30px 40px] to add [rgb(200, 200, 200) 20px 40px 60px 80px] at (0) should be [rgb(10, 20, 30) 1px 2px 3px 4px, rgb(100, 100, 100) 10px 20px 30px 40px]
Fail Compositing: property <box-shadow> underlying [rgb(10, 20, 30) 1px 2px 3px 4px] from add [rgb(100, 100, 100) 10px 20px 30px 40px] to add [rgb(200, 200, 200) 20px 40px 60px 80px] at (0.5) should be [rgb(10, 20, 30) 1px 2px 3px 4px, rgb(150, 150, 150) 15px 30px 45px 60px]
Fail Compositing: property <box-shadow> underlying [rgb(10, 20, 30) 1px 2px 3px 4px] from add [rgb(100, 100, 100) 10px 20px 30px 40px] to add [rgb(200, 200, 200) 20px 40px 60px 80px] at (1) should be [rgb(10, 20, 30) 1px 2px 3px 4px, rgb(200, 200, 200) 20px 40px 60px 80px]
Fail Compositing: property <box-shadow> underlying [rgb(10, 20, 30) 1px 2px 3px 4px] from add [rgb(100, 100, 100) 10px 20px 30px 40px] to add [rgb(200, 200, 200) 20px 40px 60px 80px] at (1.5) should be [rgb(10, 20, 30) 1px 2px 3px 4px, rgb(250, 250, 250) 25px 50px 75px 100px]
Fail Compositing: property <box-shadow> underlying [rgb(10, 20, 30) 1px 2px 3px 4px] from add [rgb(100, 100, 100) 10px 20px 30px 40px inset] to add [rgb(200, 200, 200) 20px 40px 60px 80px inset] at (-0.3) should be [rgb(10, 20, 30) 1px 2px 3px 4px, rgb(70, 70, 70) 7px 14px 21px 28px inset]
Fail Compositing: property <box-shadow> underlying [rgb(10, 20, 30) 1px 2px 3px 4px] from add [rgb(100, 100, 100) 10px 20px 30px 40px inset] to add [rgb(200, 200, 200) 20px 40px 60px 80px inset] at (0) should be [rgb(10, 20, 30) 1px 2px 3px 4px, rgb(100, 100, 100) 10px 20px 30px 40px inset]
Fail Compositing: property <box-shadow> underlying [rgb(10, 20, 30) 1px 2px 3px 4px] from add [rgb(100, 100, 100) 10px 20px 30px 40px inset] to add [rgb(200, 200, 200) 20px 40px 60px 80px inset] at (0.5) should be [rgb(10, 20, 30) 1px 2px 3px 4px, rgb(150, 150, 150) 15px 30px 45px 60px inset]
Fail Compositing: property <box-shadow> underlying [rgb(10, 20, 30) 1px 2px 3px 4px] from add [rgb(100, 100, 100) 10px 20px 30px 40px inset] to add [rgb(200, 200, 200) 20px 40px 60px 80px inset] at (1) should be [rgb(10, 20, 30) 1px 2px 3px 4px, rgb(200, 200, 200) 20px 40px 60px 80px inset]
Fail Compositing: property <box-shadow> underlying [rgb(10, 20, 30) 1px 2px 3px 4px] from add [rgb(100, 100, 100) 10px 20px 30px 40px inset] to add [rgb(200, 200, 200) 20px 40px 60px 80px inset] at (1.5) should be [rgb(10, 20, 30) 1px 2px 3px 4px, rgb(250, 250, 250) 25px 50px 75px 100px inset]
Fail Compositing: property <box-shadow> underlying [rgb(10, 20, 30) 1px 2px 3px 4px, rgb(20, 40, 60) 2px 4px 6px 8px] from add [rgb(100, 100, 100) 10px 20px 30px 40px] to add [rgb(200, 200, 200) 20px 40px 60px 80px] at (-0.3) should be [rgb(10, 20, 30) 1px 2px 3px 4px, rgb(20, 40, 60) 2px 4px 6px 8px, rgb(70, 70, 70) 7px 14px 21px 28px]
Fail Compositing: property <box-shadow> underlying [rgb(10, 20, 30) 1px 2px 3px 4px, rgb(20, 40, 60) 2px 4px 6px 8px] from add [rgb(100, 100, 100) 10px 20px 30px 40px] to add [rgb(200, 200, 200) 20px 40px 60px 80px] at (0) should be [rgb(10, 20, 30) 1px 2px 3px 4px, rgb(20, 40, 60) 2px 4px 6px 8px, rgb(100, 100, 100) 10px 20px 30px 40px]
Fail Compositing: property <box-shadow> underlying [rgb(10, 20, 30) 1px 2px 3px 4px, rgb(20, 40, 60) 2px 4px 6px 8px] from add [rgb(100, 100, 100) 10px 20px 30px 40px] to add [rgb(200, 200, 200) 20px 40px 60px 80px] at (0.5) should be [rgb(10, 20, 30) 1px 2px 3px 4px, rgb(20, 40, 60) 2px 4px 6px 8px, rgb(150, 150, 150) 15px 30px 45px 60px]
Fail Compositing: property <box-shadow> underlying [rgb(10, 20, 30) 1px 2px 3px 4px, rgb(20, 40, 60) 2px 4px 6px 8px] from add [rgb(100, 100, 100) 10px 20px 30px 40px] to add [rgb(200, 200, 200) 20px 40px 60px 80px] at (1) should be [rgb(10, 20, 30) 1px 2px 3px 4px, rgb(20, 40, 60) 2px 4px 6px 8px, rgb(200, 200, 200) 20px 40px 60px 80px]
Fail Compositing: property <box-shadow> underlying [rgb(10, 20, 30) 1px 2px 3px 4px, rgb(20, 40, 60) 2px 4px 6px 8px] from add [rgb(100, 100, 100) 10px 20px 30px 40px] to add [rgb(200, 200, 200) 20px 40px 60px 80px] at (1.5) should be [rgb(10, 20, 30) 1px 2px 3px 4px, rgb(20, 40, 60) 2px 4px 6px 8px, rgb(250, 250, 250) 25px 50px 75px 100px]
Fail Compositing: property <box-shadow> underlying [rgb(10, 20, 30) 1px 2px 3px 4px] from add [rgb(100, 100, 100) 10px 20px 30px 40px, rgb(100, 100, 100) 10px 20px 30px 40px inset] to add [rgb(200, 200, 200) 20px 40px 60px 80px, rgb(200, 200, 200) 20px 40px 60px 80px inset] at (-0.3) should be [rgb(10, 20, 30) 1px 2px 3px 4px, rgb(70, 70, 70) 7px 14px 21px 28px, rgb(70, 70, 70) 7px 14px 21px 28px inset]
Fail Compositing: property <box-shadow> underlying [rgb(10, 20, 30) 1px 2px 3px 4px] from add [rgb(100, 100, 100) 10px 20px 30px 40px, rgb(100, 100, 100) 10px 20px 30px 40px inset] to add [rgb(200, 200, 200) 20px 40px 60px 80px, rgb(200, 200, 200) 20px 40px 60px 80px inset] at (0) should be [rgb(10, 20, 30) 1px 2px 3px 4px, rgb(100, 100, 100) 10px 20px 30px 40px, rgb(100, 100, 100) 10px 20px 30px 40px inset]
Fail Compositing: property <box-shadow> underlying [rgb(10, 20, 30) 1px 2px 3px 4px] from add [rgb(100, 100, 100) 10px 20px 30px 40px, rgb(100, 100, 100) 10px 20px 30px 40px inset] to add [rgb(200, 200, 200) 20px 40px 60px 80px, rgb(200, 200, 200) 20px 40px 60px 80px inset] at (0.5) should be [rgb(10, 20, 30) 1px 2px 3px 4px, rgb(150, 150, 150) 15px 30px 45px 60px, rgb(150, 150, 150) 15px 30px 45px 60px inset]
Fail Compositing: property <box-shadow> underlying [rgb(10, 20, 30) 1px 2px 3px 4px] from add [rgb(100, 100, 100) 10px 20px 30px 40px, rgb(100, 100, 100) 10px 20px 30px 40px inset] to add [rgb(200, 200, 200) 20px 40px 60px 80px, rgb(200, 200, 200) 20px 40px 60px 80px inset] at (1) should be [rgb(10, 20, 30) 1px 2px 3px 4px, rgb(200, 200, 200) 20px 40px 60px 80px, rgb(200, 200, 200) 20px 40px 60px 80px inset]
Fail Compositing: property <box-shadow> underlying [rgb(10, 20, 30) 1px 2px 3px 4px] from add [rgb(100, 100, 100) 10px 20px 30px 40px, rgb(100, 100, 100) 10px 20px 30px 40px inset] to add [rgb(200, 200, 200) 20px 40px 60px 80px, rgb(200, 200, 200) 20px 40px 60px 80px inset] at (1.5) should be [rgb(10, 20, 30) 1px 2px 3px 4px, rgb(250, 250, 250) 25px 50px 75px 100px, rgb(250, 250, 250) 25px 50px 75px 100px inset]
Fail Compositing: property <box-shadow> underlying [rgb(10, 20, 30) 1px 2px 3px 4px, rgb(20, 40, 60) 2px 4px 6px 8px] from add [rgb(100, 100, 100) 10px 20px 30px 40px] to replace [rgb(200, 200, 200) 20px 40px 60px 80px] at (-0.3) should be [rgb(0, 0, 0) -4.7px -9.4px 0px -18.8px, rgb(26, 52, 78) 2.6px 5.2px 7.8px 10.4px, rgb(130, 130, 130) 13px 26px 39px 52px]
Fail Compositing: property <box-shadow> underlying [rgb(10, 20, 30) 1px 2px 3px 4px, rgb(20, 40, 60) 2px 4px 6px 8px] from add [rgb(100, 100, 100) 10px 20px 30px 40px] to replace [rgb(200, 200, 200) 20px 40px 60px 80px] at (0) should be [rgb(10, 20, 30) 1px 2px 3px 4px, rgb(20, 40, 60) 2px 4px 6px 8px, rgb(100, 100, 100) 10px 20px 30px 40px]
Fail Compositing: property <box-shadow> underlying [rgb(10, 20, 30) 1px 2px 3px 4px, rgb(20, 40, 60) 2px 4px 6px 8px] from add [rgb(100, 100, 100) 10px 20px 30px 40px] to replace [rgb(200, 200, 200) 20px 40px 60px 80px] at (0.5) should be [rgb(105, 110, 115) 10.5px 21px 31.5px 42px, rgba(20, 40, 60, 0.5) 1px 2px 3px 4px, rgba(100, 100, 100, 0.5) 5px 10px 15px 20px]
Fail Compositing: property <box-shadow> underlying [rgb(10, 20, 30) 1px 2px 3px 4px, rgb(20, 40, 60) 2px 4px 6px 8px] from add [rgb(100, 100, 100) 10px 20px 30px 40px] to replace [rgb(200, 200, 200) 20px 40px 60px 80px] at (1) should be [rgb(200, 200, 200) 20px 40px 60px 80px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px]
Fail Compositing: property <box-shadow> underlying [rgb(10, 20, 30) 1px 2px 3px 4px, rgb(20, 40, 60) 2px 4px 6px 8px] from add [rgb(100, 100, 100) 10px 20px 30px 40px] to replace [rgb(200, 200, 200) 20px 40px 60px 80px] at (1.5) should be [rgb(255, 255, 255) 29.5px 59px 88.5px 118px, rgba(0, 0, 0, 0) -1px -2px 0px -4px, rgba(0, 0, 0, 0) -5px -10px 0px -20px]
Fail Compositing: property <box-shadow> underlying [rgb(10, 20, 30) 1px 2px 3px 4px, rgb(20, 40, 60) 2px 4px 6px 8px] from replace [rgb(100, 100, 100) 10px 20px 30px 40px] to add [rgb(200, 200, 200) 20px 40px 60px 80px] at (-0.3) should be [rgb(127, 124, 121) 12.7px 25.4px 38.1px 50.8px, rgba(0, 0, 0, 0) -0.6px -1.2px 0px -2.4px, rgba(0, 0, 0, 0) -6px -12px 0px -24px]
Fail Compositing: property <box-shadow> underlying [rgb(10, 20, 30) 1px 2px 3px 4px, rgb(20, 40, 60) 2px 4px 6px 8px] from replace [rgb(100, 100, 100) 10px 20px 30px 40px] to add [rgb(200, 200, 200) 20px 40px 60px 80px] at (0) should be [rgb(100, 100, 100) 10px 20px 30px 40px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px]
Fail Compositing: property <box-shadow> underlying [rgb(10, 20, 30) 1px 2px 3px 4px, rgb(20, 40, 60) 2px 4px 6px 8px] from replace [rgb(100, 100, 100) 10px 20px 30px 40px] to add [rgb(200, 200, 200) 20px 40px 60px 80px] at (0.5) should be [rgb(55, 60, 65) 5.5px 11px 16.5px 22px, rgba(20, 40, 60, 0.5) 1px 2px 3px 4px, rgba(200, 200, 200, 0.5) 10px 20px 30px 40px]
Fail Compositing: property <box-shadow> underlying [rgb(10, 20, 30) 1px 2px 3px 4px, rgb(20, 40, 60) 2px 4px 6px 8px] from replace [rgb(100, 100, 100) 10px 20px 30px 40px] to add [rgb(200, 200, 200) 20px 40px 60px 80px] at (1) should be [rgb(10, 20, 30) 1px 2px 3px 4px, rgb(20, 40, 60) 2px 4px 6px 8px, rgb(200, 200, 200) 20px 40px 60px 80px]
Fail Compositing: property <box-shadow> underlying [rgb(10, 20, 30) 1px 2px 3px 4px, rgb(20, 40, 60) 2px 4px 6px 8px] from replace [rgb(100, 100, 100) 10px 20px 30px 40px] to add [rgb(200, 200, 200) 20px 40px 60px 80px] at (1.5) should be [rgb(0, 0, 0) -3.5px -7px 0px -14px, rgb(30, 60, 90) 3px 6px 9px 12px, rgb(255, 255, 255) 30px 60px 90px 120px]
Fail Compositing: property <box-shadow> underlying [rgb(10, 20, 30) 1px 2px 3px 4px, rgb(20, 40, 60) 2px 4px 6px 8px, rgb(40, 80, 120) 4px 8px 12px 16px] from add [rgb(100, 100, 100) 10px 20px 30px 40px, rgb(200, 200, 200) 20px 40px 60px 80px] to replace [rgb(200, 200, 200) 20px 40px 60px 80px] at (-0.3) should be [rgb(0, 0, 0) -4.7px -9.4px 0px -18.8px, rgb(26, 52, 78) 2.6px 5.2px 7.8px 10.4px, rgb(52, 104, 156) 5.2px 10.4px 15.6px 20.8px, rgb(130, 130, 130) 13px 26px 39px 52px, rgb(255, 255, 255) 26px 52px 78px 104px]
Fail Compositing: property <box-shadow> underlying [rgb(10, 20, 30) 1px 2px 3px 4px, rgb(20, 40, 60) 2px 4px 6px 8px, rgb(40, 80, 120) 4px 8px 12px 16px] from add [rgb(100, 100, 100) 10px 20px 30px 40px, rgb(200, 200, 200) 20px 40px 60px 80px] to replace [rgb(200, 200, 200) 20px 40px 60px 80px] at (0) should be [rgb(10, 20, 30) 1px 2px 3px 4px, rgb(20, 40, 60) 2px 4px 6px 8px, rgb(40, 80, 120) 4px 8px 12px 16px, rgb(100, 100, 100) 10px 20px 30px 40px, rgb(200, 200, 200) 20px 40px 60px 80px]
Fail Compositing: property <box-shadow> underlying [rgb(10, 20, 30) 1px 2px 3px 4px, rgb(20, 40, 60) 2px 4px 6px 8px, rgb(40, 80, 120) 4px 8px 12px 16px] from add [rgb(100, 100, 100) 10px 20px 30px 40px, rgb(200, 200, 200) 20px 40px 60px 80px] to replace [rgb(200, 200, 200) 20px 40px 60px 80px] at (0.5) should be [rgb(105, 110, 115) 10.5px 21px 31.5px 42px, rgba(20, 40, 60, 0.5) 1px 2px 3px 4px, rgba(40, 80, 120, 0.5) 2px 4px 6px 8px, rgba(100, 100, 100, 0.5) 5px 10px 15px 20px, rgba(200, 200, 200, 0.5) 10px 20px 30px 40px]
Fail Compositing: property <box-shadow> underlying [rgb(10, 20, 30) 1px 2px 3px 4px, rgb(20, 40, 60) 2px 4px 6px 8px, rgb(40, 80, 120) 4px 8px 12px 16px] from add [rgb(100, 100, 100) 10px 20px 30px 40px, rgb(200, 200, 200) 20px 40px 60px 80px] to replace [rgb(200, 200, 200) 20px 40px 60px 80px] at (1) should be [rgb(200, 200, 200) 20px 40px 60px 80px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px]
Fail Compositing: property <box-shadow> underlying [rgb(10, 20, 30) 1px 2px 3px 4px, rgb(20, 40, 60) 2px 4px 6px 8px, rgb(40, 80, 120) 4px 8px 12px 16px] from add [rgb(100, 100, 100) 10px 20px 30px 40px, rgb(200, 200, 200) 20px 40px 60px 80px] to replace [rgb(200, 200, 200) 20px 40px 60px 80px] at (1.5) should be [rgb(255, 255, 255) 29.5px 59px 88.5px 118px, rgba(0, 0, 0, 0) -1px -2px 0px -4px, rgba(0, 0, 0, 0) -2px -4px 0px -8px, rgba(0, 0, 0, 0) -5px -10px 0px -20px, rgba(0, 0, 0, 0) -10px -20px 0px -40px]

413
Tests/LibWeb/Text/expected/wpt-import/css/css-backgrounds/animations/box-shadow-interpolation.txt Normal file
View file

@ -0,0 +1,413 @@
Summary
Harness status: OK
Rerun
Found 402 tests
114 Pass
288 Fail
Details
Result Test Name MessageFail CSS Transitions: property <box-shadow> from neutral to [20px 20px 20px 20px black] at (-0.3) should be [rgb(0, 0, 0) 7px 33px 7px 33px]
Fail CSS Transitions: property <box-shadow> from neutral to [20px 20px 20px 20px black] at (0) should be [rgb(0, 0, 0) 10px 30px 10px 30px]
Fail CSS Transitions: property <box-shadow> from neutral to [20px 20px 20px 20px black] at (0.3) should be [rgb(0, 0, 0) 13px 27px 13px 27px]
Fail CSS Transitions: property <box-shadow> from neutral to [20px 20px 20px 20px black] at (0.6) should be [rgb(0, 0, 0) 16px 24px 16px 24px]
Pass CSS Transitions: property <box-shadow> from neutral to [20px 20px 20px 20px black] at (1) should be [rgb(0, 0, 0) 20px 20px 20px 20px]
Fail CSS Transitions: property <box-shadow> from neutral to [20px 20px 20px 20px black] at (1.5) should be [rgb(0, 0, 0) 25px 15px 25px 15px]
Fail CSS Transitions with transition: all: property <box-shadow> from neutral to [20px 20px 20px 20px black] at (-0.3) should be [rgb(0, 0, 0) 7px 33px 7px 33px]
Fail CSS Transitions with transition: all: property <box-shadow> from neutral to [20px 20px 20px 20px black] at (0) should be [rgb(0, 0, 0) 10px 30px 10px 30px]
Fail CSS Transitions with transition: all: property <box-shadow> from neutral to [20px 20px 20px 20px black] at (0.3) should be [rgb(0, 0, 0) 13px 27px 13px 27px]
Fail CSS Transitions with transition: all: property <box-shadow> from neutral to [20px 20px 20px 20px black] at (0.6) should be [rgb(0, 0, 0) 16px 24px 16px 24px]
Pass CSS Transitions with transition: all: property <box-shadow> from neutral to [20px 20px 20px 20px black] at (1) should be [rgb(0, 0, 0) 20px 20px 20px 20px]
Fail CSS Transitions with transition: all: property <box-shadow> from neutral to [20px 20px 20px 20px black] at (1.5) should be [rgb(0, 0, 0) 25px 15px 25px 15px]
Fail CSS Animations: property <box-shadow> from neutral to [20px 20px 20px 20px black] at (-0.3) should be [rgb(0, 0, 0) 7px 33px 7px 33px]
Pass CSS Animations: property <box-shadow> from neutral to [20px 20px 20px 20px black] at (0) should be [rgb(0, 0, 0) 10px 30px 10px 30px]
Pass CSS Animations: property <box-shadow> from neutral to [20px 20px 20px 20px black] at (0.3) should be [rgb(0, 0, 0) 13px 27px 13px 27px]
Pass CSS Animations: property <box-shadow> from neutral to [20px 20px 20px 20px black] at (0.6) should be [rgb(0, 0, 0) 16px 24px 16px 24px]
Pass CSS Animations: property <box-shadow> from neutral to [20px 20px 20px 20px black] at (1) should be [rgb(0, 0, 0) 20px 20px 20px 20px]
Fail CSS Animations: property <box-shadow> from neutral to [20px 20px 20px 20px black] at (1.5) should be [rgb(0, 0, 0) 25px 15px 25px 15px]
Fail Web Animations: property <box-shadow> from neutral to [20px 20px 20px 20px black] at (-0.3) should be [rgb(0, 0, 0) 7px 33px 7px 33px]
Pass Web Animations: property <box-shadow> from neutral to [20px 20px 20px 20px black] at (0) should be [rgb(0, 0, 0) 10px 30px 10px 30px]
Pass Web Animations: property <box-shadow> from neutral to [20px 20px 20px 20px black] at (0.3) should be [rgb(0, 0, 0) 13px 27px 13px 27px]
Pass Web Animations: property <box-shadow> from neutral to [20px 20px 20px 20px black] at (0.6) should be [rgb(0, 0, 0) 16px 24px 16px 24px]
Pass Web Animations: property <box-shadow> from neutral to [20px 20px 20px 20px black] at (1) should be [rgb(0, 0, 0) 20px 20px 20px 20px]
Fail Web Animations: property <box-shadow> from neutral to [20px 20px 20px 20px black] at (1.5) should be [rgb(0, 0, 0) 25px 15px 25px 15px]
Fail CSS Transitions: property <box-shadow> from [initial] to [20px 20px 20px 20px black] at (-0.3) should be [rgba(0, 0, 0, 0) -6px -6px 0px -6px]
Fail CSS Transitions: property <box-shadow> from [initial] to [20px 20px 20px 20px black] at (0) should be [rgba(0, 0, 0, 0) 0px 0px 0px 0px]
Fail CSS Transitions: property <box-shadow> from [initial] to [20px 20px 20px 20px black] at (0.3) should be [rgba(0, 0, 0, 0.3) 6px 6px 6px 6px]
Fail CSS Transitions: property <box-shadow> from [initial] to [20px 20px 20px 20px black] at (0.6) should be [rgba(0, 0, 0, 0.6) 12px 12px 12px 12px]
Pass CSS Transitions: property <box-shadow> from [initial] to [20px 20px 20px 20px black] at (1) should be [rgb(0, 0, 0) 20px 20px 20px 20px]
Fail CSS Transitions: property <box-shadow> from [initial] to [20px 20px 20px 20px black] at (1.5) should be [rgb(0, 0, 0) 30px 30px 30px 30px]
Fail CSS Transitions with transition: all: property <box-shadow> from [initial] to [20px 20px 20px 20px black] at (-0.3) should be [rgba(0, 0, 0, 0) -6px -6px 0px -6px]
Fail CSS Transitions with transition: all: property <box-shadow> from [initial] to [20px 20px 20px 20px black] at (0) should be [rgba(0, 0, 0, 0) 0px 0px 0px 0px]
Fail CSS Transitions with transition: all: property <box-shadow> from [initial] to [20px 20px 20px 20px black] at (0.3) should be [rgba(0, 0, 0, 0.3) 6px 6px 6px 6px]
Fail CSS Transitions with transition: all: property <box-shadow> from [initial] to [20px 20px 20px 20px black] at (0.6) should be [rgba(0, 0, 0, 0.6) 12px 12px 12px 12px]
Pass CSS Transitions with transition: all: property <box-shadow> from [initial] to [20px 20px 20px 20px black] at (1) should be [rgb(0, 0, 0) 20px 20px 20px 20px]
Fail CSS Transitions with transition: all: property <box-shadow> from [initial] to [20px 20px 20px 20px black] at (1.5) should be [rgb(0, 0, 0) 30px 30px 30px 30px]
Fail CSS Animations: property <box-shadow> from [initial] to [20px 20px 20px 20px black] at (-0.3) should be [rgba(0, 0, 0, 0) -6px -6px 0px -6px]
Pass CSS Animations: property <box-shadow> from [initial] to [20px 20px 20px 20px black] at (0) should be [rgba(0, 0, 0, 0) 0px 0px 0px 0px]
Pass CSS Animations: property <box-shadow> from [initial] to [20px 20px 20px 20px black] at (0.3) should be [rgba(0, 0, 0, 0.3) 6px 6px 6px 6px]
Pass CSS Animations: property <box-shadow> from [initial] to [20px 20px 20px 20px black] at (0.6) should be [rgba(0, 0, 0, 0.6) 12px 12px 12px 12px]
Pass CSS Animations: property <box-shadow> from [initial] to [20px 20px 20px 20px black] at (1) should be [rgb(0, 0, 0) 20px 20px 20px 20px]
Fail CSS Animations: property <box-shadow> from [initial] to [20px 20px 20px 20px black] at (1.5) should be [rgb(0, 0, 0) 30px 30px 30px 30px]
Fail Web Animations: property <box-shadow> from [initial] to [20px 20px 20px 20px black] at (-0.3) should be [rgba(0, 0, 0, 0) -6px -6px 0px -6px]
Pass Web Animations: property <box-shadow> from [initial] to [20px 20px 20px 20px black] at (0) should be [rgba(0, 0, 0, 0) 0px 0px 0px 0px]
Pass Web Animations: property <box-shadow> from [initial] to [20px 20px 20px 20px black] at (0.3) should be [rgba(0, 0, 0, 0.3) 6px 6px 6px 6px]
Pass Web Animations: property <box-shadow> from [initial] to [20px 20px 20px 20px black] at (0.6) should be [rgba(0, 0, 0, 0.6) 12px 12px 12px 12px]
Pass Web Animations: property <box-shadow> from [initial] to [20px 20px 20px 20px black] at (1) should be [rgb(0, 0, 0) 20px 20px 20px 20px]
Fail Web Animations: property <box-shadow> from [initial] to [20px 20px 20px 20px black] at (1.5) should be [rgb(0, 0, 0) 30px 30px 30px 30px]
Fail CSS Transitions: property <box-shadow> from [inherit] to [20px 20px 20px 20px black] at (-0.3) should be [rgb(0, 0, 0) 33px 7px 33px 7px]
Fail CSS Transitions: property <box-shadow> from [inherit] to [20px 20px 20px 20px black] at (0) should be [rgb(0, 0, 0) 30px 10px 30px 10px]
Fail CSS Transitions: property <box-shadow> from [inherit] to [20px 20px 20px 20px black] at (0.3) should be [rgb(0, 0, 0) 27px 13px 27px 13px]
Fail CSS Transitions: property <box-shadow> from [inherit] to [20px 20px 20px 20px black] at (0.6) should be [rgb(0, 0, 0) 24px 16px 24px 16px]
Pass CSS Transitions: property <box-shadow> from [inherit] to [20px 20px 20px 20px black] at (1) should be [rgb(0, 0, 0) 20px 20px 20px 20px]
Fail CSS Transitions: property <box-shadow> from [inherit] to [20px 20px 20px 20px black] at (1.5) should be [rgb(0, 0, 0) 15px 25px 15px 25px]
Fail CSS Transitions with transition: all: property <box-shadow> from [inherit] to [20px 20px 20px 20px black] at (-0.3) should be [rgb(0, 0, 0) 33px 7px 33px 7px]
Fail CSS Transitions with transition: all: property <box-shadow> from [inherit] to [20px 20px 20px 20px black] at (0) should be [rgb(0, 0, 0) 30px 10px 30px 10px]
Fail CSS Transitions with transition: all: property <box-shadow> from [inherit] to [20px 20px 20px 20px black] at (0.3) should be [rgb(0, 0, 0) 27px 13px 27px 13px]
Fail CSS Transitions with transition: all: property <box-shadow> from [inherit] to [20px 20px 20px 20px black] at (0.6) should be [rgb(0, 0, 0) 24px 16px 24px 16px]
Pass CSS Transitions with transition: all: property <box-shadow> from [inherit] to [20px 20px 20px 20px black] at (1) should be [rgb(0, 0, 0) 20px 20px 20px 20px]
Fail CSS Transitions with transition: all: property <box-shadow> from [inherit] to [20px 20px 20px 20px black] at (1.5) should be [rgb(0, 0, 0) 15px 25px 15px 25px]
Fail CSS Animations: property <box-shadow> from [inherit] to [20px 20px 20px 20px black] at (-0.3) should be [rgb(0, 0, 0) 33px 7px 33px 7px]
Pass CSS Animations: property <box-shadow> from [inherit] to [20px 20px 20px 20px black] at (0) should be [rgb(0, 0, 0) 30px 10px 30px 10px]
Pass CSS Animations: property <box-shadow> from [inherit] to [20px 20px 20px 20px black] at (0.3) should be [rgb(0, 0, 0) 27px 13px 27px 13px]
Pass CSS Animations: property <box-shadow> from [inherit] to [20px 20px 20px 20px black] at (0.6) should be [rgb(0, 0, 0) 24px 16px 24px 16px]
Pass CSS Animations: property <box-shadow> from [inherit] to [20px 20px 20px 20px black] at (1) should be [rgb(0, 0, 0) 20px 20px 20px 20px]
Fail CSS Animations: property <box-shadow> from [inherit] to [20px 20px 20px 20px black] at (1.5) should be [rgb(0, 0, 0) 15px 25px 15px 25px]
Fail Web Animations: property <box-shadow> from [inherit] to [20px 20px 20px 20px black] at (-0.3) should be [rgb(0, 0, 0) 33px 7px 33px 7px]
Pass Web Animations: property <box-shadow> from [inherit] to [20px 20px 20px 20px black] at (0) should be [rgb(0, 0, 0) 30px 10px 30px 10px]
Pass Web Animations: property <box-shadow> from [inherit] to [20px 20px 20px 20px black] at (0.3) should be [rgb(0, 0, 0) 27px 13px 27px 13px]
Pass Web Animations: property <box-shadow> from [inherit] to [20px 20px 20px 20px black] at (0.6) should be [rgb(0, 0, 0) 24px 16px 24px 16px]
Pass Web Animations: property <box-shadow> from [inherit] to [20px 20px 20px 20px black] at (1) should be [rgb(0, 0, 0) 20px 20px 20px 20px]
Fail Web Animations: property <box-shadow> from [inherit] to [20px 20px 20px 20px black] at (1.5) should be [rgb(0, 0, 0) 15px 25px 15px 25px]
Fail CSS Transitions: property <box-shadow> from [unset] to [20px 20px 20px 20px black] at (-0.3) should be [rgba(0, 0, 0, 0) -6px -6px 0px -6px]
Fail CSS Transitions: property <box-shadow> from [unset] to [20px 20px 20px 20px black] at (0) should be [rgba(0, 0, 0, 0) 0px 0px 0px 0px]
Fail CSS Transitions: property <box-shadow> from [unset] to [20px 20px 20px 20px black] at (0.3) should be [rgba(0, 0, 0, 0.3) 6px 6px 6px 6px]
Fail CSS Transitions: property <box-shadow> from [unset] to [20px 20px 20px 20px black] at (0.6) should be [rgba(0, 0, 0, 0.6) 12px 12px 12px 12px]
Pass CSS Transitions: property <box-shadow> from [unset] to [20px 20px 20px 20px black] at (1) should be [rgb(0, 0, 0) 20px 20px 20px 20px]
Fail CSS Transitions: property <box-shadow> from [unset] to [20px 20px 20px 20px black] at (1.5) should be [rgb(0, 0, 0) 30px 30px 30px 30px]
Fail CSS Transitions with transition: all: property <box-shadow> from [unset] to [20px 20px 20px 20px black] at (-0.3) should be [rgba(0, 0, 0, 0) -6px -6px 0px -6px]
Fail CSS Transitions with transition: all: property <box-shadow> from [unset] to [20px 20px 20px 20px black] at (0) should be [rgba(0, 0, 0, 0) 0px 0px 0px 0px]
Fail CSS Transitions with transition: all: property <box-shadow> from [unset] to [20px 20px 20px 20px black] at (0.3) should be [rgba(0, 0, 0, 0.3) 6px 6px 6px 6px]
Fail CSS Transitions with transition: all: property <box-shadow> from [unset] to [20px 20px 20px 20px black] at (0.6) should be [rgba(0, 0, 0, 0.6) 12px 12px 12px 12px]
Pass CSS Transitions with transition: all: property <box-shadow> from [unset] to [20px 20px 20px 20px black] at (1) should be [rgb(0, 0, 0) 20px 20px 20px 20px]
Fail CSS Transitions with transition: all: property <box-shadow> from [unset] to [20px 20px 20px 20px black] at (1.5) should be [rgb(0, 0, 0) 30px 30px 30px 30px]
Fail CSS Animations: property <box-shadow> from [unset] to [20px 20px 20px 20px black] at (-0.3) should be [rgba(0, 0, 0, 0) -6px -6px 0px -6px]
Pass CSS Animations: property <box-shadow> from [unset] to [20px 20px 20px 20px black] at (0) should be [rgba(0, 0, 0, 0) 0px 0px 0px 0px]
Pass CSS Animations: property <box-shadow> from [unset] to [20px 20px 20px 20px black] at (0.3) should be [rgba(0, 0, 0, 0.3) 6px 6px 6px 6px]
Pass CSS Animations: property <box-shadow> from [unset] to [20px 20px 20px 20px black] at (0.6) should be [rgba(0, 0, 0, 0.6) 12px 12px 12px 12px]
Pass CSS Animations: property <box-shadow> from [unset] to [20px 20px 20px 20px black] at (1) should be [rgb(0, 0, 0) 20px 20px 20px 20px]
Fail CSS Animations: property <box-shadow> from [unset] to [20px 20px 20px 20px black] at (1.5) should be [rgb(0, 0, 0) 30px 30px 30px 30px]
Fail Web Animations: property <box-shadow> from [unset] to [20px 20px 20px 20px black] at (-0.3) should be [rgba(0, 0, 0, 0) -6px -6px 0px -6px]
Pass Web Animations: property <box-shadow> from [unset] to [20px 20px 20px 20px black] at (0) should be [rgba(0, 0, 0, 0) 0px 0px 0px 0px]
Pass Web Animations: property <box-shadow> from [unset] to [20px 20px 20px 20px black] at (0.3) should be [rgba(0, 0, 0, 0.3) 6px 6px 6px 6px]
Pass Web Animations: property <box-shadow> from [unset] to [20px 20px 20px 20px black] at (0.6) should be [rgba(0, 0, 0, 0.6) 12px 12px 12px 12px]
Pass Web Animations: property <box-shadow> from [unset] to [20px 20px 20px 20px black] at (1) should be [rgb(0, 0, 0) 20px 20px 20px 20px]
Fail Web Animations: property <box-shadow> from [unset] to [20px 20px 20px 20px black] at (1.5) should be [rgb(0, 0, 0) 30px 30px 30px 30px]
Fail CSS Transitions: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px orange] at (-0.3) should be [rgb(0, 0, 0) 24px 16px 0px 9px]
Fail CSS Transitions: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px orange] at (0) should be [rgb(0, 0, 0) 15px 10px 5px 6px]
Fail CSS Transitions: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px orange] at (0.3) should be [rgb(77, 50, 0) 6px 4px 11px 3px]
Fail CSS Transitions: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px orange] at (0.6) should be [rgb(153, 99, 0) -3px -2px 17px 0px]
Pass CSS Transitions: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px orange] at (1) should be [rgb(255, 165, 0) -15px -10px 25px -4px]
Fail CSS Transitions: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px orange] at (1.5) should be [rgb(255, 248, 0) -30px -20px 35px -9px]
Fail CSS Transitions with transition: all: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px orange] at (-0.3) should be [rgb(0, 0, 0) 24px 16px 0px 9px]
Fail CSS Transitions with transition: all: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px orange] at (0) should be [rgb(0, 0, 0) 15px 10px 5px 6px]
Fail CSS Transitions with transition: all: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px orange] at (0.3) should be [rgb(77, 50, 0) 6px 4px 11px 3px]
Fail CSS Transitions with transition: all: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px orange] at (0.6) should be [rgb(153, 99, 0) -3px -2px 17px 0px]
Pass CSS Transitions with transition: all: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px orange] at (1) should be [rgb(255, 165, 0) -15px -10px 25px -4px]
Fail CSS Transitions with transition: all: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px orange] at (1.5) should be [rgb(255, 248, 0) -30px -20px 35px -9px]
Fail CSS Animations: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px orange] at (-0.3) should be [rgb(0, 0, 0) 24px 16px 0px 9px]
Pass CSS Animations: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px orange] at (0) should be [rgb(0, 0, 0) 15px 10px 5px 6px]
Fail CSS Animations: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px orange] at (0.3) should be [rgb(77, 50, 0) 6px 4px 11px 3px]
Fail CSS Animations: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px orange] at (0.6) should be [rgb(153, 99, 0) -3px -2px 17px 0px]
Pass CSS Animations: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px orange] at (1) should be [rgb(255, 165, 0) -15px -10px 25px -4px]
Fail CSS Animations: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px orange] at (1.5) should be [rgb(255, 248, 0) -30px -20px 35px -9px]
Fail Web Animations: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px orange] at (-0.3) should be [rgb(0, 0, 0) 24px 16px 0px 9px]
Pass Web Animations: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px orange] at (0) should be [rgb(0, 0, 0) 15px 10px 5px 6px]
Fail Web Animations: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px orange] at (0.3) should be [rgb(77, 50, 0) 6px 4px 11px 3px]
Fail Web Animations: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px orange] at (0.6) should be [rgb(153, 99, 0) -3px -2px 17px 0px]
Pass Web Animations: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px orange] at (1) should be [rgb(255, 165, 0) -15px -10px 25px -4px]
Fail Web Animations: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px orange] at (1.5) should be [rgb(255, 248, 0) -30px -20px 35px -9px]
Fail CSS Transitions: property <box-shadow> from [0px 0px 0px 0px black] to [1px 1px 1px 1px black] at (-0.3) should be [rgb(0, 0, 0) -0.3px -0.3px 0px -0.3px]
Fail CSS Transitions: property <box-shadow> from [0px 0px 0px 0px black] to [1px 1px 1px 1px black] at (0) should be [rgb(0, 0, 0) 0px 0px 0px 0px]
Fail CSS Transitions: property <box-shadow> from [0px 0px 0px 0px black] to [1px 1px 1px 1px black] at (0.3) should be [rgb(0, 0, 0) 0.3px 0.3px 0.3px 0.3px]
Fail CSS Transitions: property <box-shadow> from [0px 0px 0px 0px black] to [1px 1px 1px 1px black] at (0.6) should be [rgb(0, 0, 0) 0.6px 0.6px 0.6px 0.6px]
Pass CSS Transitions: property <box-shadow> from [0px 0px 0px 0px black] to [1px 1px 1px 1px black] at (1) should be [rgb(0, 0, 0) 1px 1px 1px 1px]
Fail CSS Transitions: property <box-shadow> from [0px 0px 0px 0px black] to [1px 1px 1px 1px black] at (1.5) should be [rgb(0, 0, 0) 1.5px 1.5px 1.5px 1.5px]
Fail CSS Transitions with transition: all: property <box-shadow> from [0px 0px 0px 0px black] to [1px 1px 1px 1px black] at (-0.3) should be [rgb(0, 0, 0) -0.3px -0.3px 0px -0.3px]
Fail CSS Transitions with transition: all: property <box-shadow> from [0px 0px 0px 0px black] to [1px 1px 1px 1px black] at (0) should be [rgb(0, 0, 0) 0px 0px 0px 0px]
Fail CSS Transitions with transition: all: property <box-shadow> from [0px 0px 0px 0px black] to [1px 1px 1px 1px black] at (0.3) should be [rgb(0, 0, 0) 0.3px 0.3px 0.3px 0.3px]
Fail CSS Transitions with transition: all: property <box-shadow> from [0px 0px 0px 0px black] to [1px 1px 1px 1px black] at (0.6) should be [rgb(0, 0, 0) 0.6px 0.6px 0.6px 0.6px]
Pass CSS Transitions with transition: all: property <box-shadow> from [0px 0px 0px 0px black] to [1px 1px 1px 1px black] at (1) should be [rgb(0, 0, 0) 1px 1px 1px 1px]
Fail CSS Transitions with transition: all: property <box-shadow> from [0px 0px 0px 0px black] to [1px 1px 1px 1px black] at (1.5) should be [rgb(0, 0, 0) 1.5px 1.5px 1.5px 1.5px]
Fail CSS Animations: property <box-shadow> from [0px 0px 0px 0px black] to [1px 1px 1px 1px black] at (-0.3) should be [rgb(0, 0, 0) -0.3px -0.3px 0px -0.3px]
Pass CSS Animations: property <box-shadow> from [0px 0px 0px 0px black] to [1px 1px 1px 1px black] at (0) should be [rgb(0, 0, 0) 0px 0px 0px 0px]
Pass CSS Animations: property <box-shadow> from [0px 0px 0px 0px black] to [1px 1px 1px 1px black] at (0.3) should be [rgb(0, 0, 0) 0.3px 0.3px 0.3px 0.3px]
Pass CSS Animations: property <box-shadow> from [0px 0px 0px 0px black] to [1px 1px 1px 1px black] at (0.6) should be [rgb(0, 0, 0) 0.6px 0.6px 0.6px 0.6px]
Pass CSS Animations: property <box-shadow> from [0px 0px 0px 0px black] to [1px 1px 1px 1px black] at (1) should be [rgb(0, 0, 0) 1px 1px 1px 1px]
Fail CSS Animations: property <box-shadow> from [0px 0px 0px 0px black] to [1px 1px 1px 1px black] at (1.5) should be [rgb(0, 0, 0) 1.5px 1.5px 1.5px 1.5px]
Fail Web Animations: property <box-shadow> from [0px 0px 0px 0px black] to [1px 1px 1px 1px black] at (-0.3) should be [rgb(0, 0, 0) -0.3px -0.3px 0px -0.3px]
Pass Web Animations: property <box-shadow> from [0px 0px 0px 0px black] to [1px 1px 1px 1px black] at (0) should be [rgb(0, 0, 0) 0px 0px 0px 0px]
Pass Web Animations: property <box-shadow> from [0px 0px 0px 0px black] to [1px 1px 1px 1px black] at (0.3) should be [rgb(0, 0, 0) 0.3px 0.3px 0.3px 0.3px]
Pass Web Animations: property <box-shadow> from [0px 0px 0px 0px black] to [1px 1px 1px 1px black] at (0.6) should be [rgb(0, 0, 0) 0.6px 0.6px 0.6px 0.6px]
Pass Web Animations: property <box-shadow> from [0px 0px 0px 0px black] to [1px 1px 1px 1px black] at (1) should be [rgb(0, 0, 0) 1px 1px 1px 1px]
Fail Web Animations: property <box-shadow> from [0px 0px 0px 0px black] to [1px 1px 1px 1px black] at (1.5) should be [rgb(0, 0, 0) 1.5px 1.5px 1.5px 1.5px]
Fail CSS Transitions: property <box-shadow> from [black 15px 10px 5px 6px] to [orange -15px -10px 25px -4px] at (-0.3) should be [rgb(0, 0, 0) 24px 16px 0px 9px]
Fail CSS Transitions: property <box-shadow> from [black 15px 10px 5px 6px] to [orange -15px -10px 25px -4px] at (0) should be [rgb(0, 0, 0) 15px 10px 5px 6px]
Fail CSS Transitions: property <box-shadow> from [black 15px 10px 5px 6px] to [orange -15px -10px 25px -4px] at (0.3) should be [rgb(77, 50, 0) 6px 4px 11px 3px]
Fail CSS Transitions: property <box-shadow> from [black 15px 10px 5px 6px] to [orange -15px -10px 25px -4px] at (0.6) should be [rgb(153, 99, 0) -3px -2px 17px 0px]
Pass CSS Transitions: property <box-shadow> from [black 15px 10px 5px 6px] to [orange -15px -10px 25px -4px] at (1) should be [rgb(255, 165, 0) -15px -10px 25px -4px]
Fail CSS Transitions: property <box-shadow> from [black 15px 10px 5px 6px] to [orange -15px -10px 25px -4px] at (1.5) should be [rgb(255, 248, 0) -30px -20px 35px -9px]
Fail CSS Transitions with transition: all: property <box-shadow> from [black 15px 10px 5px 6px] to [orange -15px -10px 25px -4px] at (-0.3) should be [rgb(0, 0, 0) 24px 16px 0px 9px]
Fail CSS Transitions with transition: all: property <box-shadow> from [black 15px 10px 5px 6px] to [orange -15px -10px 25px -4px] at (0) should be [rgb(0, 0, 0) 15px 10px 5px 6px]
Fail CSS Transitions with transition: all: property <box-shadow> from [black 15px 10px 5px 6px] to [orange -15px -10px 25px -4px] at (0.3) should be [rgb(77, 50, 0) 6px 4px 11px 3px]
Fail CSS Transitions with transition: all: property <box-shadow> from [black 15px 10px 5px 6px] to [orange -15px -10px 25px -4px] at (0.6) should be [rgb(153, 99, 0) -3px -2px 17px 0px]
Pass CSS Transitions with transition: all: property <box-shadow> from [black 15px 10px 5px 6px] to [orange -15px -10px 25px -4px] at (1) should be [rgb(255, 165, 0) -15px -10px 25px -4px]
Fail CSS Transitions with transition: all: property <box-shadow> from [black 15px 10px 5px 6px] to [orange -15px -10px 25px -4px] at (1.5) should be [rgb(255, 248, 0) -30px -20px 35px -9px]
Fail CSS Animations: property <box-shadow> from [black 15px 10px 5px 6px] to [orange -15px -10px 25px -4px] at (-0.3) should be [rgb(0, 0, 0) 24px 16px 0px 9px]
Pass CSS Animations: property <box-shadow> from [black 15px 10px 5px 6px] to [orange -15px -10px 25px -4px] at (0) should be [rgb(0, 0, 0) 15px 10px 5px 6px]
Fail CSS Animations: property <box-shadow> from [black 15px 10px 5px 6px] to [orange -15px -10px 25px -4px] at (0.3) should be [rgb(77, 50, 0) 6px 4px 11px 3px]
Fail CSS Animations: property <box-shadow> from [black 15px 10px 5px 6px] to [orange -15px -10px 25px -4px] at (0.6) should be [rgb(153, 99, 0) -3px -2px 17px 0px]
Pass CSS Animations: property <box-shadow> from [black 15px 10px 5px 6px] to [orange -15px -10px 25px -4px] at (1) should be [rgb(255, 165, 0) -15px -10px 25px -4px]
Fail CSS Animations: property <box-shadow> from [black 15px 10px 5px 6px] to [orange -15px -10px 25px -4px] at (1.5) should be [rgb(255, 248, 0) -30px -20px 35px -9px]
Fail Web Animations: property <box-shadow> from [black 15px 10px 5px 6px] to [orange -15px -10px 25px -4px] at (-0.3) should be [rgb(0, 0, 0) 24px 16px 0px 9px]
Pass Web Animations: property <box-shadow> from [black 15px 10px 5px 6px] to [orange -15px -10px 25px -4px] at (0) should be [rgb(0, 0, 0) 15px 10px 5px 6px]
Fail Web Animations: property <box-shadow> from [black 15px 10px 5px 6px] to [orange -15px -10px 25px -4px] at (0.3) should be [rgb(77, 50, 0) 6px 4px 11px 3px]
Fail Web Animations: property <box-shadow> from [black 15px 10px 5px 6px] to [orange -15px -10px 25px -4px] at (0.6) should be [rgb(153, 99, 0) -3px -2px 17px 0px]
Pass Web Animations: property <box-shadow> from [black 15px 10px 5px 6px] to [orange -15px -10px 25px -4px] at (1) should be [rgb(255, 165, 0) -15px -10px 25px -4px]
Fail Web Animations: property <box-shadow> from [black 15px 10px 5px 6px] to [orange -15px -10px 25px -4px] at (1.5) should be [rgb(255, 248, 0) -30px -20px 35px -9px]
Fail CSS Transitions: property <box-shadow> from [15px 10px 5px 6px black inset] to [-15px -10px 25px -4px orange inset] at (-0.3) should be [rgb(0, 0, 0) 24px 16px 0px 9px inset]
Fail CSS Transitions: property <box-shadow> from [15px 10px 5px 6px black inset] to [-15px -10px 25px -4px orange inset] at (0) should be [rgb(0, 0, 0) 15px 10px 5px 6px inset]
Fail CSS Transitions: property <box-shadow> from [15px 10px 5px 6px black inset] to [-15px -10px 25px -4px orange inset] at (0.3) should be [rgb(77, 50, 0) 6px 4px 11px 3px inset]
Fail CSS Transitions: property <box-shadow> from [15px 10px 5px 6px black inset] to [-15px -10px 25px -4px orange inset] at (0.6) should be [rgb(153, 99, 0) -3px -2px 17px 0px inset]
Pass CSS Transitions: property <box-shadow> from [15px 10px 5px 6px black inset] to [-15px -10px 25px -4px orange inset] at (1) should be [rgb(255, 165, 0) -15px -10px 25px -4px inset]
Fail CSS Transitions: property <box-shadow> from [15px 10px 5px 6px black inset] to [-15px -10px 25px -4px orange inset] at (1.5) should be [rgb(255, 248, 0) -30px -20px 35px -9px inset]
Fail CSS Transitions with transition: all: property <box-shadow> from [15px 10px 5px 6px black inset] to [-15px -10px 25px -4px orange inset] at (-0.3) should be [rgb(0, 0, 0) 24px 16px 0px 9px inset]
Fail CSS Transitions with transition: all: property <box-shadow> from [15px 10px 5px 6px black inset] to [-15px -10px 25px -4px orange inset] at (0) should be [rgb(0, 0, 0) 15px 10px 5px 6px inset]
Fail CSS Transitions with transition: all: property <box-shadow> from [15px 10px 5px 6px black inset] to [-15px -10px 25px -4px orange inset] at (0.3) should be [rgb(77, 50, 0) 6px 4px 11px 3px inset]
Fail CSS Transitions with transition: all: property <box-shadow> from [15px 10px 5px 6px black inset] to [-15px -10px 25px -4px orange inset] at (0.6) should be [rgb(153, 99, 0) -3px -2px 17px 0px inset]
Pass CSS Transitions with transition: all: property <box-shadow> from [15px 10px 5px 6px black inset] to [-15px -10px 25px -4px orange inset] at (1) should be [rgb(255, 165, 0) -15px -10px 25px -4px inset]
Fail CSS Transitions with transition: all: property <box-shadow> from [15px 10px 5px 6px black inset] to [-15px -10px 25px -4px orange inset] at (1.5) should be [rgb(255, 248, 0) -30px -20px 35px -9px inset]
Fail CSS Animations: property <box-shadow> from [15px 10px 5px 6px black inset] to [-15px -10px 25px -4px orange inset] at (-0.3) should be [rgb(0, 0, 0) 24px 16px 0px 9px inset]
Pass CSS Animations: property <box-shadow> from [15px 10px 5px 6px black inset] to [-15px -10px 25px -4px orange inset] at (0) should be [rgb(0, 0, 0) 15px 10px 5px 6px inset]
Fail CSS Animations: property <box-shadow> from [15px 10px 5px 6px black inset] to [-15px -10px 25px -4px orange inset] at (0.3) should be [rgb(77, 50, 0) 6px 4px 11px 3px inset]
Fail CSS Animations: property <box-shadow> from [15px 10px 5px 6px black inset] to [-15px -10px 25px -4px orange inset] at (0.6) should be [rgb(153, 99, 0) -3px -2px 17px 0px inset]
Pass CSS Animations: property <box-shadow> from [15px 10px 5px 6px black inset] to [-15px -10px 25px -4px orange inset] at (1) should be [rgb(255, 165, 0) -15px -10px 25px -4px inset]
Fail CSS Animations: property <box-shadow> from [15px 10px 5px 6px black inset] to [-15px -10px 25px -4px orange inset] at (1.5) should be [rgb(255, 248, 0) -30px -20px 35px -9px inset]
Fail Web Animations: property <box-shadow> from [15px 10px 5px 6px black inset] to [-15px -10px 25px -4px orange inset] at (-0.3) should be [rgb(0, 0, 0) 24px 16px 0px 9px inset]
Pass Web Animations: property <box-shadow> from [15px 10px 5px 6px black inset] to [-15px -10px 25px -4px orange inset] at (0) should be [rgb(0, 0, 0) 15px 10px 5px 6px inset]
Fail Web Animations: property <box-shadow> from [15px 10px 5px 6px black inset] to [-15px -10px 25px -4px orange inset] at (0.3) should be [rgb(77, 50, 0) 6px 4px 11px 3px inset]
Fail Web Animations: property <box-shadow> from [15px 10px 5px 6px black inset] to [-15px -10px 25px -4px orange inset] at (0.6) should be [rgb(153, 99, 0) -3px -2px 17px 0px inset]
Pass Web Animations: property <box-shadow> from [15px 10px 5px 6px black inset] to [-15px -10px 25px -4px orange inset] at (1) should be [rgb(255, 165, 0) -15px -10px 25px -4px inset]
Fail Web Animations: property <box-shadow> from [15px 10px 5px 6px black inset] to [-15px -10px 25px -4px orange inset] at (1.5) should be [rgb(255, 248, 0) -30px -20px 35px -9px inset]
Fail CSS Transitions: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px] at (-0.3) should be [rgb(0, 0, 0) 24px 16px 0px 9px]
Fail CSS Transitions: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px] at (0) should be [rgb(0, 0, 0) 15px 10px 5px 6px]
Fail CSS Transitions: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px] at (0.3) should be [rgb(0, 38, 0) 6px 4px 11px 3px]
Fail CSS Transitions: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px] at (0.6) should be [rgb(0, 77, 0) -3px -2px 17px 0px]
Pass CSS Transitions: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px] at (1) should be [rgb(0, 128, 0) -15px -10px 25px -4px]
Fail CSS Transitions: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px] at (1.5) should be [rgb(0, 192, 0) -30px -20px 35px -9px]
Fail CSS Transitions with transition: all: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px] at (-0.3) should be [rgb(0, 0, 0) 24px 16px 0px 9px]
Fail CSS Transitions with transition: all: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px] at (0) should be [rgb(0, 0, 0) 15px 10px 5px 6px]
Fail CSS Transitions with transition: all: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px] at (0.3) should be [rgb(0, 38, 0) 6px 4px 11px 3px]
Fail CSS Transitions with transition: all: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px] at (0.6) should be [rgb(0, 77, 0) -3px -2px 17px 0px]
Pass CSS Transitions with transition: all: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px] at (1) should be [rgb(0, 128, 0) -15px -10px 25px -4px]
Fail CSS Transitions with transition: all: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px] at (1.5) should be [rgb(0, 192, 0) -30px -20px 35px -9px]
Fail CSS Animations: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px] at (-0.3) should be [rgb(0, 0, 0) 24px 16px 0px 9px]
Pass CSS Animations: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px] at (0) should be [rgb(0, 0, 0) 15px 10px 5px 6px]
Fail CSS Animations: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px] at (0.3) should be [rgb(0, 38, 0) 6px 4px 11px 3px]
Fail CSS Animations: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px] at (0.6) should be [rgb(0, 77, 0) -3px -2px 17px 0px]
Fail CSS Animations: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px] at (1) should be [rgb(0, 128, 0) -15px -10px 25px -4px]
Fail CSS Animations: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px] at (1.5) should be [rgb(0, 192, 0) -30px -20px 35px -9px]
Fail Web Animations: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px] at (-0.3) should be [rgb(0, 0, 0) 24px 16px 0px 9px]
Pass Web Animations: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px] at (0) should be [rgb(0, 0, 0) 15px 10px 5px 6px]
Fail Web Animations: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px] at (0.3) should be [rgb(0, 38, 0) 6px 4px 11px 3px]
Fail Web Animations: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px] at (0.6) should be [rgb(0, 77, 0) -3px -2px 17px 0px]
Fail Web Animations: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px] at (1) should be [rgb(0, 128, 0) -15px -10px 25px -4px]
Fail Web Animations: property <box-shadow> from [15px 10px 5px 6px black] to [-15px -10px 25px -4px] at (1.5) should be [rgb(0, 192, 0) -30px -20px 35px -9px]
Fail CSS Transitions: property <box-shadow> from [10px 10px 10px 10px black] to [10px 10px 10px 10px currentColor] at (-0.3) should be [rgb(0, 0, 0) 10px 10px 10px 10px]
Fail CSS Transitions: property <box-shadow> from [10px 10px 10px 10px black] to [10px 10px 10px 10px currentColor] at (0) should be [rgb(0, 0, 0) 10px 10px 10px 10px]
Fail CSS Transitions: property <box-shadow> from [10px 10px 10px 10px black] to [10px 10px 10px 10px currentColor] at (0.3) should be [rgb(0, 38, 0) 10px 10px 10px 10px]
Fail CSS Transitions: property <box-shadow> from [10px 10px 10px 10px black] to [10px 10px 10px 10px currentColor] at (0.6) should be [rgb(0, 77, 0) 10px 10px 10px 10px]
Pass CSS Transitions: property <box-shadow> from [10px 10px 10px 10px black] to [10px 10px 10px 10px currentColor] at (1) should be [rgb(0, 128, 0) 10px 10px 10px 10px]
Fail CSS Transitions: property <box-shadow> from [10px 10px 10px 10px black] to [10px 10px 10px 10px currentColor] at (1.5) should be [rgb(0, 192, 0) 10px 10px 10px 10px]
Fail CSS Transitions with transition: all: property <box-shadow> from [10px 10px 10px 10px black] to [10px 10px 10px 10px currentColor] at (-0.3) should be [rgb(0, 0, 0) 10px 10px 10px 10px]
Fail CSS Transitions with transition: all: property <box-shadow> from [10px 10px 10px 10px black] to [10px 10px 10px 10px currentColor] at (0) should be [rgb(0, 0, 0) 10px 10px 10px 10px]
Fail CSS Transitions with transition: all: property <box-shadow> from [10px 10px 10px 10px black] to [10px 10px 10px 10px currentColor] at (0.3) should be [rgb(0, 38, 0) 10px 10px 10px 10px]
Fail CSS Transitions with transition: all: property <box-shadow> from [10px 10px 10px 10px black] to [10px 10px 10px 10px currentColor] at (0.6) should be [rgb(0, 77, 0) 10px 10px 10px 10px]
Pass CSS Transitions with transition: all: property <box-shadow> from [10px 10px 10px 10px black] to [10px 10px 10px 10px currentColor] at (1) should be [rgb(0, 128, 0) 10px 10px 10px 10px]
Fail CSS Transitions with transition: all: property <box-shadow> from [10px 10px 10px 10px black] to [10px 10px 10px 10px currentColor] at (1.5) should be [rgb(0, 192, 0) 10px 10px 10px 10px]
Pass CSS Animations: property <box-shadow> from [10px 10px 10px 10px black] to [10px 10px 10px 10px currentColor] at (-0.3) should be [rgb(0, 0, 0) 10px 10px 10px 10px]
Pass CSS Animations: property <box-shadow> from [10px 10px 10px 10px black] to [10px 10px 10px 10px currentColor] at (0) should be [rgb(0, 0, 0) 10px 10px 10px 10px]
Fail CSS Animations: property <box-shadow> from [10px 10px 10px 10px black] to [10px 10px 10px 10px currentColor] at (0.3) should be [rgb(0, 38, 0) 10px 10px 10px 10px]
Fail CSS Animations: property <box-shadow> from [10px 10px 10px 10px black] to [10px 10px 10px 10px currentColor] at (0.6) should be [rgb(0, 77, 0) 10px 10px 10px 10px]
Fail CSS Animations: property <box-shadow> from [10px 10px 10px 10px black] to [10px 10px 10px 10px currentColor] at (1) should be [rgb(0, 128, 0) 10px 10px 10px 10px]
Fail CSS Animations: property <box-shadow> from [10px 10px 10px 10px black] to [10px 10px 10px 10px currentColor] at (1.5) should be [rgb(0, 192, 0) 10px 10px 10px 10px]
Pass Web Animations: property <box-shadow> from [10px 10px 10px 10px black] to [10px 10px 10px 10px currentColor] at (-0.3) should be [rgb(0, 0, 0) 10px 10px 10px 10px]
Pass Web Animations: property <box-shadow> from [10px 10px 10px 10px black] to [10px 10px 10px 10px currentColor] at (0) should be [rgb(0, 0, 0) 10px 10px 10px 10px]
Fail Web Animations: property <box-shadow> from [10px 10px 10px 10px black] to [10px 10px 10px 10px currentColor] at (0.3) should be [rgb(0, 38, 0) 10px 10px 10px 10px]
Fail Web Animations: property <box-shadow> from [10px 10px 10px 10px black] to [10px 10px 10px 10px currentColor] at (0.6) should be [rgb(0, 77, 0) 10px 10px 10px 10px]
Fail Web Animations: property <box-shadow> from [10px 10px 10px 10px black] to [10px 10px 10px 10px currentColor] at (1) should be [rgb(0, 128, 0) 10px 10px 10px 10px]
Fail Web Animations: property <box-shadow> from [10px 10px 10px 10px black] to [10px 10px 10px 10px currentColor] at (1.5) should be [rgb(0, 192, 0) 10px 10px 10px 10px]
Fail CSS Transitions: property <box-shadow> from [10px 20px rgba(255, 255, 0, 0.5), inset 5px 10em #008000] to [none] at (-0.3) should be [rgba(255, 255, 0, 0.65) 13px 26px 0px 0px, rgb(0, 166, 0) 6.5px 39px 0px 0px inset]
Fail CSS Transitions: property <box-shadow> from [10px 20px rgba(255, 255, 0, 0.5), inset 5px 10em #008000] to [none] at (0) should be [rgba(255, 255, 0, 0.5) 10px 20px 0px 0px, rgb(0, 128, 0) 5px 30px 0px 0px inset]
Fail CSS Transitions: property <box-shadow> from [10px 20px rgba(255, 255, 0, 0.5), inset 5px 10em #008000] to [none] at (0.3) should be [rgba(255, 255, 0, 0.353) 7px 14px 0px 0px, rgba(0, 128, 0, 0.7) 3.5px 21px 0px 0px inset]
Fail CSS Transitions: property <box-shadow> from [10px 20px rgba(255, 255, 0, 0.5), inset 5px 10em #008000] to [none] at (0.6) should be [rgba(255, 255, 0, 0.2) 4px 8px 0px 0px, rgba(0, 128, 0, 0.4) 2px 12px 0px 0px inset]
Fail CSS Transitions: property <box-shadow> from [10px 20px rgba(255, 255, 0, 0.5), inset 5px 10em #008000] to [none] at (1) should be [rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px inset]
Fail CSS Transitions: property <box-shadow> from [10px 20px rgba(255, 255, 0, 0.5), inset 5px 10em #008000] to [none] at (1.5) should be [rgba(0, 0, 0, 0) -5px -10px 0px 0px, rgba(0, 0, 0, 0) -2.5px -15px 0px 0px inset]
Fail CSS Transitions with transition: all: property <box-shadow> from [10px 20px rgba(255, 255, 0, 0.5), inset 5px 10em #008000] to [none] at (-0.3) should be [rgba(255, 255, 0, 0.65) 13px 26px 0px 0px, rgb(0, 166, 0) 6.5px 39px 0px 0px inset]
Fail CSS Transitions with transition: all: property <box-shadow> from [10px 20px rgba(255, 255, 0, 0.5), inset 5px 10em #008000] to [none] at (0) should be [rgba(255, 255, 0, 0.5) 10px 20px 0px 0px, rgb(0, 128, 0) 5px 30px 0px 0px inset]
Fail CSS Transitions with transition: all: property <box-shadow> from [10px 20px rgba(255, 255, 0, 0.5), inset 5px 10em #008000] to [none] at (0.3) should be [rgba(255, 255, 0, 0.353) 7px 14px 0px 0px, rgba(0, 128, 0, 0.7) 3.5px 21px 0px 0px inset]
Fail CSS Transitions with transition: all: property <box-shadow> from [10px 20px rgba(255, 255, 0, 0.5), inset 5px 10em #008000] to [none] at (0.6) should be [rgba(255, 255, 0, 0.2) 4px 8px 0px 0px, rgba(0, 128, 0, 0.4) 2px 12px 0px 0px inset]
Fail CSS Transitions with transition: all: property <box-shadow> from [10px 20px rgba(255, 255, 0, 0.5), inset 5px 10em #008000] to [none] at (1) should be [rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px inset]
Fail CSS Transitions with transition: all: property <box-shadow> from [10px 20px rgba(255, 255, 0, 0.5), inset 5px 10em #008000] to [none] at (1.5) should be [rgba(0, 0, 0, 0) -5px -10px 0px 0px, rgba(0, 0, 0, 0) -2.5px -15px 0px 0px inset]
Fail CSS Animations: property <box-shadow> from [10px 20px rgba(255, 255, 0, 0.5), inset 5px 10em #008000] to [none] at (-0.3) should be [rgba(255, 255, 0, 0.65) 13px 26px 0px 0px, rgb(0, 166, 0) 6.5px 39px 0px 0px inset]
Fail CSS Animations: property <box-shadow> from [10px 20px rgba(255, 255, 0, 0.5), inset 5px 10em #008000] to [none] at (0) should be [rgba(255, 255, 0, 0.5) 10px 20px 0px 0px, rgb(0, 128, 0) 5px 30px 0px 0px inset]
Fail CSS Animations: property <box-shadow> from [10px 20px rgba(255, 255, 0, 0.5), inset 5px 10em #008000] to [none] at (0.3) should be [rgba(255, 255, 0, 0.353) 7px 14px 0px 0px, rgba(0, 128, 0, 0.7) 3.5px 21px 0px 0px inset]
Fail CSS Animations: property <box-shadow> from [10px 20px rgba(255, 255, 0, 0.5), inset 5px 10em #008000] to [none] at (0.6) should be [rgba(255, 255, 0, 0.2) 4px 8px 0px 0px, rgba(0, 128, 0, 0.4) 2px 12px 0px 0px inset]
Fail CSS Animations: property <box-shadow> from [10px 20px rgba(255, 255, 0, 0.5), inset 5px 10em #008000] to [none] at (1) should be [rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px inset]
Fail CSS Animations: property <box-shadow> from [10px 20px rgba(255, 255, 0, 0.5), inset 5px 10em #008000] to [none] at (1.5) should be [rgba(0, 0, 0, 0) -5px -10px 0px 0px, rgba(0, 0, 0, 0) -2.5px -15px 0px 0px inset]
Fail Web Animations: property <box-shadow> from [10px 20px rgba(255, 255, 0, 0.5), inset 5px 10em #008000] to [none] at (-0.3) should be [rgba(255, 255, 0, 0.65) 13px 26px 0px 0px, rgb(0, 166, 0) 6.5px 39px 0px 0px inset]
Fail Web Animations: property <box-shadow> from [10px 20px rgba(255, 255, 0, 0.5), inset 5px 10em #008000] to [none] at (0) should be [rgba(255, 255, 0, 0.5) 10px 20px 0px 0px, rgb(0, 128, 0) 5px 30px 0px 0px inset]
Fail Web Animations: property <box-shadow> from [10px 20px rgba(255, 255, 0, 0.5), inset 5px 10em #008000] to [none] at (0.3) should be [rgba(255, 255, 0, 0.353) 7px 14px 0px 0px, rgba(0, 128, 0, 0.7) 3.5px 21px 0px 0px inset]
Fail Web Animations: property <box-shadow> from [10px 20px rgba(255, 255, 0, 0.5), inset 5px 10em #008000] to [none] at (0.6) should be [rgba(255, 255, 0, 0.2) 4px 8px 0px 0px, rgba(0, 128, 0, 0.4) 2px 12px 0px 0px inset]
Fail Web Animations: property <box-shadow> from [10px 20px rgba(255, 255, 0, 0.5), inset 5px 10em #008000] to [none] at (1) should be [rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px inset]
Fail Web Animations: property <box-shadow> from [10px 20px rgba(255, 255, 0, 0.5), inset 5px 10em #008000] to [none] at (1.5) should be [rgba(0, 0, 0, 0) -5px -10px 0px 0px, rgba(0, 0, 0, 0) -2.5px -15px 0px 0px inset]
Fail CSS Transitions: property <box-shadow> from [inset 0 0 0 0 black] to [inset 0 0 0 calc(max(10em, 20px) / 2) black] at (-0.3) should be [rgb(0, 0, 0) 0px 0px 0px -4.5px inset]
Fail CSS Transitions: property <box-shadow> from [inset 0 0 0 0 black] to [inset 0 0 0 calc(max(10em, 20px) / 2) black] at (0) should be [rgb(0, 0, 0) 0px 0px 0px 0px inset]
Fail CSS Transitions: property <box-shadow> from [inset 0 0 0 0 black] to [inset 0 0 0 calc(max(10em, 20px) / 2) black] at (0.3) should be [rgb(0, 0, 0) 0px 0px 0px 4.5px inset]
Fail CSS Transitions: property <box-shadow> from [inset 0 0 0 0 black] to [inset 0 0 0 calc(max(10em, 20px) / 2) black] at (0.6) should be [rgb(0, 0, 0) 0px 0px 0px 9px inset]
Pass CSS Transitions: property <box-shadow> from [inset 0 0 0 0 black] to [inset 0 0 0 calc(max(10em, 20px) / 2) black] at (1) should be [rgb(0, 0, 0) 0px 0px 0px 15px inset]
Fail CSS Transitions: property <box-shadow> from [inset 0 0 0 0 black] to [inset 0 0 0 calc(max(10em, 20px) / 2) black] at (1.5) should be [rgb(0, 0, 0) 0px 0px 0px 22.5px inset]
Fail CSS Transitions with transition: all: property <box-shadow> from [inset 0 0 0 0 black] to [inset 0 0 0 calc(max(10em, 20px) / 2) black] at (-0.3) should be [rgb(0, 0, 0) 0px 0px 0px -4.5px inset]
Fail CSS Transitions with transition: all: property <box-shadow> from [inset 0 0 0 0 black] to [inset 0 0 0 calc(max(10em, 20px) / 2) black] at (0) should be [rgb(0, 0, 0) 0px 0px 0px 0px inset]
Fail CSS Transitions with transition: all: property <box-shadow> from [inset 0 0 0 0 black] to [inset 0 0 0 calc(max(10em, 20px) / 2) black] at (0.3) should be [rgb(0, 0, 0) 0px 0px 0px 4.5px inset]
Fail CSS Transitions with transition: all: property <box-shadow> from [inset 0 0 0 0 black] to [inset 0 0 0 calc(max(10em, 20px) / 2) black] at (0.6) should be [rgb(0, 0, 0) 0px 0px 0px 9px inset]
Pass CSS Transitions with transition: all: property <box-shadow> from [inset 0 0 0 0 black] to [inset 0 0 0 calc(max(10em, 20px) / 2) black] at (1) should be [rgb(0, 0, 0) 0px 0px 0px 15px inset]
Fail CSS Transitions with transition: all: property <box-shadow> from [inset 0 0 0 0 black] to [inset 0 0 0 calc(max(10em, 20px) / 2) black] at (1.5) should be [rgb(0, 0, 0) 0px 0px 0px 22.5px inset]
Fail CSS Animations: property <box-shadow> from [inset 0 0 0 0 black] to [inset 0 0 0 calc(max(10em, 20px) / 2) black] at (-0.3) should be [rgb(0, 0, 0) 0px 0px 0px -4.5px inset]
Pass CSS Animations: property <box-shadow> from [inset 0 0 0 0 black] to [inset 0 0 0 calc(max(10em, 20px) / 2) black] at (0) should be [rgb(0, 0, 0) 0px 0px 0px 0px inset]
Fail CSS Animations: property <box-shadow> from [inset 0 0 0 0 black] to [inset 0 0 0 calc(max(10em, 20px) / 2) black] at (0.3) should be [rgb(0, 0, 0) 0px 0px 0px 4.5px inset]
Fail CSS Animations: property <box-shadow> from [inset 0 0 0 0 black] to [inset 0 0 0 calc(max(10em, 20px) / 2) black] at (0.6) should be [rgb(0, 0, 0) 0px 0px 0px 9px inset]
Pass CSS Animations: property <box-shadow> from [inset 0 0 0 0 black] to [inset 0 0 0 calc(max(10em, 20px) / 2) black] at (1) should be [rgb(0, 0, 0) 0px 0px 0px 15px inset]
Fail CSS Animations: property <box-shadow> from [inset 0 0 0 0 black] to [inset 0 0 0 calc(max(10em, 20px) / 2) black] at (1.5) should be [rgb(0, 0, 0) 0px 0px 0px 22.5px inset]
Fail Web Animations: property <box-shadow> from [inset 0 0 0 0 black] to [inset 0 0 0 calc(max(10em, 20px) / 2) black] at (-0.3) should be [rgb(0, 0, 0) 0px 0px 0px -4.5px inset]
Pass Web Animations: property <box-shadow> from [inset 0 0 0 0 black] to [inset 0 0 0 calc(max(10em, 20px) / 2) black] at (0) should be [rgb(0, 0, 0) 0px 0px 0px 0px inset]
Fail Web Animations: property <box-shadow> from [inset 0 0 0 0 black] to [inset 0 0 0 calc(max(10em, 20px) / 2) black] at (0.3) should be [rgb(0, 0, 0) 0px 0px 0px 4.5px inset]
Fail Web Animations: property <box-shadow> from [inset 0 0 0 0 black] to [inset 0 0 0 calc(max(10em, 20px) / 2) black] at (0.6) should be [rgb(0, 0, 0) 0px 0px 0px 9px inset]
Pass Web Animations: property <box-shadow> from [inset 0 0 0 0 black] to [inset 0 0 0 calc(max(10em, 20px) / 2) black] at (1) should be [rgb(0, 0, 0) 0px 0px 0px 15px inset]
Fail Web Animations: property <box-shadow> from [inset 0 0 0 0 black] to [inset 0 0 0 calc(max(10em, 20px) / 2) black] at (1.5) should be [rgb(0, 0, 0) 0px 0px 0px 22.5px inset]
Fail CSS Transitions with transition-behavior:allow-discrete: property <box-shadow> from [10px 20px yellow, 5px 10px green] to [inset 5px 10px green, 15px 20px blue] at (-0.3) should be [10px 20px yellow, 5px 10px green]
Fail CSS Transitions with transition-behavior:allow-discrete: property <box-shadow> from [10px 20px yellow, 5px 10px green] to [inset 5px 10px green, 15px 20px blue] at (0) should be [10px 20px yellow, 5px 10px green]
Fail CSS Transitions with transition-behavior:allow-discrete: property <box-shadow> from [10px 20px yellow, 5px 10px green] to [inset 5px 10px green, 15px 20px blue] at (0.3) should be [10px 20px yellow, 5px 10px green]
Pass CSS Transitions with transition-behavior:allow-discrete: property <box-shadow> from [10px 20px yellow, 5px 10px green] to [inset 5px 10px green, 15px 20px blue] at (0.5) should be [inset 5px 10px green, 15px 20px blue]
Pass CSS Transitions with transition-behavior:allow-discrete: property <box-shadow> from [10px 20px yellow, 5px 10px green] to [inset 5px 10px green, 15px 20px blue] at (0.6) should be [inset 5px 10px green, 15px 20px blue]
Pass CSS Transitions with transition-behavior:allow-discrete: property <box-shadow> from [10px 20px yellow, 5px 10px green] to [inset 5px 10px green, 15px 20px blue] at (1) should be [inset 5px 10px green, 15px 20px blue]
Pass CSS Transitions with transition-behavior:allow-discrete: property <box-shadow> from [10px 20px yellow, 5px 10px green] to [inset 5px 10px green, 15px 20px blue] at (1.5) should be [inset 5px 10px green, 15px 20px blue]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <box-shadow> from [10px 20px yellow, 5px 10px green] to [inset 5px 10px green, 15px 20px blue] at (-0.3) should be [10px 20px yellow, 5px 10px green]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <box-shadow> from [10px 20px yellow, 5px 10px green] to [inset 5px 10px green, 15px 20px blue] at (0) should be [10px 20px yellow, 5px 10px green]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <box-shadow> from [10px 20px yellow, 5px 10px green] to [inset 5px 10px green, 15px 20px blue] at (0.3) should be [10px 20px yellow, 5px 10px green]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <box-shadow> from [10px 20px yellow, 5px 10px green] to [inset 5px 10px green, 15px 20px blue] at (0.5) should be [inset 5px 10px green, 15px 20px blue]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <box-shadow> from [10px 20px yellow, 5px 10px green] to [inset 5px 10px green, 15px 20px blue] at (0.6) should be [inset 5px 10px green, 15px 20px blue]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <box-shadow> from [10px 20px yellow, 5px 10px green] to [inset 5px 10px green, 15px 20px blue] at (1) should be [inset 5px 10px green, 15px 20px blue]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <box-shadow> from [10px 20px yellow, 5px 10px green] to [inset 5px 10px green, 15px 20px blue] at (1.5) should be [inset 5px 10px green, 15px 20px blue]
Pass CSS Transitions: property <box-shadow> from [10px 20px yellow, 5px 10px green] to [inset 5px 10px green, 15px 20px blue] at (-0.3) should be [inset 5px 10px green, 15px 20px blue]
Pass CSS Transitions: property <box-shadow> from [10px 20px yellow, 5px 10px green] to [inset 5px 10px green, 15px 20px blue] at (0) should be [inset 5px 10px green, 15px 20px blue]
Pass CSS Transitions: property <box-shadow> from [10px 20px yellow, 5px 10px green] to [inset 5px 10px green, 15px 20px blue] at (0.3) should be [inset 5px 10px green, 15px 20px blue]
Pass CSS Transitions: property <box-shadow> from [10px 20px yellow, 5px 10px green] to [inset 5px 10px green, 15px 20px blue] at (0.5) should be [inset 5px 10px green, 15px 20px blue]
Pass CSS Transitions: property <box-shadow> from [10px 20px yellow, 5px 10px green] to [inset 5px 10px green, 15px 20px blue] at (0.6) should be [inset 5px 10px green, 15px 20px blue]
Pass CSS Transitions: property <box-shadow> from [10px 20px yellow, 5px 10px green] to [inset 5px 10px green, 15px 20px blue] at (1) should be [inset 5px 10px green, 15px 20px blue]
Pass CSS Transitions: property <box-shadow> from [10px 20px yellow, 5px 10px green] to [inset 5px 10px green, 15px 20px blue] at (1.5) should be [inset 5px 10px green, 15px 20px blue]
Pass CSS Transitions with transition: all: property <box-shadow> from [10px 20px yellow, 5px 10px green] to [inset 5px 10px green, 15px 20px blue] at (-0.3) should be [inset 5px 10px green, 15px 20px blue]
Pass CSS Transitions with transition: all: property <box-shadow> from [10px 20px yellow, 5px 10px green] to [inset 5px 10px green, 15px 20px blue] at (0) should be [inset 5px 10px green, 15px 20px blue]
Pass CSS Transitions with transition: all: property <box-shadow> from [10px 20px yellow, 5px 10px green] to [inset 5px 10px green, 15px 20px blue] at (0.3) should be [inset 5px 10px green, 15px 20px blue]
Pass CSS Transitions with transition: all: property <box-shadow> from [10px 20px yellow, 5px 10px green] to [inset 5px 10px green, 15px 20px blue] at (0.5) should be [inset 5px 10px green, 15px 20px blue]
Pass CSS Transitions with transition: all: property <box-shadow> from [10px 20px yellow, 5px 10px green] to [inset 5px 10px green, 15px 20px blue] at (0.6) should be [inset 5px 10px green, 15px 20px blue]
Pass CSS Transitions with transition: all: property <box-shadow> from [10px 20px yellow, 5px 10px green] to [inset 5px 10px green, 15px 20px blue] at (1) should be [inset 5px 10px green, 15px 20px blue]
Pass CSS Transitions with transition: all: property <box-shadow> from [10px 20px yellow, 5px 10px green] to [inset 5px 10px green, 15px 20px blue] at (1.5) should be [inset 5px 10px green, 15px 20px blue]
Pass CSS Animations: property <box-shadow> from [10px 20px yellow, 5px 10px green] to [inset 5px 10px green, 15px 20px blue] at (-0.3) should be [10px 20px yellow, 5px 10px green]
Pass CSS Animations: property <box-shadow> from [10px 20px yellow, 5px 10px green] to [inset 5px 10px green, 15px 20px blue] at (0) should be [10px 20px yellow, 5px 10px green]
Fail CSS Animations: property <box-shadow> from [10px 20px yellow, 5px 10px green] to [inset 5px 10px green, 15px 20px blue] at (0.3) should be [10px 20px yellow, 5px 10px green]
Fail CSS Animations: property <box-shadow> from [10px 20px yellow, 5px 10px green] to [inset 5px 10px green, 15px 20px blue] at (0.5) should be [inset 5px 10px green, 15px 20px blue]
Fail CSS Animations: property <box-shadow> from [10px 20px yellow, 5px 10px green] to [inset 5px 10px green, 15px 20px blue] at (0.6) should be [inset 5px 10px green, 15px 20px blue]
Pass CSS Animations: property <box-shadow> from [10px 20px yellow, 5px 10px green] to [inset 5px 10px green, 15px 20px blue] at (1) should be [inset 5px 10px green, 15px 20px blue]
Pass CSS Animations: property <box-shadow> from [10px 20px yellow, 5px 10px green] to [inset 5px 10px green, 15px 20px blue] at (1.5) should be [inset 5px 10px green, 15px 20px blue]
Pass Web Animations: property <box-shadow> from [10px 20px yellow, 5px 10px green] to [inset 5px 10px green, 15px 20px blue] at (-0.3) should be [10px 20px yellow, 5px 10px green]
Pass Web Animations: property <box-shadow> from [10px 20px yellow, 5px 10px green] to [inset 5px 10px green, 15px 20px blue] at (0) should be [10px 20px yellow, 5px 10px green]
Fail Web Animations: property <box-shadow> from [10px 20px yellow, 5px 10px green] to [inset 5px 10px green, 15px 20px blue] at (0.3) should be [10px 20px yellow, 5px 10px green]
Fail Web Animations: property <box-shadow> from [10px 20px yellow, 5px 10px green] to [inset 5px 10px green, 15px 20px blue] at (0.5) should be [inset 5px 10px green, 15px 20px blue]
Fail Web Animations: property <box-shadow> from [10px 20px yellow, 5px 10px green] to [inset 5px 10px green, 15px 20px blue] at (0.6) should be [inset 5px 10px green, 15px 20px blue]
Pass Web Animations: property <box-shadow> from [10px 20px yellow, 5px 10px green] to [inset 5px 10px green, 15px 20px blue] at (1) should be [inset 5px 10px green, 15px 20px blue]
Pass Web Animations: property <box-shadow> from [10px 20px yellow, 5px 10px green] to [inset 5px 10px green, 15px 20px blue] at (1.5) should be [inset 5px 10px green, 15px 20px blue]
Fail CSS Transitions: property <box-shadow> from [10px 10px 10px 10px rgb(0 0 0)] to [10px 10px 10px 10px color(srgb 1 1 1)] at (-0.3) should be [10px 10px 10px 10px oklab(0 0 0)]
Fail CSS Transitions: property <box-shadow> from [10px 10px 10px 10px rgb(0 0 0)] to [10px 10px 10px 10px color(srgb 1 1 1)] at (0) should be [10px 10px 10px 10px oklab(0 0 0)]
Fail CSS Transitions: property <box-shadow> from [10px 10px 10px 10px rgb(0 0 0)] to [10px 10px 10px 10px color(srgb 1 1 1)] at (0.3) should be [10px 10px 10px 10px oklab(0.3 0 0)]
Fail CSS Transitions: property <box-shadow> from [10px 10px 10px 10px rgb(0 0 0)] to [10px 10px 10px 10px color(srgb 1 1 1)] at (0.6) should be [10px 10px 10px 10px oklab(0.6 0 0)]
Fail CSS Transitions: property <box-shadow> from [10px 10px 10px 10px rgb(0 0 0)] to [10px 10px 10px 10px color(srgb 1 1 1)] at (1) should be [10px 10px 10px 10px oklab(1 0 0)]
Fail CSS Transitions: property <box-shadow> from [10px 10px 10px 10px rgb(0 0 0)] to [10px 10px 10px 10px color(srgb 1 1 1)] at (1.5) should be [10px 10px 10px 10px oklab(1 0 0)]
Fail CSS Transitions with transition: all: property <box-shadow> from [10px 10px 10px 10px rgb(0 0 0)] to [10px 10px 10px 10px color(srgb 1 1 1)] at (-0.3) should be [10px 10px 10px 10px oklab(0 0 0)]
Fail CSS Transitions with transition: all: property <box-shadow> from [10px 10px 10px 10px rgb(0 0 0)] to [10px 10px 10px 10px color(srgb 1 1 1)] at (0) should be [10px 10px 10px 10px oklab(0 0 0)]
Fail CSS Transitions with transition: all: property <box-shadow> from [10px 10px 10px 10px rgb(0 0 0)] to [10px 10px 10px 10px color(srgb 1 1 1)] at (0.3) should be [10px 10px 10px 10px oklab(0.3 0 0)]
Fail CSS Transitions with transition: all: property <box-shadow> from [10px 10px 10px 10px rgb(0 0 0)] to [10px 10px 10px 10px color(srgb 1 1 1)] at (0.6) should be [10px 10px 10px 10px oklab(0.6 0 0)]
Fail CSS Transitions with transition: all: property <box-shadow> from [10px 10px 10px 10px rgb(0 0 0)] to [10px 10px 10px 10px color(srgb 1 1 1)] at (1) should be [10px 10px 10px 10px oklab(1 0 0)]
Fail CSS Transitions with transition: all: property <box-shadow> from [10px 10px 10px 10px rgb(0 0 0)] to [10px 10px 10px 10px color(srgb 1 1 1)] at (1.5) should be [10px 10px 10px 10px oklab(1 0 0)]
Fail CSS Animations: property <box-shadow> from [10px 10px 10px 10px rgb(0 0 0)] to [10px 10px 10px 10px color(srgb 1 1 1)] at (-0.3) should be [10px 10px 10px 10px oklab(0 0 0)]
Fail CSS Animations: property <box-shadow> from [10px 10px 10px 10px rgb(0 0 0)] to [10px 10px 10px 10px color(srgb 1 1 1)] at (0) should be [10px 10px 10px 10px oklab(0 0 0)]
Fail CSS Animations: property <box-shadow> from [10px 10px 10px 10px rgb(0 0 0)] to [10px 10px 10px 10px color(srgb 1 1 1)] at (0.3) should be [10px 10px 10px 10px oklab(0.3 0 0)]
Fail CSS Animations: property <box-shadow> from [10px 10px 10px 10px rgb(0 0 0)] to [10px 10px 10px 10px color(srgb 1 1 1)] at (0.6) should be [10px 10px 10px 10px oklab(0.6 0 0)]
Fail CSS Animations: property <box-shadow> from [10px 10px 10px 10px rgb(0 0 0)] to [10px 10px 10px 10px color(srgb 1 1 1)] at (1) should be [10px 10px 10px 10px oklab(1 0 0)]
Fail CSS Animations: property <box-shadow> from [10px 10px 10px 10px rgb(0 0 0)] to [10px 10px 10px 10px color(srgb 1 1 1)] at (1.5) should be [10px 10px 10px 10px oklab(1 0 0)]
Fail Web Animations: property <box-shadow> from [10px 10px 10px 10px rgb(0 0 0)] to [10px 10px 10px 10px color(srgb 1 1 1)] at (-0.3) should be [10px 10px 10px 10px oklab(0 0 0)]
Fail Web Animations: property <box-shadow> from [10px 10px 10px 10px rgb(0 0 0)] to [10px 10px 10px 10px color(srgb 1 1 1)] at (0) should be [10px 10px 10px 10px oklab(0 0 0)]
Fail Web Animations: property <box-shadow> from [10px 10px 10px 10px rgb(0 0 0)] to [10px 10px 10px 10px color(srgb 1 1 1)] at (0.3) should be [10px 10px 10px 10px oklab(0.3 0 0)]
Fail Web Animations: property <box-shadow> from [10px 10px 10px 10px rgb(0 0 0)] to [10px 10px 10px 10px color(srgb 1 1 1)] at (0.6) should be [10px 10px 10px 10px oklab(0.6 0 0)]
Fail Web Animations: property <box-shadow> from [10px 10px 10px 10px rgb(0 0 0)] to [10px 10px 10px 10px color(srgb 1 1 1)] at (1) should be [10px 10px 10px 10px oklab(1 0 0)]
Fail Web Animations: property <box-shadow> from [10px 10px 10px 10px rgb(0 0 0)] to [10px 10px 10px 10px color(srgb 1 1 1)] at (1.5) should be [10px 10px 10px 10px oklab(1 0 0)]
Fail CSS Transitions: property <box-shadow> from [10px 10px 10px 10px color(srgb 0 0 0)] to [10px 10px 10px 10px rgb(255 255 255)] at (-0.3) should be [10px 10px 10px 10px oklab(0 0 0)]
Fail CSS Transitions: property <box-shadow> from [10px 10px 10px 10px color(srgb 0 0 0)] to [10px 10px 10px 10px rgb(255 255 255)] at (0) should be [10px 10px 10px 10px oklab(0 0 0)]
Fail CSS Transitions: property <box-shadow> from [10px 10px 10px 10px color(srgb 0 0 0)] to [10px 10px 10px 10px rgb(255 255 255)] at (0.3) should be [10px 10px 10px 10px oklab(0.3 0 0)]
Fail CSS Transitions: property <box-shadow> from [10px 10px 10px 10px color(srgb 0 0 0)] to [10px 10px 10px 10px rgb(255 255 255)] at (0.6) should be [10px 10px 10px 10px oklab(0.6 0 0)]
Fail CSS Transitions: property <box-shadow> from [10px 10px 10px 10px color(srgb 0 0 0)] to [10px 10px 10px 10px rgb(255 255 255)] at (1) should be [10px 10px 10px 10px oklab(1 0 0)]
Fail CSS Transitions: property <box-shadow> from [10px 10px 10px 10px color(srgb 0 0 0)] to [10px 10px 10px 10px rgb(255 255 255)] at (1.5) should be [10px 10px 10px 10px oklab(1 0 0)]
Fail CSS Transitions with transition: all: property <box-shadow> from [10px 10px 10px 10px color(srgb 0 0 0)] to [10px 10px 10px 10px rgb(255 255 255)] at (-0.3) should be [10px 10px 10px 10px oklab(0 0 0)]
Fail CSS Transitions with transition: all: property <box-shadow> from [10px 10px 10px 10px color(srgb 0 0 0)] to [10px 10px 10px 10px rgb(255 255 255)] at (0) should be [10px 10px 10px 10px oklab(0 0 0)]
Fail CSS Transitions with transition: all: property <box-shadow> from [10px 10px 10px 10px color(srgb 0 0 0)] to [10px 10px 10px 10px rgb(255 255 255)] at (0.3) should be [10px 10px 10px 10px oklab(0.3 0 0)]
Fail CSS Transitions with transition: all: property <box-shadow> from [10px 10px 10px 10px color(srgb 0 0 0)] to [10px 10px 10px 10px rgb(255 255 255)] at (0.6) should be [10px 10px 10px 10px oklab(0.6 0 0)]
Fail CSS Transitions with transition: all: property <box-shadow> from [10px 10px 10px 10px color(srgb 0 0 0)] to [10px 10px 10px 10px rgb(255 255 255)] at (1) should be [10px 10px 10px 10px oklab(1 0 0)]
Fail CSS Transitions with transition: all: property <box-shadow> from [10px 10px 10px 10px color(srgb 0 0 0)] to [10px 10px 10px 10px rgb(255 255 255)] at (1.5) should be [10px 10px 10px 10px oklab(1 0 0)]
Fail CSS Animations: property <box-shadow> from [10px 10px 10px 10px color(srgb 0 0 0)] to [10px 10px 10px 10px rgb(255 255 255)] at (-0.3) should be [10px 10px 10px 10px oklab(0 0 0)]
Fail CSS Animations: property <box-shadow> from [10px 10px 10px 10px color(srgb 0 0 0)] to [10px 10px 10px 10px rgb(255 255 255)] at (0) should be [10px 10px 10px 10px oklab(0 0 0)]
Fail CSS Animations: property <box-shadow> from [10px 10px 10px 10px color(srgb 0 0 0)] to [10px 10px 10px 10px rgb(255 255 255)] at (0.3) should be [10px 10px 10px 10px oklab(0.3 0 0)]
Fail CSS Animations: property <box-shadow> from [10px 10px 10px 10px color(srgb 0 0 0)] to [10px 10px 10px 10px rgb(255 255 255)] at (0.6) should be [10px 10px 10px 10px oklab(0.6 0 0)]
Fail CSS Animations: property <box-shadow> from [10px 10px 10px 10px color(srgb 0 0 0)] to [10px 10px 10px 10px rgb(255 255 255)] at (1) should be [10px 10px 10px 10px oklab(1 0 0)]
Fail CSS Animations: property <box-shadow> from [10px 10px 10px 10px color(srgb 0 0 0)] to [10px 10px 10px 10px rgb(255 255 255)] at (1.5) should be [10px 10px 10px 10px oklab(1 0 0)]
Fail Web Animations: property <box-shadow> from [10px 10px 10px 10px color(srgb 0 0 0)] to [10px 10px 10px 10px rgb(255 255 255)] at (-0.3) should be [10px 10px 10px 10px oklab(0 0 0)]
Fail Web Animations: property <box-shadow> from [10px 10px 10px 10px color(srgb 0 0 0)] to [10px 10px 10px 10px rgb(255 255 255)] at (0) should be [10px 10px 10px 10px oklab(0 0 0)]
Fail Web Animations: property <box-shadow> from [10px 10px 10px 10px color(srgb 0 0 0)] to [10px 10px 10px 10px rgb(255 255 255)] at (0.3) should be [10px 10px 10px 10px oklab(0.3 0 0)]
Fail Web Animations: property <box-shadow> from [10px 10px 10px 10px color(srgb 0 0 0)] to [10px 10px 10px 10px rgb(255 255 255)] at (0.6) should be [10px 10px 10px 10px oklab(0.6 0 0)]
Fail Web Animations: property <box-shadow> from [10px 10px 10px 10px color(srgb 0 0 0)] to [10px 10px 10px 10px rgb(255 255 255)] at (1) should be [10px 10px 10px 10px oklab(1 0 0)]
Fail Web Animations: property <box-shadow> from [10px 10px 10px 10px color(srgb 0 0 0)] to [10px 10px 10px 10px rgb(255 255 255)] at (1.5) should be [10px 10px 10px 10px oklab(1 0 0)]
Fail CSS Transitions: property <box-shadow> from [10px 10px 10px 10px color(srgb 0 0 0)] to [10px 10px 10px 10px color(srgb 1 1 1)] at (-0.3) should be [10px 10px 10px 10px oklab(0 0 0)]
Fail CSS Transitions: property <box-shadow> from [10px 10px 10px 10px color(srgb 0 0 0)] to [10px 10px 10px 10px color(srgb 1 1 1)] at (0) should be [10px 10px 10px 10px oklab(0 0 0)]
Fail CSS Transitions: property <box-shadow> from [10px 10px 10px 10px color(srgb 0 0 0)] to [10px 10px 10px 10px color(srgb 1 1 1)] at (0.3) should be [10px 10px 10px 10px oklab(0.3 0 0)]
Fail CSS Transitions: property <box-shadow> from [10px 10px 10px 10px color(srgb 0 0 0)] to [10px 10px 10px 10px color(srgb 1 1 1)] at (0.6) should be [10px 10px 10px 10px oklab(0.6 0 0)]
Fail CSS Transitions: property <box-shadow> from [10px 10px 10px 10px color(srgb 0 0 0)] to [10px 10px 10px 10px color(srgb 1 1 1)] at (1) should be [10px 10px 10px 10px oklab(1 0 0)]
Fail CSS Transitions: property <box-shadow> from [10px 10px 10px 10px color(srgb 0 0 0)] to [10px 10px 10px 10px color(srgb 1 1 1)] at (1.5) should be [10px 10px 10px 10px oklab(1 0 0)]
Fail CSS Transitions with transition: all: property <box-shadow> from [10px 10px 10px 10px color(srgb 0 0 0)] to [10px 10px 10px 10px color(srgb 1 1 1)] at (-0.3) should be [10px 10px 10px 10px oklab(0 0 0)]
Fail CSS Transitions with transition: all: property <box-shadow> from [10px 10px 10px 10px color(srgb 0 0 0)] to [10px 10px 10px 10px color(srgb 1 1 1)] at (0) should be [10px 10px 10px 10px oklab(0 0 0)]
Fail CSS Transitions with transition: all: property <box-shadow> from [10px 10px 10px 10px color(srgb 0 0 0)] to [10px 10px 10px 10px color(srgb 1 1 1)] at (0.3) should be [10px 10px 10px 10px oklab(0.3 0 0)]
Fail CSS Transitions with transition: all: property <box-shadow> from [10px 10px 10px 10px color(srgb 0 0 0)] to [10px 10px 10px 10px color(srgb 1 1 1)] at (0.6) should be [10px 10px 10px 10px oklab(0.6 0 0)]
Fail CSS Transitions with transition: all: property <box-shadow> from [10px 10px 10px 10px color(srgb 0 0 0)] to [10px 10px 10px 10px color(srgb 1 1 1)] at (1) should be [10px 10px 10px 10px oklab(1 0 0)]
Fail CSS Transitions with transition: all: property <box-shadow> from [10px 10px 10px 10px color(srgb 0 0 0)] to [10px 10px 10px 10px color(srgb 1 1 1)] at (1.5) should be [10px 10px 10px 10px oklab(1 0 0)]
Fail CSS Animations: property <box-shadow> from [10px 10px 10px 10px color(srgb 0 0 0)] to [10px 10px 10px 10px color(srgb 1 1 1)] at (-0.3) should be [10px 10px 10px 10px oklab(0 0 0)]
Fail CSS Animations: property <box-shadow> from [10px 10px 10px 10px color(srgb 0 0 0)] to [10px 10px 10px 10px color(srgb 1 1 1)] at (0) should be [10px 10px 10px 10px oklab(0 0 0)]
Fail CSS Animations: property <box-shadow> from [10px 10px 10px 10px color(srgb 0 0 0)] to [10px 10px 10px 10px color(srgb 1 1 1)] at (0.3) should be [10px 10px 10px 10px oklab(0.3 0 0)]
Fail CSS Animations: property <box-shadow> from [10px 10px 10px 10px color(srgb 0 0 0)] to [10px 10px 10px 10px color(srgb 1 1 1)] at (0.6) should be [10px 10px 10px 10px oklab(0.6 0 0)]
Fail CSS Animations: property <box-shadow> from [10px 10px 10px 10px color(srgb 0 0 0)] to [10px 10px 10px 10px color(srgb 1 1 1)] at (1) should be [10px 10px 10px 10px oklab(1 0 0)]
Fail CSS Animations: property <box-shadow> from [10px 10px 10px 10px color(srgb 0 0 0)] to [10px 10px 10px 10px color(srgb 1 1 1)] at (1.5) should be [10px 10px 10px 10px oklab(1 0 0)]
Fail Web Animations: property <box-shadow> from [10px 10px 10px 10px color(srgb 0 0 0)] to [10px 10px 10px 10px color(srgb 1 1 1)] at (-0.3) should be [10px 10px 10px 10px oklab(0 0 0)]
Fail Web Animations: property <box-shadow> from [10px 10px 10px 10px color(srgb 0 0 0)] to [10px 10px 10px 10px color(srgb 1 1 1)] at (0) should be [10px 10px 10px 10px oklab(0 0 0)]
Fail Web Animations: property <box-shadow> from [10px 10px 10px 10px color(srgb 0 0 0)] to [10px 10px 10px 10px color(srgb 1 1 1)] at (0.3) should be [10px 10px 10px 10px oklab(0.3 0 0)]
Fail Web Animations: property <box-shadow> from [10px 10px 10px 10px color(srgb 0 0 0)] to [10px 10px 10px 10px color(srgb 1 1 1)] at (0.6) should be [10px 10px 10px 10px oklab(0.6 0 0)]
Fail Web Animations: property <box-shadow> from [10px 10px 10px 10px color(srgb 0 0 0)] to [10px 10px 10px 10px color(srgb 1 1 1)] at (1) should be [10px 10px 10px 10px oklab(1 0 0)]
Fail Web Animations: property <box-shadow> from [10px 10px 10px 10px color(srgb 0 0 0)] to [10px 10px 10px 10px color(srgb 1 1 1)] at (1.5) should be [10px 10px 10px 10px oklab(1 0 0)]

263
Tests/LibWeb/Text/expected/wpt-import/css/css-backgrounds/animations/discrete-no-interpolation.txt Normal file
View file

@ -0,0 +1,263 @@
Summary
Harness status: OK
Rerun
Found 252 tests
144 Pass
108 Fail
Details
Result Test Name MessageFail CSS Transitions with transition-behavior:allow-discrete: property <background-attachment> from [initial] to [fixed] at (-0.3) should be [initial]
Fail CSS Transitions with transition-behavior:allow-discrete: property <background-attachment> from [initial] to [fixed] at (0) should be [initial]
Fail CSS Transitions with transition-behavior:allow-discrete: property <background-attachment> from [initial] to [fixed] at (0.3) should be [initial]
Pass CSS Transitions with transition-behavior:allow-discrete: property <background-attachment> from [initial] to [fixed] at (0.5) should be [fixed]
Pass CSS Transitions with transition-behavior:allow-discrete: property <background-attachment> from [initial] to [fixed] at (0.6) should be [fixed]
Pass CSS Transitions with transition-behavior:allow-discrete: property <background-attachment> from [initial] to [fixed] at (1) should be [fixed]
Pass CSS Transitions with transition-behavior:allow-discrete: property <background-attachment> from [initial] to [fixed] at (1.5) should be [fixed]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <background-attachment> from [initial] to [fixed] at (-0.3) should be [initial]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <background-attachment> from [initial] to [fixed] at (0) should be [initial]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <background-attachment> from [initial] to [fixed] at (0.3) should be [initial]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <background-attachment> from [initial] to [fixed] at (0.5) should be [fixed]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <background-attachment> from [initial] to [fixed] at (0.6) should be [fixed]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <background-attachment> from [initial] to [fixed] at (1) should be [fixed]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <background-attachment> from [initial] to [fixed] at (1.5) should be [fixed]
Pass CSS Transitions: property <background-attachment> from [initial] to [fixed] at (-0.3) should be [fixed]
Pass CSS Transitions: property <background-attachment> from [initial] to [fixed] at (0) should be [fixed]
Pass CSS Transitions: property <background-attachment> from [initial] to [fixed] at (0.3) should be [fixed]
Pass CSS Transitions: property <background-attachment> from [initial] to [fixed] at (0.5) should be [fixed]
Pass CSS Transitions: property <background-attachment> from [initial] to [fixed] at (0.6) should be [fixed]
Pass CSS Transitions: property <background-attachment> from [initial] to [fixed] at (1) should be [fixed]
Pass CSS Transitions: property <background-attachment> from [initial] to [fixed] at (1.5) should be [fixed]
Pass CSS Transitions with transition: all: property <background-attachment> from [initial] to [fixed] at (-0.3) should be [fixed]
Pass CSS Transitions with transition: all: property <background-attachment> from [initial] to [fixed] at (0) should be [fixed]
Pass CSS Transitions with transition: all: property <background-attachment> from [initial] to [fixed] at (0.3) should be [fixed]
Pass CSS Transitions with transition: all: property <background-attachment> from [initial] to [fixed] at (0.5) should be [fixed]
Pass CSS Transitions with transition: all: property <background-attachment> from [initial] to [fixed] at (0.6) should be [fixed]
Pass CSS Transitions with transition: all: property <background-attachment> from [initial] to [fixed] at (1) should be [fixed]
Pass CSS Transitions with transition: all: property <background-attachment> from [initial] to [fixed] at (1.5) should be [fixed]
Pass CSS Animations: property <background-attachment> from [initial] to [fixed] at (-0.3) should be [initial]
Pass CSS Animations: property <background-attachment> from [initial] to [fixed] at (0) should be [initial]
Pass CSS Animations: property <background-attachment> from [initial] to [fixed] at (0.3) should be [initial]
Pass CSS Animations: property <background-attachment> from [initial] to [fixed] at (0.5) should be [fixed]
Pass CSS Animations: property <background-attachment> from [initial] to [fixed] at (0.6) should be [fixed]
Pass CSS Animations: property <background-attachment> from [initial] to [fixed] at (1) should be [fixed]
Pass CSS Animations: property <background-attachment> from [initial] to [fixed] at (1.5) should be [fixed]
Pass Web Animations: property <background-attachment> from [initial] to [fixed] at (-0.3) should be [initial]
Pass Web Animations: property <background-attachment> from [initial] to [fixed] at (0) should be [initial]
Pass Web Animations: property <background-attachment> from [initial] to [fixed] at (0.3) should be [initial]
Pass Web Animations: property <background-attachment> from [initial] to [fixed] at (0.5) should be [fixed]
Pass Web Animations: property <background-attachment> from [initial] to [fixed] at (0.6) should be [fixed]
Pass Web Animations: property <background-attachment> from [initial] to [fixed] at (1) should be [fixed]
Pass Web Animations: property <background-attachment> from [initial] to [fixed] at (1.5) should be [fixed]
Fail CSS Transitions with transition-behavior:allow-discrete: property <background-blend-mode> from [initial] to [overlay] at (-0.3) should be [initial]
Fail CSS Transitions with transition-behavior:allow-discrete: property <background-blend-mode> from [initial] to [overlay] at (0) should be [initial]
Fail CSS Transitions with transition-behavior:allow-discrete: property <background-blend-mode> from [initial] to [overlay] at (0.3) should be [initial]
Fail CSS Transitions with transition-behavior:allow-discrete: property <background-blend-mode> from [initial] to [overlay] at (0.5) should be [overlay]
Fail CSS Transitions with transition-behavior:allow-discrete: property <background-blend-mode> from [initial] to [overlay] at (0.6) should be [overlay]
Fail CSS Transitions with transition-behavior:allow-discrete: property <background-blend-mode> from [initial] to [overlay] at (1) should be [overlay]
Fail CSS Transitions with transition-behavior:allow-discrete: property <background-blend-mode> from [initial] to [overlay] at (1.5) should be [overlay]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <background-blend-mode> from [initial] to [overlay] at (-0.3) should be [initial]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <background-blend-mode> from [initial] to [overlay] at (0) should be [initial]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <background-blend-mode> from [initial] to [overlay] at (0.3) should be [initial]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <background-blend-mode> from [initial] to [overlay] at (0.5) should be [overlay]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <background-blend-mode> from [initial] to [overlay] at (0.6) should be [overlay]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <background-blend-mode> from [initial] to [overlay] at (1) should be [overlay]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <background-blend-mode> from [initial] to [overlay] at (1.5) should be [overlay]
Fail CSS Transitions: property <background-blend-mode> from [initial] to [overlay] at (-0.3) should be [overlay]
Fail CSS Transitions: property <background-blend-mode> from [initial] to [overlay] at (0) should be [overlay]
Fail CSS Transitions: property <background-blend-mode> from [initial] to [overlay] at (0.3) should be [overlay]
Fail CSS Transitions: property <background-blend-mode> from [initial] to [overlay] at (0.5) should be [overlay]
Fail CSS Transitions: property <background-blend-mode> from [initial] to [overlay] at (0.6) should be [overlay]
Fail CSS Transitions: property <background-blend-mode> from [initial] to [overlay] at (1) should be [overlay]
Fail CSS Transitions: property <background-blend-mode> from [initial] to [overlay] at (1.5) should be [overlay]
Fail CSS Transitions with transition: all: property <background-blend-mode> from [initial] to [overlay] at (-0.3) should be [overlay]
Fail CSS Transitions with transition: all: property <background-blend-mode> from [initial] to [overlay] at (0) should be [overlay]
Fail CSS Transitions with transition: all: property <background-blend-mode> from [initial] to [overlay] at (0.3) should be [overlay]
Fail CSS Transitions with transition: all: property <background-blend-mode> from [initial] to [overlay] at (0.5) should be [overlay]
Fail CSS Transitions with transition: all: property <background-blend-mode> from [initial] to [overlay] at (0.6) should be [overlay]
Fail CSS Transitions with transition: all: property <background-blend-mode> from [initial] to [overlay] at (1) should be [overlay]
Fail CSS Transitions with transition: all: property <background-blend-mode> from [initial] to [overlay] at (1.5) should be [overlay]
Fail CSS Animations: property <background-blend-mode> from [initial] to [overlay] at (-0.3) should be [initial]
Fail CSS Animations: property <background-blend-mode> from [initial] to [overlay] at (0) should be [initial]
Fail CSS Animations: property <background-blend-mode> from [initial] to [overlay] at (0.3) should be [initial]
Fail CSS Animations: property <background-blend-mode> from [initial] to [overlay] at (0.5) should be [overlay]
Fail CSS Animations: property <background-blend-mode> from [initial] to [overlay] at (0.6) should be [overlay]
Fail CSS Animations: property <background-blend-mode> from [initial] to [overlay] at (1) should be [overlay]
Fail CSS Animations: property <background-blend-mode> from [initial] to [overlay] at (1.5) should be [overlay]
Fail Web Animations: property <background-blend-mode> from [initial] to [overlay] at (-0.3) should be [initial]
Fail Web Animations: property <background-blend-mode> from [initial] to [overlay] at (0) should be [initial]
Fail Web Animations: property <background-blend-mode> from [initial] to [overlay] at (0.3) should be [initial]
Fail Web Animations: property <background-blend-mode> from [initial] to [overlay] at (0.5) should be [overlay]
Fail Web Animations: property <background-blend-mode> from [initial] to [overlay] at (0.6) should be [overlay]
Fail Web Animations: property <background-blend-mode> from [initial] to [overlay] at (1) should be [overlay]
Fail Web Animations: property <background-blend-mode> from [initial] to [overlay] at (1.5) should be [overlay]
Fail CSS Transitions with transition-behavior:allow-discrete: property <background-clip> from [initial] to [content-box] at (-0.3) should be [initial]
Fail CSS Transitions with transition-behavior:allow-discrete: property <background-clip> from [initial] to [content-box] at (0) should be [initial]
Fail CSS Transitions with transition-behavior:allow-discrete: property <background-clip> from [initial] to [content-box] at (0.3) should be [initial]
Pass CSS Transitions with transition-behavior:allow-discrete: property <background-clip> from [initial] to [content-box] at (0.5) should be [content-box]
Pass CSS Transitions with transition-behavior:allow-discrete: property <background-clip> from [initial] to [content-box] at (0.6) should be [content-box]
Pass CSS Transitions with transition-behavior:allow-discrete: property <background-clip> from [initial] to [content-box] at (1) should be [content-box]
Pass CSS Transitions with transition-behavior:allow-discrete: property <background-clip> from [initial] to [content-box] at (1.5) should be [content-box]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <background-clip> from [initial] to [content-box] at (-0.3) should be [initial]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <background-clip> from [initial] to [content-box] at (0) should be [initial]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <background-clip> from [initial] to [content-box] at (0.3) should be [initial]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <background-clip> from [initial] to [content-box] at (0.5) should be [content-box]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <background-clip> from [initial] to [content-box] at (0.6) should be [content-box]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <background-clip> from [initial] to [content-box] at (1) should be [content-box]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <background-clip> from [initial] to [content-box] at (1.5) should be [content-box]
Pass CSS Transitions: property <background-clip> from [initial] to [content-box] at (-0.3) should be [content-box]
Pass CSS Transitions: property <background-clip> from [initial] to [content-box] at (0) should be [content-box]
Pass CSS Transitions: property <background-clip> from [initial] to [content-box] at (0.3) should be [content-box]
Pass CSS Transitions: property <background-clip> from [initial] to [content-box] at (0.5) should be [content-box]
Pass CSS Transitions: property <background-clip> from [initial] to [content-box] at (0.6) should be [content-box]
Pass CSS Transitions: property <background-clip> from [initial] to [content-box] at (1) should be [content-box]
Pass CSS Transitions: property <background-clip> from [initial] to [content-box] at (1.5) should be [content-box]
Pass CSS Transitions with transition: all: property <background-clip> from [initial] to [content-box] at (-0.3) should be [content-box]
Pass CSS Transitions with transition: all: property <background-clip> from [initial] to [content-box] at (0) should be [content-box]
Pass CSS Transitions with transition: all: property <background-clip> from [initial] to [content-box] at (0.3) should be [content-box]
Pass CSS Transitions with transition: all: property <background-clip> from [initial] to [content-box] at (0.5) should be [content-box]
Pass CSS Transitions with transition: all: property <background-clip> from [initial] to [content-box] at (0.6) should be [content-box]
Pass CSS Transitions with transition: all: property <background-clip> from [initial] to [content-box] at (1) should be [content-box]
Pass CSS Transitions with transition: all: property <background-clip> from [initial] to [content-box] at (1.5) should be [content-box]
Pass CSS Animations: property <background-clip> from [initial] to [content-box] at (-0.3) should be [initial]
Pass CSS Animations: property <background-clip> from [initial] to [content-box] at (0) should be [initial]
Pass CSS Animations: property <background-clip> from [initial] to [content-box] at (0.3) should be [initial]
Pass CSS Animations: property <background-clip> from [initial] to [content-box] at (0.5) should be [content-box]
Pass CSS Animations: property <background-clip> from [initial] to [content-box] at (0.6) should be [content-box]
Pass CSS Animations: property <background-clip> from [initial] to [content-box] at (1) should be [content-box]
Pass CSS Animations: property <background-clip> from [initial] to [content-box] at (1.5) should be [content-box]
Pass Web Animations: property <background-clip> from [initial] to [content-box] at (-0.3) should be [initial]
Pass Web Animations: property <background-clip> from [initial] to [content-box] at (0) should be [initial]
Pass Web Animations: property <background-clip> from [initial] to [content-box] at (0.3) should be [initial]
Pass Web Animations: property <background-clip> from [initial] to [content-box] at (0.5) should be [content-box]
Pass Web Animations: property <background-clip> from [initial] to [content-box] at (0.6) should be [content-box]
Pass Web Animations: property <background-clip> from [initial] to [content-box] at (1) should be [content-box]
Pass Web Animations: property <background-clip> from [initial] to [content-box] at (1.5) should be [content-box]
Fail CSS Transitions with transition-behavior:allow-discrete: property <background-origin> from [initial] to [border-box] at (-0.3) should be [initial]
Fail CSS Transitions with transition-behavior:allow-discrete: property <background-origin> from [initial] to [border-box] at (0) should be [initial]
Fail CSS Transitions with transition-behavior:allow-discrete: property <background-origin> from [initial] to [border-box] at (0.3) should be [initial]
Pass CSS Transitions with transition-behavior:allow-discrete: property <background-origin> from [initial] to [border-box] at (0.5) should be [border-box]
Pass CSS Transitions with transition-behavior:allow-discrete: property <background-origin> from [initial] to [border-box] at (0.6) should be [border-box]
Pass CSS Transitions with transition-behavior:allow-discrete: property <background-origin> from [initial] to [border-box] at (1) should be [border-box]
Pass CSS Transitions with transition-behavior:allow-discrete: property <background-origin> from [initial] to [border-box] at (1.5) should be [border-box]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <background-origin> from [initial] to [border-box] at (-0.3) should be [initial]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <background-origin> from [initial] to [border-box] at (0) should be [initial]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <background-origin> from [initial] to [border-box] at (0.3) should be [initial]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <background-origin> from [initial] to [border-box] at (0.5) should be [border-box]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <background-origin> from [initial] to [border-box] at (0.6) should be [border-box]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <background-origin> from [initial] to [border-box] at (1) should be [border-box]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <background-origin> from [initial] to [border-box] at (1.5) should be [border-box]
Pass CSS Transitions: property <background-origin> from [initial] to [border-box] at (-0.3) should be [border-box]
Pass CSS Transitions: property <background-origin> from [initial] to [border-box] at (0) should be [border-box]
Pass CSS Transitions: property <background-origin> from [initial] to [border-box] at (0.3) should be [border-box]
Pass CSS Transitions: property <background-origin> from [initial] to [border-box] at (0.5) should be [border-box]
Pass CSS Transitions: property <background-origin> from [initial] to [border-box] at (0.6) should be [border-box]
Pass CSS Transitions: property <background-origin> from [initial] to [border-box] at (1) should be [border-box]
Pass CSS Transitions: property <background-origin> from [initial] to [border-box] at (1.5) should be [border-box]
Pass CSS Transitions with transition: all: property <background-origin> from [initial] to [border-box] at (-0.3) should be [border-box]
Pass CSS Transitions with transition: all: property <background-origin> from [initial] to [border-box] at (0) should be [border-box]
Pass CSS Transitions with transition: all: property <background-origin> from [initial] to [border-box] at (0.3) should be [border-box]
Pass CSS Transitions with transition: all: property <background-origin> from [initial] to [border-box] at (0.5) should be [border-box]
Pass CSS Transitions with transition: all: property <background-origin> from [initial] to [border-box] at (0.6) should be [border-box]
Pass CSS Transitions with transition: all: property <background-origin> from [initial] to [border-box] at (1) should be [border-box]
Pass CSS Transitions with transition: all: property <background-origin> from [initial] to [border-box] at (1.5) should be [border-box]
Pass CSS Animations: property <background-origin> from [initial] to [border-box] at (-0.3) should be [initial]
Pass CSS Animations: property <background-origin> from [initial] to [border-box] at (0) should be [initial]
Pass CSS Animations: property <background-origin> from [initial] to [border-box] at (0.3) should be [initial]
Pass CSS Animations: property <background-origin> from [initial] to [border-box] at (0.5) should be [border-box]
Pass CSS Animations: property <background-origin> from [initial] to [border-box] at (0.6) should be [border-box]
Pass CSS Animations: property <background-origin> from [initial] to [border-box] at (1) should be [border-box]
Pass CSS Animations: property <background-origin> from [initial] to [border-box] at (1.5) should be [border-box]
Pass Web Animations: property <background-origin> from [initial] to [border-box] at (-0.3) should be [initial]
Pass Web Animations: property <background-origin> from [initial] to [border-box] at (0) should be [initial]
Pass Web Animations: property <background-origin> from [initial] to [border-box] at (0.3) should be [initial]
Pass Web Animations: property <background-origin> from [initial] to [border-box] at (0.5) should be [border-box]
Pass Web Animations: property <background-origin> from [initial] to [border-box] at (0.6) should be [border-box]
Pass Web Animations: property <background-origin> from [initial] to [border-box] at (1) should be [border-box]
Pass Web Animations: property <background-origin> from [initial] to [border-box] at (1.5) should be [border-box]
Fail CSS Transitions with transition-behavior:allow-discrete: property <background-repeat> from [initial] to [round] at (-0.3) should be [initial]
Fail CSS Transitions with transition-behavior:allow-discrete: property <background-repeat> from [initial] to [round] at (0) should be [initial]
Fail CSS Transitions with transition-behavior:allow-discrete: property <background-repeat> from [initial] to [round] at (0.3) should be [initial]
Pass CSS Transitions with transition-behavior:allow-discrete: property <background-repeat> from [initial] to [round] at (0.5) should be [round]
Pass CSS Transitions with transition-behavior:allow-discrete: property <background-repeat> from [initial] to [round] at (0.6) should be [round]
Pass CSS Transitions with transition-behavior:allow-discrete: property <background-repeat> from [initial] to [round] at (1) should be [round]
Pass CSS Transitions with transition-behavior:allow-discrete: property <background-repeat> from [initial] to [round] at (1.5) should be [round]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <background-repeat> from [initial] to [round] at (-0.3) should be [initial]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <background-repeat> from [initial] to [round] at (0) should be [initial]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <background-repeat> from [initial] to [round] at (0.3) should be [initial]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <background-repeat> from [initial] to [round] at (0.5) should be [round]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <background-repeat> from [initial] to [round] at (0.6) should be [round]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <background-repeat> from [initial] to [round] at (1) should be [round]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <background-repeat> from [initial] to [round] at (1.5) should be [round]
Pass CSS Transitions: property <background-repeat> from [initial] to [round] at (-0.3) should be [round]
Pass CSS Transitions: property <background-repeat> from [initial] to [round] at (0) should be [round]
Pass CSS Transitions: property <background-repeat> from [initial] to [round] at (0.3) should be [round]
Pass CSS Transitions: property <background-repeat> from [initial] to [round] at (0.5) should be [round]
Pass CSS Transitions: property <background-repeat> from [initial] to [round] at (0.6) should be [round]
Pass CSS Transitions: property <background-repeat> from [initial] to [round] at (1) should be [round]
Pass CSS Transitions: property <background-repeat> from [initial] to [round] at (1.5) should be [round]
Pass CSS Transitions with transition: all: property <background-repeat> from [initial] to [round] at (-0.3) should be [round]
Pass CSS Transitions with transition: all: property <background-repeat> from [initial] to [round] at (0) should be [round]
Pass CSS Transitions with transition: all: property <background-repeat> from [initial] to [round] at (0.3) should be [round]
Pass CSS Transitions with transition: all: property <background-repeat> from [initial] to [round] at (0.5) should be [round]
Pass CSS Transitions with transition: all: property <background-repeat> from [initial] to [round] at (0.6) should be [round]
Pass CSS Transitions with transition: all: property <background-repeat> from [initial] to [round] at (1) should be [round]
Pass CSS Transitions with transition: all: property <background-repeat> from [initial] to [round] at (1.5) should be [round]
Pass CSS Animations: property <background-repeat> from [initial] to [round] at (-0.3) should be [initial]
Pass CSS Animations: property <background-repeat> from [initial] to [round] at (0) should be [initial]
Pass CSS Animations: property <background-repeat> from [initial] to [round] at (0.3) should be [initial]
Pass CSS Animations: property <background-repeat> from [initial] to [round] at (0.5) should be [round]
Pass CSS Animations: property <background-repeat> from [initial] to [round] at (0.6) should be [round]
Pass CSS Animations: property <background-repeat> from [initial] to [round] at (1) should be [round]
Pass CSS Animations: property <background-repeat> from [initial] to [round] at (1.5) should be [round]
Pass Web Animations: property <background-repeat> from [initial] to [round] at (-0.3) should be [initial]
Pass Web Animations: property <background-repeat> from [initial] to [round] at (0) should be [initial]
Pass Web Animations: property <background-repeat> from [initial] to [round] at (0.3) should be [initial]
Pass Web Animations: property <background-repeat> from [initial] to [round] at (0.5) should be [round]
Pass Web Animations: property <background-repeat> from [initial] to [round] at (0.6) should be [round]
Pass Web Animations: property <background-repeat> from [initial] to [round] at (1) should be [round]
Pass Web Animations: property <background-repeat> from [initial] to [round] at (1.5) should be [round]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-repeat> from [initial] to [round] at (-0.3) should be [initial]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-repeat> from [initial] to [round] at (0) should be [initial]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-repeat> from [initial] to [round] at (0.3) should be [initial]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-repeat> from [initial] to [round] at (0.5) should be [round]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-repeat> from [initial] to [round] at (0.6) should be [round]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-repeat> from [initial] to [round] at (1) should be [round]
Fail CSS Transitions with transition-behavior:allow-discrete: property <border-image-repeat> from [initial] to [round] at (1.5) should be [round]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-repeat> from [initial] to [round] at (-0.3) should be [initial]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-repeat> from [initial] to [round] at (0) should be [initial]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-repeat> from [initial] to [round] at (0.3) should be [initial]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-repeat> from [initial] to [round] at (0.5) should be [round]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-repeat> from [initial] to [round] at (0.6) should be [round]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-repeat> from [initial] to [round] at (1) should be [round]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <border-image-repeat> from [initial] to [round] at (1.5) should be [round]
Fail CSS Transitions: property <border-image-repeat> from [initial] to [round] at (-0.3) should be [round]
Fail CSS Transitions: property <border-image-repeat> from [initial] to [round] at (0) should be [round]
Fail CSS Transitions: property <border-image-repeat> from [initial] to [round] at (0.3) should be [round]
Fail CSS Transitions: property <border-image-repeat> from [initial] to [round] at (0.5) should be [round]
Fail CSS Transitions: property <border-image-repeat> from [initial] to [round] at (0.6) should be [round]
Fail CSS Transitions: property <border-image-repeat> from [initial] to [round] at (1) should be [round]
Fail CSS Transitions: property <border-image-repeat> from [initial] to [round] at (1.5) should be [round]
Fail CSS Transitions with transition: all: property <border-image-repeat> from [initial] to [round] at (-0.3) should be [round]
Fail CSS Transitions with transition: all: property <border-image-repeat> from [initial] to [round] at (0) should be [round]
Fail CSS Transitions with transition: all: property <border-image-repeat> from [initial] to [round] at (0.3) should be [round]
Fail CSS Transitions with transition: all: property <border-image-repeat> from [initial] to [round] at (0.5) should be [round]
Fail CSS Transitions with transition: all: property <border-image-repeat> from [initial] to [round] at (0.6) should be [round]
Fail CSS Transitions with transition: all: property <border-image-repeat> from [initial] to [round] at (1) should be [round]
Fail CSS Transitions with transition: all: property <border-image-repeat> from [initial] to [round] at (1.5) should be [round]
Fail CSS Animations: property <border-image-repeat> from [initial] to [round] at (-0.3) should be [initial]
Fail CSS Animations: property <border-image-repeat> from [initial] to [round] at (0) should be [initial]
Fail CSS Animations: property <border-image-repeat> from [initial] to [round] at (0.3) should be [initial]
Fail CSS Animations: property <border-image-repeat> from [initial] to [round] at (0.5) should be [round]
Fail CSS Animations: property <border-image-repeat> from [initial] to [round] at (0.6) should be [round]
Fail CSS Animations: property <border-image-repeat> from [initial] to [round] at (1) should be [round]
Fail CSS Animations: property <border-image-repeat> from [initial] to [round] at (1.5) should be [round]
Fail Web Animations: property <border-image-repeat> from [initial] to [round] at (-0.3) should be [initial]
Fail Web Animations: property <border-image-repeat> from [initial] to [round] at (0) should be [initial]
Fail Web Animations: property <border-image-repeat> from [initial] to [round] at (0.3) should be [initial]
Fail Web Animations: property <border-image-repeat> from [initial] to [round] at (0.5) should be [round]
Fail Web Animations: property <border-image-repeat> from [initial] to [round] at (0.6) should be [round]
Fail Web Animations: property <border-image-repeat> from [initial] to [round] at (1) should be [round]
Fail Web Animations: property <border-image-repeat> from [initial] to [round] at (1.5) should be [round]

4
Tests/LibWeb/Text/input/wpt-import/css/css-backgrounds/animations/WEB_FEATURES.yml Normal file
View file

@ -0,0 +1,4 @@
features:
- name: border-image
files:
- border-image-*

122
Tests/LibWeb/Text/input/wpt-import/css/css-backgrounds/animations/background-color-interpolation.html Normal file
View file

@ -0,0 +1,122 @@
<!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="../../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>

53
Tests/LibWeb/Text/input/wpt-import/css/css-backgrounds/animations/background-color-transition-colormix.html Normal file
View file

@ -0,0 +1,53 @@
<!DOCTYPE html>
<html>
<title>currentColor in nested color-mix() with transition</title>
<link rel="help" href="https://drafts.csswg.org/css-color/#currentcolor-color">
<style>
#parent {
color: white;
background-color:
color-mix(in srgb,
color-mix(in srgb, black, currentColor),
black);
height: 200px;
width: 200px;
}
#child {
background-color: inherit;
transition: background-color;
height: 100px;
width: 100px;
}
</style>
<div id="parent">
<div id="child"></div>
</div>
<script src="../../../resources/testharness.js"></script>
<script src="../../../resources/testharnessreport.js"></script>
<script src="/web-animations/testcommon.js"></script>
<script>
async function runTest() {
promise_test(async t => {
await waitForNextFrame();
const child = document.getElementById('child');
const parent = document.getElementById('parent');
let parentBG = getComputedStyle(parent).backgroundColor;
let childBG = getComputedStyle(child).backgroundColor;
assert_equals(parentBG, "color(srgb 0.25 0.25 0.25)");
assert_equals(childBG, "color(srgb 0.25 0.25 0.25)");
// Style change triggers a CSS transition. Wait for the
// transition to start.
await waitForNextFrame();
child.style = 'color:black';
await Promise.all(document.getAnimations().map(a => a.ready));
parentBG = getComputedStyle(parent).backgroundColor;
childBG = getComputedStyle(child).backgroundColor;
assert_equals(parentBG, "color(srgb 0.25 0.25 0.25)");
assert_equals(childBG, "color(srgb 0 0 0)");
}, 'Transition with currentColor in color-mix');
}
window.onload = runTest();
</script>

230
Tests/LibWeb/Text/input/wpt-import/css/css-backgrounds/animations/background-image-interpolation.html Normal file
View file

@ -0,0 +1,230 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#background-image">
<meta name="test" content="background-image supports animation">
<script src="../../../resources/testharness.js"></script>
<script src="../../../resources/testharnessreport.js"></script>
<script src="../../support/interpolation-testcommon.js"></script>
<style>
.parent {
background-image: url(../resources/blue-100.png);
background-size: 0 0;
}
.target {
width: 100px;
height: 100px;
display: inline-block;
border: 10px solid black;
background-repeat: no-repeat;
background-image: url(../resources/blue-100.png);
}
.expected {
border-color: green;
margin-right: 2px;
}
</style>
<body>
<script>
// Neutral to image
var from = 'url(../resources/blue-100.png)';
var to = 'url(../resources/green-100.png)';
test_interpolation({
property: 'background-image',
from: neutralKeyframe,
to: to,
}, [
{at: -0.3, expect: from},
{at: 0, expect: from},
{at: 0.3, expect: from},
{at: 0.6, expect: to},
{at: 1, expect: to},
{at: 1.5, expect: to},
]);
// initial to image
to = 'url(../resources/green-100.png)';
test_interpolation({
property: 'background-image',
from: 'initial',
to: to,
}, [
{at: -0.3, expect: 'none'},
{at: 0, expect: 'none'},
{at: 0.3, expect: 'none'},
{at: 0.6, expect: to},
{at: 1, expect: to},
{at: 1.5, expect: to},
]);
// inherit to image
from = 'url(../resources/blue-100.png)';
to = 'url(../resources/green-100.png)';
test_interpolation({
property: 'background-image',
from: 'inherit',
to: to,
}, [
{at: -0.3, expect: from},
{at: 0, expect: from},
{at: 0.3, expect: from},
{at: 0.6, expect: to},
{at: 1, expect: to},
{at: 1.5, expect: to},
]);
// unset to image
test_interpolation({
property: 'background-image',
from: 'unset',
to: to,
}, [
{at: -0.3, expect: 'none'},
{at: 0, expect: 'none'},
{at: 0.3, expect: 'none'},
{at: 0.6, expect: to},
{at: 1, expect: to},
{at: 1.5, expect: to},
]);
// Image to image
from = 'url(../resources/blue-100.png)';
to = 'url(../resources/green-100.png)';
test_interpolation({
property: 'background-image',
from: from,
to: to,
}, [
{at: -0.3, expect: from},
{at: 0, expect: from},
{at: 0.3, expect: from},
{at: 0.6, expect: to},
{at: 1, expect: to},
{at: 1.5, expect: to},
]);
// Image to gradient
from = 'url(../resources/blue-100.png)';
to = 'linear-gradient(45deg, blue, orange)';
test_interpolation({
property: 'background-image',
from: from,
to: to,
}, [
{at: -0.3, expect: from},
{at: 0, expect: from},
{at: 0.3, expect: from},
{at: 0.6, expect: to},
{at: 1, expect: to},
{at: 1.5, expect: to},
]);
// Image to crossfade
from = 'url(../resources/blue-100.png)';
to = 'cross-fade(url(../resources/green-100.png), url(../resources/stripes-100.png), 0.5)';
test_interpolation({
property: 'background-image',
from: from,
to: to,
}, [
{at: -0.3, expect: from},
{at: 0, expect: from},
{at: 0.3, expect: from},
{at: 0.6, expect: to},
{at: 1, expect: to},
{at: 1.5, expect: to},
]);
// Gradient to gradient
from = 'linear-gradient(-45deg, red, yellow)';
to = 'linear-gradient(45deg, blue, orange)';
test_interpolation({
property: 'background-image',
from: from,
to: to,
}, [
{at: -0.3, expect: from},
{at: 0, expect: from},
{at: 0.3, expect: from},
{at: 0.6, expect: to},
{at: 1, expect: to},
{at: 1.5, expect: to},
]);
// Keyword to image
from = 'none';
to = 'url(../resources/green-100.png)';
test_interpolation({
property: 'background-image',
from: from,
to: to,
}, [
{at: -0.3, expect: from},
{at: 0, expect: from},
{at: 0.3, expect: from},
{at: 0.6, expect: to},
{at: 1, expect: to},
{at: 1.5, expect: to},
]);
// Multiple to multiple
var fromA = 'url(../resources/stripes-100.png)';
var fromB = 'url(../resources/blue-100.png)';
var toA = 'url(../resources/blue-100.png)';
var toB = 'url(../resources/stripes-100.png)';
from = fromA + ', ' + fromB;
to = toA + ', ' + toB;
test_interpolation({
property: 'background-image',
from: from,
to: to,
}, [
{at: -0.3, expect: from},
{at: 0, expect: from},
{at: 0.3, expect: from},
{at: 0.6, expect: to},
{at: 1, expect: to},
{at: 1.5, expect: to},
]);
// Single to multiple
from = 'url(../resources/blue-100.png)';
var toA = 'url(../resources/stripes-100.png)';
var toB = 'url(../resources/green-100.png)';
to = toA + ', ' + toB;
test_interpolation({
property: 'background-image',
from: from,
to: to,
}, [
// The interpolation of different numbers of background-images looks a bit strange here.
// Animating background-image is not specified to be possible however we do it for backwards compatibility.
// With this in mind we kept the implementation simple at the expense of this corner case because there is
// no official specification to support.
{at: -0.3, expect: from},
{at: 0, expect: from},
{at: 0.3, expect: from},
{at: 0.6, expect: to},
{at: 1, expect: to},
{at: 1.5, expect: to},
]);
// Multiple mismatched types
from = 'url(../resources/blue-100.png), none';
to = 'url(../resources/stripes-100.png), url(../resources/green-100.png)';
test_interpolation({
property: 'background-image',
from: from,
to: to,
}, [
{at: -0.3, expect: from},
{at: 0, expect: from},
{at: 0.3, expect: from},
{at: 0.6, expect: to},
{at: 1, expect: to},
{at: 1.5, expect: to},
]);
</script>
</body>

137
Tests/LibWeb/Text/input/wpt-import/css/css-backgrounds/animations/background-position-interpolation.html Normal file
View file

@ -0,0 +1,137 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#background-position">
<meta name="test" content="background-position supports animation as a repeatable list">
<script src="../../../resources/testharness.js"></script>
<script src="../../../resources/testharnessreport.js"></script>
<script src="../../support/interpolation-testcommon.js"></script>
<style>
.parent {
background-position: 60px 60px;
}
.target {
width: 120px;
height: 120px;
display: inline-block;
border: 2px solid black;
background-repeat: no-repeat;
background-image: radial-gradient(20px circle at 20px 20px, red 18px, transparent),
radial-gradient(20px circle at 20px 20px, yellow 18px, transparent),
radial-gradient(20px circle at 20px 20px, lime 18px, transparent),
radial-gradient(20px circle at 20px 20px, blue 18px, transparent);
background-position: 40px 40px;
}
.expected {
margin-right: 10px;
}
</style>
<body></body>
<script>
test_interpolation({
property: 'background-position',
from: neutralKeyframe,
to: '80px 80px, 80px 80px, 80px 80px, 80px 80px',
}, [
{at: -0.25, expect: '30px 30px, 30px 30px, 30px 30px, 30px 30px'},
{at: 0, expect: '40px 40px, 40px 40px, 40px 40px, 40px 40px'},
{at: 0.25, expect: '50px 50px, 50px 50px, 50px 50px, 50px 50px'},
{at: 0.5, expect: '60px 60px, 60px 60px, 60px 60px, 60px 60px'},
{at: 0.75, expect: '70px 70px, 70px 70px, 70px 70px, 70px 70px'},
{at: 1, expect: '80px 80px, 80px 80px, 80px 80px, 80px 80px'},
{at: 1.25, expect: '90px 90px, 90px 90px, 90px 90px, 90px 90px'},
]);
// background-position's initial value is 0% 0%, and calcs involving percentages
// are never resolved by the calc spec (even when the percentage is 0%).
test_interpolation({
property: 'background-position',
from: 'initial',
to: '80px 80px, 80px 80px, 80px 80px, 80px 80px',
}, [
{at: -0.25, expect: 'calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px)'},
{at: 0, expect: '0% 0%, 0% 0%, 0% 0%, 0% 0%'},
{at: 0.25, expect: 'calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px)'},
{at: 0.5, expect: 'calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px)'},
{at: 0.75, expect: 'calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px)'},
{at: 1, expect: 'calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px)'},
{at: 1.25, expect: 'calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px)'},
]);
test_interpolation({
property: 'background-position',
from: 'inherit',
to: '80px 80px, 80px 80px, 80px 80px, 80px 80px',
}, [
{at: -0.25, expect: '55px 55px, 55px 55px, 55px 55px, 55px 55px'},
{at: 0, expect: '60px 60px, 60px 60px, 60px 60px, 60px 60px'},
{at: 0.25, expect: '65px 65px, 65px 65px, 65px 65px, 65px 65px'},
{at: 0.5, expect: '70px 70px, 70px 70px, 70px 70px, 70px 70px'},
{at: 0.75, expect: '75px 75px, 75px 75px, 75px 75px, 75px 75px'},
{at: 1, expect: '80px 80px, 80px 80px, 80px 80px, 80px 80px'},
{at: 1.25, expect: '85px 85px, 85px 85px, 85px 85px, 85px 85px'},
]);
// background-position is not inherited, so 'unset' is equivalent to initial.
test_interpolation({
property: 'background-position',
from: 'unset',
to: '80px 80px, 80px 80px, 80px 80px, 80px 80px',
}, [
{at: -0.25, expect: 'calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px), calc(0% - 20px) calc(0% - 20px)'},
{at: 0, expect: '0% 0%, 0% 0%, 0% 0%, 0% 0%'},
{at: 0.25, expect: 'calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px), calc(0% + 20px) calc(0% + 20px)'},
{at: 0.5, expect: 'calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px), calc(0% + 40px) calc(0% + 40px)'},
{at: 0.75, expect: 'calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px), calc(0% + 60px) calc(0% + 60px)'},
{at: 1, expect: 'calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px), calc(0% + 80px) calc(0% + 80px)'},
{at: 1.25, expect: 'calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px), calc(0% + 100px) calc(0% + 100px)'},
]);
// Test equal number of position values as background images.
test_interpolation({
property: 'background-position',
from: '0px 0px, 0px 0px, 0px 0px, 0px 0px',
to: '80px 80px, 80px 80px, 80px 80px, 80px 80px',
}, [
{at: -0.25, expect: '-20px -20px, -20px -20px, -20px -20px, -20px -20px'},
{at: 0, expect: ' 0px 0px, 0px 0px, 0px 0px, 0px 0px'},
{at: 0.25, expect: ' 20px 20px, 20px 20px, 20px 20px, 20px 20px'},
{at: 0.5, expect: ' 40px 40px, 40px 40px, 40px 40px, 40px 40px'},
{at: 0.75, expect: ' 60px 60px, 60px 60px, 60px 60px, 60px 60px'},
{at: 1, expect: ' 80px 80px, 80px 80px, 80px 80px, 80px 80px'},
{at: 1.25, expect: '100px 100px, 100px 100px, 100px 100px, 100px 100px'},
]);
// Test single position value repeated over background images.
test_interpolation({
property: 'background-position',
from: 'top 0px left 0px',
to: 'left 80px top 80px',
}, [
{at: -0.25, expect: '-20px -20px, -20px -20px, -20px -20px, -20px -20px'},
{at: 0, expect: ' 0px 0px, 0px 0px, 0px 0px, 0px 0px'},
{at: 0.25, expect: ' 20px 20px, 20px 20px, 20px 20px, 20px 20px'},
{at: 0.5, expect: ' 40px 40px, 40px 40px, 40px 40px, 40px 40px'},
{at: 0.75, expect: ' 60px 60px, 60px 60px, 60px 60px, 60px 60px'},
{at: 1, expect: ' 80px 80px, 80px 80px, 80px 80px, 80px 80px'},
{at: 1.25, expect: '100px 100px, 100px 100px, 100px 100px, 100px 100px'},
]);
// Test mismatched numbers of position values.
test_interpolation({
property: 'background-position',
from: '0px 0px, 80px 0px',
to: '40px 40px, 80px 80px, 0px 80px',
}, [
{at: -0.25, expect: '-10px -10px, 80px -20px, 0px -20px, 90px -10px'},
{at: 0, expect: ' 0px 0px, 80px 0px, 0px 0px, 80px 0px'},
{at: 0.25, expect: ' 10px 10px, 80px 20px, 0px 20px, 70px 10px'},
{at: 0.5, expect: ' 20px 20px, 80px 40px, 0px 40px, 60px 20px'},
{at: 0.75, expect: ' 30px 30px, 80px 60px, 0px 60px, 50px 30px'},
{at: 1, expect: ' 40px 40px, 80px 80px, 0px 80px, 40px 40px'},
{at: 1.25, expect: ' 50px 50px, 80px 100px, 0px 100px, 30px 50px'},
]);
</script>

217
Tests/LibWeb/Text/input/wpt-import/css/css-backgrounds/animations/background-position-origin-interpolation.html Normal file
View file

@ -0,0 +1,217 @@
<!doctype html>
<meta charset="utf-8">
<link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#background-position">
<meta name="test" content="background-position animation handles origin parameters">
<script src="../../../resources/testharness.js"></script>
<script src="../../../resources/testharnessreport.js"></script>
<script src="../../support/interpolation-testcommon.js"></script>
<style>
.parent {
background-position: 80px 80px;
}
.target {
border: 3px solid skyblue;
width: 100px;
height: 100px;
background-image: linear-gradient(to right, green, green);
background-size: 20px 20px;
background-repeat: no-repeat;
background-position: 10px 10px;
display: inline-block;
}
.actual {
background-image: linear-gradient(to right, red, red);
}
.expected {
margin-left: -106px;
}
</style>
<body></body>
<script>
// neutral
test_interpolation({
property: 'background-position',
from: neutralKeyframe,
to: 'left 20px top 20px',
}, [
{at: 0, expect: '10px 10px'},
{at: 0.25, expect: '12.5px 12.5px'},
{at: 0.5, expect: '15px 15px'},
{at: 0.75, expect: '17.5px 17.5px'},
{at: 1, expect: '20px 20px'},
]);
// initial
test_interpolation({
property: 'background-position',
from: 'initial',
to: 'left 20px top 20px',
}, [
{at: 0, expect: '0% 0%'},
{at: 0.25, expect: 'calc(0% + 5px) calc(0% + 5px)'},
{at: 0.5, expect: 'calc(0% + 10px) calc(0% + 10px)'},
{at: 0.75, expect: 'calc(0% + 15px) calc(0% + 15px)'},
{at: 1, expect: 'calc(0% + 20px) calc(0% + 20px)'},
]);
// inherit
test_interpolation({
property: 'background-position',
from: 'inherit',
to: 'left 20px top 20px',
}, [
{at: 0, expect: '80px 80px'},
{at: 0.25, expect: '65px 65px'},
{at: 0.5, expect: '50px 50px'},
{at: 0.75, expect: '35px 35px'},
{at: 1, expect: '20px 20px'},
]);
// unset
test_interpolation({
property: 'background-position',
from: 'unset',
to: 'left 20px top 20px',
}, [
{at: 0, expect: '0% 0%'},
{at: 0.25, expect: 'calc(0% + 5px) calc(0% + 5px)'},
{at: 0.5, expect: 'calc(0% + 10px) calc(0% + 10px)'},
{at: 0.75, expect: 'calc(0% + 15px) calc(0% + 15px)'},
{at: 1, expect: 'calc(0% + 20px) calc(0% + 20px)'},
]);
// left-top
test_interpolation({
property: 'background-position',
from: 'center center',
to: 'left 20px top 20px',
}, [
{at: 0, expect: '50% 50%'},
{at: 0.25, expect: 'calc(5px + 37.5%) calc(5px + 37.5%)'},
{at: 0.5, expect: 'calc(10px + 25%) calc(10px + 25%)'},
{at: 0.75, expect: 'calc(15px + 12.5%) calc(15px + 12.5%)'},
{at: 1, expect: 'calc(0% + 20px) calc(0% + 20px)'},
]);
// center-top
test_interpolation({
property: 'background-position',
from: 'center center',
to: 'center top 20px',
}, [
{at: 0, expect: '50% 50%'},
{at: 0.25, expect: '50% calc(5px + 37.5%)'},
{at: 0.5, expect: '50% calc(10px + 25%)'},
{at: 0.75, expect: '50% calc(15px + 12.5%)'},
{at: 1, expect: '50% calc(0% + 20px)'},
]);
// right-top
test_interpolation({
property: 'background-position',
from: 'center center',
to: 'right 20px top 20px',
}, [
{at: 0, expect: '50% 50%'},
{at: 0.25, expect: 'calc(-5px + 62.5%) calc(5px + 37.5%)'},
{at: 0.5, expect: 'calc(-10px + 75%) calc(10px + 25%)'},
{at: 0.75, expect: 'calc(-15px + 87.5%) calc(15px + 12.5%)'},
{at: 1, expect: 'calc(-20px + 100%) calc(0% + 20px)'},
]);
// left-center
test_interpolation({
property: 'background-position',
from: 'center center',
to: 'left 20px center',
}, [
{at: 0, expect: '50% 50%'},
{at: 0.25, expect: 'calc(5px + 37.5%) 50%'},
{at: 0.5, expect: 'calc(10px + 25%) 50%'},
{at: 0.75, expect: 'calc(15px + 12.5%) 50%'},
{at: 1, expect: 'calc(0% + 20px) 50%'},
]);
// center-center
test_interpolation({
property: 'background-position',
from: 'center center',
to: 'center center',
}, [
{at: 0, expect: '50% 50%'},
{at: 0.25, expect: '50% 50%'},
{at: 0.5, expect: '50% 50%'},
{at: 0.75, expect: '50% 50%'},
{at: 1, expect: '50% 50%'},
]);
// right-center
test_interpolation({
property: 'background-position',
from: 'center center',
to: 'right 20px center',
}, [
{at: 0, expect: '50% 50%'},
{at: 0.25, expect: 'calc(-5px + 62.5%) 50%'},
{at: 0.5, expect: 'calc(-10px + 75%) 50%'},
{at: 0.75, expect: 'calc(-15px + 87.5%) 50%'},
{at: 1, expect: 'calc(-20px + 100%) 50%'},
]);
// left-bottom
test_interpolation({
property: 'background-position',
from: 'center center',
to: 'left 20px bottom 20px',
}, [
{at: 0, expect: '50% 50%'},
{at: 0.25, expect: 'calc(5px + 37.5%) calc(-5px + 62.5%)'},
{at: 0.5, expect: 'calc(10px + 25%) calc(-10px + 75%)'},
{at: 0.75, expect: 'calc(15px + 12.5%) calc(-15px + 87.5%)'},
{at: 1, expect: 'calc(0% + 20px) calc(-20px + 100%)'},
]);
// center-bottom
test_interpolation({
property: 'background-position',
from: 'center center',
to: 'center bottom 20px',
}, [
{at: 0, expect: '50% 50%'},
{at: 0.25, expect: '50% calc(-5px + 62.5%)'},
{at: 0.5, expect: '50% calc(-10px + 75%)'},
{at: 0.75, expect: '50% calc(-15px + 87.5%)'},
{at: 1, expect: '50% calc(-20px + 100%)'},
]);
// right-bottom
test_interpolation({
property: 'background-position',
from: 'center center',
to: 'right 20px bottom 20px',
}, [
{at: 0, expect: '50% 50%'},
{at: 0.25, expect: 'calc(-5px + 62.5%) calc(-5px + 62.5%)'},
{at: 0.5, expect: 'calc(-10px + 75%) calc(-10px + 75%)'},
{at: 0.75, expect: 'calc(-15px + 87.5%) calc(-15px + 87.5%)'},
{at: 1, expect: 'calc(-20px + 100%) calc(-20px + 100%)'},
]);
// Single values
test_interpolation({
property: 'background-position',
from: 'center',
to: 'bottom',
}, [
{at: 0, expect: '50% 50%'},
{at: 0.25, expect: '50% 62.5%'},
{at: 0.5, expect: '50% 75%'},
{at: 0.75, expect: '50% 87.5%'},
{at: 1, expect: '50% 100%'},
]);
</script>

78
Tests/LibWeb/Text/input/wpt-import/css/css-backgrounds/animations/background-position-x-interpolation.html Normal file
View file

@ -0,0 +1,78 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#background-position">
<meta name="test" content="background-position-x supports animation">
<script src="../../../resources/testharness.js"></script>
<script src="../../../resources/testharnessreport.js"></script>
<script src="../../support/interpolation-testcommon.js"></script>
<style>
.parent {
background-position-x: 60px;
}
.target {
background-position-x: 40px;
}
</style>
<body>
<script>
test_interpolation({
property: 'background-position-x',
from: neutralKeyframe,
to: '80px',
}, [
{at: -0.25, expect: '30px'},
{at: 0, expect: '40px'},
{at: 0.25, expect: '50px'},
{at: 0.5, expect: '60px'},
{at: 0.75, expect: '70px'},
{at: 1, expect: '80px'},
{at: 1.25, expect: '90px'},
]);
test_interpolation({
property: 'background-position-x',
from: 'initial',
to: 'right',
}, [
{at: -0.25, expect: '-25%'},
{at: 0, expect: '0%'},
{at: 0.25, expect: '25%'},
{at: 0.5, expect: '50%'},
{at: 0.75, expect: '75%'},
{at: 1, expect: '100%'},
{at: 1.25, expect: '125%'},
]);
test_interpolation({
property: 'background-position-x',
from: 'inherit',
to: '80px',
}, [
{at: -0.25, expect: '55px'},
{at: 0, expect: '60px'},
{at: 0.25, expect: '65px'},
{at: 0.5, expect: '70px'},
{at: 0.75, expect: '75px'},
{at: 1, expect: '80px'},
{at: 1.25, expect: '85px'},
]);
test_interpolation({
property: 'background-position-x',
from: '300px, 400px',
to: '500px, 600px, 700px',
}, [
{at: -0.25, expect: '250px, 350px, 200px, 375px, 225px, 325px'},
{at: 0, expect: '300px, 400px, 300px, 400px, 300px, 400px'},
{at: 0.25, expect: '350px, 450px, 400px, 425px, 375px, 475px'},
{at: 0.5, expect: '400px, 500px, 500px, 450px, 450px, 550px'},
{at: 0.75, expect: '450px, 550px, 600px, 475px, 525px, 625px'},
{at: 1, expect: '500px, 600px, 700px, 500px, 600px, 700px'},
{at: 1.25, expect: '550px, 650px, 800px, 525px, 675px, 775px'},
]);
</script>
</body>

78
Tests/LibWeb/Text/input/wpt-import/css/css-backgrounds/animations/background-position-y-interpolation.html Normal file
View file

@ -0,0 +1,78 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#background-position">
<meta name="test" content="background-position-y supports animation">
<script src="../../../resources/testharness.js"></script>
<script src="../../../resources/testharnessreport.js"></script>
<script src="../../support/interpolation-testcommon.js"></script>
<style>
.parent {
background-position-y: 60px;
}
.target {
background-position-y: 40px;
}
</style>
<body>
<script>
test_interpolation({
property: 'background-position-y',
from: neutralKeyframe,
to: '80px',
}, [
{at: -0.25, expect: '30px'},
{at: 0, expect: '40px'},
{at: 0.25, expect: '50px'},
{at: 0.5, expect: '60px'},
{at: 0.75, expect: '70px'},
{at: 1, expect: '80px'},
{at: 1.25, expect: '90px'},
]);
test_interpolation({
property: 'background-position-y',
from: 'initial',
to: 'bottom',
}, [
{at: -0.25, expect: '-25%'},
{at: 0, expect: '0%'},
{at: 0.25, expect: '25%'},
{at: 0.5, expect: '50%'},
{at: 0.75, expect: '75%'},
{at: 1, expect: '100%'},
{at: 1.25, expect: '125%'},
]);
test_interpolation({
property: 'background-position-y',
from: 'inherit',
to: '80px',
}, [
{at: -0.25, expect: '55px'},
{at: 0, expect: '60px'},
{at: 0.25, expect: '65px'},
{at: 0.5, expect: '70px'},
{at: 0.75, expect: '75px'},
{at: 1, expect: '80px'},
{at: 1.25, expect: '85px'},
]);
test_interpolation({
property: 'background-position-y',
from: '300px, 400px',
to: '500px, 600px, 700px',
}, [
{at: -0.25, expect: '250px, 350px, 200px, 375px, 225px, 325px'},
{at: 0, expect: '300px, 400px, 300px, 400px, 300px, 400px'},
{at: 0.25, expect: '350px, 450px, 400px, 425px, 375px, 475px'},
{at: 0.5, expect: '400px, 500px, 500px, 450px, 450px, 550px'},
{at: 0.75, expect: '450px, 550px, 600px, 475px, 525px, 625px'},
{at: 1, expect: '500px, 600px, 700px, 500px, 600px, 700px'},
{at: 1.25, expect: '550px, 650px, 800px, 525px, 675px, 775px'},
]);
</script>
</body>

166
Tests/LibWeb/Text/input/wpt-import/css/css-backgrounds/animations/background-size-interpolation.html Normal file
View file

@ -0,0 +1,166 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#background-size">
<meta name="test" content="background-size supports animation as a repeatable list">
<script src="../../../resources/testharness.js"></script>
<script src="../../../resources/testharnessreport.js"></script>
<script src="../../support/interpolation-testcommon.js"></script>
<style>
.parent {
background-size: 100px 100px;
}
.target {
width: 80px;
height: 100px;
display: inline-block;
border: 10px solid black;
background-repeat: no-repeat;
background-image: url(../resources/stripes-100.png),
url(../resources/stripes-100.png),
url(../resources/blue-100.png),
url(../resources/green-100.png);
background-position: left top, right top, left bottom, right bottom;
background-size: 10px 10px;
}
.expected {
margin-right: 10px;
border-color: green;
}
</style>
<body></body>
<script>
// neutral
test_interpolation({
property: 'background-size',
from: neutralKeyframe,
to: '20px 20px, 0px 0px',
}, [
{at: -0.25, expect: ' 7.5px 7.5px, 12.5px 12.5px, 7.5px 7.5px, 12.5px 12.5px'},
{at: 0, expect: '10.0px 10.0px, 10.0px 10.0px, 10.0px 10.0px, 10.0px 10.0px'},
{at: 0.25, expect: '12.5px 12.5px, 7.5px 7.5px, 12.5px 12.5px, 7.5px 7.5px'},
{at: 0.5, expect: '15.0px 15.0px, 5.0px 5.0px, 15.0px 15.0px, 5.0px 5.0px'},
{at: 0.75, expect: '17.5px 17.5px, 2.5px 2.5px, 17.5px 17.5px, 2.5px 2.5px'},
{at: 1, expect: '20.0px 20.0px, 0.0px 0.0px, 20.0px 20.0px, 0.0px 0.0px'},
{at: 1.25, expect: '22.5px 22.5px, 0.0px 0.0px, 22.5px 22.5px, 0.0px 0.0px'},
]);
// initial
test_no_interpolation({
property: 'background-size',
from: 'initial',
to: '20px 20px, 0px 0px',
});
// inherit
test_interpolation({
property: 'background-size',
from: 'inherit',
to: '20px 20px, 0px 0px',
}, [
{at: -0.25, expect: '120px 120px, 125px 125px, 120px 120px, 125px 125px'},
{at: 0, expect: '100px 100px, 100px 100px, 100px 100px, 100px 100px'},
{at: 0.25, expect: ' 80px 80px, 75px 75px, 80px 80px, 75px 75px'},
{at: 0.5, expect: ' 60px 60px, 50px 50px, 60px 60px, 50px 50px'},
{at: 0.75, expect: ' 40px 40px, 25px 25px, 40px 40px, 25px 25px'},
{at: 1, expect: ' 20px 20px, 0px 0px, 20px 20px, 0px 0px'},
{at: 1.25, expect: ' 0px 0px, 0px 0px, 0px 0px, 0px 0px'},
]);
// unset
test_no_interpolation({
property: 'background-size',
from: 'unset',
to: '20px 20px, 0px 0px',
});
// Matched keywords in size value list.
test_interpolation({
property: 'background-size',
from: '0px auto, 0px 0px, contain, cover',
to: '40px auto, 40px 40px, contain, cover',
}, [
{at: -0.25, expect: ' 0px auto, 0px 0px, contain, cover'},
{at: 0, expect: ' 0px auto, 0px 0px, contain, cover'},
{at: 0.25, expect: '10px auto, 10px 10px, contain, cover'},
{at: 0.5, expect: '20px auto, 20px 20px, contain, cover'},
{at: 0.75, expect: '30px auto, 30px 30px, contain, cover'},
{at: 1, expect: '40px auto, 40px 40px, contain, cover'},
{at: 1.25, expect: '50px auto, 50px 50px, contain, cover'},
]);
// Mismatched keywords in size value list.
test_no_interpolation({
property: 'background-size',
from: '0px 0px, 0px 0px, contain, cover',
to: '40px 40px, 40px 40px, cover, contain',
});
test_no_interpolation({
property: 'background-size',
from: '0px auto, 0px 0px',
to: 'auto 40px, 40px 40px',
});
// Equal number of size values as background images.
test_interpolation({
property: 'background-size',
from: '0px 0px, 0px 0px, 0px 0px, 0px 0px',
to: '20px 20px, 40px 40px, 60px 60px, 100px 100px',
}, [
{at: -0.25, expect: ' 0px 0px, 0px 0px, 0px 0px, 0px 0px'},
{at: 0, expect: ' 0px 0px, 0px 0px, 0px 0px, 0px 0px'},
{at: 0.25, expect: ' 5px 5px, 10px 10px, 15px 15px, 25px 25px'},
{at: 0.5, expect: '10px 10px, 20px 20px, 30px 30px, 50px 50px'},
{at: 0.75, expect: '15px 15px, 30px 30px, 45px 45px, 75px 75px'},
{at: 1, expect: '20px 20px, 40px 40px, 60px 60px, 100px 100px'},
{at: 1.25, expect: '25px 25px, 50px 50px, 75px 75px, 125px 125px'},
]);
// Single size value repeated over background images.
test_interpolation({
property: 'background-size',
from: '0px 0px',
to: '80px 80px',
}, [
{at: -0.25, expect: ' 0px 0px, 0px 0px, 0px 0px, 0px 0px'},
{at: 0, expect: ' 0px 0px, 0px 0px, 0px 0px, 0px 0px'},
{at: 0.25, expect: ' 20px 20px, 20px 20px, 20px 20px, 20px 20px'},
{at: 0.5, expect: ' 40px 40px, 40px 40px, 40px 40px, 40px 40px'},
{at: 0.75, expect: ' 60px 60px, 60px 60px, 60px 60px, 60px 60px'},
{at: 1, expect: ' 80px 80px, 80px 80px, 80px 80px, 80px 80px'},
{at: 1.25, expect: '100px 100px, 100px 100px, 100px 100px, 100px 100px'},
]);
test_interpolation({
property: 'background-size',
from: '0px',
to: '80px',
}, [
{at: -0.25, expect: ' 0px, 0px, 0px, 0px'},
{at: 0, expect: ' 0px, 0px, 0px, 0px'},
{at: 0.25, expect: ' 20px, 20px, 20px, 20px'},
{at: 0.5, expect: ' 40px, 40px, 40px, 40px'},
{at: 0.75, expect: ' 60px, 60px, 60px, 60px'},
{at: 1, expect: ' 80px, 80px, 80px, 80px'},
{at: 1.25, expect: '100px, 100px, 100px, 100px'},
]);
// Mismatched numbers of size values.
test_interpolation({
property: 'background-size',
from: '0px 0px, 80px 0px',
to: '40px 40px, 80px 80px, 0px 80px',
}, [
{at: -0.25, expect: ' 0px 0px, 80px 0px, 0px 0px, 90px 0px'},
{at: 0, expect: ' 0px 0px, 80px 0px, 0px 0px, 80px 0px'},
{at: 0.25, expect: '10px 10px, 80px 20px, 0px 20px, 70px 10px'},
{at: 0.5, expect: '20px 20px, 80px 40px, 0px 40px, 60px 20px'},
{at: 0.75, expect: '30px 30px, 80px 60px, 0px 60px, 50px 30px'},
{at: 1, expect: '40px 40px, 80px 80px, 0px 80px, 40px 40px'},
{at: 1.25, expect: '50px 50px, 80px 100px, 0px 100px, 30px 50px'},
]);
</script>

58
Tests/LibWeb/Text/input/wpt-import/css/css-backgrounds/animations/border-bottom-left-radius-composition.html Normal file
View file

@ -0,0 +1,58 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>border-bottom-left-radius composition</title>
<link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#the-border-radius">
<meta name="assert" content="border-bottom-left-radius supports animation by computed value">
<script src="../../../resources/testharness.js"></script>
<script src="../../../resources/testharnessreport.js"></script>
<script src="../../support/interpolation-testcommon.js"></script>
<body>
<script>
test_composition({
property: 'border-bottom-left-radius',
underlying: '40px 40px',
addFrom: '60px 60px',
addTo: '160px 160px',
}, [
{at: -0.25, expect: '75px'},
{at: 0, expect: '100px'},
{at: 0.25, expect: '125px'},
{at: 0.5, expect: '150px'},
{at: 0.75, expect: '175px'},
{at: 1, expect: '200px'},
{at: 1.25, expect: '225px'},
]);
test_composition({
property: 'border-bottom-left-radius',
underlying: '40px 140px',
replaceFrom: '100px 120px',
addTo: '160px 60px',
}, [
{at: -0.25, expect: '75px 100px'},
{at: 0, expect: '100px 120px'},
{at: 0.25, expect: '125px 140px'},
{at: 0.5, expect: '150px 160px'},
{at: 0.75, expect: '175px 180px'},
{at: 1, expect: '200px'},
{at: 1.25, expect: '225px 220px'},
]);
test_composition({
property: 'border-bottom-left-radius',
underlying: '40px 60px',
addFrom: '60px 140px',
replaceTo: '200px 120px',
}, [
{at: -0.25, expect: '75px 220px'},
{at: 0, expect: '100px 200px'},
{at: 0.25, expect: '125px 180px'},
{at: 0.5, expect: '150px 160px'},
{at: 0.75, expect: '175px 140px'},
{at: 1, expect: '200px 120px'},
{at: 1.25, expect: '225px 100px'},
]);
</script>
</body>

58
Tests/LibWeb/Text/input/wpt-import/css/css-backgrounds/animations/border-bottom-right-radius-composition.html Normal file
View file

@ -0,0 +1,58 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>border-bottom-right-radius composition</title>
<link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#the-border-radius">
<meta name="assert" content="border-bottom-right-radius supports animation by computed value">
<script src="../../../resources/testharness.js"></script>
<script src="../../../resources/testharnessreport.js"></script>
<script src="../../support/interpolation-testcommon.js"></script>
<body>
<script>
test_composition({
property: 'border-bottom-right-radius',
underlying: '40px 40px',
addFrom: '60px 60px',
addTo: '160px 160px',
}, [
{at: -0.25, expect: '75px'},
{at: 0, expect: '100px'},
{at: 0.25, expect: '125px'},
{at: 0.5, expect: '150px'},
{at: 0.75, expect: '175px'},
{at: 1, expect: '200px'},
{at: 1.25, expect: '225px'},
]);
test_composition({
property: 'border-bottom-right-radius',
underlying: '40px 140px',
replaceFrom: '100px 120px',
addTo: '160px 60px',
}, [
{at: -0.25, expect: '75px 100px'},
{at: 0, expect: '100px 120px'},
{at: 0.25, expect: '125px 140px'},
{at: 0.5, expect: '150px 160px'},
{at: 0.75, expect: '175px 180px'},
{at: 1, expect: '200px'},
{at: 1.25, expect: '225px 220px'},
]);
test_composition({
property: 'border-bottom-right-radius',
underlying: '40px 60px',
addFrom: '60px 140px',
replaceTo: '200px 120px',
}, [
{at: -0.25, expect: '75px 220px'},
{at: 0, expect: '100px 200px'},
{at: 0.25, expect: '125px 180px'},
{at: 0.5, expect: '150px 160px'},
{at: 0.75, expect: '175px 140px'},
{at: 1, expect: '200px 120px'},
{at: 1.25, expect: '225px 100px'},
]);
</script>
</body>

65
Tests/LibWeb/Text/input/wpt-import/css/css-backgrounds/animations/border-bottom-width-composition.html Normal file
View file

@ -0,0 +1,65 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>border-bottom-width composition</title>
<link rel="help" href="https://www.w3.org/TR/CSS2/box.html#border-width-properties">
<meta name="assert" content="border-bottom-width supports animation by computed value">
<script src="../../../resources/testharness.js"></script>
<script src="../../../resources/testharnessreport.js"></script>
<script src="../../support/interpolation-testcommon.js"></script>
<body>
<script>
test_composition({
property: 'border-bottom-width',
underlying: '50px',
addFrom: '100px',
addTo: '200px',
}, [
{at: -0.3, expect: '120px'},
{at: 0, expect: '150px'},
{at: 0.5, expect: '200px'},
{at: 1, expect: '250px'},
{at: 1.5, expect: '300px'},
]);
test_composition({
property: 'border-bottom-width',
underlying: '100px',
addFrom: '10px',
addTo: '2px',
}, [
{at: -0.5, expect: '114px'},
{at: 0, expect: '110px'},
{at: 0.5, expect: '106px'},
{at: 1, expect: '102px'},
{at: 1.5, expect: '98px'}, // Value clamping should happen after composition.
]);
test_composition({
property: 'border-bottom-width',
underlying: '10em',
addFrom: '100px',
addTo: '20em',
}, [
{at: -0.3, expect: 'calc(130px + 4em)'},
{at: 0, expect: 'calc(100px + 10em)'},
{at: 0.5, expect: 'calc(50px + 20em)'},
{at: 1, expect: '30em'},
{at: 1.5, expect: 'calc(-50px + 40em)'},
]);
test_composition({
property: 'border-bottom-width',
underlying: '50px',
addFrom: '100px',
replaceTo: '200px',
}, [
{at: -0.3, expect: '135px'},
{at: 0, expect: '150px'},
{at: 0.5, expect: '175px'},
{at: 1, expect: '200px'},
{at: 1.5, expect: '225px'},
]);
</script>
</body>

120
Tests/LibWeb/Text/input/wpt-import/css/css-backgrounds/animations/border-color-interpolation.html Normal file
View file

@ -0,0 +1,120 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>border-color interpolation</title>
<link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#border-color">
<meta name="assert" content="border-color supports animation by computed value">
<script src="../../../resources/testharness.js"></script>
<script src="../../../resources/testharnessreport.js"></script>
<script src="../../support/interpolation-testcommon.js"></script>
<style>
.parent {
border-color: white;
}
.target {
width: 50px;
height: 50px;
background-color: blue;
display: inline-block;
border: 12px solid;
border-color: darkblue;
}
.expected {
background-color: green;
margin-right: 2px;
}
</style>
<body></body>
<script>
// As per https://bugzilla.mozilla.org/show_bug.cgi?id=137688, Firefox does not
// support getComputedStyle for shorthands. As such, we have one test for this
// which explicitly checks the shorthand variant, but most tests use one of the
// longhands instead.
function compareNotEmpty(actual, expected) {
assert_equals(actual, expected);
assert_not_equals(actual, '');
}
test_interpolation({
property: 'border-color',
from: 'rgb(20, 30, 40) rgb(40, 50, 60)',
to: 'rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)',
comparisonFunction: compareNotEmpty,
}, [
{at: -0.3, expect: 'rgb(23, 33, 43) rgb(40, 50, 60) rgb(17, 27, 37) rgb(37, 47, 57)'},
{at: 0, expect: 'rgb(20, 30, 40) rgb(40, 50, 60)'},
{at: 0.3, expect: 'rgb(17, 27, 37) rgb(40, 50, 60) rgb(23, 33, 43) rgb(43, 53, 63)'},
{at: 0.6, expect: 'rgb(14, 24, 34) rgb(40, 50, 60) rgb(26, 36, 46) rgb(46, 56, 66)'},
{at: 1, expect: 'rgb(10, 20, 30) rgb(40, 50, 60) rgb(30, 40, 50) rgb(50, 60, 70)'},
{at: 1.5, expect: 'rgb(5, 15, 25) rgb(40, 50, 60) rgb(35, 45, 55) rgb(55, 65, 75)'},
]);
test_interpolation({
property: 'border-top-color',
from: neutralKeyframe,
to: 'orange',
}, [
{at: -0.3, expect: 'rgb(0, 0, 181)'},
{at: 0, expect: 'rgb(0, 0, 139)'},
{at: 0.3, expect: 'rgb(77, 50, 97)'},
{at: 0.6, expect: 'rgb(153, 99, 56)'},
{at: 1, expect: 'rgb(255, 165, 0)'},
{at: 1.5, expect: 'rgb(255, 248, 0)'},
]);
test_interpolation({
property: 'border-top-color',
from: 'initial',
to: 'orange',
}, [
{at: -0.3, expect: 'rgb(0, 0, 0)'},
{at: 0, expect: 'rgb(0, 0, 0)'},
{at: 0.3, expect: 'rgb(77, 50, 0)'},
{at: 0.6, expect: 'rgb(153, 99, 0)'},
{at: 1, expect: 'rgb(255, 165, 0)'},
{at: 1.5, expect: 'rgb(255, 248, 0)'},
]);
test_interpolation({
property: 'border-top-color',
from: 'inherit',
to: 'orange',
}, [
{at: -0.3, expect: 'rgb(255, 255, 255)'},
{at: 0, expect: 'rgb(255, 255, 255)'},
{at: 0.3, expect: 'rgb(255, 228, 179)'},
{at: 0.6, expect: 'rgb(255, 201, 102)'},
{at: 1, expect: 'rgb(255, 165, 0)'},
{at: 1.5, expect: 'rgb(255, 120, 0)'},
]);
test_interpolation({
property: 'border-top-color',
from: 'unset',
to: 'orange',
}, [
{at: -0.3, expect: 'rgb(0, 0, 0)'},
{at: 0, expect: 'rgb(0, 0, 0)'},
{at: 0.3, expect: 'rgb(77, 50, 0)'},
{at: 0.6, expect: 'rgb(153, 99, 0)'},
{at: 1, expect: 'rgb(255, 165, 0)'},
{at: 1.5, expect: 'rgb(255, 248, 0)'},
]);
test_interpolation({
property: 'border-top-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)'},
]);
</script>

133
Tests/LibWeb/Text/input/wpt-import/css/css-backgrounds/animations/border-image-outset-composition.html Normal file
View file

@ -0,0 +1,133 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>border-image-outset composition</title>
<link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#border-image-outset">
<meta name="assert" content="border-image-outset supports animation by computed value">
<script src="../../../resources/testharness.js"></script>
<script src="../../../resources/testharnessreport.js"></script>
<script src="../../support/interpolation-testcommon.js"></script>
<body>
<script>
test_composition({
property: 'border-image-outset',
underlying: '1 2 3 4',
addFrom: '1 2 3 4',
addTo: '101 102 103 104',
}, [
{at: -0.25, expect: '0'}, // Non-negative.
{at: 0, expect: '2 4 6 8'},
{at: 0.25, expect: '27 29 31 33'},
{at: 0.5, expect: '52 54 56 58'},
{at: 0.75, expect: '77 79 81 83'},
{at: 1, expect: '102 104 106 108'},
{at: 1.25, expect: '127 129 131 133'},
]);
test_composition({
property: 'border-image-outset',
underlying: '100 200 300 400',
addFrom: '100',
addTo: '200 300 500',
}, [
{at: -0.25, expect: '175 250 300 450'},
{at: 0, expect: '200 300 400 500'},
{at: 0.25, expect: '225 350 500 550'},
{at: 0.5, expect: '250 400 600 600'},
{at: 0.75, expect: '275 450 700 650'},
{at: 1, expect: '300 500 800 700'},
{at: 1.25, expect: '325 550 900 750'},
]);
test_composition({
property: 'border-image-outset',
underlying: '1 2 3px 4px',
addFrom: '1 2 3px 4px',
addTo: '101 102 103px 104px',
}, [
{at: -0.25, expect: '0 0 0px 0px'}, // Non-negative.
{at: 0, expect: '2 4 6px 8px'},
{at: 0.25, expect: '27 29 31px 33px'},
{at: 0.5, expect: '52 54 56px 58px'},
{at: 0.75, expect: '77 79 81px 83px'},
{at: 1, expect: '102 104 106px 108px'},
{at: 1.25, expect: '127 129 131px 133px'},
]);
test_composition({
property: 'border-image-outset',
underlying: '10px 20px',
addFrom: '190px 180px 290px 280px',
addTo: '90px 80px',
}, [
{at: -0.25, expect: '225px 225px 350px 350px'},
{at: 0, expect: '200px 200px 300px 300px'},
{at: 0.25, expect: '175px 175px 250px 250px'},
{at: 0.5, expect: '150px 150px 200px 200px'},
{at: 0.75, expect: '125px 125px 150px 150px'},
{at: 1, expect: '100px'},
{at: 1.25, expect: '75px 75px 50px 50px'},
]);
test_composition({
property: 'border-image-outset',
underlying: '10 20px',
replaceFrom: '100 100px',
addTo: '190 180px',
}, [
{at: -0.25, expect: '75 75px'},
{at: 0, expect: '100 100px'},
{at: 0.25, expect: '125 125px'},
{at: 0.5, expect: '150 150px'},
{at: 0.75, expect: '175 175px'},
{at: 1, expect: '200 200px'},
{at: 1.25, expect: '225 225px'},
]);
test_composition({
property: 'border-image-outset',
underlying: '10px 20',
addFrom: '90px 80',
replaceTo: '0px 0 0px 0',
}, [
{at: -0.25, expect: '125px 125'},
{at: 0, expect: '100px 100'},
{at: 0.25, expect: '75px 75'},
{at: 0.5, expect: '50px 50'},
{at: 0.75, expect: '25px 25'},
{at: 1, expect: '0px 0'},
{at: 1.25, expect: '0px 0'}, // Non-negative.
]);
test_composition({
property: 'border-image-outset',
underlying: '10 20',
addFrom: '100px 150px',
addTo: '200px 250px',
}, [
{at: -0.25, expect: '75px 125px'},
{at: 0, expect: '100px 150px'},
{at: 0.25, expect: '125px 175px'},
{at: 0.5, expect: '150px 200px'},
{at: 0.75, expect: '175px 225px'},
{at: 1, expect: '200px 250px'},
{at: 1.25, expect: '225px 275px'},
]);
test_composition({
property: 'border-image-outset',
underlying: '10 20',
addFrom: '100 150px',
addTo: '200px 250',
}, [
{at: -0.25, expect: '100 150px'},
{at: 0, expect: '100 150px'},
{at: 0.25, expect: '100 150px'},
{at: 0.5, expect: '200px 250'},
{at: 0.75, expect: '200px 250'},
{at: 1, expect: '200px 250'},
{at: 1.25, expect: '200px 250'},
]);
</script>
</body>

125
Tests/LibWeb/Text/input/wpt-import/css/css-backgrounds/animations/border-image-outset-interpolation.html Normal file
View file

@ -0,0 +1,125 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>border-image-outset interpolation</title>
<link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#border-image-outset">
<meta name="assert" content="border-image-outset supports animation by computed value">
<script src="../../../resources/testharness.js"></script>
<script src="../../../resources/testharnessreport.js"></script>
<script src="../../support/interpolation-testcommon.js"></script>
<style>
.parent {
border-image-outset: 10px;
}
.target {
width: 50px;
height: 50px;
background-color: black;
display: inline-block;
border: 25px;
margin-right: 50px;
border-image-slice: 30%;
background-clip: content-box;
border-image-source: linear-gradient(45deg, pink, blue, white, black, green);
border-image-outset: 1px;
}
.expected {
background-color: green;
}
</style>
<body></body>
<script>
test_interpolation({
property: 'border-image-outset',
from: neutralKeyframe,
to: '2px',
}, [
{at: -0.3, expect: '0.7px'},
{at: 0, expect: '1px'},
{at: 0.3, expect: '1.3px'},
{at: 0.6, expect: '1.6px'},
{at: 1, expect: '2px'},
{at: 1.5, expect: '2.5px'},
]);
test_interpolation({
property: 'border-image-outset',
from: 'initial',
to: '2',
}, [
{at: -0.3, expect: '0'}, // Non-negative
{at: 0, expect: '0'},
{at: 0.3, expect: '0.6'},
{at: 0.6, expect: '1.2'},
{at: 1, expect: '2'},
{at: 1.5, expect: '3'},
]);
test_interpolation({
property: 'border-image-outset',
from: 'inherit',
to: '2px',
}, [
{at: -0.3, expect: '12.4px'},
{at: 0, expect: '10px'},
{at: 0.3, expect: '7.6px'},
{at: 0.6, expect: '5.2px'},
{at: 1, expect: '2px'},
{at: 1.5, expect: '0px'},
]);
test_interpolation({
property: 'border-image-outset',
from: 'unset',
to: '2',
}, [
{at: -0.3, expect: '0'}, // Non-negative
{at: 0, expect: '0'},
{at: 0.3, expect: '0.6'},
{at: 0.6, expect: '1.2'},
{at: 1, expect: '2'},
{at: 1.5, expect: '3'},
]);
test_interpolation({
property: 'border-image-outset',
from: '0px',
to: '5px',
}, [
{at: -0.3, expect: '0px'}, // Non-negative
{at: 0, expect: '0px'},
{at: 0.3, expect: '1.5px'},
{at: 0.6, expect: '3px'},
{at: 1, expect: '5px'},
{at: 1.5, expect: '7.5px'},
]);
test_interpolation({
property: 'border-image-outset',
from: '0',
to: '1',
}, [
{at: -0.3, expect: '0'}, // Non-negative
{at: 0, expect: '0'},
{at: 0.3, expect: '0.3'},
{at: 0.6, expect: '0.6'},
{at: 1, expect: '1'},
{at: 1.5, expect: '1.5'},
]);
test_interpolation({
property: 'border-image-outset',
from: '1 2 3px 4px',
to: '101 102 103px 104px',
}, [
{at: -0.3, expect: '0 0 0px 0px'}, // Non-negative
{at: 0, expect: '1 2 3px 4px'},
{at: 0.3, expect: '31 32 33px 34px'},
{at: 0.6, expect: '61 62 63px 64px'},
{at: 1, expect: '101 102 103px 104px'},
{at: 1.5, expect: '151 152 153px 154px'},
]);
</script>

133
Tests/LibWeb/Text/input/wpt-import/css/css-backgrounds/animations/border-image-slice-composition.html Normal file
View file

@ -0,0 +1,133 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>border-image-slice composition</title>
<link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#border-image-slice">
<meta name="assert" content="border-image-slice supports animation by computed value">
<script src="../../../resources/testharness.js"></script>
<script src="../../../resources/testharnessreport.js"></script>
<script src="../../support/interpolation-testcommon.js"></script>
<body>
<script>
test_composition({
property: 'border-image-slice',
underlying: '1 2 3 4',
addFrom: '1 2 3 4',
addTo: '101 102 103 104',
}, [
{at: -0.25, expect: '0'}, // Non-negative.
{at: 0, expect: '2 4 6 8'},
{at: 0.25, expect: '27 29 31 33'},
{at: 0.5, expect: '52 54 56 58'},
{at: 0.75, expect: '77 79 81 83'},
{at: 1, expect: '102 104 106 108'},
{at: 1.25, expect: '127 129 131 133'},
]);
test_composition({
property: 'border-image-slice',
underlying: '100 200 300 400 fill',
addFrom: '100 fill',
addTo: '200 300 500 fill',
}, [
{at: -0.25, expect: '175 250 300 450 fill'},
{at: 0, expect: '200 300 400 500 fill'},
{at: 0.25, expect: '225 350 500 550 fill'},
{at: 0.5, expect: '250 400 600 600 fill'},
{at: 0.75, expect: '275 450 700 650 fill'},
{at: 1, expect: '300 500 800 700 fill'},
{at: 1.25, expect: '325 550 900 750 fill'},
]);
test_composition({
property: 'border-image-slice',
underlying: '1 2 3% 4%',
addFrom: '1 2 3% 4%',
addTo: '101 102 103% 104%',
}, [
{at: -0.25, expect: '0 0 0% 0%'}, // Non-negative.
{at: 0, expect: '2 4 6% 8%'},
{at: 0.25, expect: '27 29 31% 33%'},
{at: 0.5, expect: '52 54 56% 58%'},
{at: 0.75, expect: '77 79 81% 83%'},
{at: 1, expect: '102 104 106% 108%'},
{at: 1.25, expect: '127 129 131% 133%'},
]);
test_composition({
property: 'border-image-slice',
underlying: '10% 20%',
addFrom: '190% 180% 290% 280%',
addTo: '90% 80%',
}, [
{at: -0.25, expect: '225% 225% 350% 350%'},
{at: 0, expect: '200% 200% 300% 300%'},
{at: 0.25, expect: '175% 175% 250% 250%'},
{at: 0.5, expect: '150% 150% 200% 200%'},
{at: 0.75, expect: '125% 125% 150% 150%'},
{at: 1, expect: '100%'},
{at: 1.25, expect: '75% 75% 50% 50%'},
]);
test_composition({
property: 'border-image-slice',
underlying: '10 20%',
replaceFrom: '100 100%',
addTo: '190 180%',
}, [
{at: -0.25, expect: '75 75%'},
{at: 0, expect: '100 100%'},
{at: 0.25, expect: '125 125%'},
{at: 0.5, expect: '150 150%'},
{at: 0.75, expect: '175 175%'},
{at: 1, expect: '200 200%'},
{at: 1.25, expect: '225 225%'},
]);
test_composition({
property: 'border-image-slice',
underlying: '10% 20',
addFrom: '90% 80',
replaceTo: '0% 0 0% 0',
}, [
{at: -0.25, expect: '125% 125'},
{at: 0, expect: '100% 100'},
{at: 0.25, expect: '75% 75'},
{at: 0.5, expect: '50% 50'},
{at: 0.75, expect: '25% 25'},
{at: 1, expect: '0% 0'},
{at: 1.25, expect: '0% 0'}, // Non-negative.
]);
test_composition({
property: 'border-image-slice',
underlying: '10 20',
addFrom: '100% 150%',
addTo: '200% 250% fill',
}, [
{at: -0.25, expect: '100% 150%'},
{at: 0, expect: '100% 150%'},
{at: 0.25, expect: '100% 150%'},
{at: 0.5, expect: '200% 250% fill'},
{at: 0.75, expect: '200% 250% fill'},
{at: 1, expect: '200% 250% fill'},
{at: 1.25, expect: '200% 250% fill'},
]);
test_composition({
property: 'border-image-slice',
underlying: '10 20',
addFrom: '100 150%',
addTo: '200% 250',
}, [
{at: -0.25, expect: '100 150%'},
{at: 0, expect: '100 150%'},
{at: 0.25, expect: '100 150%'},
{at: 0.5, expect: '200% 250'},
{at: 0.75, expect: '200% 250'},
{at: 1, expect: '200% 250'},
{at: 1.25, expect: '200% 250'},
]);
</script>
</body>

24
Tests/LibWeb/Text/input/wpt-import/css/css-backgrounds/animations/border-image-slice-interpolation-stability.html Normal file
View file

@ -0,0 +1,24 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>border-image-slice interpolation stability</title>
<link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#border-image-slice">
<script src="../../../resources/testharness.js"></script>
<script src="../../../resources/testharnessreport.js"></script>
<div id="target"></div>
<script>
test(function() {
var player = target.animate([
{borderImageSlice: '50'},
{borderImageSlice: '50'},
], {
duration: 1,
fill: 'forwards',
easing: 'cubic-bezier(0, 1.5, 1, 1.5)',
});
player.pause();
player.currentTime = 0.6345195996109396
assert_equals(getComputedStyle(target).borderImageSlice, '50');
});
</script>

175
Tests/LibWeb/Text/input/wpt-import/css/css-backgrounds/animations/border-image-slice-interpolation.html Normal file
View file

@ -0,0 +1,175 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>border-image-slice interpolation</title>
<link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#border-image-slice">
<meta name="assert" content="border-image-slice supports animation by computed value">
<script src="../../../resources/testharness.js"></script>
<script src="../../../resources/testharnessreport.js"></script>
<script src="../../support/interpolation-testcommon.js"></script>
<style>
.parent {
border-image-slice: 50%;
}
.target {
width: 50px;
height: 50px;
background-color: black;
display: inline-block;
border: 25px;
border-image-source: linear-gradient(45deg, red, blue, green);
border-image-slice: 20%;
}
.expected {
background-color: green;
margin-right: 2px;
}
</style>
<body></body>
<script>
test_interpolation({
property: 'border-image-slice',
from: neutralKeyframe,
to: '10%',
}, [
{at: -0.3, expect: '23%'},
{at: 0, expect: '20%'},
{at: 0.3, expect: '17%'},
{at: 0.5, expect: '15%'},
{at: 0.6, expect: '14%'},
{at: 1, expect: '10%'},
{at: 1.5, expect: '5%'},
]);
test_interpolation({
property: 'border-image-slice',
from: 'initial',
to: '10%',
}, [
{at: -0.3, expect: '127%'},
{at: 0, expect: '100%'},
{at: 0.3, expect: '73%'},
{at: 0.5, expect: '55%'},
{at: 0.6, expect: '46%'},
{at: 1, expect: '10%'},
{at: 1.5, expect: '0%'},
]);
test_interpolation({
property: 'border-image-slice',
from: 'inherit',
to: '10%',
}, [
{at: -0.3, expect: '62%'},
{at: 0, expect: '50%'},
{at: 0.3, expect: '38%'},
{at: 0.5, expect: '30%'},
{at: 0.6, expect: '26%'},
{at: 1, expect: '10%'},
{at: 1.5, expect: '0%'},
]);
test_interpolation({
property: 'border-image-slice',
from: 'unset',
to: '10%',
}, [
{at: -0.3, expect: '127%'},
{at: 0, expect: '100%'},
{at: 0.3, expect: '73%'},
{at: 0.5, expect: '55%'},
{at: 0.6, expect: '46%'},
{at: 1, expect: '10%'},
{at: 1.5, expect: '0%'},
]);
test_interpolation({
property: 'border-image-slice',
from: '0%',
to: '50%',
}, [
{at: -0.3, expect: '0%'}, // CSS border-image-slice can't be negative.
{at: 0, expect: '0%'},
{at: 0.3, expect: '15%'},
{at: 0.5, expect: '25%'},
{at: 0.6, expect: '30%'},
{at: 1, expect: '50%'},
{at: 1.5, expect: '75%'},
]);
test_interpolation({
property: 'border-image-slice',
from: '0% 10% 20% 30%',
to: '40% 50% 60% 70%',
}, [
{at: -0.5, expect: '0% 0% 0% 10%'},
{at: 0, expect: '0% 10% 20% 30%'},
{at: 0.3, expect: '12% 22% 32% 42%'},
{at: 0.5, expect: '20% 30% 40% 50%'},
{at: 0.6, expect: '24% 34% 44% 54%'},
{at: 1, expect: '40% 50% 60% 70%'},
{at: 1.5, expect: '60% 70% 80% 90%'},
]);
test_interpolation({
property: 'border-image-slice',
from: '0 10 20 30 fill',
to: '40 50 60 70 fill',
}, [
{at: -0.5, expect: '0 0 0 10 fill'}, // CSS border-image-slice can't be negative.
{at: 0, expect: '0 10 20 30 fill'},
{at: 0.3, expect: '12 22 32 42 fill'},
{at: 0.5, expect: '20 30 40 50 fill'},
{at: 0.6, expect: '24 34 44 54 fill'},
{at: 1, expect: '40 50 60 70 fill'},
{at: 1.5, expect: '60 70 80 90 fill'},
]);
test_interpolation({
property: 'border-image-slice',
from: '0% 10 20% 30 fill',
to: '40% 50 60% 70 fill',
}, [
{at: -0.5, expect: '0% 0 0% 10 fill'}, // CSS border-image-slice can't be negative.
{at: 0, expect: '0% 10 20% 30 fill'},
{at: 0.3, expect: '12% 22 32% 42 fill'},
{at: 0.5, expect: '20% 30 40% 50 fill'},
{at: 0.6, expect: '24% 34 44% 54 fill'},
{at: 1, expect: '40% 50 60% 70 fill'},
{at: 1.5, expect: '60% 70 80% 90 fill'},
]);
test_no_interpolation({
property: 'border-image-slice',
from: '0% fill',
to: '50%',
});
test_no_interpolation({
property: 'border-image-slice',
from: '50%',
to: '100',
});
test_no_interpolation({
property: 'border-image-slice',
from: '50% fill',
to: '100 fill',
});
test_no_interpolation({
property: 'border-image-slice',
from: '0% 10 20% 30 fill',
to: '40% 50 60% 70',
});
test_no_interpolation({
property: 'border-image-slice',
from: '0% 10 20 30 fill',
to: '40 50 60% 70',
});
</script>
</body>

82
Tests/LibWeb/Text/input/wpt-import/css/css-backgrounds/animations/border-image-source-interpolation.html Normal file
View file

@ -0,0 +1,82 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>border-image-source interpolation</title>
<link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#border-image-source">
<meta name="assert" content="border-image-source has discrete animation">
<script src="../../../resources/testharness.js"></script>
<script src="../../../resources/testharnessreport.js"></script>
<script src="../../support/interpolation-testcommon.js"></script>
<style>
.parent {
border-image-source: url(../support/green.png);
}
.target {
width: 50px;
height: 50px;
background-color: black;
display: inline-block;
border: 5px solid aqua;
border-image-source: url(../support/blue_color.png);
border-image-slice: 10%;
}
.expected {
background-color: green;
margin-right: 2px;
}
</style>
<body></body>
<script>
// initial
test_no_interpolation({
property: 'border-image-source',
from: 'initial',
to: 'url(../support/orange_color.png)',
});
// inherit
test_no_interpolation({
property: 'border-image-source',
from: 'inherit',
to: 'url(../support/orange_color.png)',
});
// unset
test_no_interpolation({
property: 'border-image-source',
from: 'unset',
to: 'url(../support/orange_color.png)',
});
// None to image
test_no_interpolation({
property: 'border-image-source',
from: 'none',
to: 'url(../support/orange_color.png)',
});
// Image to image
test_no_interpolation({
property: 'border-image-source',
from: 'url(../support/aqua_color.png)',
to: 'url(../support/orange_color.png)',
});
// Image to gradient
test_no_interpolation({
property: 'border-image-source',
from: 'url(../support/aqua_color.png)',
to: 'linear-gradient(45deg, blue, orange)',
});
// Gradient to gradient
test_no_interpolation({
property: 'border-image-source',
from: 'linear-gradient(-45deg, red, yellow)',
to: 'linear-gradient(45deg, blue, orange)',
});
</script>
</body>

133
Tests/LibWeb/Text/input/wpt-import/css/css-backgrounds/animations/border-image-width-composition.html Normal file
View file

@ -0,0 +1,133 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>border-image-width composition</title>
<link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#border-image-width">
<meta name="assert" content="border-image-width supports animation by computed value">
<script src="../../../resources/testharness.js"></script>
<script src="../../../resources/testharnessreport.js"></script>
<script src="../../support/interpolation-testcommon.js"></script>
<body>
<script>
test_composition({
property: 'border-image-width',
underlying: '1 2 3 4',
addFrom: '1 2 3 4',
addTo: '101 102 103 104',
}, [
{at: -0.25, expect: '0'}, // Non-negative.
{at: 0, expect: '2 4 6 8'},
{at: 0.25, expect: '27 29 31 33'},
{at: 0.5, expect: '52 54 56 58'},
{at: 0.75, expect: '77 79 81 83'},
{at: 1, expect: '102 104 106 108'},
{at: 1.25, expect: '127 129 131 133'},
]);
test_composition({
property: 'border-image-width',
underlying: '100 200 300 400',
addFrom: '100',
addTo: '200 300 500',
}, [
{at: -0.25, expect: '175 250 300 450'},
{at: 0, expect: '200 300 400 500'},
{at: 0.25, expect: '225 350 500 550'},
{at: 0.5, expect: '250 400 600 600'},
{at: 0.75, expect: '275 450 700 650'},
{at: 1, expect: '300 500 800 700'},
{at: 1.25, expect: '325 550 900 750'},
]);
test_composition({
property: 'border-image-width',
underlying: '1 2 3px 4%',
addFrom: '1 2 3px 4%',
addTo: '101 102 103px 104%',
}, [
{at: -0.25, expect: '0 0 0px 0%'}, // Non-negative.
{at: 0, expect: '2 4 6px 8%'},
{at: 0.25, expect: '27 29 31px 33%'},
{at: 0.5, expect: '52 54 56px 58%'},
{at: 0.75, expect: '77 79 81px 83%'},
{at: 1, expect: '102 104 106px 108%'},
{at: 1.25, expect: '127 129 131px 133%'},
]);
test_composition({
property: 'border-image-width',
underlying: '10px 20px',
addFrom: '190px 180px 290px 280px',
addTo: '90px 80px',
}, [
{at: -0.25, expect: '225px 225px 350px 350px'},
{at: 0, expect: '200px 200px 300px 300px'},
{at: 0.25, expect: '175px 175px 250px 250px'},
{at: 0.5, expect: '150px 150px 200px 200px'},
{at: 0.75, expect: '125px 125px 150px 150px'},
{at: 1, expect: '100px'},
{at: 1.25, expect: '75px 75px 50px 50px'},
]);
test_composition({
property: 'border-image-width',
underlying: '10 20px',
replaceFrom: '100 100px',
addTo: '190 180px',
}, [
{at: -0.25, expect: '75 75px'},
{at: 0, expect: '100 100px'},
{at: 0.25, expect: '125 125px'},
{at: 0.5, expect: '150 150px'},
{at: 0.75, expect: '175 175px'},
{at: 1, expect: '200 200px'},
{at: 1.25, expect: '225 225px'},
]);
test_composition({
property: 'border-image-width',
underlying: '10px 20',
addFrom: '90px 80',
replaceTo: '0px 0 0px 0',
}, [
{at: -0.25, expect: '125px 125'},
{at: 0, expect: '100px 100'},
{at: 0.25, expect: '75px 75'},
{at: 0.5, expect: '50px 50'},
{at: 0.75, expect: '25px 25'},
{at: 1, expect: '0px 0'},
{at: 1.25, expect: '0px 0'}, // Non-negative.
]);
test_composition({
property: 'border-image-width',
underlying: '10 20',
addFrom: '100px 150px',
addTo: '200px 250px',
}, [
{at: -0.25, expect: '75px 125px'},
{at: 0, expect: '100px 150px'},
{at: 0.25, expect: '125px 175px'},
{at: 0.5, expect: '150px 200px'},
{at: 0.75, expect: '175px 225px'},
{at: 1, expect: '200px 250px'},
{at: 1.25, expect: '225px 275px'},
]);
test_composition({
property: 'border-image-width',
underlying: '10 20',
addFrom: '100 150px',
addTo: '200% 250',
}, [
{at: -0.25, expect: '100 150px'},
{at: 0, expect: '100 150px'},
{at: 0.25, expect: '100 150px'},
{at: 0.5, expect: '200% 250'},
{at: 0.75, expect: '200% 250'},
{at: 1, expect: '200% 250'},
{at: 1.25, expect: '200% 250'},
]);
</script>
</body>

192
Tests/LibWeb/Text/input/wpt-import/css/css-backgrounds/animations/border-image-width-interpolation.html Normal file
View file

@ -0,0 +1,192 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>border-image-width interpolation</title>
<link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#border-image-width">
<meta name="assert" content="border-image-width supports animation by computed value">
<script src="../../../resources/testharness.js"></script>
<script src="../../../resources/testharnessreport.js"></script>
<script src="../../support/interpolation-testcommon.js"></script>
<style>
.parent {
border-image-width: 100px;
}
.target {
width: 80px;
height: 80px;
background-color: black;
display: inline-block;
border: 10px;
border-image-source: linear-gradient(45deg, red, blue, green);
border-image-width: 10px;
}
.expected {
background-color: green;
margin-right: 2px;
}
</style>
<body></body>
<script>
test_interpolation({
property: 'border-image-width',
from: neutralKeyframe,
to: '20px',
}, [
{at: -0.3, expect: '7px'},
{at: 0, expect: '10px'},
{at: 0.3, expect: '13px'},
{at: 0.6, expect: '16px'},
{at: 1, expect: '20px'},
{at: 1.5, expect: '25px'},
{at: 5, expect: '60px'},
{at: 10, expect: '110px'},
]);
test_no_interpolation({
property: 'border-image-width',
from: 'initial',
to: '20px',
});
test_interpolation({
property: 'border-image-width',
from: 'inherit',
to: '20px',
}, [
{at: -0.3, expect: '124px'},
{at: 0, expect: '100px'},
{at: 0.3, expect: '76px'},
{at: 0.6, expect: '52px'},
{at: 1, expect: '20px'},
{at: 1.5, expect: '0px'},
{at: 5, expect: '0px'},
{at: 10, expect: '0px'},
]);
test_no_interpolation({
property: 'border-image-width',
from: 'unset',
to: '20px',
});
test_interpolation({
property: 'border-image-width',
from: '0px',
to: '20px'
}, [
{at: -0.3, expect: '0px'}, // CSS border-image-width can't be negative.
{at: 0, expect: '0px'},
{at: 0.3, expect: '6px'},
{at: 0.6, expect: '12px'},
{at: 1, expect: '20px'},
{at: 1.5, expect: '30px'},
{at: 5, expect: '100px'},
{at: 10, expect: '200px'}
]);
test_interpolation({
property: 'border-image-width',
from: '0%',
to: '20%'
}, [
{at: -0.3, expect: '0%'}, // CSS border-image-width can't be negative.
{at: 0, expect: '0%'},
{at: 0.3, expect: '6%'},
{at: 0.6, expect: '12%'},
{at: 1, expect: '20%'},
{at: 1.5, expect: '30%'},
{at: 5, expect: '100%'},
{at: 10, expect: '200%'}
]);
test_interpolation({
property: 'border-image-width',
from: '0',
to: '20'
}, [
{at: -0.3, expect: '0'}, // CSS border-image-width can't be negative.
{at: 0, expect: '0'},
{at: 0.3, expect: '6'},
{at: 0.6, expect: '12'},
{at: 1, expect: '20'},
{at: 1.5, expect: '30'},
{at: 5, expect: '100'},
{at: 10, expect: '200'}
]);
test_interpolation({
property: 'border-image-width',
from: '10px 20% 30 40px',
to: '80px 70% 60 50px'
}, [
{at: -0.3, expect: '0px 5% 21 37px'}, // CSS border-image-width can't be negative.
{at: 0, expect: '10px 20% 30 40px'},
{at: 0.3, expect: '31px 35% 39 43px'},
{at: 0.6, expect: '52px 50% 48 46px'},
{at: 1, expect: '80px 70% 60 50px'},
{at: 1.5, expect: '115px 95% 75 55px'},
{at: 5, expect: '360px 270% 180 90px'},
{at: 10, expect: '710px 520% 330 140px'}
]);
test_interpolation({
property: 'border-image-width',
from: '10%',
to: '20px'
}, [
// Percentages are relative to the size of the border image area, which is 120px.
{at: -0.3, expect: 'calc(13% + -6px)'}, // Should be parsed as 16px - 6px = 10px
{at: 0, expect: '10%'}, // Should be parsed as 12px
{at: 0.3, expect: 'calc(7% + 6px)'}, // Should be parsed as 8px + 6px = 14px
{at: 0.6, expect: 'calc(4% + 12px)'}, // Should be parsed as 5px + 12px = 17px
{at: 1, expect: 'calc(0% + 20px)'},
{at: 1.5, expect: 'calc(-5% + 30px)'}, // Should be parsed as -6px + 30px = 24px
]);
test_interpolation({
property: 'border-image-width',
from: '10px',
to: '20%'
}, [
// Percentages are relative to the size of the border image area, which is 120px.
{at: -0.3, expect: 'calc(13px + -6%)'}, // Should be parsed as 13px - 7px = 6px
{at: 0, expect: 'calc(0% + 10px)'},
{at: 0.3, expect: 'calc(7px + 6%)'}, // Should be parsed as 7px + 7px = 14px
{at: 0.6, expect: 'calc(4px + 12%)'}, // Should be parsed as 4px + 14px = 18px
{at: 1, expect: '20%'}, // Should be parsed as 24px
{at: 1.5, expect: 'calc(-5px + 30%)'}, // Should be parsed as -5px + 36px = 31px
]);
test_interpolation({
property: 'border-image-width',
from: '10px auto auto 20',
to: '110px auto auto 120'
}, [
{at: -0.3, expect: ' 0px auto auto 0'},
{at: 0, expect: ' 10px auto auto 20'},
{at: 0.3, expect: ' 40px auto auto 50'},
{at: 0.6, expect: ' 70px auto auto 80'},
{at: 1, expect: '110px auto auto 120'},
{at: 1.5, expect: '160px auto auto 170'},
]);
test_no_interpolation({
property: 'border-image-width',
from: '10px auto auto 20',
to: '110px auto 120 auto'
});
test_no_interpolation({
property: 'border-image-width',
from: '10px',
to: '20'
});
test_no_interpolation({
property: 'border-image-width',
from: '10',
to: '20px'
});
test_no_interpolation({
property: 'border-image-width',
from: '10%',
to: '20'
});
test_no_interpolation({
property: 'border-image-width',
from: '10',
to: '20%'
});
</script>

65
Tests/LibWeb/Text/input/wpt-import/css/css-backgrounds/animations/border-left-width-composition.html Normal file
View file

@ -0,0 +1,65 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>border-left-width composition</title>
<link rel="help" href="https://www.w3.org/TR/CSS2/box.html#border-width-properties">
<meta name="assert" content="border-left-width supports animation by computed value">
<script src="../../../resources/testharness.js"></script>
<script src="../../../resources/testharnessreport.js"></script>
<script src="../../support/interpolation-testcommon.js"></script>
<body>
<script>
test_composition({
property: 'border-left-width',
underlying: '50px',
addFrom: '100px',
addTo: '200px',
}, [
{at: -0.3, expect: '120px'},
{at: 0, expect: '150px'},
{at: 0.5, expect: '200px'},
{at: 1, expect: '250px'},
{at: 1.5, expect: '300px'},
]);
test_composition({
property: 'border-left-width',
underlying: '100px',
addFrom: '10px',
addTo: '2px',
}, [
{at: -0.5, expect: '114px'},
{at: 0, expect: '110px'},
{at: 0.5, expect: '106px'},
{at: 1, expect: '102px'},
{at: 1.5, expect: '98px'}, // Value clamping should happen after composition.
]);
test_composition({
property: 'border-left-width',
underlying: '10em',
addFrom: '100px',
addTo: '20em',
}, [
{at: -0.3, expect: 'calc(130px + 4em)'},
{at: 0, expect: 'calc(100px + 10em)'},
{at: 0.5, expect: 'calc(50px + 20em)'},
{at: 1, expect: '30em'},
{at: 1.5, expect: 'calc(-50px + 40em)'},
]);
test_composition({
property: 'border-left-width',
underlying: '50px',
addFrom: '100px',
replaceTo: '200px',
}, [
{at: -0.3, expect: '135px'},
{at: 0, expect: '150px'},
{at: 0.5, expect: '175px'},
{at: 1, expect: '200px'},
{at: 1.5, expect: '225px'},
]);
</script>
</body>

141
Tests/LibWeb/Text/input/wpt-import/css/css-backgrounds/animations/border-radius-interpolation.html Normal file
View file

@ -0,0 +1,141 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>border-radius interpolation</title>
<link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#border-radius">
<meta name="assert" content="border-radius supports animation by computed value">
<script src="../../../resources/testharness.js"></script>
<script src="../../../resources/testharnessreport.js"></script>
<script src="../../support/interpolation-testcommon.js"></script>
<style>
.parent {
border-radius: 30px;
}
.target {
width: 80px;
height: 80px;
display: inline-block;
background-color: black;
margin-right: 5px;
border-radius: 10px;
}
.expected {
background-color: green;
margin-right: 15px;
}
</style>
<body></body>
<script>
// As per https://bugzilla.mozilla.org/show_bug.cgi?id=137688, Firefox does not
// support getComputedStyle for shorthands. As such, we have one test for this
// which explicitly checks the shorthand variant, but most tests use one of the
// longhands instead.
function compareNotEmpty(actual, expected) {
assert_equals(actual, expected);
assert_not_equals(actual, '');
}
test_interpolation({
property: 'border-radius',
from: '20px 40px 60px 80px / 120px 140px 160px 180px',
to: '30px 50px 70px 90px / 130px 150px 170px 190px',
comparisonFunction: compareNotEmpty,
}, [
{at: -0.3, expect: '17px 37px 57px 77px / 117px 137px 157px 177px'},
{at: 0, expect: '20px 40px 60px 80px / 120px 140px 160px 180px'},
{at: 0.3, expect: '23px 43px 63px 83px / 123px 143px 163px 183px'},
{at: 0.6, expect: '26px 46px 66px 86px / 126px 146px 166px 186px'},
{at: 1, expect: '30px 50px 70px 90px / 130px 150px 170px 190px'},
{at: 1.5, expect: '35px 55px 75px 95px / 135px 155px 175px 195px'}
]);
test_interpolation({
property: 'border-top-left-radius',
from: neutralKeyframe,
to: '20px',
}, [
{at: -0.3, expect: '7px'},
{at: 0, expect: '10px'},
{at: 0.3, expect: '13px'},
{at: 0.6, expect: '16px'},
{at: 1, expect: '20px'},
{at: 1.5, expect: '25px'},
]);
test_interpolation({
property: 'border-top-left-radius',
from: 'initial',
to: '20px',
}, [
{at: -0.3, expect: '0px'},
{at: 0, expect: '0px'},
{at: 0.3, expect: '6px'},
{at: 0.6, expect: '12px'},
{at: 1, expect: '20px'},
{at: 1.5, expect: '30px'},
]);
test_interpolation({
property: 'border-top-left-radius',
from: 'inherit',
to: '20px',
}, [
{at: -0.3, expect: '33px'},
{at: 0, expect: '30px'},
{at: 0.3, expect: '27px'},
{at: 0.6, expect: '24px'},
{at: 1, expect: '20px'},
{at: 1.5, expect: '15px'},
]);
test_interpolation({
property: 'border-top-left-radius',
from: 'unset',
to: '20px',
}, [
{at: -0.3, expect: '0px'},
{at: 0, expect: '0px'},
{at: 0.3, expect: '6px'},
{at: 0.6, expect: '12px'},
{at: 1, expect: '20px'},
{at: 1.5, expect: '30px'},
]);
test_interpolation({
property: 'border-top-left-radius',
from: '10px',
to: '50px'
}, [
{at: -0.3, expect: '0px'}, // CSS border-top-left-radius can't be negative.
{at: 0, expect: '10px'},
{at: 0.3, expect: '22px'},
{at: 0.6, expect: '34px'},
{at: 1, expect: '50px'},
{at: 1.5, expect: '70px'},
]);
test_interpolation({
property: 'border-top-left-radius',
from: '10px',
to: '100%'
}, [
{at: -0.3, expect: 'calc(13px + -30%)'},
{at: 0, expect: 'calc(10px + 0%)'},
{at: 0.3, expect: 'calc(7px + 30%)'},
{at: 0.6, expect: 'calc(4px + 60%)'},
{at: 1, expect: '100%'},
{at: 1.5, expect: 'calc(-5px + 150%)'},
]);
test_interpolation({
property: 'border-top-left-radius',
from: '20px',
to: '10px 30px'
}, [
{at: -2, expect: '40px 0px'},
{at: -0.3, expect: '23px 17px'},
{at: 0, expect: '20px'},
{at: 0.3, expect: '17px 23px'},
{at: 0.6, expect: '14px 26px'},
{at: 1, expect: '10px 30px'},
{at: 1.5, expect: '5px 35px'}
]);
</script>

65
Tests/LibWeb/Text/input/wpt-import/css/css-backgrounds/animations/border-right-width-composition.html Normal file
View file

@ -0,0 +1,65 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>border-right-width composition</title>
<link rel="help" href="https://www.w3.org/TR/CSS2/box.html#border-width-properties">
<meta name="assert" content="border-right-width supports animation by computed value">
<script src="../../../resources/testharness.js"></script>
<script src="../../../resources/testharnessreport.js"></script>
<script src="../../support/interpolation-testcommon.js"></script>
<body>
<script>
test_composition({
property: 'border-right-width',
underlying: '50px',
addFrom: '100px',
addTo: '200px',
}, [
{at: -0.3, expect: '120px'},
{at: 0, expect: '150px'},
{at: 0.5, expect: '200px'},
{at: 1, expect: '250px'},
{at: 1.5, expect: '300px'},
]);
test_composition({
property: 'border-right-width',
underlying: '100px',
addFrom: '10px',
addTo: '2px',
}, [
{at: -0.5, expect: '114px'},
{at: 0, expect: '110px'},
{at: 0.5, expect: '106px'},
{at: 1, expect: '102px'},
{at: 1.5, expect: '98px'}, // Value clamping should happen after composition.
]);
test_composition({
property: 'border-right-width',
underlying: '10em',
addFrom: '100px',
addTo: '20em',
}, [
{at: -0.3, expect: 'calc(130px + 4em)'},
{at: 0, expect: 'calc(100px + 10em)'},
{at: 0.5, expect: 'calc(50px + 20em)'},
{at: 1, expect: '30em'},
{at: 1.5, expect: 'calc(-50px + 40em)'},
]);
test_composition({
property: 'border-right-width',
underlying: '50px',
addFrom: '100px',
replaceTo: '200px',
}, [
{at: -0.3, expect: '135px'},
{at: 0, expect: '150px'},
{at: 0.5, expect: '175px'},
{at: 1, expect: '200px'},
{at: 1.5, expect: '225px'},
]);
</script>
</body>

58
Tests/LibWeb/Text/input/wpt-import/css/css-backgrounds/animations/border-top-left-radius-composition.html Normal file
View file

@ -0,0 +1,58 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>border-top-left-radius composition</title>
<link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#the-border-radius">
<meta name="assert" content="border-top-left-radius supports animation by computed value">
<script src="../../../resources/testharness.js"></script>
<script src="../../../resources/testharnessreport.js"></script>
<script src="../../support/interpolation-testcommon.js"></script>
<body>
<script>
test_composition({
property: 'border-top-left-radius',
underlying: '40px 40px',
addFrom: '60px 60px',
addTo: '160px 160px',
}, [
{at: -0.25, expect: '75px'},
{at: 0, expect: '100px'},
{at: 0.25, expect: '125px'},
{at: 0.5, expect: '150px'},
{at: 0.75, expect: '175px'},
{at: 1, expect: '200px'},
{at: 1.25, expect: '225px'},
]);
test_composition({
property: 'border-top-left-radius',
underlying: '40px 140px',
replaceFrom: '100px 120px',
addTo: '160px 60px',
}, [
{at: -0.25, expect: '75px 100px'},
{at: 0, expect: '100px 120px'},
{at: 0.25, expect: '125px 140px'},
{at: 0.5, expect: '150px 160px'},
{at: 0.75, expect: '175px 180px'},
{at: 1, expect: '200px'},
{at: 1.25, expect: '225px 220px'},
]);
test_composition({
property: 'border-top-left-radius',
underlying: '40px 60px',
addFrom: '60px 140px',
replaceTo: '200px 120px',
}, [
{at: -0.25, expect: '75px 220px'},
{at: 0, expect: '100px 200px'},
{at: 0.25, expect: '125px 180px'},
{at: 0.5, expect: '150px 160px'},
{at: 0.75, expect: '175px 140px'},
{at: 1, expect: '200px 120px'},
{at: 1.25, expect: '225px 100px'},
]);
</script>
</body>

58
Tests/LibWeb/Text/input/wpt-import/css/css-backgrounds/animations/border-top-right-radius-composition.html Normal file
View file

@ -0,0 +1,58 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>border-top-right-radius composition</title>
<link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#the-border-radius">
<meta name="assert" content="border-top-right-radius supports animation by computed value">
<script src="../../../resources/testharness.js"></script>
<script src="../../../resources/testharnessreport.js"></script>
<script src="../../support/interpolation-testcommon.js"></script>
<body>
<script>
test_composition({
property: 'border-top-right-radius',
underlying: '40px 40px',
addFrom: '60px 60px',
addTo: '160px 160px',
}, [
{at: -0.25, expect: '75px'},
{at: 0, expect: '100px'},
{at: 0.25, expect: '125px'},
{at: 0.5, expect: '150px'},
{at: 0.75, expect: '175px'},
{at: 1, expect: '200px'},
{at: 1.25, expect: '225px'},
]);
test_composition({
property: 'border-top-right-radius',
underlying: '40px 140px',
replaceFrom: '100px 120px',
addTo: '160px 60px',
}, [
{at: -0.25, expect: '75px 100px'},
{at: 0, expect: '100px 120px'},
{at: 0.25, expect: '125px 140px'},
{at: 0.5, expect: '150px 160px'},
{at: 0.75, expect: '175px 180px'},
{at: 1, expect: '200px'},
{at: 1.25, expect: '225px 220px'},
]);
test_composition({
property: 'border-top-right-radius',
underlying: '40px 60px',
addFrom: '60px 140px',
replaceTo: '200px 120px',
}, [
{at: -0.25, expect: '75px 220px'},
{at: 0, expect: '100px 200px'},
{at: 0.25, expect: '125px 180px'},
{at: 0.5, expect: '150px 160px'},
{at: 0.75, expect: '175px 140px'},
{at: 1, expect: '200px 120px'},
{at: 1.25, expect: '225px 100px'},
]);
</script>
</body>

65
Tests/LibWeb/Text/input/wpt-import/css/css-backgrounds/animations/border-top-width-composition.html Normal file
View file

@ -0,0 +1,65 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>border-top-width composition</title>
<link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#border-width">
<meta name="assert" content="border-top-width supports animation by computed value">
<script src="../../../resources/testharness.js"></script>
<script src="../../../resources/testharnessreport.js"></script>
<script src="../../support/interpolation-testcommon.js"></script>
<body>
<script>
test_composition({
property: 'border-top-width',
underlying: '50px',
addFrom: '100px',
addTo: '200px',
}, [
{at: -0.3, expect: '120px'},
{at: 0, expect: '150px'},
{at: 0.5, expect: '200px'},
{at: 1, expect: '250px'},
{at: 1.5, expect: '300px'},
]);
test_composition({
property: 'border-top-width',
underlying: '100px',
addFrom: '10px',
addTo: '2px',
}, [
{at: -0.5, expect: '114px'},
{at: 0, expect: '110px'},
{at: 0.5, expect: '106px'},
{at: 1, expect: '102px'},
{at: 1.5, expect: '98px'}, // Value clamping should happen after composition.
]);
test_composition({
property: 'border-top-width',
underlying: '10em',
addFrom: '100px',
addTo: '20em',
}, [
{at: -0.3, expect: 'calc(130px + 4em)'},
{at: 0, expect: 'calc(100px + 10em)'},
{at: 0.5, expect: 'calc(50px + 20em)'},
{at: 1, expect: '30em'},
{at: 1.5, expect: 'calc(-50px + 40em)'},
]);
test_composition({
property: 'border-top-width',
underlying: '50px',
addFrom: '100px',
replaceTo: '200px',
}, [
{at: -0.3, expect: '135px'},
{at: 0, expect: '150px'},
{at: 0.5, expect: '175px'},
{at: 1, expect: '200px'},
{at: 1.5, expect: '225px'},
]);
</script>
</body>

175
Tests/LibWeb/Text/input/wpt-import/css/css-backgrounds/animations/border-width-interpolation.html Normal file
View file

@ -0,0 +1,175 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>border-width interpolation</title>
<link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#border-width">
<meta name="assert" content="border-width supports animation by computed value">
<script src="../../../resources/testharness.js"></script>
<script src="../../../resources/testharnessreport.js"></script>
<script src="../../support/interpolation-testcommon.js"></script>
<style>
.parent {
border-width: 30px;
}
.target {
width: 50px;
height: 50px;
background-color: black;
display: inline-block;
border: 2px solid orange;
margin: 18px;
border-width: 10px;
}
.expected {
background-color: green;
}
</style>
<body></body>
<script>
// As per https://bugzilla.mozilla.org/show_bug.cgi?id=137688, Firefox does not
// support getComputedStyle for shorthands. As such, we have one test for this
// which explicitly checks the shorthand variant, but most tests use one of the
// longhands instead.
function compareNotEmpty(actual, expected) {
assert_equals(actual, expected);
assert_not_equals(actual, '');
}
test_interpolation({
property: 'border-width',
from: '20px 40px 60px 80px',
to: '30px 50px 70px 90px',
comparisonFunction: compareNotEmpty,
}, [
{at: -0.3, expect: '17px 37px 57px 77px'},
{at: 0, expect: '20px 40px 60px 80px'},
{at: 0.3, expect: '23px 43px 63px 83px'},
{at: 0.6, expect: '26px 46px 66px 86px'},
{at: 1, expect: '30px 50px 70px 90px'},
{at: 1.5, expect: '35px 55px 75px 95px'}
]);
test_interpolation({
property: 'border-left-width',
from: neutralKeyframe,
to: '20px',
}, [
{at: -0.3, expect: '7px'},
{at: 0, expect: '10px'},
{at: 0.3, expect: '13px'},
{at: 0.6, expect: '16px'},
{at: 1, expect: '20px'},
{at: 1.5, expect: '25px'},
]);
test_interpolation({
property: 'border-left-width',
from: 'initial',
to: '23px',
}, [
{at: -0.3, expect: '0px'},
{at: 0, expect: '3px'},
{at: 0.3, expect: '9px'},
{at: 0.6, expect: '15px'},
{at: 1, expect: '23px'},
{at: 1.5, expect: '33px'},
]);
test_interpolation({
property: 'border-left-width',
from: 'inherit',
to: '20px',
}, [
{at: -0.3, expect: '0px'},
{at: 0, expect: '0px'},
{at: 0.3, expect: '6px'},
{at: 0.6, expect: '12px'},
{at: 1, expect: '20px'},
{at: 1.5, expect: '30px'},
]);
test_interpolation({
property: 'border-left-width',
from: 'unset',
to: '23px',
}, [
{at: -0.3, expect: '0px'},
{at: 0, expect: '3px'},
{at: 0.3, expect: '9px'},
{at: 0.6, expect: '15px'},
{at: 1, expect: '23px'},
{at: 1.5, expect: '33px'},
]);
test_interpolation({
property: 'border-left-width',
from: '0px',
to: '10px'
}, [
{at: -0.3, expect: '0px'}, // CSS border-left-width can't be negative.
{at: 0, expect: '0px'},
{at: 0.3, expect: '3px'},
{at: 0.6, expect: '6px'},
{at: 1, expect: '10px'},
{at: 1.5, expect: '15px'}
]);
test_interpolation({
property: 'border-bottom-width',
from: 'thick',
to: '15px'
}, [
{at: -2, expect: '0px'}, // CSS border-bottom-width can't be negative.
{at: -0.3, expect: '2px'},
{at: 0, expect: '5px'},
{at: 0.3, expect: '8px'},
{at: 0.6, expect: '11px'},
{at: 1, expect: '15px'},
{at: 1.5, expect: '20px'}
]);
test_interpolation({
property: 'border-left-width',
from: 'medium',
to: '13px'
}, [
{at: -2, expect: '0px'}, // CSS border-left-width can't be negative.
{at: -0.25, expect: '0.5px'},
{at: 0, expect: '3px'},
{at: 0.3, expect: '6px'},
{at: 0.6, expect: '9px'},
{at: 1, expect: '13px'},
{at: 1.5, expect: '18px'}
]);
test_interpolation({
property: 'border-right-width',
from: 'thin',
to: '11px'
}, [
{at: -2, expect: '0px'}, // CSS border-right-width can't be negative.
{at: -0.3, expect: '0px'}, // CSS border-right-width can't be negative.
{at: 0, expect: '1px'},
{at: 0.3, expect: '4px'},
{at: 0.6, expect: '7px'},
{at: 1, expect: '11px'},
{at: 1.5, expect: '16px'}
]);
test_interpolation({
property: 'border-top-width',
from: '15px',
to: 'thick'
}, [
{at: -2, expect: '35px'},
{at: -0.3, expect: '18px'},
{at: 0, expect: '15px'},
{at: 0.3, expect: '12px'},
{at: 0.6, expect: '9px'},
{at: 1, expect: '5px'},
{at: 1.5, expect: '0px'}
]);
</script>

118
Tests/LibWeb/Text/input/wpt-import/css/css-backgrounds/animations/box-shadow-composition.html Normal file
View file

@ -0,0 +1,118 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>box-shadow composition</title>
<link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#box-shadow">
<meta name="test" content="box-shadow supports animation">
<script src="../../../resources/testharness.js"></script>
<script src="../../../resources/testharnessreport.js"></script>
<script src="../../support/interpolation-testcommon.js"></script>
<style>
.target {
width: 40px;
height: 40px;
background-color: black;
}
.expected {
background-color: green;
}
</style>
<body>
<script>
test_composition({
property: 'box-shadow',
replaceFrom: 'rgb(100, 100, 100) 10px 20px 30px 40px',
addTo: 'rgb(200, 200, 200) 20px 40px 60px 80px',
}, [
{at: -0.3, expect: 'rgb(70, 70, 70 ) 7px 14px 21px 28px'},
{at: 0, expect: 'rgb(100, 100, 100) 10px 20px 30px 40px'},
{at: 0.5, expect: 'rgb(150, 150, 150) 15px 30px 45px 60px'},
{at: 1, expect: 'rgb(200, 200, 200) 20px 40px 60px 80px'},
{at: 1.5, expect: 'rgb(250, 250, 250) 25px 50px 75px 100px'},
]);
test_composition({
property: 'box-shadow',
underlying: 'rgb(10, 20, 30) 1px 2px 3px 4px',
addFrom: 'rgb(100, 100, 100) 10px 20px 30px 40px',
addTo: 'rgb(200, 200, 200) 20px 40px 60px 80px',
}, [
{at: -0.3, expect: 'rgb(10, 20, 30) 1px 2px 3px 4px, rgb(70, 70, 70) 7px 14px 21px 28px'},
{at: 0, expect: 'rgb(10, 20, 30) 1px 2px 3px 4px, rgb(100, 100, 100) 10px 20px 30px 40px'},
{at: 0.5, expect: 'rgb(10, 20, 30) 1px 2px 3px 4px, rgb(150, 150, 150) 15px 30px 45px 60px'},
{at: 1, expect: 'rgb(10, 20, 30) 1px 2px 3px 4px, rgb(200, 200, 200) 20px 40px 60px 80px'},
{at: 1.5, expect: 'rgb(10, 20, 30) 1px 2px 3px 4px, rgb(250, 250, 250) 25px 50px 75px 100px'},
]);
test_composition({
property: 'box-shadow',
underlying: 'rgb(10, 20, 30) 1px 2px 3px 4px',
addFrom: 'rgb(100, 100, 100) 10px 20px 30px 40px inset',
addTo: 'rgb(200, 200, 200) 20px 40px 60px 80px inset',
}, [
{at: -0.3, expect: 'rgb(10, 20, 30) 1px 2px 3px 4px, rgb(70, 70, 70) 7px 14px 21px 28px inset'},
{at: 0, expect: 'rgb(10, 20, 30) 1px 2px 3px 4px, rgb(100, 100, 100) 10px 20px 30px 40px inset'},
{at: 0.5, expect: 'rgb(10, 20, 30) 1px 2px 3px 4px, rgb(150, 150, 150) 15px 30px 45px 60px inset'},
{at: 1, expect: 'rgb(10, 20, 30) 1px 2px 3px 4px, rgb(200, 200, 200) 20px 40px 60px 80px inset'},
{at: 1.5, expect: 'rgb(10, 20, 30) 1px 2px 3px 4px, rgb(250, 250, 250) 25px 50px 75px 100px inset'},
]);
test_composition({
property: 'box-shadow',
underlying: 'rgb(10, 20, 30) 1px 2px 3px 4px, rgb(20, 40, 60) 2px 4px 6px 8px',
addFrom: 'rgb(100, 100, 100) 10px 20px 30px 40px',
addTo: 'rgb(200, 200, 200) 20px 40px 60px 80px',
}, [
{at: -0.3, expect: 'rgb(10, 20, 30) 1px 2px 3px 4px, rgb(20, 40, 60) 2px 4px 6px 8px, rgb(70, 70, 70) 7px 14px 21px 28px'},
{at: 0, expect: 'rgb(10, 20, 30) 1px 2px 3px 4px, rgb(20, 40, 60) 2px 4px 6px 8px, rgb(100, 100, 100) 10px 20px 30px 40px'},
{at: 0.5, expect: 'rgb(10, 20, 30) 1px 2px 3px 4px, rgb(20, 40, 60) 2px 4px 6px 8px, rgb(150, 150, 150) 15px 30px 45px 60px'},
{at: 1, expect: 'rgb(10, 20, 30) 1px 2px 3px 4px, rgb(20, 40, 60) 2px 4px 6px 8px, rgb(200, 200, 200) 20px 40px 60px 80px'},
{at: 1.5, expect: 'rgb(10, 20, 30) 1px 2px 3px 4px, rgb(20, 40, 60) 2px 4px 6px 8px, rgb(250, 250, 250) 25px 50px 75px 100px'},
]);
test_composition({
property: 'box-shadow',
underlying: 'rgb(10, 20, 30) 1px 2px 3px 4px',
addFrom: 'rgb(100, 100, 100) 10px 20px 30px 40px, rgb(100, 100, 100) 10px 20px 30px 40px inset',
addTo: 'rgb(200, 200, 200) 20px 40px 60px 80px, rgb(200, 200, 200) 20px 40px 60px 80px inset',
}, [
{at: -0.3, expect: 'rgb(10, 20, 30) 1px 2px 3px 4px, rgb(70, 70, 70) 7px 14px 21px 28px, rgb(70, 70, 70) 7px 14px 21px 28px inset'},
{at: 0, expect: 'rgb(10, 20, 30) 1px 2px 3px 4px, rgb(100, 100, 100) 10px 20px 30px 40px, rgb(100, 100, 100) 10px 20px 30px 40px inset'},
{at: 0.5, expect: 'rgb(10, 20, 30) 1px 2px 3px 4px, rgb(150, 150, 150) 15px 30px 45px 60px, rgb(150, 150, 150) 15px 30px 45px 60px inset'},
{at: 1, expect: 'rgb(10, 20, 30) 1px 2px 3px 4px, rgb(200, 200, 200) 20px 40px 60px 80px, rgb(200, 200, 200) 20px 40px 60px 80px inset'},
{at: 1.5, expect: 'rgb(10, 20, 30) 1px 2px 3px 4px, rgb(250, 250, 250) 25px 50px 75px 100px, rgb(250, 250, 250) 25px 50px 75px 100px inset'},
]);
test_composition({
property: 'box-shadow',
underlying: 'rgb(10, 20, 30) 1px 2px 3px 4px, rgb(20, 40, 60) 2px 4px 6px 8px',
addFrom: 'rgb(100, 100, 100) 10px 20px 30px 40px',
replaceTo: 'rgb(200, 200, 200) 20px 40px 60px 80px',
}, [
{at: -0.3, expect: 'rgb(0, 0, 0) -4.7px -9.4px 0px -18.8px, rgb(26, 52, 78) 2.6px 5.2px 7.8px 10.4px, rgb(130, 130, 130) 13px 26px 39px 52px'},
{at: 0, expect: 'rgb(10, 20, 30) 1px 2px 3px 4px, rgb(20, 40, 60) 2px 4px 6px 8px, rgb(100, 100, 100) 10px 20px 30px 40px'},
{at: 0.5, expect: 'rgb(105, 110, 115) 10.5px 21px 31.5px 42px, rgba(20, 40, 60, 0.5) 1px 2px 3px 4px, rgba(100, 100, 100, 0.5) 5px 10px 15px 20px'},
{at: 1, expect: 'rgb(200, 200, 200) 20px 40px 60px 80px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px'},
{at: 1.5, expect: 'rgb(255, 255, 255) 29.5px 59px 88.5px 118px, rgba(0, 0, 0, 0) -1px -2px 0px -4px, rgba(0, 0, 0, 0) -5px -10px 0px -20px'},
]);
test_composition({
property: 'box-shadow',
underlying: 'rgb(10, 20, 30) 1px 2px 3px 4px, rgb(20, 40, 60) 2px 4px 6px 8px',
replaceFrom: 'rgb(100, 100, 100) 10px 20px 30px 40px',
addTo: 'rgb(200, 200, 200) 20px 40px 60px 80px',
}, [
{at: -0.3, expect: 'rgb(127, 124, 121) 12.7px 25.4px 38.1px 50.8px, rgba(0, 0, 0, 0) -0.6px -1.2px 0px -2.4px, rgba(0, 0, 0, 0) -6px -12px 0px -24px'},
{at: 0, expect: 'rgb(100, 100, 100) 10px 20px 30px 40px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px'},
{at: 0.5, expect: 'rgb(55, 60, 65) 5.5px 11px 16.5px 22px, rgba(20, 40, 60, 0.5) 1px 2px 3px 4px, rgba(200, 200, 200, 0.5) 10px 20px 30px 40px'},
{at: 1, expect: 'rgb(10, 20, 30) 1px 2px 3px 4px, rgb(20, 40, 60) 2px 4px 6px 8px, rgb(200, 200, 200) 20px 40px 60px 80px'},
{at: 1.5, expect: 'rgb(0, 0, 0) -3.5px -7px 0px -14px, rgb(30, 60, 90) 3px 6px 9px 12px, rgb(255, 255, 255) 30px 60px 90px 120px'},
]);
test_composition({
property: 'box-shadow',
underlying: 'rgb(10, 20, 30) 1px 2px 3px 4px, rgb(20, 40, 60) 2px 4px 6px 8px, rgb(40, 80, 120) 4px 8px 12px 16px',
addFrom: 'rgb(100, 100, 100) 10px 20px 30px 40px, rgb(200, 200, 200) 20px 40px 60px 80px',
replaceTo: 'rgb(200, 200, 200) 20px 40px 60px 80px',
}, [
{at: -0.3, expect: 'rgb(0, 0, 0) -4.7px -9.4px 0px -18.8px, rgb(26, 52, 78) 2.6px 5.2px 7.8px 10.4px, rgb(52, 104, 156) 5.2px 10.4px 15.6px 20.8px, rgb(130, 130, 130) 13px 26px 39px 52px, rgb(255, 255, 255) 26px 52px 78px 104px'},
{at: 0, expect: 'rgb(10, 20, 30) 1px 2px 3px 4px, rgb(20, 40, 60) 2px 4px 6px 8px, rgb(40, 80, 120) 4px 8px 12px 16px, rgb(100, 100, 100) 10px 20px 30px 40px, rgb(200, 200, 200) 20px 40px 60px 80px'},
{at: 0.5, expect: 'rgb(105, 110, 115) 10.5px 21px 31.5px 42px, rgba(20, 40, 60, 0.5) 1px 2px 3px 4px, rgba(40, 80, 120, 0.5) 2px 4px 6px 8px, rgba(100, 100, 100, 0.5) 5px 10px 15px 20px, rgba(200, 200, 200, 0.5) 10px 20px 30px 40px'},
{at: 1, expect: 'rgb(200, 200, 200) 20px 40px 60px 80px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px'},
{at: 1.5, expect: 'rgb(255, 255, 255) 29.5px 59px 88.5px 118px, rgba(0, 0, 0, 0) -1px -2px 0px -4px, rgba(0, 0, 0, 0) -2px -4px 0px -8px, rgba(0, 0, 0, 0) -5px -10px 0px -20px, rgba(0, 0, 0, 0) -10px -20px 0px -40px'},
]);
</script>
</body>

238
Tests/LibWeb/Text/input/wpt-import/css/css-backgrounds/animations/box-shadow-interpolation.html Normal file
View file

@ -0,0 +1,238 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#box-shadow">
<meta name="test" content="box-shadow supports animation">
<script src="../../../resources/testharness.js"></script>
<script src="../../../resources/testharnessreport.js"></script>
<script src="../../support/interpolation-testcommon.js"></script>
<style>
.parent {
box-shadow: 30px 10px 30px 10px black;
}
.target {
display: inline-block;
width: 60px;
height: 60px;
font-size: 3px;
border: 2px solid;
margin-right: 20px;
margin-bottom: 30px;
color: green;
box-shadow: 10px 30px 10px 30px black;
}
.expected {
margin-right: 40px;
}
</style>
<body>
<script>
test_interpolation({
property: 'box-shadow',
from: neutralKeyframe,
to: '20px 20px 20px 20px black',
}, [
{at: -0.3, expect: 'rgb(0, 0, 0) 7px 33px 7px 33px'},
{at: 0, expect: 'rgb(0, 0, 0) 10px 30px 10px 30px'},
{at: 0.3, expect: 'rgb(0, 0, 0) 13px 27px 13px 27px'},
{at: 0.6, expect: 'rgb(0, 0, 0) 16px 24px 16px 24px'},
{at: 1, expect: 'rgb(0, 0, 0) 20px 20px 20px 20px'},
{at: 1.5, expect: 'rgb(0, 0, 0) 25px 15px 25px 15px'},
]);
test_interpolation({
property: 'box-shadow',
from: 'initial',
to: '20px 20px 20px 20px black',
}, [
{at: -0.3, expect: 'rgba(0, 0, 0, 0) -6px -6px 0px -6px'},
{at: 0, expect: 'rgba(0, 0, 0, 0) 0px 0px 0px 0px'},
{at: 0.3, expect: 'rgba(0, 0, 0, 0.3) 6px 6px 6px 6px'},
{at: 0.6, expect: 'rgba(0, 0, 0, 0.6) 12px 12px 12px 12px'},
{at: 1, expect: 'rgb(0, 0, 0) 20px 20px 20px 20px'},
{at: 1.5, expect: 'rgb(0, 0, 0) 30px 30px 30px 30px'},
]);
test_interpolation({
property: 'box-shadow',
from: 'inherit',
to: '20px 20px 20px 20px black',
}, [
{at: -0.3, expect: 'rgb(0, 0, 0) 33px 7px 33px 7px'},
{at: 0, expect: 'rgb(0, 0, 0) 30px 10px 30px 10px'},
{at: 0.3, expect: 'rgb(0, 0, 0) 27px 13px 27px 13px'},
{at: 0.6, expect: 'rgb(0, 0, 0) 24px 16px 24px 16px'},
{at: 1, expect: 'rgb(0, 0, 0) 20px 20px 20px 20px'},
{at: 1.5, expect: 'rgb(0, 0, 0) 15px 25px 15px 25px'},
]);
test_interpolation({
property: 'box-shadow',
from: 'unset',
to: '20px 20px 20px 20px black',
}, [
{at: -0.3, expect: 'rgba(0, 0, 0, 0) -6px -6px 0px -6px'},
{at: 0, expect: 'rgba(0, 0, 0, 0) 0px 0px 0px 0px'},
{at: 0.3, expect: 'rgba(0, 0, 0, 0.3) 6px 6px 6px 6px'},
{at: 0.6, expect: 'rgba(0, 0, 0, 0.6) 12px 12px 12px 12px'},
{at: 1, expect: 'rgb(0, 0, 0) 20px 20px 20px 20px'},
{at: 1.5, expect: 'rgb(0, 0, 0) 30px 30px 30px 30px'},
]);
// Test basic functionality, and clipping blur at 0
test_interpolation({
property: 'box-shadow',
from: '15px 10px 5px 6px black',
to: '-15px -10px 25px -4px orange',
}, [
{at: -0.3, expect: 'rgb(0, 0, 0) 24px 16px 0px 9px'},
{at: 0, expect: 'rgb(0, 0, 0) 15px 10px 5px 6px'},
{at: 0.3, expect: 'rgb(77, 50, 0) 6px 4px 11px 3px'},
{at: 0.6, expect: 'rgb(153, 99, 0) -3px -2px 17px 0px'},
{at: 1, expect: 'rgb(255, 165, 0) -15px -10px 25px -4px'},
{at: 1.5, expect: 'rgb(255, 248, 0) -30px -20px 35px -9px'},
]);
test_interpolation({
property: 'box-shadow',
from: '0px 0px 0px 0px black',
to: '1px 1px 1px 1px black',
}, [
{at: -0.3, expect: 'rgb(0, 0, 0) -0.3px -0.3px 0px -0.3px'},
{at: 0, expect: 'rgb(0, 0, 0) 0px 0px 0px 0px'},
{at: 0.3, expect: 'rgb(0, 0, 0) 0.3px 0.3px 0.3px 0.3px'},
{at: 0.6, expect: 'rgb(0, 0, 0) 0.6px 0.6px 0.6px 0.6px'},
{at: 1, expect: 'rgb(0, 0, 0) 1px 1px 1px 1px'},
{at: 1.5, expect: 'rgb(0, 0, 0) 1.5px 1.5px 1.5px 1.5px'},
]);
// Test with color as first value.
test_interpolation({
property: 'box-shadow',
from: 'black 15px 10px 5px 6px',
to: 'orange -15px -10px 25px -4px',
}, [
{at: -0.3, expect: 'rgb(0, 0, 0) 24px 16px 0px 9px'},
{at: 0, expect: 'rgb(0, 0, 0) 15px 10px 5px 6px'},
{at: 0.3, expect: 'rgb(77, 50, 0) 6px 4px 11px 3px'},
{at: 0.6, expect: 'rgb(153, 99, 0) -3px -2px 17px 0px'},
{at: 1, expect: 'rgb(255, 165, 0) -15px -10px 25px -4px'},
{at: 1.5, expect: 'rgb(255, 248, 0) -30px -20px 35px -9px'},
]);
test_interpolation({
property: 'box-shadow',
from: '15px 10px 5px 6px black inset',
to: '-15px -10px 25px -4px orange inset',
}, [
{at: -0.3, expect: 'rgb(0, 0, 0) 24px 16px 0px 9px inset'},
{at: 0, expect: 'rgb(0, 0, 0) 15px 10px 5px 6px inset'},
{at: 0.3, expect: 'rgb(77, 50, 0) 6px 4px 11px 3px inset'},
{at: 0.6, expect: 'rgb(153, 99, 0) -3px -2px 17px 0px inset'},
{at: 1, expect: 'rgb(255, 165, 0) -15px -10px 25px -4px inset'},
{at: 1.5, expect: 'rgb(255, 248, 0) -30px -20px 35px -9px inset'},
]);
test_interpolation({
property: 'box-shadow',
from: '15px 10px 5px 6px black',
to: '-15px -10px 25px -4px',
}, [
{at: -0.3, expect: 'rgb(0, 0, 0) 24px 16px 0px 9px'},
{at: 0, expect: 'rgb(0, 0, 0) 15px 10px 5px 6px'},
{at: 0.3, expect: 'rgb(0, 38, 0) 6px 4px 11px 3px'},
{at: 0.6, expect: 'rgb(0, 77, 0) -3px -2px 17px 0px'},
{at: 1, expect: 'rgb(0, 128, 0) -15px -10px 25px -4px'},
{at: 1.5, expect: 'rgb(0, 192, 0) -30px -20px 35px -9px'},
]);
test_interpolation({
property: 'box-shadow',
from: '10px 10px 10px 10px black',
to: '10px 10px 10px 10px currentColor',
}, [
{at: -0.3, expect: 'rgb(0, 0, 0) 10px 10px 10px 10px'},
{at: 0, expect: 'rgb(0, 0, 0) 10px 10px 10px 10px'},
{at: 0.3, expect: 'rgb(0, 38, 0) 10px 10px 10px 10px'},
{at: 0.6, expect: 'rgb(0, 77, 0) 10px 10px 10px 10px'},
{at: 1, expect: 'rgb(0, 128, 0) 10px 10px 10px 10px'},
{at: 1.5, expect: 'rgb(0, 192, 0) 10px 10px 10px 10px'},
]);
// Test padding shorter lists
test_interpolation({
property: 'box-shadow',
from: '10px 20px rgba(255, 255, 0, 0.5), inset 5px 10em #008000',
to: 'none',
}, [
{at: -0.3, expect: 'rgba(255, 255, 0, 0.65) 13px 26px 0px 0px, rgb(0, 166, 0) 6.5px 39px 0px 0px inset'},
{at: 0, expect: 'rgba(255, 255, 0, 0.5) 10px 20px 0px 0px, rgb(0, 128, 0) 5px 30px 0px 0px inset'},
{at: 0.3, expect: 'rgba(255, 255, 0, 0.353) 7px 14px 0px 0px, rgba(0, 128, 0, 0.7) 3.5px 21px 0px 0px inset'},
{at: 0.6, expect: 'rgba(255, 255, 0, 0.2) 4px 8px 0px 0px, rgba(0, 128, 0, 0.4) 2px 12px 0px 0px inset'},
{at: 1, expect: 'rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px inset'},
{at: 1.5, expect: 'rgba(0, 0, 0, 0) -5px -10px 0px 0px, rgba(0, 0, 0, 0) -2.5px -15px 0px 0px inset'},
]);
// Test calc with comparison functions
test_interpolation({
property: 'box-shadow',
from: 'inset 0 0 0 0 black',
to: 'inset 0 0 0 calc(max(10em, 20px) / 2) black',
}, [
{at: -0.3, expect: 'rgb(0, 0, 0) 0px 0px 0px -4.5px inset'},
{at: 0, expect: 'rgb(0, 0, 0) 0px 0px 0px 0px inset'},
{at: 0.3, expect: 'rgb(0, 0, 0) 0px 0px 0px 4.5px inset'},
{at: 0.6, expect: 'rgb(0, 0, 0) 0px 0px 0px 9px inset'},
{at: 1, expect: 'rgb(0, 0, 0) 0px 0px 0px 15px inset'},
{at: 1.5, expect: 'rgb(0, 0, 0) 0px 0px 0px 22.5px inset'},
]);
// Test unmatched inset
test_no_interpolation({
property: 'box-shadow',
from: '10px 20px yellow, 5px 10px green',
to: 'inset 5px 10px green, 15px 20px blue'
});
// Test CSS color 4 color types
test_interpolation({
property: 'box-shadow',
from: '10px 10px 10px 10px rgb(0 0 0)',
to: '10px 10px 10px 10px color(srgb 1 1 1)',
}, [
{at: -0.3, expect: '10px 10px 10px 10px oklab(0 0 0)'},
{at: 0, expect: '10px 10px 10px 10px oklab(0 0 0)'},
{at: 0.3, expect: '10px 10px 10px 10px oklab(0.3 0 0)'},
{at: 0.6, expect: '10px 10px 10px 10px oklab(0.6 0 0)'},
{at: 1, expect: '10px 10px 10px 10px oklab(1 0 0)'},
{at: 1.5, expect: '10px 10px 10px 10px oklab(1 0 0)'},
]);
test_interpolation({
property: 'box-shadow',
from: '10px 10px 10px 10px color(srgb 0 0 0)',
to: '10px 10px 10px 10px rgb(255 255 255)',
}, [
{at: -0.3, expect: '10px 10px 10px 10px oklab(0 0 0)'},
{at: 0, expect: '10px 10px 10px 10px oklab(0 0 0)'},
{at: 0.3, expect: '10px 10px 10px 10px oklab(0.3 0 0)'},
{at: 0.6, expect: '10px 10px 10px 10px oklab(0.6 0 0)'},
{at: 1, expect: '10px 10px 10px 10px oklab(1 0 0)'},
{at: 1.5, expect: '10px 10px 10px 10px oklab(1 0 0)'},
]);
test_interpolation({
property: 'box-shadow',
from: '10px 10px 10px 10px color(srgb 0 0 0)',
to: '10px 10px 10px 10px color(srgb 1 1 1)',
}, [
{at: -0.3, expect: '10px 10px 10px 10px oklab(0 0 0)'},
{at: 0, expect: '10px 10px 10px 10px oklab(0 0 0)'},
{at: 0.3, expect: '10px 10px 10px 10px oklab(0.3 0 0)'},
{at: 0.6, expect: '10px 10px 10px 10px oklab(0.6 0 0)'},
{at: 1, expect: '10px 10px 10px 10px oklab(1 0 0)'},
{at: 1.5, expect: '10px 10px 10px 10px oklab(1 0 0)'},
]);
</script>
</body>

45
Tests/LibWeb/Text/input/wpt-import/css/css-backgrounds/animations/discrete-no-interpolation.html Normal file
View file

@ -0,0 +1,45 @@
<!DOCTYPE html>
<link rel=author href="mailto:jarhar@chromium.org">
<link rel=help href="https://github.com/w3c/csswg-drafts/issues/4441">
<script src="../../../resources/testharness.js"></script>
<script src="../../../resources/testharnessreport.js"></script>
<script src="../../support/interpolation-testcommon.js"></script>
<body>
<script>
test_no_interpolation({
property: 'background-attachment',
from: 'initial',
to: 'fixed'
});
test_no_interpolation({
property: 'background-blend-mode',
from: 'initial',
to: 'overlay'
});
test_no_interpolation({
property: 'background-clip',
from: 'initial',
to: 'content-box'
});
test_no_interpolation({
property: 'background-origin',
from: 'initial',
to: 'border-box'
});
test_no_interpolation({
property: 'background-repeat',
from: 'initial',
to: 'round'
});
test_no_interpolation({
property: 'border-image-repeat',
from: 'initial',
to: 'round'
});
</script>

533
Tests/LibWeb/Text/input/wpt-import/css/support/interpolation-testcommon.js Normal file
View file

@ -0,0 +1,533 @@
'use strict';
(function() {
var interpolationTests = [];
var compositionTests = [];
var cssAnimationsData = {
sharedStyle: null,
nextID: 0,
};
var expectNoInterpolation = {};
var expectNotAnimatable = {};
var neutralKeyframe = {};
function isNeutralKeyframe(keyframe) {
return keyframe === neutralKeyframe;
}
// For the CSS interpolation methods set the delay to be negative half the
// duration, so we are immediately at the halfway point of the animation.
// We then use an easing function that maps halfway to whatever progress
// we actually want.
var cssAnimationsInterpolation = {
name: 'CSS Animations',
isSupported: function() {return true;},
supportsProperty: function() {return true;},
supportsValue: function() {return true;},
setup: function() {},
nonInterpolationExpectations: function(from, to) {
return expectFlip(from, to, 0.5);
},
notAnimatableExpectations: function(from, to, underlying) {
return expectFlip(underlying, underlying, -Infinity);
},
interpolate: function(property, from, to, at, target) {
var id = cssAnimationsData.nextID++;
if (!cssAnimationsData.sharedStyle) {
cssAnimationsData.sharedStyle = createElement(document.body, 'style');
}
cssAnimationsData.sharedStyle.textContent += '' +
'@keyframes animation' + id + ' {' +
(isNeutralKeyframe(from) ? '' : `from {${property}:${from};}`) +
(isNeutralKeyframe(to) ? '' : `to {${property}:${to};}`) +
'}';
target.style.animationName = 'animation' + id;
target.style.animationDuration = '100s';
target.style.animationDelay = '-50s';
target.style.animationTimingFunction = createEasing(at);
},
};
var cssTransitionsInterpolation = {
name: 'CSS Transitions',
isSupported: function() {return true;},
supportsProperty: function() {return true;},
supportsValue: function() {return true;},
setup: function(property, from, target) {
target.style.setProperty(property, isNeutralKeyframe(from) ? '' : from);
},
nonInterpolationExpectations: function(from, to) {
return expectFlip(from, to, -Infinity);
},
notAnimatableExpectations: function(from, to, underlying) {
return expectFlip(from, to, -Infinity);
},
interpolate: function(property, from, to, at, target, behavior) {
// Force a style recalc on target to set the 'from' value.
getComputedStyle(target).getPropertyValue(property);
target.style.transitionDuration = '100s';
target.style.transitionDelay = '-50s';
target.style.transitionTimingFunction = createEasing(at);
target.style.transitionProperty = property;
if (behavior) {
target.style.transitionBehavior = behavior;
}
target.style.setProperty(property, isNeutralKeyframe(to) ? '' : to);
},
};
var cssTransitionAllInterpolation = {
name: 'CSS Transitions with transition: all',
isSupported: function() {return true;},
// The 'all' value doesn't cover custom properties.
supportsProperty: function(property) {return property.indexOf('--') !== 0;},
supportsValue: function() {return true;},
setup: function(property, from, target) {
target.style.setProperty(property, isNeutralKeyframe(from) ? '' : from);
},
nonInterpolationExpectations: function(from, to) {
return expectFlip(from, to, -Infinity);
},
notAnimatableExpectations: function(from, to, underlying) {
return expectFlip(from, to, -Infinity);
},
interpolate: function(property, from, to, at, target, behavior) {
// Force a style recalc on target to set the 'from' value.
getComputedStyle(target).getPropertyValue(property);
target.style.transitionDuration = '100s';
target.style.transitionDelay = '-50s';
target.style.transitionTimingFunction = createEasing(at);
target.style.transitionProperty = 'all';
if (behavior) {
target.style.transitionBehavior = behavior;
}
target.style.setProperty(property, isNeutralKeyframe(to) ? '' : to);
},
};
var cssTransitionsInterpolationAllowDiscrete = {
name: 'CSS Transitions with transition-behavior:allow-discrete',
isSupported: function() {return true;},
supportsProperty: function() {return true;},
supportsValue: function() {return true;},
setup: function(property, from, target) {
target.style.setProperty(property, isNeutralKeyframe(from) ? '' : from);
},
nonInterpolationExpectations: function(from, to) {
return expectFlip(from, to, 0.5);
},
notAnimatableExpectations: function(from, to, underlying) {
return expectFlip(from, to, -Infinity);
},
interpolate: function(property, from, to, at, target, behavior) {
// Force a style recalc on target to set the 'from' value.
getComputedStyle(target).getPropertyValue(property);
target.style.transitionDuration = '100s';
target.style.transitionDelay = '-50s';
target.style.transitionTimingFunction = createEasing(at);
target.style.transitionProperty = property;
target.style.transitionBehavior = 'allow-discrete';
target.style.setProperty(property, isNeutralKeyframe(to) ? '' : to);
},
};
var cssTransitionAllInterpolationAllowDiscrete = {
name: 'CSS Transitions with transition-property:all and transition-behavor:allow-discrete',
isSupported: function() {return true;},
// The 'all' value doesn't cover custom properties.
supportsProperty: function(property) {return property.indexOf('--') !== 0;},
supportsValue: function() {return true;},
setup: function(property, from, target) {
target.style.setProperty(property, isNeutralKeyframe(from) ? '' : from);
},
nonInterpolationExpectations: function(from, to) {
return expectFlip(from, to, 0.5);
},
notAnimatableExpectations: function(from, to, underlying) {
return expectFlip(from, to, -Infinity);
},
interpolate: function(property, from, to, at, target, behavior) {
// Force a style recalc on target to set the 'from' value.
getComputedStyle(target).getPropertyValue(property);
target.style.transitionDuration = '100s';
target.style.transitionDelay = '-50s';
target.style.transitionTimingFunction = createEasing(at);
target.style.transitionProperty = 'all';
target.style.transitionBehavior = 'allow-discrete';
target.style.setProperty(property, isNeutralKeyframe(to) ? '' : to);
},
};
var webAnimationsInterpolation = {
name: 'Web Animations',
isSupported: function() {return 'animate' in Element.prototype;},
supportsProperty: function(property) {return true;},
supportsValue: function(value) {return value !== '';},
setup: function() {},
nonInterpolationExpectations: function(from, to) {
return expectFlip(from, to, 0.5);
},
notAnimatableExpectations: function(from, to, underlying) {
return expectFlip(underlying, underlying, -Infinity);
},
interpolate: function(property, from, to, at, target) {
this.interpolateComposite(property, from, 'replace', to, 'replace', at, target);
},
interpolateComposite: function(property, from, fromComposite, to, toComposite, at, target) {
// This case turns into a test error later on.
if (!this.isSupported())
return;
// Convert standard properties to camelCase.
if (!property.startsWith('--')) {
for (var i = property.length - 2; i > 0; --i) {
if (property[i] === '-') {
property = property.substring(0, i) + property[i + 1].toUpperCase() + property.substring(i + 2);
}
}
if (property === 'offset') {
property = 'cssOffset';
} else if (property === 'float') {
property = 'cssFloat';
}
}
var keyframes = [];
if (!isNeutralKeyframe(from)) {
keyframes.push({
offset: 0,
composite: fromComposite,
[property]: from,
});
}
if (!isNeutralKeyframe(to)) {
keyframes.push({
offset: 1,
composite: toComposite,
[property]: to,
});
}
var animation = target.animate(keyframes, {
fill: 'forwards',
duration: 100 * 1000,
easing: createEasing(at),
});
animation.pause();
animation.currentTime = 50 * 1000;
},
};
function expectFlip(from, to, flipAt) {
return [-0.3, 0, 0.3, 0.5, 0.6, 1, 1.5].map(function(at) {
return {
at: at,
expect: at < flipAt ? from : to
};
});
}
// Constructs a timing function which produces 'y' at x = 0.5
function createEasing(y) {
if (y == 0) {
return 'steps(1, end)';
}
if (y == 1) {
return 'steps(1, start)';
}
if (y == 0.5) {
return 'linear';
}
// Approximate using a bezier.
var b = (8 * y - 1) / 6;
return 'cubic-bezier(0, ' + b + ', 1, ' + b + ')';
}
function createElement(parent, tag, text) {
var element = document.createElement(tag || 'div');
element.textContent = text || '';
parent.appendChild(element);
return element;
}
function createTargetContainer(parent, className) {
var targetContainer = createElement(parent);
targetContainer.classList.add('container');
var template = document.querySelector('#target-template');
if (template) {
targetContainer.appendChild(template.content.cloneNode(true));
}
var target = targetContainer.querySelector('.target') || targetContainer;
target.classList.add('target', className);
target.parentElement.classList.add('parent');
targetContainer.target = target;
return targetContainer;
}
function roundNumbers(value) {
return value.
// Round numbers to two decimal places.
replace(/-?\d*\.\d+(e-?\d+)?/g, function(n) {
return (parseFloat(n).toFixed(2)).
replace(/\.\d+/, function(m) {
return m.replace(/0+$/, '');
}).
replace(/\.$/, '').
replace(/^-0$/, '0');
});
}
var anchor = document.createElement('a');
function sanitizeUrls(value) {
var matches = value.match(/url\("([^#][^\)]*)"\)/g);
if (matches !== null) {
for (var i = 0; i < matches.length; ++i) {
var url = /url\("([^#][^\)]*)"\)/g.exec(matches[i])[1];
anchor.href = url;
anchor.pathname = '...' + anchor.pathname.substring(anchor.pathname.lastIndexOf('/'));
value = value.replace(matches[i], 'url(' + anchor.href + ')');
}
}
return value;
}
function normalizeValue(value) {
return roundNumbers(sanitizeUrls(value)).
// Place whitespace between tokens.
replace(/([\w\d.]+|[^\s])/g, '$1 ').
replace(/\s+/g, ' ');
}
function stringify(text) {
if (!text.includes("'")) {
return `'${text}'`;
}
return `"${text.replace('"', '\\"')}"`;
}
function keyframeText(keyframe) {
return isNeutralKeyframe(keyframe) ? 'neutral' : `[${keyframe}]`;
}
function keyframeCode(keyframe) {
return isNeutralKeyframe(keyframe) ? 'neutralKeyframe' : `${stringify(keyframe)}`;
}
function createInterpolationTestTargets(interpolationMethod, interpolationMethodContainer, interpolationTest) {
var property = interpolationTest.options.property;
var from = interpolationTest.options.from;
var to = interpolationTest.options.to;
var comparisonFunction = interpolationTest.options.comparisonFunction;
var behavior = interpolationTest.options.behavior;
if ((interpolationTest.options.method && interpolationTest.options.method != interpolationMethod.name)
|| !interpolationMethod.supportsProperty(property)
|| !interpolationMethod.supportsValue(from)
|| !interpolationMethod.supportsValue(to)) {
return;
}
var testText = `${interpolationMethod.name}: property <${property}> from ${keyframeText(from)} to ${keyframeText(to)}`;
var testContainer = createElement(interpolationMethodContainer, 'div');
createElement(testContainer);
var expectations = interpolationTest.expectations;
var applyUnderlying = false;
if (expectations === expectNoInterpolation) {
expectations = interpolationMethod.nonInterpolationExpectations(from, to);
} else if (expectations === expectNotAnimatable) {
expectations = interpolationMethod.notAnimatableExpectations(from, to, interpolationTest.options.underlying);
applyUnderlying = true;
} else if (interpolationTest.options[interpolationMethod.name]) {
expectations = interpolationTest.options[interpolationMethod.name];
}
// Setup a standard equality function if an override is not provided.
if (!comparisonFunction) {
comparisonFunction = (actual, expected) => {
assert_equals(normalizeValue(actual), normalizeValue(expected));
};
}
return expectations.map(function(expectation) {
var actualTargetContainer = createTargetContainer(testContainer, 'actual');
var expectedTargetContainer = createTargetContainer(testContainer, 'expected');
var expectedProperties = expectation.option || expectation.expect;
if (typeof expectedProperties !== "object") {
expectedProperties = {[property]: expectedProperties};
}
var target = actualTargetContainer.target;
if (applyUnderlying) {
let underlying = interpolationTest.options.underlying;
assert_true(typeof underlying !== 'undefined', '\'underlying\' value must be provided');
assert_true(CSS.supports(property, underlying), '\'underlying\' value must be supported');
target.style.setProperty(property, underlying);
}
interpolationMethod.setup(property, from, target);
target.interpolate = function() {
interpolationMethod.interpolate(property, from, to, expectation.at, target, behavior);
};
target.measure = function() {
for (var [expectedProp, expectedStr] of Object.entries(expectedProperties)) {
if (!isNeutralKeyframe(expectedStr)) {
expectedTargetContainer.target.style.setProperty(expectedProp, expectedStr);
}
var expectedValue = getComputedStyle(expectedTargetContainer.target).getPropertyValue(expectedProp);
let testName = `${testText} at (${expectation.at}) should be [${sanitizeUrls(expectedStr)}]`;
if (property !== expectedProp) {
testName += ` for <${expectedProp}>`;
}
test(function() {
assert_true(interpolationMethod.isSupported(), `${interpolationMethod.name} should be supported`);
if (from && from !== neutralKeyframe) {
assert_true(CSS.supports(property, from), '\'from\' value should be supported');
}
if (to && to !== neutralKeyframe) {
assert_true(CSS.supports(property, to), '\'to\' value should be supported');
}
if (typeof underlying !== 'undefined') {
assert_true(CSS.supports(property, underlying), '\'underlying\' value should be supported');
}
comparisonFunction(
getComputedStyle(target).getPropertyValue(expectedProp),
expectedValue);
}, testName);
}
};
return target;
});
}
function createCompositionTestTargets(compositionContainer, compositionTest) {
var options = compositionTest.options;
var property = options.property;
var underlying = options.underlying;
var comparisonFunction = options.comparisonFunction;
var from = options.accumulateFrom || options.addFrom || options.replaceFrom;
var to = options.accumulateTo || options.addTo || options.replaceTo;
var fromComposite = 'accumulateFrom' in options ? 'accumulate' : 'addFrom' in options ? 'add' : 'replace';
var toComposite = 'accumulateTo' in options ? 'accumulate' : 'addTo' in options ? 'add' : 'replace';
const invalidFrom = 'addFrom' in options === 'replaceFrom' in options
&& 'addFrom' in options === 'accumulateFrom' in options;
const invalidTo = 'addTo' in options === 'replaceTo' in options
&& 'addTo' in options === 'accumulateTo' in options;
if (invalidFrom || invalidTo) {
test(function() {
assert_false(invalidFrom, 'Exactly one of accumulateFrom, addFrom, or replaceFrom must be specified');
assert_false(invalidTo, 'Exactly one of accumulateTo, addTo, or replaceTo must be specified');
}, `Composition tests must have valid setup`);
}
var testText = `Compositing: property <${property}> underlying [${underlying}] from ${fromComposite} [${from}] to ${toComposite} [${to}]`;
var testContainer = createElement(compositionContainer, 'div');
createElement(testContainer);
// Setup a standard equality function if an override is not provided.
if (!comparisonFunction) {
comparisonFunction = (actual, expected) => {
assert_equals(normalizeValue(actual), normalizeValue(expected));
};
}
return compositionTest.expectations.map(function(expectation) {
var actualTargetContainer = createTargetContainer(testContainer, 'actual');
var expectedTargetContainer = createTargetContainer(testContainer, 'expected');
var expectedStr = expectation.option || expectation.expect;
if (!isNeutralKeyframe(expectedStr)) {
expectedTargetContainer.target.style.setProperty(property, expectedStr);
}
var target = actualTargetContainer.target;
target.style.setProperty(property, underlying);
target.interpolate = function() {
webAnimationsInterpolation.interpolateComposite(property, from, fromComposite, to, toComposite, expectation.at, target);
};
target.measure = function() {
var expectedValue = getComputedStyle(expectedTargetContainer.target).getPropertyValue(property);
test(function() {
if (from && from !== neutralKeyframe) {
assert_true(CSS.supports(property, from), '\'from\' value should be supported');
}
if (to && to !== neutralKeyframe) {
assert_true(CSS.supports(property, to), '\'to\' value should be supported');
}
if (typeof underlying !== 'undefined') {
assert_true(CSS.supports(property, underlying), '\'underlying\' value should be supported');
}
comparisonFunction(
getComputedStyle(target).getPropertyValue(property),
expectedValue);
}, `${testText} at (${expectation.at}) should be [${sanitizeUrls(expectedStr)}]`);
};
return target;
});
}
function createTestTargets(interpolationMethods, interpolationTests, compositionTests, container) {
var targets = [];
for (var interpolationMethod of interpolationMethods) {
var interpolationMethodContainer = createElement(container);
for (var interpolationTest of interpolationTests) {
if(!interpolationTest.options.target_names ||
interpolationTest.options.target_names.includes(interpolationMethod.name)) {
[].push.apply(targets, createInterpolationTestTargets(interpolationMethod, interpolationMethodContainer, interpolationTest));
}
}
}
var compositionContainer = createElement(container);
for (var compositionTest of compositionTests) {
[].push.apply(targets, createCompositionTestTargets(compositionContainer, compositionTest));
}
return targets;
}
function test_no_interpolation(options) {
test_interpolation(options, expectNoInterpolation);
}
function test_not_animatable(options) {
test_interpolation(options, expectNotAnimatable);
}
function create_tests(addAllowDiscreteTests) {
var interpolationMethods = [
cssTransitionsInterpolation,
cssTransitionAllInterpolation,
cssAnimationsInterpolation,
webAnimationsInterpolation,
];
if (addAllowDiscreteTests) {
interpolationMethods = [
cssTransitionsInterpolationAllowDiscrete,
cssTransitionAllInterpolationAllowDiscrete,
].concat(interpolationMethods);
}
var container = createElement(document.body);
var targets = createTestTargets(interpolationMethods, interpolationTests, compositionTests, container);
// Separate interpolation and measurement into different phases to avoid O(n^2) of the number of targets.
for (var target of targets) {
target.interpolate();
}
for (var target of targets) {
target.measure();
}
container.remove();
}
function test_interpolation(options, expectations) {
interpolationTests.push({options, expectations});
create_tests(expectations === expectNoInterpolation || expectations === expectNotAnimatable);
interpolationTests = [];
}
function test_composition(options, expectations) {
compositionTests.push({options, expectations});
create_tests();
compositionTests = [];
}
window.test_interpolation = test_interpolation;
window.test_no_interpolation = test_no_interpolation;
window.test_not_animatable = test_not_animatable;
window.test_composition = test_composition;
window.neutralKeyframe = neutralKeyframe;
window.roundNumbers = roundNumbers;
window.normalizeValue = normalizeValue;
})();