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: Support interpolation of BorderRadiusRectStyleValue

Browse Source
This commit is contained in:
Callum Law
2026-01-06 21:25:09 +13:00
committed by Jelle Raaijmakers
parent 4f5bab7e5d
commit ed8eab03d0
Notes: github-actions[bot] 2026-01-06 09:51:08 +00:00 
Author: https://github.com/Calme1709
Commit: https://github.com/LadybirdBrowser/ladybird/commit/ed8eab03d04
Pull-request: https://github.com/LadybirdBrowser/ladybird/pull/7339
Reviewed-by: https://github.com/gmta ✅
3 changed files with 83 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
Tests/LibWeb/Text/expected/wpt-import/css/css-masking/animations/clip-path-interpolation-002.txt
View File

@@ -2,8 +2,8 @@ Harness status: OK
Found 720 tests
678 Pass
42 Fail
712 Pass
8 Fail
Pass CSS Transitions: property <clip-path> from neutral to [inset(20px)] at (-0.3) should be [inset(7px)]
Pass CSS Transitions: property <clip-path> from neutral to [inset(20px)] at (0) should be [inset(10px)]
Pass CSS Transitions: property <clip-path> from neutral to [inset(20px)] at (0.3) should be [inset(13px)]
@@ -502,52 +502,52 @@ Pass Web Animations: property <clip-path> from [inset(20px)] to [inset(40%)] at
Pass Web Animations: property <clip-path> from [inset(20px)] to [inset(40%)] at (0.6) should be [inset(calc(8px + 24%))]
Pass Web Animations: property <clip-path> from [inset(20px)] to [inset(40%)] at (1) should be [inset(40%)]
Pass Web Animations: property <clip-path> from [inset(20px)] to [inset(40%)] at (1.5) should be [inset(calc(-10px + 60%))]
Fail CSS Transitions: property <clip-path> from [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)] to [inset(101px 102px 103px 104px round 110px 120px 130px 140px / 150px 160px 170px 180px)] at (-0.3) should be [inset(-29px -28px -27px -26px round 0px 0px 0px 10px / 20px 30px 40px 50px)]
Fail CSS Transitions: property <clip-path> from [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)] to [inset(101px 102px 103px 104px round 110px 120px 130px 140px / 150px 160px 170px 180px)] at (0) should be [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)]
Fail CSS Transitions: property <clip-path> from [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)] to [inset(101px 102px 103px 104px round 110px 120px 130px 140px / 150px 160px 170px 180px)] at (0.3) should be [inset(31px 32px 33px 34px round 40px 50px 60px 70px / 80px 90px 100px 110px)]
Fail CSS Transitions: property <clip-path> from [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)] to [inset(101px 102px 103px 104px round 110px 120px 130px 140px / 150px 160px 170px 180px)] at (0.6) should be [inset(61px 62px 63px 64px round 70px 80px 90px 100px / 110px 120px 130px 140px)]
Pass CSS Transitions: property <clip-path> from [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)] to [inset(101px 102px 103px 104px round 110px 120px 130px 140px / 150px 160px 170px 180px)] at (-0.3) should be [inset(-29px -28px -27px -26px round 0px 0px 0px 10px / 20px 30px 40px 50px)]
Pass CSS Transitions: property <clip-path> from [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)] to [inset(101px 102px 103px 104px round 110px 120px 130px 140px / 150px 160px 170px 180px)] at (0) should be [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)]
Pass CSS Transitions: property <clip-path> from [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)] to [inset(101px 102px 103px 104px round 110px 120px 130px 140px / 150px 160px 170px 180px)] at (0.3) should be [inset(31px 32px 33px 34px round 40px 50px 60px 70px / 80px 90px 100px 110px)]
Pass CSS Transitions: property <clip-path> from [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)] to [inset(101px 102px 103px 104px round 110px 120px 130px 140px / 150px 160px 170px 180px)] at (0.6) should be [inset(61px 62px 63px 64px round 70px 80px 90px 100px / 110px 120px 130px 140px)]
Pass CSS Transitions: property <clip-path> from [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)] to [inset(101px 102px 103px 104px round 110px 120px 130px 140px / 150px 160px 170px 180px)] at (1) should be [inset(101px 102px 103px 104px round 110px 120px 130px 140px / 150px 160px 170px 180px)]
Fail CSS Transitions: property <clip-path> from [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)] to [inset(101px 102px 103px 104px round 110px 120px 130px 140px / 150px 160px 170px 180px)] at (1.5) should be [inset(151px 152px 153px 154px round 160px 170px 180px 190px / 200px 210px 220px 230px)]
Fail CSS Transitions with transition: all: property <clip-path> from [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)] to [inset(101px 102px 103px 104px round 110px 120px 130px 140px / 150px 160px 170px 180px)] at (-0.3) should be [inset(-29px -28px -27px -26px round 0px 0px 0px 10px / 20px 30px 40px 50px)]
Fail CSS Transitions with transition: all: property <clip-path> from [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)] to [inset(101px 102px 103px 104px round 110px 120px 130px 140px / 150px 160px 170px 180px)] at (0) should be [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)]
Fail CSS Transitions with transition: all: property <clip-path> from [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)] to [inset(101px 102px 103px 104px round 110px 120px 130px 140px / 150px 160px 170px 180px)] at (0.3) should be [inset(31px 32px 33px 34px round 40px 50px 60px 70px / 80px 90px 100px 110px)]
Fail CSS Transitions with transition: all: property <clip-path> from [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)] to [inset(101px 102px 103px 104px round 110px 120px 130px 140px / 150px 160px 170px 180px)] at (0.6) should be [inset(61px 62px 63px 64px round 70px 80px 90px 100px / 110px 120px 130px 140px)]
Pass CSS Transitions: property <clip-path> from [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)] to [inset(101px 102px 103px 104px round 110px 120px 130px 140px / 150px 160px 170px 180px)] at (1.5) should be [inset(151px 152px 153px 154px round 160px 170px 180px 190px / 200px 210px 220px 230px)]
Pass CSS Transitions with transition: all: property <clip-path> from [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)] to [inset(101px 102px 103px 104px round 110px 120px 130px 140px / 150px 160px 170px 180px)] at (-0.3) should be [inset(-29px -28px -27px -26px round 0px 0px 0px 10px / 20px 30px 40px 50px)]
Pass CSS Transitions with transition: all: property <clip-path> from [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)] to [inset(101px 102px 103px 104px round 110px 120px 130px 140px / 150px 160px 170px 180px)] at (0) should be [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)]
Pass CSS Transitions with transition: all: property <clip-path> from [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)] to [inset(101px 102px 103px 104px round 110px 120px 130px 140px / 150px 160px 170px 180px)] at (0.3) should be [inset(31px 32px 33px 34px round 40px 50px 60px 70px / 80px 90px 100px 110px)]
Pass CSS Transitions with transition: all: property <clip-path> from [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)] to [inset(101px 102px 103px 104px round 110px 120px 130px 140px / 150px 160px 170px 180px)] at (0.6) should be [inset(61px 62px 63px 64px round 70px 80px 90px 100px / 110px 120px 130px 140px)]
Pass CSS Transitions with transition: all: property <clip-path> from [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)] to [inset(101px 102px 103px 104px round 110px 120px 130px 140px / 150px 160px 170px 180px)] at (1) should be [inset(101px 102px 103px 104px round 110px 120px 130px 140px / 150px 160px 170px 180px)]
Fail CSS Transitions with transition: all: property <clip-path> from [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)] to [inset(101px 102px 103px 104px round 110px 120px 130px 140px / 150px 160px 170px 180px)] at (1.5) should be [inset(151px 152px 153px 154px round 160px 170px 180px 190px / 200px 210px 220px 230px)]
Fail CSS Animations: property <clip-path> from [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)] to [inset(101px 102px 103px 104px round 110px 120px 130px 140px / 150px 160px 170px 180px)] at (-0.3) should be [inset(-29px -28px -27px -26px round 0px 0px 0px 10px / 20px 30px 40px 50px)]
Pass CSS Transitions with transition: all: property <clip-path> from [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)] to [inset(101px 102px 103px 104px round 110px 120px 130px 140px / 150px 160px 170px 180px)] at (1.5) should be [inset(151px 152px 153px 154px round 160px 170px 180px 190px / 200px 210px 220px 230px)]
Pass CSS Animations: property <clip-path> from [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)] to [inset(101px 102px 103px 104px round 110px 120px 130px 140px / 150px 160px 170px 180px)] at (-0.3) should be [inset(-29px -28px -27px -26px round 0px 0px 0px 10px / 20px 30px 40px 50px)]
Pass CSS Animations: property <clip-path> from [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)] to [inset(101px 102px 103px 104px round 110px 120px 130px 140px / 150px 160px 170px 180px)] at (0) should be [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)]
Fail CSS Animations: property <clip-path> from [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)] to [inset(101px 102px 103px 104px round 110px 120px 130px 140px / 150px 160px 170px 180px)] at (0.3) should be [inset(31px 32px 33px 34px round 40px 50px 60px 70px / 80px 90px 100px 110px)]
Fail CSS Animations: property <clip-path> from [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)] to [inset(101px 102px 103px 104px round 110px 120px 130px 140px / 150px 160px 170px 180px)] at (0.6) should be [inset(61px 62px 63px 64px round 70px 80px 90px 100px / 110px 120px 130px 140px)]
Pass CSS Animations: property <clip-path> from [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)] to [inset(101px 102px 103px 104px round 110px 120px 130px 140px / 150px 160px 170px 180px)] at (0.3) should be [inset(31px 32px 33px 34px round 40px 50px 60px 70px / 80px 90px 100px 110px)]
Pass CSS Animations: property <clip-path> from [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)] to [inset(101px 102px 103px 104px round 110px 120px 130px 140px / 150px 160px 170px 180px)] at (0.6) should be [inset(61px 62px 63px 64px round 70px 80px 90px 100px / 110px 120px 130px 140px)]
Pass CSS Animations: property <clip-path> from [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)] to [inset(101px 102px 103px 104px round 110px 120px 130px 140px / 150px 160px 170px 180px)] at (1) should be [inset(101px 102px 103px 104px round 110px 120px 130px 140px / 150px 160px 170px 180px)]
Fail CSS Animations: property <clip-path> from [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)] to [inset(101px 102px 103px 104px round 110px 120px 130px 140px / 150px 160px 170px 180px)] at (1.5) should be [inset(151px 152px 153px 154px round 160px 170px 180px 190px / 200px 210px 220px 230px)]
Fail Web Animations: property <clip-path> from [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)] to [inset(101px 102px 103px 104px round 110px 120px 130px 140px / 150px 160px 170px 180px)] at (-0.3) should be [inset(-29px -28px -27px -26px round 0px 0px 0px 10px / 20px 30px 40px 50px)]
Pass CSS Animations: property <clip-path> from [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)] to [inset(101px 102px 103px 104px round 110px 120px 130px 140px / 150px 160px 170px 180px)] at (1.5) should be [inset(151px 152px 153px 154px round 160px 170px 180px 190px / 200px 210px 220px 230px)]
Pass Web Animations: property <clip-path> from [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)] to [inset(101px 102px 103px 104px round 110px 120px 130px 140px / 150px 160px 170px 180px)] at (-0.3) should be [inset(-29px -28px -27px -26px round 0px 0px 0px 10px / 20px 30px 40px 50px)]
Pass Web Animations: property <clip-path> from [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)] to [inset(101px 102px 103px 104px round 110px 120px 130px 140px / 150px 160px 170px 180px)] at (0) should be [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)]
Fail Web Animations: property <clip-path> from [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)] to [inset(101px 102px 103px 104px round 110px 120px 130px 140px / 150px 160px 170px 180px)] at (0.3) should be [inset(31px 32px 33px 34px round 40px 50px 60px 70px / 80px 90px 100px 110px)]
Fail Web Animations: property <clip-path> from [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)] to [inset(101px 102px 103px 104px round 110px 120px 130px 140px / 150px 160px 170px 180px)] at (0.6) should be [inset(61px 62px 63px 64px round 70px 80px 90px 100px / 110px 120px 130px 140px)]
Pass Web Animations: property <clip-path> from [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)] to [inset(101px 102px 103px 104px round 110px 120px 130px 140px / 150px 160px 170px 180px)] at (0.3) should be [inset(31px 32px 33px 34px round 40px 50px 60px 70px / 80px 90px 100px 110px)]
Pass Web Animations: property <clip-path> from [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)] to [inset(101px 102px 103px 104px round 110px 120px 130px 140px / 150px 160px 170px 180px)] at (0.6) should be [inset(61px 62px 63px 64px round 70px 80px 90px 100px / 110px 120px 130px 140px)]
Pass Web Animations: property <clip-path> from [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)] to [inset(101px 102px 103px 104px round 110px 120px 130px 140px / 150px 160px 170px 180px)] at (1) should be [inset(101px 102px 103px 104px round 110px 120px 130px 140px / 150px 160px 170px 180px)]
Fail Web Animations: property <clip-path> from [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)] to [inset(101px 102px 103px 104px round 110px 120px 130px 140px / 150px 160px 170px 180px)] at (1.5) should be [inset(151px 152px 153px 154px round 160px 170px 180px 190px / 200px 210px 220px 230px)]
Fail CSS Transitions: property <clip-path> from [inset(1px 2px round 100px 200px)] to [inset(101px 102px 101px 102px)] at (-0.3) should be [inset(-29px -28px round 130px 260px)]
Fail CSS Transitions: property <clip-path> from [inset(1px 2px round 100px 200px)] to [inset(101px 102px 101px 102px)] at (0) should be [inset(1px 2px round 100px 200px)]
Fail CSS Transitions: property <clip-path> from [inset(1px 2px round 100px 200px)] to [inset(101px 102px 101px 102px)] at (0.3) should be [inset(31px 32px round 70px 140px)]
Fail CSS Transitions: property <clip-path> from [inset(1px 2px round 100px 200px)] to [inset(101px 102px 101px 102px)] at (0.6) should be [inset(61px 62px round 40px 80px)]
Pass Web Animations: property <clip-path> from [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)] to [inset(101px 102px 103px 104px round 110px 120px 130px 140px / 150px 160px 170px 180px)] at (1.5) should be [inset(151px 152px 153px 154px round 160px 170px 180px 190px / 200px 210px 220px 230px)]
Pass CSS Transitions: property <clip-path> from [inset(1px 2px round 100px 200px)] to [inset(101px 102px 101px 102px)] at (-0.3) should be [inset(-29px -28px round 130px 260px)]
Pass CSS Transitions: property <clip-path> from [inset(1px 2px round 100px 200px)] to [inset(101px 102px 101px 102px)] at (0) should be [inset(1px 2px round 100px 200px)]
Pass CSS Transitions: property <clip-path> from [inset(1px 2px round 100px 200px)] to [inset(101px 102px 101px 102px)] at (0.3) should be [inset(31px 32px round 70px 140px)]
Pass CSS Transitions: property <clip-path> from [inset(1px 2px round 100px 200px)] to [inset(101px 102px 101px 102px)] at (0.6) should be [inset(61px 62px round 40px 80px)]
Pass CSS Transitions: property <clip-path> from [inset(1px 2px round 100px 200px)] to [inset(101px 102px 101px 102px)] at (1) should be [inset(101px 102px)]
Fail CSS Transitions: property <clip-path> from [inset(1px 2px round 100px 200px)] to [inset(101px 102px 101px 102px)] at (1.5) should be [inset(151px 152px)]
Fail CSS Transitions with transition: all: property <clip-path> from [inset(1px 2px round 100px 200px)] to [inset(101px 102px 101px 102px)] at (-0.3) should be [inset(-29px -28px round 130px 260px)]
Fail CSS Transitions with transition: all: property <clip-path> from [inset(1px 2px round 100px 200px)] to [inset(101px 102px 101px 102px)] at (0) should be [inset(1px 2px round 100px 200px)]
Fail CSS Transitions with transition: all: property <clip-path> from [inset(1px 2px round 100px 200px)] to [inset(101px 102px 101px 102px)] at (0.3) should be [inset(31px 32px round 70px 140px)]
Fail CSS Transitions with transition: all: property <clip-path> from [inset(1px 2px round 100px 200px)] to [inset(101px 102px 101px 102px)] at (0.6) should be [inset(61px 62px round 40px 80px)]
Pass CSS Transitions: property <clip-path> from [inset(1px 2px round 100px 200px)] to [inset(101px 102px 101px 102px)] at (1.5) should be [inset(151px 152px)]
Pass CSS Transitions with transition: all: property <clip-path> from [inset(1px 2px round 100px 200px)] to [inset(101px 102px 101px 102px)] at (-0.3) should be [inset(-29px -28px round 130px 260px)]
Pass CSS Transitions with transition: all: property <clip-path> from [inset(1px 2px round 100px 200px)] to [inset(101px 102px 101px 102px)] at (0) should be [inset(1px 2px round 100px 200px)]
Pass CSS Transitions with transition: all: property <clip-path> from [inset(1px 2px round 100px 200px)] to [inset(101px 102px 101px 102px)] at (0.3) should be [inset(31px 32px round 70px 140px)]
Pass CSS Transitions with transition: all: property <clip-path> from [inset(1px 2px round 100px 200px)] to [inset(101px 102px 101px 102px)] at (0.6) should be [inset(61px 62px round 40px 80px)]
Pass CSS Transitions with transition: all: property <clip-path> from [inset(1px 2px round 100px 200px)] to [inset(101px 102px 101px 102px)] at (1) should be [inset(101px 102px)]
Fail CSS Transitions with transition: all: property <clip-path> from [inset(1px 2px round 100px 200px)] to [inset(101px 102px 101px 102px)] at (1.5) should be [inset(151px 152px)]
Fail CSS Animations: property <clip-path> from [inset(1px 2px round 100px 200px)] to [inset(101px 102px 101px 102px)] at (-0.3) should be [inset(-29px -28px round 130px 260px)]
Pass CSS Transitions with transition: all: property <clip-path> from [inset(1px 2px round 100px 200px)] to [inset(101px 102px 101px 102px)] at (1.5) should be [inset(151px 152px)]
Pass CSS Animations: property <clip-path> from [inset(1px 2px round 100px 200px)] to [inset(101px 102px 101px 102px)] at (-0.3) should be [inset(-29px -28px round 130px 260px)]
Pass CSS Animations: property <clip-path> from [inset(1px 2px round 100px 200px)] to [inset(101px 102px 101px 102px)] at (0) should be [inset(1px 2px round 100px 200px)]
Fail CSS Animations: property <clip-path> from [inset(1px 2px round 100px 200px)] to [inset(101px 102px 101px 102px)] at (0.3) should be [inset(31px 32px round 70px 140px)]
Fail CSS Animations: property <clip-path> from [inset(1px 2px round 100px 200px)] to [inset(101px 102px 101px 102px)] at (0.6) should be [inset(61px 62px round 40px 80px)]
Pass CSS Animations: property <clip-path> from [inset(1px 2px round 100px 200px)] to [inset(101px 102px 101px 102px)] at (0.3) should be [inset(31px 32px round 70px 140px)]
Pass CSS Animations: property <clip-path> from [inset(1px 2px round 100px 200px)] to [inset(101px 102px 101px 102px)] at (0.6) should be [inset(61px 62px round 40px 80px)]
Pass CSS Animations: property <clip-path> from [inset(1px 2px round 100px 200px)] to [inset(101px 102px 101px 102px)] at (1) should be [inset(101px 102px)]
Pass CSS Animations: property <clip-path> from [inset(1px 2px round 100px 200px)] to [inset(101px 102px 101px 102px)] at (1.5) should be [inset(151px 152px)]
Fail Web Animations: property <clip-path> from [inset(1px 2px round 100px 200px)] to [inset(101px 102px 101px 102px)] at (-0.3) should be [inset(-29px -28px round 130px 260px)]
Pass Web Animations: property <clip-path> from [inset(1px 2px round 100px 200px)] to [inset(101px 102px 101px 102px)] at (-0.3) should be [inset(-29px -28px round 130px 260px)]
Pass Web Animations: property <clip-path> from [inset(1px 2px round 100px 200px)] to [inset(101px 102px 101px 102px)] at (0) should be [inset(1px 2px round 100px 200px)]
Fail Web Animations: property <clip-path> from [inset(1px 2px round 100px 200px)] to [inset(101px 102px 101px 102px)] at (0.3) should be [inset(31px 32px round 70px 140px)]
Fail Web Animations: property <clip-path> from [inset(1px 2px round 100px 200px)] to [inset(101px 102px 101px 102px)] at (0.6) should be [inset(61px 62px round 40px 80px)]
Pass Web Animations: property <clip-path> from [inset(1px 2px round 100px 200px)] to [inset(101px 102px 101px 102px)] at (0.3) should be [inset(31px 32px round 70px 140px)]
Pass Web Animations: property <clip-path> from [inset(1px 2px round 100px 200px)] to [inset(101px 102px 101px 102px)] at (0.6) should be [inset(61px 62px round 40px 80px)]
Pass Web Animations: property <clip-path> from [inset(1px 2px round 100px 200px)] to [inset(101px 102px 101px 102px)] at (1) should be [inset(101px 102px)]
Pass Web Animations: property <clip-path> from [inset(1px 2px round 100px 200px)] to [inset(101px 102px 101px 102px)] at (1.5) should be [inset(151px 152px)]
Pass CSS Transitions: property <clip-path> from [polygon(10px 20%, 30px 40%)] to [polygon(110px 120%, 130px 140%)] at (-0.3) should be [polygon(-20px -10%, 0px 10%)]

