mirror of
https://github.com/servo/servo.git
synced 2025-10-16 16:29:18 +01:00
This begins to address #26625 by properly applying CSS variables during keyframe computation and no longer using `apply_declarations`. Instead, walk the declarations, combining them into IntermediateComputedKeyframe, maintaining declarations that modify CSS custom properties. Then compute a set of AnimationValues for each keyframe and use those to produce interpolated animation values.
202 lines
11 KiB
INI
202 lines
11 KiB
INI
[border-radius-interpolation.html]
|
|
[Web Animations: property <border-top-left-radius> from [20px\] to [10px 30px\] at (-0.3) should be [23px 17px\]]
|
|
expected: 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\]]
|
|
expected: FAIL
|
|
|
|
[Web Animations: property <border-top-left-radius> from neutral to [20px\] at (0.3) should be [13px\]]
|
|
expected: FAIL
|
|
|
|
[Web Animations: property <border-top-left-radius> from [20px\] to [10px 30px\] at (0) should be [20px\]]
|
|
expected: FAIL
|
|
|
|
[Web Animations: property <border-top-left-radius> from [10px\] to [50px\] at (-0.3) should be [0px\]]
|
|
expected: FAIL
|
|
|
|
[Web Animations: property <border-top-left-radius> from [unset\] to [20px\] at (0.6) should be [12px\]]
|
|
expected: FAIL
|
|
|
|
[Web Animations: property <border-top-left-radius> from [10px\] to [50px\] at (1) should be [50px\]]
|
|
expected: FAIL
|
|
|
|
[Web Animations: property <border-top-left-radius> from [inherit\] to [20px\] at (1) should be [20px\]]
|
|
expected: 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\]]
|
|
expected: 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\]]
|
|
expected: 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\]]
|
|
expected: 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) should be [30px 50px 70px 90px / 130px 150px 170px 190px\]]
|
|
expected: FAIL
|
|
|
|
[Web Animations: property <border-top-left-radius> from [10px\] to [50px\] at (0.6) should be [34px\]]
|
|
expected: FAIL
|
|
|
|
[Web Animations: property <border-top-left-radius> from [inherit\] to [20px\] at (0.3) should be [27px\]]
|
|
expected: 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\]]
|
|
expected: FAIL
|
|
|
|
[Web Animations: property <border-top-left-radius> from [unset\] to [20px\] at (0) should be [0px\]]
|
|
expected: 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\]]
|
|
expected: FAIL
|
|
|
|
[Web Animations: property <border-top-left-radius> from [inherit\] to [20px\] at (1.5) should be [15px\]]
|
|
expected: FAIL
|
|
|
|
[Web Animations: property <border-top-left-radius> from [20px\] to [10px 30px\] at (0.3) should be [17px 23px\]]
|
|
expected: FAIL
|
|
|
|
[Web Animations: property <border-top-left-radius> from [initial\] to [20px\] at (1.5) should be [30px\]]
|
|
expected: 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) should be [30px 50px 70px 90px / 130px 150px 170px 190px\]]
|
|
expected: FAIL
|
|
|
|
[Web Animations: property <border-top-left-radius> from [10px\] to [50px\] at (1.5) should be [70px\]]
|
|
expected: FAIL
|
|
|
|
[Web Animations: property <border-top-left-radius> from [20px\] to [10px 30px\] at (0.6) should be [14px 26px\]]
|
|
expected: FAIL
|
|
|
|
[Web Animations: property <border-top-left-radius> from [10px\] to [50px\] at (0.3) should be [22px\]]
|
|
expected: FAIL
|
|
|
|
[Web Animations: property <border-top-left-radius> from [initial\] to [20px\] at (0.3) should be [6px\]]
|
|
expected: FAIL
|
|
|
|
[Web Animations: property <border-top-left-radius> from [unset\] to [20px\] at (1.5) should be [30px\]]
|
|
expected: 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 [17px 37px 57px 77px / 117px 137px 157px 177px\]]
|
|
expected: 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) should be [20px 40px 60px 80px / 120px 140px 160px 180px\]]
|
|
expected: 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\]]
|
|
expected: FAIL
|
|
|
|
[Web Animations: property <border-top-left-radius> from [10px\] to [100%\] at (-0.3) should be [calc(13px + -30%)\]]
|
|
expected: FAIL
|
|
|
|
[Web Animations: property <border-top-left-radius> from neutral to [20px\] at (0) should be [10px\]]
|
|
expected: FAIL
|
|
|
|
[Web Animations: property <border-top-left-radius> from [10px\] to [100%\] at (0) should be [calc(10px + 0%)\]]
|
|
expected: 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\]]
|
|
expected: FAIL
|
|
|
|
[Web Animations: property <border-top-left-radius> from [10px\] to [100%\] at (0.3) should be [calc(7px + 30%)\]]
|
|
expected: FAIL
|
|
|
|
[Web Animations: property <border-top-left-radius> from neutral to [20px\] at (1.5) should be [25px\]]
|
|
expected: 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\]]
|
|
expected: FAIL
|
|
|
|
[Web Animations: property <border-top-left-radius> from [20px\] to [10px 30px\] at (1.5) should be [5px 35px\]]
|
|
expected: FAIL
|
|
|
|
[Web Animations: property <border-top-left-radius> from [initial\] to [20px\] at (-0.3) should be [0px\]]
|
|
expected: 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) should be [30px 50px 70px 90px / 130px 150px 170px 190px\]]
|
|
expected: 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\]]
|
|
expected: 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\]]
|
|
expected: 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\]]
|
|
expected: 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\]]
|
|
expected: 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\]]
|
|
expected: 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\]]
|
|
expected: FAIL
|
|
|
|
[Web Animations: property <border-top-left-radius> from neutral to [20px\] at (-0.3) should be [7px\]]
|
|
expected: FAIL
|
|
|
|
[Web Animations: property <border-top-left-radius> from [20px\] to [10px 30px\] at (-2) should be [40px 0px\]]
|
|
expected: 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) should be [30px 50px 70px 90px / 130px 150px 170px 190px\]]
|
|
expected: 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) should be [20px 40px 60px 80px / 120px 140px 160px 180px\]]
|
|
expected: FAIL
|
|
|
|
[Web Animations: property <border-top-left-radius> from neutral to [20px\] at (1) should be [20px\]]
|
|
expected: FAIL
|
|
|
|
[Web Animations: property <border-top-left-radius> from [inherit\] to [20px\] at (0.6) should be [24px\]]
|
|
expected: FAIL
|
|
|
|
[Web Animations: property <border-top-left-radius> from [10px\] to [50px\] at (0) should be [10px\]]
|
|
expected: 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\]]
|
|
expected: FAIL
|
|
|
|
[Web Animations: property <border-top-left-radius> from [10px\] to [100%\] at (1) should be [100%\]]
|
|
expected: FAIL
|
|
|
|
[Web Animations: property <border-top-left-radius> from [initial\] to [20px\] at (1) should be [20px\]]
|
|
expected: FAIL
|
|
|
|
[Web Animations: property <border-top-left-radius> from [initial\] to [20px\] at (0.6) should be [12px\]]
|
|
expected: 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\]]
|
|
expected: FAIL
|
|
|
|
[Web Animations: property <border-top-left-radius> from [initial\] to [20px\] at (0) should be [0px\]]
|
|
expected: FAIL
|
|
|
|
[Web Animations: property <border-top-left-radius> from [unset\] to [20px\] at (-0.3) should be [0px\]]
|
|
expected: FAIL
|
|
|
|
[Web Animations: property <border-top-left-radius> from [unset\] to [20px\] at (1) should be [20px\]]
|
|
expected: FAIL
|
|
|
|
[Web Animations: property <border-top-left-radius> from [10px\] to [100%\] at (1.5) should be [calc(-5px + 150%)\]]
|
|
expected: FAIL
|
|
|
|
[Web Animations: property <border-top-left-radius> from [20px\] to [10px 30px\] at (1) should be [10px 30px\]]
|
|
expected: FAIL
|
|
|
|
[Web Animations: property <border-top-left-radius> from [10px\] to [100%\] at (0.6) should be [calc(4px + 60%)\]]
|
|
expected: FAIL
|
|
|
|
[Web Animations: property <border-top-left-radius> from neutral to [20px\] at (0.6) should be [16px\]]
|
|
expected: FAIL
|
|
|
|
[Web Animations: property <border-top-left-radius> from [inherit\] to [20px\] at (0) should be [30px\]]
|
|
expected: FAIL
|
|
|
|
[Web Animations: property <border-top-left-radius> from [inherit\] to [20px\] at (-0.3) should be [33px\]]
|
|
expected: FAIL
|
|
|
|
[Web Animations: property <border-top-left-radius> from [unset\] to [20px\] at (0.3) should be [6px\]]
|
|
expected: FAIL
|
|
|