eliott/ladybird
1
0
Fork 0
mirror of https://github.com/LadybirdBrowser/ladybird synced 2026-05-05 06:32:30 +02:00
Code Issues Packages Projects Releases Wiki Activity

LibWeb: Implement interpolation of drop-shadow() filter functions

Browse Source
This commit is contained in:
Tim Ledbetter
2026-01-05 22:27:14 +00:00
committed by Jelle Raaijmakers
parent 584e0996c9
commit 5de5e7522b
Notes: github-actions[bot] 2026-01-06 11:14:20 +00:00 
Author: https://github.com/tcl3
Commit: https://github.com/LadybirdBrowser/ladybird/commit/5de5e7522b8
Pull-request: https://github.com/LadybirdBrowser/ladybird/pull/7336
Reviewed-by: https://github.com/gmta ✅
11 changed files with 269 additions and 83 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
Tests/LibWeb/Text/expected/wpt-import/css/filter-effects/animation/backdrop-filter-interpolation-001.txt
View File

@@ -2,8 +2,8 @@ Harness status: OK
Found 274 tests
232 Pass
42 Fail
238 Pass
36 Fail
Pass CSS Transitions: property <backdrop-filter> from [hue-rotate(0deg) blur(6px)] to [hue-rotate(180deg) blur(10px)] at (-0.5) should be [hue-rotate(-90deg) blur(4px)]
Pass CSS Transitions: property <backdrop-filter> from [hue-rotate(0deg) blur(6px)] to [hue-rotate(180deg) blur(10px)] at (0) should be [hue-rotate(0deg) blur(6px)]
Pass CSS Transitions: property <backdrop-filter> from [hue-rotate(0deg) blur(6px)] to [hue-rotate(180deg) blur(10px)] at (0.25) should be [hue-rotate(45deg) blur(7px)]
@@ -198,24 +198,24 @@ Pass Web Animations: property <backdrop-filter> from [hue-rotate(180deg)] to [no
Pass Web Animations: property <backdrop-filter> from [hue-rotate(180deg)] to [none] at (1.5) should be [hue-rotate(-90deg)]
Fail CSS Transitions: property <backdrop-filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (-1) should be [drop-shadow(-20px -10px white)]
Fail CSS Transitions: property <backdrop-filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (0) should be [drop-shadow(0px 0px 0px currentcolor)]
Fail CSS Transitions: property <backdrop-filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (0.5) should be [drop-shadow(10px 5px #80C080)]
Pass CSS Transitions: property <backdrop-filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (0.5) should be [drop-shadow(10px 5px #80C080)]
Pass CSS Transitions: property <backdrop-filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (1) should be [drop-shadow(20px 10px green)]
Fail CSS Transitions: property <backdrop-filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (1.5) should be [drop-shadow(30px 15px #004100)]
Pass CSS Transitions: property <backdrop-filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (1.5) should be [drop-shadow(30px 15px #004100)]
Fail CSS Transitions with transition: all: property <backdrop-filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (-1) should be [drop-shadow(-20px -10px white)]
Fail CSS Transitions with transition: all: property <backdrop-filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (0) should be [drop-shadow(0px 0px 0px currentcolor)]
Fail CSS Transitions with transition: all: property <backdrop-filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (0.5) should be [drop-shadow(10px 5px #80C080)]
Pass CSS Transitions with transition: all: property <backdrop-filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (0.5) should be [drop-shadow(10px 5px #80C080)]
Pass CSS Transitions with transition: all: property <backdrop-filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (1) should be [drop-shadow(20px 10px green)]
Fail CSS Transitions with transition: all: property <backdrop-filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (1.5) should be [drop-shadow(30px 15px #004100)]
Pass CSS Transitions with transition: all: property <backdrop-filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (1.5) should be [drop-shadow(30px 15px #004100)]
Fail CSS Animations: property <backdrop-filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (-1) should be [drop-shadow(-20px -10px white)]
Pass CSS Animations: property <backdrop-filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (0) should be [drop-shadow(0px 0px 0px currentcolor)]
Fail CSS Animations: property <backdrop-filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (0.5) should be [drop-shadow(10px 5px #80C080)]
Fail CSS Animations: property <backdrop-filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (0) should be [drop-shadow(0px 0px 0px currentcolor)]
Pass CSS Animations: property <backdrop-filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (0.5) should be [drop-shadow(10px 5px #80C080)]
Pass CSS Animations: property <backdrop-filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (1) should be [drop-shadow(20px 10px green)]
Fail CSS Animations: property <backdrop-filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (1.5) should be [drop-shadow(30px 15px #004100)]
Pass CSS Animations: property <backdrop-filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (1.5) should be [drop-shadow(30px 15px #004100)]
Fail Web Animations: property <backdrop-filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (-1) should be [drop-shadow(-20px -10px white)]
Pass Web Animations: property <backdrop-filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (0) should be [drop-shadow(0px 0px 0px currentcolor)]
Fail Web Animations: property <backdrop-filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (0.5) should be [drop-shadow(10px 5px #80C080)]
Fail Web Animations: property <backdrop-filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (0) should be [drop-shadow(0px 0px 0px currentcolor)]
Pass Web Animations: property <backdrop-filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (0.5) should be [drop-shadow(10px 5px #80C080)]
Pass Web Animations: property <backdrop-filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (1) should be [drop-shadow(20px 10px green)]
Fail Web Animations: property <backdrop-filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (1.5) should be [drop-shadow(30px 15px #004100)]
Pass Web Animations: property <backdrop-filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (1.5) should be [drop-shadow(30px 15px #004100)]
Pass CSS Transitions with transition-behavior:allow-discrete: property <backdrop-filter> from [url("#svgfilter")] to [blur(5px)] at (-0.3) should be [url("#svgfilter")]
Pass CSS Transitions with transition-behavior:allow-discrete: property <backdrop-filter> from [url("#svgfilter")] to [blur(5px)] at (0) should be [url("#svgfilter")]
Pass CSS Transitions with transition-behavior:allow-discrete: property <backdrop-filter> from [url("#svgfilter")] to [blur(5px)] at (0.3) should be [url("#svgfilter")]

12
Tests/LibWeb/Text/expected/wpt-import/css/filter-effects/animation/backdrop-filter-interpolation-003.txt
View File

@@ -2,8 +2,8 @@ Harness status: OK
Found 202 tests
142 Pass
60 Fail
146 Pass
56 Fail
Fail CSS Transitions: property <backdrop-filter> from [none] to [blur(10px)] at (-1) should be [blur(0px)]
Pass CSS Transitions: property <backdrop-filter> from [none] to [blur(10px)] at (0.5) should be [blur(5px)]
Pass CSS Transitions: property <backdrop-filter> from [none] to [blur(10px)] at (1) should be [blur(10px)]
@@ -55,19 +55,19 @@ Pass Web Animations: property <backdrop-filter> from [contrast(0)] to [none] at
Fail CSS Transitions: property <backdrop-filter> from [none] to [drop-shadow(20px 10px green)] at (-1) should be [drop-shadow(-20px -10px transparent)]
Fail CSS Transitions: property <backdrop-filter> from [none] to [drop-shadow(20px 10px green)] at (0.5) should be [drop-shadow(10px 5px rgba(0, 128, 0, 0.5))]
Pass CSS Transitions: property <backdrop-filter> from [none] to [drop-shadow(20px 10px green)] at (1) should be [drop-shadow(20px 10px green)]
Fail CSS Transitions: property <backdrop-filter> from [none] to [drop-shadow(20px 10px green)] at (1.5) should be [drop-shadow(30px 15px #00C000)]
Pass CSS Transitions: property <backdrop-filter> from [none] to [drop-shadow(20px 10px green)] at (1.5) should be [drop-shadow(30px 15px #00C000)]
Fail CSS Transitions with transition: all: property <backdrop-filter> from [none] to [drop-shadow(20px 10px green)] at (-1) should be [drop-shadow(-20px -10px transparent)]
Fail CSS Transitions with transition: all: property <backdrop-filter> from [none] to [drop-shadow(20px 10px green)] at (0.5) should be [drop-shadow(10px 5px rgba(0, 128, 0, 0.5))]
Pass CSS Transitions with transition: all: property <backdrop-filter> from [none] to [drop-shadow(20px 10px green)] at (1) should be [drop-shadow(20px 10px green)]
Fail CSS Transitions with transition: all: property <backdrop-filter> from [none] to [drop-shadow(20px 10px green)] at (1.5) should be [drop-shadow(30px 15px #00C000)]
Pass CSS Transitions with transition: all: property <backdrop-filter> from [none] to [drop-shadow(20px 10px green)] at (1.5) should be [drop-shadow(30px 15px #00C000)]
Fail CSS Animations: property <backdrop-filter> from [none] to [drop-shadow(20px 10px green)] at (-1) should be [drop-shadow(-20px -10px transparent)]
Fail CSS Animations: property <backdrop-filter> from [none] to [drop-shadow(20px 10px green)] at (0.5) should be [drop-shadow(10px 5px rgba(0, 128, 0, 0.5))]
Pass CSS Animations: property <backdrop-filter> from [none] to [drop-shadow(20px 10px green)] at (1) should be [drop-shadow(20px 10px green)]
Fail CSS Animations: property <backdrop-filter> from [none] to [drop-shadow(20px 10px green)] at (1.5) should be [drop-shadow(30px 15px #00C000)]
Pass CSS Animations: property <backdrop-filter> from [none] to [drop-shadow(20px 10px green)] at (1.5) should be [drop-shadow(30px 15px #00C000)]
Fail Web Animations: property <backdrop-filter> from [none] to [drop-shadow(20px 10px green)] at (-1) should be [drop-shadow(-20px -10px transparent)]
Fail Web Animations: property <backdrop-filter> from [none] to [drop-shadow(20px 10px green)] at (0.5) should be [drop-shadow(10px 5px rgba(0, 128, 0, 0.5))]
Pass Web Animations: property <backdrop-filter> from [none] to [drop-shadow(20px 10px green)] at (1) should be [drop-shadow(20px 10px green)]
Fail Web Animations: property <backdrop-filter> from [none] to [drop-shadow(20px 10px green)] at (1.5) should be [drop-shadow(30px 15px #00C000)]
Pass Web Animations: property <backdrop-filter> from [none] to [drop-shadow(20px 10px green)] at (1.5) should be [drop-shadow(30px 15px #00C000)]
Fail CSS Transitions: property <backdrop-filter> from [none] to [grayscale(1)] at (-1) should be [grayscale(0)]
Pass CSS Transitions: property <backdrop-filter> from [none] to [grayscale(1)] at (0.5) should be [grayscale(0.5)]
Pass CSS Transitions: property <backdrop-filter> from [none] to [grayscale(1)] at (1) should be [grayscale(1)]

36
Tests/LibWeb/Text/expected/wpt-import/css/filter-effects/animation/backdrop-filter-interpolation-004.txt
View File

@@ -2,8 +2,8 @@ Harness status: OK
Found 200 tests
136 Pass
64 Fail
152 Pass
48 Fail
Fail CSS Transitions: property <backdrop-filter> from [blur()] to [blur(10px)] at (-1) should be [blur(0px)]
Pass CSS Transitions: property <backdrop-filter> from [blur()] to [blur(10px)] at (0) should be [blur()]
Pass CSS Transitions: property <backdrop-filter> from [blur()] to [blur(10px)] at (0.5) should be [blur(5px)]
@@ -64,26 +64,26 @@ Pass Web Animations: property <backdrop-filter> from [contrast(0)] to [contrast(
Pass Web Animations: property <backdrop-filter> from [contrast(0)] to [contrast()] at (0.5) should be [contrast(0.5)]
Pass Web Animations: property <backdrop-filter> from [contrast(0)] to [contrast()] at (1) should be [contrast()]
Pass Web Animations: property <backdrop-filter> from [contrast(0)] to [contrast()] at (1.5) should be [contrast(1.5)]
Fail CSS Transitions: property <backdrop-filter> from [drop-shadow(0px 0px)] to [drop-shadow(20px 10px 30px green)] at (-1) should be [drop-shadow(-20px -10px blue)]
Fail CSS Transitions: property <backdrop-filter> from [drop-shadow(0px 0px)] to [drop-shadow(20px 10px 30px green)] at (0) should be [drop-shadow(0px 0px blue)]
Fail CSS Transitions: property <backdrop-filter> from [drop-shadow(0px 0px)] to [drop-shadow(20px 10px 30px green)] at (0.5) should be [drop-shadow(10px 5px 15px rgb(0, 64, 128))]
Pass CSS Transitions: property <backdrop-filter> from [drop-shadow(0px 0px)] to [drop-shadow(20px 10px 30px green)] at (-1) should be [drop-shadow(-20px -10px blue)]
Pass CSS Transitions: property <backdrop-filter> from [drop-shadow(0px 0px)] to [drop-shadow(20px 10px 30px green)] at (0) should be [drop-shadow(0px 0px blue)]
Pass CSS Transitions: property <backdrop-filter> from [drop-shadow(0px 0px)] to [drop-shadow(20px 10px 30px green)] at (0.5) should be [drop-shadow(10px 5px 15px rgb(0, 64, 128))]
Pass CSS Transitions: property <backdrop-filter> from [drop-shadow(0px 0px)] to [drop-shadow(20px 10px 30px green)] at (1) should be [drop-shadow(20px 10px 30px green)]
Fail CSS Transitions: property <backdrop-filter> from [drop-shadow(0px 0px)] to [drop-shadow(20px 10px 30px green)] at (1.5) should be [drop-shadow(30px 15px 45px rgb(0, 192, 0))]
Fail CSS Transitions with transition: all: property <backdrop-filter> from [drop-shadow(0px 0px)] to [drop-shadow(20px 10px 30px green)] at (-1) should be [drop-shadow(-20px -10px blue)]
Fail CSS Transitions with transition: all: property <backdrop-filter> from [drop-shadow(0px 0px)] to [drop-shadow(20px 10px 30px green)] at (0) should be [drop-shadow(0px 0px blue)]
Fail CSS Transitions with transition: all: property <backdrop-filter> from [drop-shadow(0px 0px)] to [drop-shadow(20px 10px 30px green)] at (0.5) should be [drop-shadow(10px 5px 15px rgb(0, 64, 128))]
Pass CSS Transitions: property <backdrop-filter> from [drop-shadow(0px 0px)] to [drop-shadow(20px 10px 30px green)] at (1.5) should be [drop-shadow(30px 15px 45px rgb(0, 192, 0))]
Pass CSS Transitions with transition: all: property <backdrop-filter> from [drop-shadow(0px 0px)] to [drop-shadow(20px 10px 30px green)] at (-1) should be [drop-shadow(-20px -10px blue)]
Pass CSS Transitions with transition: all: property <backdrop-filter> from [drop-shadow(0px 0px)] to [drop-shadow(20px 10px 30px green)] at (0) should be [drop-shadow(0px 0px blue)]
Pass CSS Transitions with transition: all: property <backdrop-filter> from [drop-shadow(0px 0px)] to [drop-shadow(20px 10px 30px green)] at (0.5) should be [drop-shadow(10px 5px 15px rgb(0, 64, 128))]
Pass CSS Transitions with transition: all: property <backdrop-filter> from [drop-shadow(0px 0px)] to [drop-shadow(20px 10px 30px green)] at (1) should be [drop-shadow(20px 10px 30px green)]
Fail CSS Transitions with transition: all: property <backdrop-filter> from [drop-shadow(0px 0px)] to [drop-shadow(20px 10px 30px green)] at (1.5) should be [drop-shadow(30px 15px 45px rgb(0, 192, 0))]
Fail CSS Animations: property <backdrop-filter> from [drop-shadow(0px 0px)] to [drop-shadow(20px 10px 30px green)] at (-1) should be [drop-shadow(-20px -10px blue)]
Fail CSS Animations: property <backdrop-filter> from [drop-shadow(0px 0px)] to [drop-shadow(20px 10px 30px green)] at (0) should be [drop-shadow(0px 0px blue)]
Fail CSS Animations: property <backdrop-filter> from [drop-shadow(0px 0px)] to [drop-shadow(20px 10px 30px green)] at (0.5) should be [drop-shadow(10px 5px 15px rgb(0, 64, 128))]
Pass CSS Transitions with transition: all: property <backdrop-filter> from [drop-shadow(0px 0px)] to [drop-shadow(20px 10px 30px green)] at (1.5) should be [drop-shadow(30px 15px 45px rgb(0, 192, 0))]
Pass CSS Animations: property <backdrop-filter> from [drop-shadow(0px 0px)] to [drop-shadow(20px 10px 30px green)] at (-1) should be [drop-shadow(-20px -10px blue)]
Pass CSS Animations: property <backdrop-filter> from [drop-shadow(0px 0px)] to [drop-shadow(20px 10px 30px green)] at (0) should be [drop-shadow(0px 0px blue)]
Pass CSS Animations: property <backdrop-filter> from [drop-shadow(0px 0px)] to [drop-shadow(20px 10px 30px green)] at (0.5) should be [drop-shadow(10px 5px 15px rgb(0, 64, 128))]
Pass CSS Animations: property <backdrop-filter> from [drop-shadow(0px 0px)] to [drop-shadow(20px 10px 30px green)] at (1) should be [drop-shadow(20px 10px 30px green)]
Fail CSS Animations: property <backdrop-filter> from [drop-shadow(0px 0px)] to [drop-shadow(20px 10px 30px green)] at (1.5) should be [drop-shadow(30px 15px 45px rgb(0, 192, 0))]
Fail Web Animations: property <backdrop-filter> from [drop-shadow(0px 0px)] to [drop-shadow(20px 10px 30px green)] at (-1) should be [drop-shadow(-20px -10px blue)]
Fail Web Animations: property <backdrop-filter> from [drop-shadow(0px 0px)] to [drop-shadow(20px 10px 30px green)] at (0) should be [drop-shadow(0px 0px blue)]
Fail Web Animations: property <backdrop-filter> from [drop-shadow(0px 0px)] to [drop-shadow(20px 10px 30px green)] at (0.5) should be [drop-shadow(10px 5px 15px rgb(0, 64, 128))]
Pass CSS Animations: property <backdrop-filter> from [drop-shadow(0px 0px)] to [drop-shadow(20px 10px 30px green)] at (1.5) should be [drop-shadow(30px 15px 45px rgb(0, 192, 0))]
Pass Web Animations: property <backdrop-filter> from [drop-shadow(0px 0px)] to [drop-shadow(20px 10px 30px green)] at (-1) should be [drop-shadow(-20px -10px blue)]
Pass Web Animations: property <backdrop-filter> from [drop-shadow(0px 0px)] to [drop-shadow(20px 10px 30px green)] at (0) should be [drop-shadow(0px 0px blue)]
Pass Web Animations: property <backdrop-filter> from [drop-shadow(0px 0px)] to [drop-shadow(20px 10px 30px green)] at (0.5) should be [drop-shadow(10px 5px 15px rgb(0, 64, 128))]
Pass Web Animations: property <backdrop-filter> from [drop-shadow(0px 0px)] to [drop-shadow(20px 10px 30px green)] at (1) should be [drop-shadow(20px 10px 30px green)]
Fail Web Animations: property <backdrop-filter> from [drop-shadow(0px 0px)] to [drop-shadow(20px 10px 30px green)] at (1.5) should be [drop-shadow(30px 15px 45px rgb(0, 192, 0))]
Pass Web Animations: property <backdrop-filter> from [drop-shadow(0px 0px)] to [drop-shadow(20px 10px 30px green)] at (1.5) should be [drop-shadow(30px 15px 45px rgb(0, 192, 0))]
Fail CSS Transitions: property <backdrop-filter> from [grayscale(0)] to [grayscale()] at (-1) should be [grayscale(0)]
Pass CSS Transitions: property <backdrop-filter> from [grayscale(0)] to [grayscale()] at (0) should be [grayscale(0)]
Pass CSS Transitions: property <backdrop-filter> from [grayscale(0)] to [grayscale()] at (0.5) should be [grayscale(0.5)]

32
Tests/LibWeb/Text/expected/wpt-import/css/filter-effects/animation/filter-interpolation-002.txt
View File

@@ -2,8 +2,8 @@ Harness status: OK
Found 162 tests
140 Pass
22 Fail
150 Pass
12 Fail
Fail CSS Transitions: property <filter> from [none] to [opacity(0.5) hue-rotate(180deg)] at (-0.5) should be [opacity(1) hue-rotate(-90deg)]
Pass CSS Transitions: property <filter> from [none] to [opacity(0.5) hue-rotate(180deg)] at (0) should be [opacity(1) hue-rotate(0deg)]
Pass CSS Transitions: property <filter> from [none] to [opacity(0.5) hue-rotate(180deg)] at (0.25) should be [opacity(0.875) hue-rotate(45deg)]
@@ -102,28 +102,28 @@ Pass Web Animations: property <filter> from [hue-rotate(180deg)] to [none] at (1
Pass Web Animations: property <filter> from [hue-rotate(180deg)] to [none] at (1.5) should be [hue-rotate(-90deg)]
Fail CSS Transitions: property <filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (-1) should be [drop-shadow(-20px -10px white)]
Fail CSS Transitions: property <filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (0) should be [drop-shadow(0px 0px 0px currentcolor)]
Fail CSS Transitions: property <filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (0.5) should be [drop-shadow(10px 5px #80C080)]
Pass CSS Transitions: property <filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (0.5) should be [drop-shadow(10px 5px #80C080)]
Pass CSS Transitions: property <filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (1) should be [drop-shadow(20px 10px green)]
Fail CSS Transitions: property <filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (1.5) should be [drop-shadow(30px 15px #004100)]
Pass CSS Transitions: property <filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (1.5) should be [drop-shadow(30px 15px #004100)]
Fail CSS Transitions with transition: all: property <filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (-1) should be [drop-shadow(-20px -10px white)]
Fail CSS Transitions with transition: all: property <filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (0) should be [drop-shadow(0px 0px 0px currentcolor)]
Fail CSS Transitions with transition: all: property <filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (0.5) should be [drop-shadow(10px 5px #80C080)]
Pass CSS Transitions with transition: all: property <filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (0.5) should be [drop-shadow(10px 5px #80C080)]
Pass CSS Transitions with transition: all: property <filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (1) should be [drop-shadow(20px 10px green)]
Fail CSS Transitions with transition: all: property <filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (1.5) should be [drop-shadow(30px 15px #004100)]
Pass CSS Transitions with transition: all: property <filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (1.5) should be [drop-shadow(30px 15px #004100)]
Fail CSS Animations: property <filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (-1) should be [drop-shadow(-20px -10px white)]
Pass CSS Animations: property <filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (0) should be [drop-shadow(0px 0px 0px currentcolor)]
Fail CSS Animations: property <filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (0.5) should be [drop-shadow(10px 5px #80C080)]
Fail CSS Animations: property <filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (0) should be [drop-shadow(0px 0px 0px currentcolor)]
Pass CSS Animations: property <filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (0.5) should be [drop-shadow(10px 5px #80C080)]
Pass CSS Animations: property <filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (1) should be [drop-shadow(20px 10px green)]
Fail CSS Animations: property <filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (1.5) should be [drop-shadow(30px 15px #004100)]
Pass CSS Animations: property <filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (1.5) should be [drop-shadow(30px 15px #004100)]
Fail Web Animations: property <filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (-1) should be [drop-shadow(-20px -10px white)]
Pass Web Animations: property <filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (0) should be [drop-shadow(0px 0px 0px currentcolor)]
Fail Web Animations: property <filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (0.5) should be [drop-shadow(10px 5px #80C080)]
Fail Web Animations: property <filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (0) should be [drop-shadow(0px 0px 0px currentcolor)]
Pass Web Animations: property <filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (0.5) should be [drop-shadow(10px 5px #80C080)]
Pass Web Animations: property <filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (1) should be [drop-shadow(20px 10px green)]
Fail Web Animations: property <filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (1.5) should be [drop-shadow(30px 15px #004100)]
Fail CSS Transitions: property <filter> from [drop-shadow(20px 10px blue)] to [drop-shadow(20px 10px green)] at (2147483648) should be [drop-shadow(20px 10px #00FF00]
Fail CSS Transitions with transition: all: property <filter> from [drop-shadow(20px 10px blue)] to [drop-shadow(20px 10px green)] at (2147483648) should be [drop-shadow(20px 10px #00FF00]
Fail CSS Animations: property <filter> from [drop-shadow(20px 10px blue)] to [drop-shadow(20px 10px green)] at (2147483648) should be [drop-shadow(20px 10px #00FF00]
Fail Web Animations: property <filter> from [drop-shadow(20px 10px blue)] to [drop-shadow(20px 10px green)] at (2147483648) should be [drop-shadow(20px 10px #00FF00]
Pass Web Animations: property <filter> from [drop-shadow(0px 0px 0px currentcolor)] to [drop-shadow(20px 10px green)] at (1.5) should be [drop-shadow(30px 15px #004100)]
Pass CSS Transitions: property <filter> from [drop-shadow(20px 10px blue)] to [drop-shadow(20px 10px green)] at (2147483648) should be [drop-shadow(20px 10px #00FF00]
Pass CSS Transitions with transition: all: property <filter> from [drop-shadow(20px 10px blue)] to [drop-shadow(20px 10px green)] at (2147483648) should be [drop-shadow(20px 10px #00FF00]
Pass CSS Animations: property <filter> from [drop-shadow(20px 10px blue)] to [drop-shadow(20px 10px green)] at (2147483648) should be [drop-shadow(20px 10px #00FF00]
Pass Web Animations: property <filter> from [drop-shadow(20px 10px blue)] to [drop-shadow(20px 10px green)] at (2147483648) should be [drop-shadow(20px 10px #00FF00]
Pass CSS Transitions with transition-behavior:allow-discrete: property <filter> from [grayscale(0) blur(0px)] to [blur(10px)] at (-0.3) should be [grayscale(0) blur(0px)]
Pass CSS Transitions with transition-behavior:allow-discrete: property <filter> from [grayscale(0) blur(0px)] to [blur(10px)] at (0) should be [grayscale(0) blur(0px)]
Pass CSS Transitions with transition-behavior:allow-discrete: property <filter> from [grayscale(0) blur(0px)] to [blur(10px)] at (0.3) should be [grayscale(0) blur(0px)]

20
Tests/LibWeb/Text/expected/wpt-import/css/filter-effects/animation/filter-interpolation-003.txt
View File

@@ -2,8 +2,8 @@ Harness status: OK
Found 304 tests
232 Pass
72 Fail
240 Pass
64 Fail
Fail CSS Transitions: property <filter> from [none] to [blur(10px)] at (-1) should be [blur(0px)]
Pass CSS Transitions: property <filter> from [none] to [blur(10px)] at (0) should be [blur(0px)]
Pass CSS Transitions: property <filter> from [none] to [blur(10px)] at (0.5) should be [blur(5px)]
@@ -65,25 +65,25 @@ Pass Web Animations: property <filter> from [contrast(0)] to [none] at (0.5) sho
Pass Web Animations: property <filter> from [contrast(0)] to [none] at (1) should be [contrast(1)]
Pass Web Animations: property <filter> from [contrast(0)] to [none] at (1.5) should be [contrast(1.5)]
Fail CSS Transitions: property <filter> from [none] to [drop-shadow(20px 10px green)] at (-1) should be [drop-shadow(-20px -10px transparent)]
Fail CSS Transitions: property <filter> from [none] to [drop-shadow(20px 10px green)] at (0) should be [drop-shadow(0px 0px 0px transparent)]
Pass CSS Transitions: property <filter> from [none] to [drop-shadow(20px 10px green)] at (0) should be [drop-shadow(0px 0px 0px transparent)]
Fail CSS Transitions: property <filter> from [none] to [drop-shadow(20px 10px green)] at (0.5) should be [drop-shadow(10px 5px rgba(0, 128, 0, 0.5))]
Pass CSS Transitions: property <filter> from [none] to [drop-shadow(20px 10px green)] at (1) should be [drop-shadow(20px 10px green)]
Fail CSS Transitions: property <filter> from [none] to [drop-shadow(20px 10px green)] at (1.5) should be [drop-shadow(30px 15px #00C000)]
Pass CSS Transitions: property <filter> from [none] to [drop-shadow(20px 10px green)] at (1.5) should be [drop-shadow(30px 15px #00C000)]
Fail CSS Transitions with transition: all: property <filter> from [none] to [drop-shadow(20px 10px green)] at (-1) should be [drop-shadow(-20px -10px transparent)]
Fail CSS Transitions with transition: all: property <filter> from [none] to [drop-shadow(20px 10px green)] at (0) should be [drop-shadow(0px 0px 0px transparent)]
Pass CSS Transitions with transition: all: property <filter> from [none] to [drop-shadow(20px 10px green)] at (0) should be [drop-shadow(0px 0px 0px transparent)]
Fail CSS Transitions with transition: all: property <filter> from [none] to [drop-shadow(20px 10px green)] at (0.5) should be [drop-shadow(10px 5px rgba(0, 128, 0, 0.5))]
Pass CSS Transitions with transition: all: property <filter> from [none] to [drop-shadow(20px 10px green)] at (1) should be [drop-shadow(20px 10px green)]
Fail CSS Transitions with transition: all: property <filter> from [none] to [drop-shadow(20px 10px green)] at (1.5) should be [drop-shadow(30px 15px #00C000)]
Pass CSS Transitions with transition: all: property <filter> from [none] to [drop-shadow(20px 10px green)] at (1.5) should be [drop-shadow(30px 15px #00C000)]
Fail CSS Animations: property <filter> from [none] to [drop-shadow(20px 10px green)] at (-1) should be [drop-shadow(-20px -10px transparent)]
Fail CSS Animations: property <filter> from [none] to [drop-shadow(20px 10px green)] at (0) should be [drop-shadow(0px 0px 0px transparent)]
Pass CSS Animations: property <filter> from [none] to [drop-shadow(20px 10px green)] at (0) should be [drop-shadow(0px 0px 0px transparent)]
Fail CSS Animations: property <filter> from [none] to [drop-shadow(20px 10px green)] at (0.5) should be [drop-shadow(10px 5px rgba(0, 128, 0, 0.5))]
Pass CSS Animations: property <filter> from [none] to [drop-shadow(20px 10px green)] at (1) should be [drop-shadow(20px 10px green)]
Fail CSS Animations: property <filter> from [none] to [drop-shadow(20px 10px green)] at (1.5) should be [drop-shadow(30px 15px #00C000)]
Pass CSS Animations: property <filter> from [none] to [drop-shadow(20px 10px green)] at (1.5) should be [drop-shadow(30px 15px #00C000)]
Fail Web Animations: property <filter> from [none] to [drop-shadow(20px 10px green)] at (-1) should be [drop-shadow(-20px -10px transparent)]
Fail Web Animations: property <filter> from [none] to [drop-shadow(20px 10px green)] at (0) should be [drop-shadow(0px 0px 0px transparent)]
Pass Web Animations: property <filter> from [none] to [drop-shadow(20px 10px green)] at (0) should be [drop-shadow(0px 0px 0px transparent)]
Fail Web Animations: property <filter> from [none] to [drop-shadow(20px 10px green)] at (0.5) should be [drop-shadow(10px 5px rgba(0, 128, 0, 0.5))]
Pass Web Animations: property <filter> from [none] to [drop-shadow(20px 10px green)] at (1) should be [drop-shadow(20px 10px green)]
Fail Web Animations: property <filter> from [none] to [drop-shadow(20px 10px green)] at (1.5) should be [drop-shadow(30px 15px #00C000)]
Pass Web Animations: property <filter> from [none] to [drop-shadow(20px 10px green)] at (1.5) should be [drop-shadow(30px 15px #00C000)]
Fail CSS Transitions: property <filter> from [none] to [grayscale(1)] at (-1) should be [grayscale(0)]
Pass CSS Transitions: property <filter> from [none] to [grayscale(1)] at (0) should be [grayscale(0)]
Pass CSS Transitions: property <filter> from [none] to [grayscale(1)] at (0.5) should be [grayscale(0.5)]

36
Tests/LibWeb/Text/expected/wpt-import/css/filter-effects/animation/filter-interpolation-004.txt
View File

@@ -2,8 +2,8 @@ Harness status: OK
Found 200 tests
136 Pass
64 Fail
152 Pass
48 Fail
Fail CSS Transitions: property <filter> from [blur()] to [blur(10px)] at (-1) should be [blur(0px)]
Pass CSS Transitions: property <filter> from [blur()] to [blur(10px)] at (0) should be [blur()]
Pass CSS Transitions: property <filter> from [blur()] to [blur(10px)] at (0.5) should be [blur(5px)]
@@ -64,26 +64,26 @@ Pass Web Animations: property <filter> from [contrast(0)] to [contrast()] at (0)
Pass Web Animations: property <filter> from [contrast(0)] to [contrast()] at (0.5) should be [contrast(0.5)]
Pass Web Animations: property <filter> from [contrast(0)] to [contrast()] at (1) should be [contrast()]
Pass Web Animations: property <filter> from [contrast(0)] to [contrast()] at (1.5) should be [contrast(1.5)]
Fail CSS Transitions: property <filter> from [drop-shadow(0px 0px)] to [drop-shadow(20px 10px 30px green)] at (-1) should be [drop-shadow(-20px -10px blue)]
Fail CSS Transitions: property <filter> from [drop-shadow(0px 0px)] to [drop-shadow(20px 10px 30px green)] at (0) should be [drop-shadow(0px 0px blue)]
Fail CSS Transitions: property <filter> from [drop-shadow(0px 0px)] to [drop-shadow(20px 10px 30px green)] at (0.5) should be [drop-shadow(10px 5px 15px rgb(0, 64, 128))]
Pass CSS Transitions: property <filter> from [drop-shadow(0px 0px)] to [drop-shadow(20px 10px 30px green)] at (-1) should be [drop-shadow(-20px -10px blue)]
Pass CSS Transitions: property <filter> from [drop-shadow(0px 0px)] to [drop-shadow(20px 10px 30px green)] at (0) should be [drop-shadow(0px 0px blue)]
Pass CSS Transitions: property <filter> from [drop-shadow(0px 0px)] to [drop-shadow(20px 10px 30px green)] at (0.5) should be [drop-shadow(10px 5px 15px rgb(0, 64, 128))]
Pass CSS Transitions: property <filter> from [drop-shadow(0px 0px)] to [drop-shadow(20px 10px 30px green)] at (1) should be [drop-shadow(20px 10px 30px green)]
Fail CSS Transitions: property <filter> from [drop-shadow(0px 0px)] to [drop-shadow(20px 10px 30px green)] at (1.5) should be [drop-shadow(30px 15px 45px rgb(0, 192, 0))]
Fail CSS Transitions with transition: all: property <filter> from [drop-shadow(0px 0px)] to [drop-shadow(20px 10px 30px green)] at (-1) should be [drop-shadow(-20px -10px blue)]
Fail CSS Transitions with transition: all: property <filter> from [drop-shadow(0px 0px)] to [drop-shadow(20px 10px 30px green)] at (0) should be [drop-shadow(0px 0px blue)]
Fail CSS Transitions with transition: all: property <filter> from [drop-shadow(0px 0px)] to [drop-shadow(20px 10px 30px green)] at (0.5) should be [drop-shadow(10px 5px 15px rgb(0, 64, 128))]
Pass CSS Transitions: property <filter> from [drop-shadow(0px 0px)] to [drop-shadow(20px 10px 30px green)] at (1.5) should be [drop-shadow(30px 15px 45px rgb(0, 192, 0))]
Pass CSS Transitions with transition: all: property <filter> from [drop-shadow(0px 0px)] to [drop-shadow(20px 10px 30px green)] at (-1) should be [drop-shadow(-20px -10px blue)]
Pass CSS Transitions with transition: all: property <filter> from [drop-shadow(0px 0px)] to [drop-shadow(20px 10px 30px green)] at (0) should be [drop-shadow(0px 0px blue)]
Pass CSS Transitions with transition: all: property <filter> from [drop-shadow(0px 0px)] to [drop-shadow(20px 10px 30px green)] at (0.5) should be [drop-shadow(10px 5px 15px rgb(0, 64, 128))]
Pass CSS Transitions with transition: all: property <filter> from [drop-shadow(0px 0px)] to [drop-shadow(20px 10px 30px green)] at (1) should be [drop-shadow(20px 10px 30px green)]
Fail CSS Transitions with transition: all: property <filter> from [drop-shadow(0px 0px)] to [drop-shadow(20px 10px 30px green)] at (1.5) should be [drop-shadow(30px 15px 45px rgb(0, 192, 0))]
Fail CSS Animations: property <filter> from [drop-shadow(0px 0px)] to [drop-shadow(20px 10px 30px green)] at (-1) should be [drop-shadow(-20px -10px blue)]
Fail CSS Animations: property <filter> from [drop-shadow(0px 0px)] to [drop-shadow(20px 10px 30px green)] at (0) should be [drop-shadow(0px 0px blue)]
Fail CSS Animations: property <filter> from [drop-shadow(0px 0px)] to [drop-shadow(20px 10px 30px green)] at (0.5) should be [drop-shadow(10px 5px 15px rgb(0, 64, 128))]
Pass CSS Transitions with transition: all: property <filter> from [drop-shadow(0px 0px)] to [drop-shadow(20px 10px 30px green)] at (1.5) should be [drop-shadow(30px 15px 45px rgb(0, 192, 0))]
Pass CSS Animations: property <filter> from [drop-shadow(0px 0px)] to [drop-shadow(20px 10px 30px green)] at (-1) should be [drop-shadow(-20px -10px blue)]
Pass CSS Animations: property <filter> from [drop-shadow(0px 0px)] to [drop-shadow(20px 10px 30px green)] at (0) should be [drop-shadow(0px 0px blue)]
Pass CSS Animations: property <filter> from [drop-shadow(0px 0px)] to [drop-shadow(20px 10px 30px green)] at (0.5) should be [drop-shadow(10px 5px 15px rgb(0, 64, 128))]
Pass CSS Animations: property <filter> from [drop-shadow(0px 0px)] to [drop-shadow(20px 10px 30px green)] at (1) should be [drop-shadow(20px 10px 30px green)]
Fail CSS Animations: property <filter> from [drop-shadow(0px 0px)] to [drop-shadow(20px 10px 30px green)] at (1.5) should be [drop-shadow(30px 15px 45px rgb(0, 192, 0))]
Fail Web Animations: property <filter> from [drop-shadow(0px 0px)] to [drop-shadow(20px 10px 30px green)] at (-1) should be [drop-shadow(-20px -10px blue)]
Fail Web Animations: property <filter> from [drop-shadow(0px 0px)] to [drop-shadow(20px 10px 30px green)] at (0) should be [drop-shadow(0px 0px blue)]
Fail Web Animations: property <filter> from [drop-shadow(0px 0px)] to [drop-shadow(20px 10px 30px green)] at (0.5) should be [drop-shadow(10px 5px 15px rgb(0, 64, 128))]
Pass CSS Animations: property <filter> from [drop-shadow(0px 0px)] to [drop-shadow(20px 10px 30px green)] at (1.5) should be [drop-shadow(30px 15px 45px rgb(0, 192, 0))]
Pass Web Animations: property <filter> from [drop-shadow(0px 0px)] to [drop-shadow(20px 10px 30px green)] at (-1) should be [drop-shadow(-20px -10px blue)]
Pass Web Animations: property <filter> from [drop-shadow(0px 0px)] to [drop-shadow(20px 10px 30px green)] at (0) should be [drop-shadow(0px 0px blue)]
Pass Web Animations: property <filter> from [drop-shadow(0px 0px)] to [drop-shadow(20px 10px 30px green)] at (0.5) should be [drop-shadow(10px 5px 15px rgb(0, 64, 128))]
Pass Web Animations: property <filter> from [drop-shadow(0px 0px)] to [drop-shadow(20px 10px 30px green)] at (1) should be [drop-shadow(20px 10px 30px green)]
Fail Web Animations: property <filter> from [drop-shadow(0px 0px)] to [drop-shadow(20px 10px 30px green)] at (1.5) should be [drop-shadow(30px 15px 45px rgb(0, 192, 0))]
Pass Web Animations: property <filter> from [drop-shadow(0px 0px)] to [drop-shadow(20px 10px 30px green)] at (1.5) should be [drop-shadow(30px 15px 45px rgb(0, 192, 0))]
Fail CSS Transitions: property <filter> from [grayscale(0)] to [grayscale()] at (-1) should be [grayscale(0)]
Pass CSS Transitions: property <filter> from [grayscale(0)] to [grayscale()] at (0) should be [grayscale(0)]
Pass CSS Transitions: property <filter> from [grayscale(0)] to [grayscale()] at (0.5) should be [grayscale(0.5)]