LibWeb: Extract animation-composition value from keyframe at-rules

Previously, we weren't respecting the value of this property, so the
composite operation always defaulted to
`AnimationComposition::Replace`.
This commit is contained in:
Tim Ledbetter
2026-01-06 03:11:08 +00:00
committed by Jelle Raaijmakers
parent 16fd2ccee0
commit e4fb4d7c1a
Notes: github-actions[bot] 2026-01-06 11:59:56 +00:00
37 changed files with 690 additions and 679 deletions

View File

@@ -2,23 +2,23 @@ Harness status: OK
Found 50 tests
25 Pass
25 Fail
Fail Compositing CSS Animations: property <flex-basis> underlying [50px] from add [100px] to add [200px] at (-0.3) should be [120px]
Fail Compositing CSS Animations: property <flex-basis> underlying [50px] from add [100px] to add [200px] at (0) should be [150px]
Fail Compositing CSS Animations: property <flex-basis> underlying [50px] from add [100px] to add [200px] at (0.5) should be [200px]
Fail Compositing CSS Animations: property <flex-basis> underlying [50px] from add [100px] to add [200px] at (1) should be [250px]
Fail Compositing CSS Animations: property <flex-basis> underlying [50px] from add [100px] to add [200px] at (1.5) should be [300px]
42 Pass
8 Fail
Pass Compositing CSS Animations: property <flex-basis> underlying [50px] from add [100px] to add [200px] at (-0.3) should be [120px]
Pass Compositing CSS Animations: property <flex-basis> underlying [50px] from add [100px] to add [200px] at (0) should be [150px]
Pass Compositing CSS Animations: property <flex-basis> underlying [50px] from add [100px] to add [200px] at (0.5) should be [200px]
Pass Compositing CSS Animations: property <flex-basis> underlying [50px] from add [100px] to add [200px] at (1) should be [250px]
Pass Compositing CSS Animations: property <flex-basis> underlying [50px] from add [100px] to add [200px] at (1.5) should be [300px]
Pass Compositing Web Animations: property <flex-basis> underlying [50px] from add [100px] to add [200px] at (-0.3) should be [120px]
Pass Compositing Web Animations: property <flex-basis> underlying [50px] from add [100px] to add [200px] at (0) should be [150px]
Pass Compositing Web Animations: property <flex-basis> underlying [50px] from add [100px] to add [200px] at (0.5) should be [200px]
Pass Compositing Web Animations: property <flex-basis> underlying [50px] from add [100px] to add [200px] at (1) should be [250px]
Pass Compositing Web Animations: property <flex-basis> underlying [50px] from add [100px] to add [200px] at (1.5) should be [300px]
Fail Compositing CSS Animations: property <flex-basis> underlying [100px] from add [10px] to add [2px] at (-0.5) should be [114px]
Fail Compositing CSS Animations: property <flex-basis> underlying [100px] from add [10px] to add [2px] at (0) should be [110px]
Fail Compositing CSS Animations: property <flex-basis> underlying [100px] from add [10px] to add [2px] at (0.5) should be [106px]
Fail Compositing CSS Animations: property <flex-basis> underlying [100px] from add [10px] to add [2px] at (1) should be [102px]
Fail Compositing CSS Animations: property <flex-basis> underlying [100px] from add [10px] to add [2px] at (1.5) should be [98px]
Pass Compositing CSS Animations: property <flex-basis> underlying [100px] from add [10px] to add [2px] at (-0.5) should be [114px]
Pass Compositing CSS Animations: property <flex-basis> underlying [100px] from add [10px] to add [2px] at (0) should be [110px]
Pass Compositing CSS Animations: property <flex-basis> underlying [100px] from add [10px] to add [2px] at (0.5) should be [106px]
Pass Compositing CSS Animations: property <flex-basis> underlying [100px] from add [10px] to add [2px] at (1) should be [102px]
Pass Compositing CSS Animations: property <flex-basis> underlying [100px] from add [10px] to add [2px] at (1.5) should be [98px]
Pass Compositing Web Animations: property <flex-basis> underlying [100px] from add [10px] to add [2px] at (-0.5) should be [114px]
Pass Compositing Web Animations: property <flex-basis> underlying [100px] from add [10px] to add [2px] at (0) should be [110px]
Pass Compositing Web Animations: property <flex-basis> underlying [100px] from add [10px] to add [2px] at (0.5) should be [106px]
@@ -27,25 +27,25 @@ Pass Compositing Web Animations: property <flex-basis> underlying [100px] from a
Fail Compositing CSS Animations: property <flex-basis> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Fail Compositing CSS Animations: property <flex-basis> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Fail Compositing CSS Animations: property <flex-basis> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Fail Compositing CSS Animations: property <flex-basis> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Pass Compositing CSS Animations: property <flex-basis> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Fail Compositing CSS Animations: property <flex-basis> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Fail Compositing Web Animations: property <flex-basis> underlying [10%] from add [100px] to add [20%] at (-0.3) should be [calc(130px + 4%)]
Fail Compositing Web Animations: property <flex-basis> underlying [10%] from add [100px] to add [20%] at (0) should be [calc(100px + 10%)]
Fail Compositing Web Animations: property <flex-basis> underlying [10%] from add [100px] to add [20%] at (0.5) should be [calc(50px + 20%)]
Pass Compositing Web Animations: property <flex-basis> underlying [10%] from add [100px] to add [20%] at (1) should be [30%]
Fail Compositing Web Animations: property <flex-basis> underlying [10%] from add [100px] to add [20%] at (1.5) should be [calc(-50px + 40%)]
Fail Compositing CSS Animations: property <flex-basis> underlying [50px] from add [100px] to replace [200px] at (-0.3) should be [135px]
Fail Compositing CSS Animations: property <flex-basis> underlying [50px] from add [100px] to replace [200px] at (0) should be [150px]
Fail Compositing CSS Animations: property <flex-basis> underlying [50px] from add [100px] to replace [200px] at (0.5) should be [175px]
Pass Compositing CSS Animations: property <flex-basis> underlying [50px] from add [100px] to replace [200px] at (-0.3) should be [135px]
Pass Compositing CSS Animations: property <flex-basis> underlying [50px] from add [100px] to replace [200px] at (0) should be [150px]
Pass Compositing CSS Animations: property <flex-basis> underlying [50px] from add [100px] to replace [200px] at (0.5) should be [175px]
Pass Compositing CSS Animations: property <flex-basis> underlying [50px] from add [100px] to replace [200px] at (1) should be [200px]
Fail Compositing CSS Animations: property <flex-basis> underlying [50px] from add [100px] to replace [200px] at (1.5) should be [225px]
Pass Compositing CSS Animations: property <flex-basis> underlying [50px] from add [100px] to replace [200px] at (1.5) should be [225px]
Pass Compositing Web Animations: property <flex-basis> underlying [50px] from add [100px] to replace [200px] at (-0.3) should be [135px]
Pass Compositing Web Animations: property <flex-basis> underlying [50px] from add [100px] to replace [200px] at (0) should be [150px]
Pass Compositing Web Animations: property <flex-basis> underlying [50px] from add [100px] to replace [200px] at (0.5) should be [175px]
Pass Compositing Web Animations: property <flex-basis> underlying [50px] from add [100px] to replace [200px] at (1) should be [200px]
Pass Compositing Web Animations: property <flex-basis> underlying [50px] from add [100px] to replace [200px] at (1.5) should be [225px]
Fail Compositing CSS Animations: property <flex-basis> underlying [100px] from add [100px] to add [auto] at (-0.3) should be [200px]
Fail Compositing CSS Animations: property <flex-basis> underlying [100px] from add [100px] to add [auto] at (0) should be [200px]
Pass Compositing CSS Animations: property <flex-basis> underlying [100px] from add [100px] to add [auto] at (-0.3) should be [200px]
Pass Compositing CSS Animations: property <flex-basis> underlying [100px] from add [100px] to add [auto] at (0) should be [200px]
Pass Compositing CSS Animations: property <flex-basis> underlying [100px] from add [100px] to add [auto] at (0.5) should be [auto]
Pass Compositing CSS Animations: property <flex-basis> underlying [100px] from add [100px] to add [auto] at (1) should be [auto]
Pass Compositing CSS Animations: property <flex-basis> underlying [100px] from add [100px] to add [auto] at (1.5) should be [auto]