36
Tests/LibWeb/Text/expected/wpt-import/css/css-masking/animations/clip-path-interpolation-xywh-rect.txt
View File

@@ -2,8 +2,8 @@ Harness status: OK
Found 360 tests
308 Pass
52 Fail
320 Pass
40 Fail
Pass CSS Transitions with transition-behavior:allow-discrete: property <clip-path> from [initial] to [xywh(10px 10px 100px 100px)] at (-0.3) should be [initial]
Pass CSS Transitions with transition-behavior:allow-discrete: property <clip-path> from [initial] to [xywh(10px 10px 100px 100px)] at (0) should be [initial]
Pass CSS Transitions with transition-behavior:allow-discrete: property <clip-path> from [initial] to [xywh(10px 10px 100px 100px)] at (0.3) should be [initial]
@@ -340,27 +340,27 @@ Fail Web Animations: property <clip-path> from [inherit] to [rect(50px 70px 80%
Pass Web Animations: property <clip-path> from [inherit] to [rect(50px 70px 80% 20%)] at (0.875) should be [inset(45px calc(87.5% - 60px) calc(17.5% + 1.25px) calc(17.5% + 1.25px))]
Fail Web Animations: property <clip-path> from [inherit] to [rect(50px 70px 80% 20%)] at (1) should be [inset(50px calc(100% - 70px) 20% 20%)]
Pass Web Animations: property <clip-path> from [inherit] to [rect(50px 70px 80% 20%)] at (2) should be [inset(90px calc(200% - 150px) calc(40% - 10px) calc(40% - 10px))]
Fail CSS Transitions: property <clip-path> from [xywh(0px 10% 100px 40% round 20px)] to [rect(20% 50% 200px 20px)] at (-1) should be [inset(0% calc(150% - 200px) calc(0% + 200px) -20px round 40px]
Pass CSS Transitions: property <clip-path> from [xywh(0px 10% 100px 40% round 20px)] to [rect(20% 50% 200px 20px)] at (-1) should be [inset(0% calc(150% - 200px) calc(0% + 200px) -20px round 40px]
Fail CSS Transitions: property <clip-path> from [xywh(0px 10% 100px 40% round 20px)] to [rect(20% 50% 200px 20px)] at (0) should be [inset(10% calc(100% - 100px) 50% 0px round 20px)]
Fail CSS Transitions: property <clip-path> from [xywh(0px 10% 100px 40% round 20px)] to [rect(20% 50% 200px 20px)] at (0.125) should be [inset(11.25% calc(93.75% - 87.5px) calc(56.25% - 25px) 2.5px round 17.5px)]
Fail CSS Transitions: property <clip-path> from [xywh(0px 10% 100px 40% round 20px)] to [rect(20% 50% 200px 20px)] at (0.875) should be [inset(18.75% calc(56.25% - 12.5px) calc(93.75% - 175px) 17.5px round 2.5px)]
Pass CSS Transitions: property <clip-path> from [xywh(0px 10% 100px 40% round 20px)] to [rect(20% 50% 200px 20px)] at (1) should be [inset(20% 50% calc(100% - 200px) 20px)]
Fail CSS Transitions: property <clip-path> from [xywh(0px 10% 100px 40% round 20px)] to [rect(20% 50% 200px 20px)] at (2) should be [inset(30% calc(0% + 100px) calc(150% - 400px) 40px)]
Fail CSS Transitions with transition: all: property <clip-path> from [xywh(0px 10% 100px 40% round 20px)] to [rect(20% 50% 200px 20px)] at (-1) should be [inset(0% calc(150% - 200px) calc(0% + 200px) -20px round 40px]
Pass CSS Transitions: property <clip-path> from [xywh(0px 10% 100px 40% round 20px)] to [rect(20% 50% 200px 20px)] at (0.125) should be [inset(11.25% calc(93.75% - 87.5px) calc(56.25% - 25px) 2.5px round 17.5px)]
Pass CSS Transitions: property <clip-path> from [xywh(0px 10% 100px 40% round 20px)] to [rect(20% 50% 200px 20px)] at (0.875) should be [inset(18.75% calc(56.25% - 12.5px) calc(93.75% - 175px) 17.5px round 2.5px)]
Fail CSS Transitions: property <clip-path> from [xywh(0px 10% 100px 40% round 20px)] to [rect(20% 50% 200px 20px)] at (1) should be [inset(20% 50% calc(100% - 200px) 20px)]
Pass CSS Transitions: property <clip-path> from [xywh(0px 10% 100px 40% round 20px)] to [rect(20% 50% 200px 20px)] at (2) should be [inset(30% calc(0% + 100px) calc(150% - 400px) 40px)]
Pass CSS Transitions with transition: all: property <clip-path> from [xywh(0px 10% 100px 40% round 20px)] to [rect(20% 50% 200px 20px)] at (-1) should be [inset(0% calc(150% - 200px) calc(0% + 200px) -20px round 40px]
Fail CSS Transitions with transition: all: property <clip-path> from [xywh(0px 10% 100px 40% round 20px)] to [rect(20% 50% 200px 20px)] at (0) should be [inset(10% calc(100% - 100px) 50% 0px round 20px)]
Fail CSS Transitions with transition: all: property <clip-path> from [xywh(0px 10% 100px 40% round 20px)] to [rect(20% 50% 200px 20px)] at (0.125) should be [inset(11.25% calc(93.75% - 87.5px) calc(56.25% - 25px) 2.5px round 17.5px)]
Fail CSS Transitions with transition: all: property <clip-path> from [xywh(0px 10% 100px 40% round 20px)] to [rect(20% 50% 200px 20px)] at (0.875) should be [inset(18.75% calc(56.25% - 12.5px) calc(93.75% - 175px) 17.5px round 2.5px)]
Pass CSS Transitions with transition: all: property <clip-path> from [xywh(0px 10% 100px 40% round 20px)] to [rect(20% 50% 200px 20px)] at (1) should be [inset(20% 50% calc(100% - 200px) 20px)]
Fail CSS Transitions with transition: all: property <clip-path> from [xywh(0px 10% 100px 40% round 20px)] to [rect(20% 50% 200px 20px)] at (2) should be [inset(30% calc(0% + 100px) calc(150% - 400px) 40px)]
Fail CSS Animations: property <clip-path> from [xywh(0px 10% 100px 40% round 20px)] to [rect(20% 50% 200px 20px)] at (-1) should be [inset(0% calc(150% - 200px) calc(0% + 200px) -20px round 40px]
Pass CSS Transitions with transition: all: property <clip-path> from [xywh(0px 10% 100px 40% round 20px)] to [rect(20% 50% 200px 20px)] at (0.125) should be [inset(11.25% calc(93.75% - 87.5px) calc(56.25% - 25px) 2.5px round 17.5px)]
Pass CSS Transitions with transition: all: property <clip-path> from [xywh(0px 10% 100px 40% round 20px)] to [rect(20% 50% 200px 20px)] at (0.875) should be [inset(18.75% calc(56.25% - 12.5px) calc(93.75% - 175px) 17.5px round 2.5px)]
Fail CSS Transitions with transition: all: property <clip-path> from [xywh(0px 10% 100px 40% round 20px)] to [rect(20% 50% 200px 20px)] at (1) should be [inset(20% 50% calc(100% - 200px) 20px)]
Pass CSS Transitions with transition: all: property <clip-path> from [xywh(0px 10% 100px 40% round 20px)] to [rect(20% 50% 200px 20px)] at (2) should be [inset(30% calc(0% + 100px) calc(150% - 400px) 40px)]
Pass CSS Animations: property <clip-path> from [xywh(0px 10% 100px 40% round 20px)] to [rect(20% 50% 200px 20px)] at (-1) should be [inset(0% calc(150% - 200px) calc(0% + 200px) -20px round 40px]
Fail CSS Animations: property <clip-path> from [xywh(0px 10% 100px 40% round 20px)] to [rect(20% 50% 200px 20px)] at (0) should be [inset(10% calc(100% - 100px) 50% 0px round 20px)]
Fail CSS Animations: property <clip-path> from [xywh(0px 10% 100px 40% round 20px)] to [rect(20% 50% 200px 20px)] at (0.125) should be [inset(11.25% calc(93.75% - 87.5px) calc(56.25% - 25px) 2.5px round 17.5px)]
Fail CSS Animations: property <clip-path> from [xywh(0px 10% 100px 40% round 20px)] to [rect(20% 50% 200px 20px)] at (0.875) should be [inset(18.75% calc(56.25% - 12.5px) calc(93.75% - 175px) 17.5px round 2.5px)]
Pass CSS Animations: property <clip-path> from [xywh(0px 10% 100px 40% round 20px)] to [rect(20% 50% 200px 20px)] at (0.125) should be [inset(11.25% calc(93.75% - 87.5px) calc(56.25% - 25px) 2.5px round 17.5px)]
Pass CSS Animations: property <clip-path> from [xywh(0px 10% 100px 40% round 20px)] to [rect(20% 50% 200px 20px)] at (0.875) should be [inset(18.75% calc(56.25% - 12.5px) calc(93.75% - 175px) 17.5px round 2.5px)]
Fail CSS Animations: property <clip-path> from [xywh(0px 10% 100px 40% round 20px)] to [rect(20% 50% 200px 20px)] at (1) should be [inset(20% 50% calc(100% - 200px) 20px)]
Pass CSS Animations: property <clip-path> from [xywh(0px 10% 100px 40% round 20px)] to [rect(20% 50% 200px 20px)] at (2) should be [inset(30% calc(0% + 100px) calc(150% - 400px) 40px)]
Fail Web Animations: property <clip-path> from [xywh(0px 10% 100px 40% round 20px)] to [rect(20% 50% 200px 20px)] at (-1) should be [inset(0% calc(150% - 200px) calc(0% + 200px) -20px round 40px]
Pass Web Animations: property <clip-path> from [xywh(0px 10% 100px 40% round 20px)] to [rect(20% 50% 200px 20px)] at (-1) should be [inset(0% calc(150% - 200px) calc(0% + 200px) -20px round 40px]
Fail Web Animations: property <clip-path> from [xywh(0px 10% 100px 40% round 20px)] to [rect(20% 50% 200px 20px)] at (0) should be [inset(10% calc(100% - 100px) 50% 0px round 20px)]
Fail Web Animations: property <clip-path> from [xywh(0px 10% 100px 40% round 20px)] to [rect(20% 50% 200px 20px)] at (0.125) should be [inset(11.25% calc(93.75% - 87.5px) calc(56.25% - 25px) 2.5px round 17.5px)]
Fail Web Animations: property <clip-path> from [xywh(0px 10% 100px 40% round 20px)] to [rect(20% 50% 200px 20px)] at (0.875) should be [inset(18.75% calc(56.25% - 12.5px) calc(93.75% - 175px) 17.5px round 2.5px)]
Pass Web Animations: property <clip-path> from [xywh(0px 10% 100px 40% round 20px)] to [rect(20% 50% 200px 20px)] at (0.125) should be [inset(11.25% calc(93.75% - 87.5px) calc(56.25% - 25px) 2.5px round 17.5px)]
Pass Web Animations: property <clip-path> from [xywh(0px 10% 100px 40% round 20px)] to [rect(20% 50% 200px 20px)] at (0.875) should be [inset(18.75% calc(56.25% - 12.5px) calc(93.75% - 175px) 17.5px round 2.5px)]
Fail Web Animations: property <clip-path> from [xywh(0px 10% 100px 40% round 20px)] to [rect(20% 50% 200px 20px)] at (1) should be [inset(20% 50% calc(100% - 200px) 20px)]
Pass Web Animations: property <clip-path> from [xywh(0px 10% 100px 40% round 20px)] to [rect(20% 50% 200px 20px)] at (2) should be [inset(30% calc(0% + 100px) calc(150% - 400px) 40px)]