calc-interpolation.html
Details
- Test
/css/css-values/animations/calc-interpolation.html- Harness
- OK
Subtests
| Status | Subtest |
|---|---|
| FAIL | CSS Transitions: property <left> from [0px] to [calc(infinity * 1px)] at (-0.25) should be [-8.50705e+37px] assert_equals: expected "- 8.50705e + 37px " but got "- 8.50706e + 37px " |
| PASS | CSS Transitions: property <left> from [0px] to [calc(infinity * 1px)] at (0) should be [0px] |
| FAIL | CSS Transitions: property <left> from [0px] to [calc(infinity * 1px)] at (0.25) should be [8.50705e+37px] assert_equals: expected "8.50705e + 37px " but got "8.50706e + 37px " |
| PASS | CSS Transitions: property <left> from [0px] to [calc(infinity * 1px)] at (0.5) should be [1.70141e+38px] |
| PASS | CSS Transitions: property <left> from [0px] to [calc(infinity * 1px)] at (0.75) should be [2.552115e+38px] |
| PASS | CSS Transitions: property <left> from [0px] to [calc(infinity * 1px)] at (1) should be [3.40282e+38px] |
| PASS | CSS Transitions: property <left> from [0px] to [calc(infinity * 1px)] at (1.25) should be [4.2535250000000006e+38px] |
| FAIL | CSS Transitions with transition: all: property <left> from [0px] to [calc(infinity * 1px)] at (-0.25) should be [-8.50705e+37px] assert_equals: expected "- 8.50705e + 37px " but got "- 8.50706e + 37px " |
| PASS | CSS Transitions with transition: all: property <left> from [0px] to [calc(infinity * 1px)] at (0) should be [0px] |
| FAIL | CSS Transitions with transition: all: property <left> from [0px] to [calc(infinity * 1px)] at (0.25) should be [8.50705e+37px] assert_equals: expected "8.50705e + 37px " but got "8.50706e + 37px " |
| PASS | CSS Transitions with transition: all: property <left> from [0px] to [calc(infinity * 1px)] at (0.5) should be [1.70141e+38px] |
| PASS | CSS Transitions with transition: all: property <left> from [0px] to [calc(infinity * 1px)] at (0.75) should be [2.552115e+38px] |
| PASS | CSS Transitions with transition: all: property <left> from [0px] to [calc(infinity * 1px)] at (1) should be [3.40282e+38px] |
| PASS | CSS Transitions with transition: all: property <left> from [0px] to [calc(infinity * 1px)] at (1.25) should be [4.2535250000000006e+38px] |
| FAIL | CSS Animations: property <left> from [0px] to [calc(infinity * 1px)] at (-0.25) should be [-3.40282e+38px] assert_equals: expected "- 3.40282e + 38px " but got "- 8.50706e + 37px " |
| PASS | CSS Animations: property <left> from [0px] to [calc(infinity * 1px)] at (0) should be [0px] |
| FAIL | CSS Animations: property <left> from [0px] to [calc(infinity * 1px)] at (0.25) should be [3.40282e+38px] assert_equals: expected "3.40282e + 38px " but got "8.50706e + 37px " |
| FAIL | CSS Animations: property <left> from [0px] to [calc(infinity * 1px)] at (0.5) should be [3.40282e+38px] assert_equals: expected "3.40282e + 38px " but got "1.70141e + 38px " |
| FAIL | CSS Animations: property <left> from [0px] to [calc(infinity * 1px)] at (0.75) should be [3.40282e+38px] assert_equals: expected "3.40282e + 38px " but got "2.55212e + 38px " |
| PASS | CSS Animations: property <left> from [0px] to [calc(infinity * 1px)] at (1) should be [3.40282e+38px] |
| PASS | CSS Animations: property <left> from [0px] to [calc(infinity * 1px)] at (1.25) should be [3.40282e+38px] |
| FAIL | Web Animations: property <left> from [0px] to [calc(infinity * 1px)] at (-0.25) should be [-3.40282e+38px] assert_equals: expected "- 3.40282e + 38px " but got "0px " |
| PASS | Web Animations: property <left> from [0px] to [calc(infinity * 1px)] at (0) should be [0px] |
| FAIL | Web Animations: property <left> from [0px] to [calc(infinity * 1px)] at (0.25) should be [3.40282e+38px] assert_equals: expected "3.40282e + 38px " but got "8.50706e + 37px " |
| FAIL | Web Animations: property <left> from [0px] to [calc(infinity * 1px)] at (0.5) should be [3.40282e+38px] assert_equals: expected "3.40282e + 38px " but got "1.70141e + 38px " |
| FAIL | Web Animations: property <left> from [0px] to [calc(infinity * 1px)] at (0.75) should be [3.40282e+38px] assert_equals: expected "3.40282e + 38px " but got "2.55212e + 38px " |
| PASS | Web Animations: property <left> from [0px] to [calc(infinity * 1px)] at (1) should be [3.40282e+38px] |
| PASS | Web Animations: property <left> from [0px] to [calc(infinity * 1px)] at (1.25) should be [3.40282e+38px] |
| FAIL | CSS Transitions: property <left> from [calc(50% - 25px)] to [calc(100% - 10px)] at (-0.25) should be [-10px] assert_equals: expected "- 10px " but got "calc ( 37.5 % - 28.75px ) " |
| FAIL | CSS Transitions: property <left> from [calc(50% - 25px)] to [calc(100% - 10px)] at (0) should be [0px] assert_equals: expected "0px " but got "calc ( 50 % - 25px ) " |
| FAIL | CSS Transitions: property <left> from [calc(50% - 25px)] to [calc(100% - 10px)] at (0.25) should be [10px] assert_equals: expected "10px " but got "calc ( 62.5 % - 21.25px ) " |
| FAIL | CSS Transitions: property <left> from [calc(50% - 25px)] to [calc(100% - 10px)] at (0.5) should be [20px] assert_equals: expected "20px " but got "calc ( 75 % - 17.5px ) " |
| FAIL | CSS Transitions: property <left> from [calc(50% - 25px)] to [calc(100% - 10px)] at (0.75) should be [30px] assert_equals: expected "30px " but got "calc ( 87.5 % - 13.75px ) " |
| FAIL | CSS Transitions: property <left> from [calc(50% - 25px)] to [calc(100% - 10px)] at (1) should be [40px] assert_equals: expected "40px " but got "calc ( 100 % - 10px ) " |
| FAIL | CSS Transitions: property <left> from [calc(50% - 25px)] to [calc(100% - 10px)] at (1.25) should be [50px] assert_equals: expected "50px " but got "calc ( 112.5 % - 6.25px ) " |
| FAIL | CSS Transitions with transition: all: property <left> from [calc(50% - 25px)] to [calc(100% - 10px)] at (-0.25) should be [-10px] assert_equals: expected "- 10px " but got "calc ( 37.5 % - 28.75px ) " |
| FAIL | CSS Transitions with transition: all: property <left> from [calc(50% - 25px)] to [calc(100% - 10px)] at (0) should be [0px] assert_equals: expected "0px " but got "calc ( 50 % - 25px ) " |
| FAIL | CSS Transitions with transition: all: property <left> from [calc(50% - 25px)] to [calc(100% - 10px)] at (0.25) should be [10px] assert_equals: expected "10px " but got "calc ( 62.5 % - 21.25px ) " |
| FAIL | CSS Transitions with transition: all: property <left> from [calc(50% - 25px)] to [calc(100% - 10px)] at (0.5) should be [20px] assert_equals: expected "20px " but got "calc ( 75 % - 17.5px ) " |
| FAIL | CSS Transitions with transition: all: property <left> from [calc(50% - 25px)] to [calc(100% - 10px)] at (0.75) should be [30px] assert_equals: expected "30px " but got "calc ( 87.5 % - 13.75px ) " |
| FAIL | CSS Transitions with transition: all: property <left> from [calc(50% - 25px)] to [calc(100% - 10px)] at (1) should be [40px] assert_equals: expected "40px " but got "calc ( 100 % - 10px ) " |
| FAIL | CSS Transitions with transition: all: property <left> from [calc(50% - 25px)] to [calc(100% - 10px)] at (1.25) should be [50px] assert_equals: expected "50px " but got "calc ( 112.5 % - 6.25px ) " |
| FAIL | CSS Animations: property <left> from [calc(50% - 25px)] to [calc(100% - 10px)] at (-0.25) should be [-10px] assert_equals: expected "- 10px " but got "calc ( 37.5 % - 28.75px ) " |
| FAIL | CSS Animations: property <left> from [calc(50% - 25px)] to [calc(100% - 10px)] at (0) should be [0px] assert_equals: expected "0px " but got "calc ( 50 % - 25px ) " |
| FAIL | CSS Animations: property <left> from [calc(50% - 25px)] to [calc(100% - 10px)] at (0.25) should be [10px] assert_equals: expected "10px " but got "calc ( 62.5 % - 21.25px ) " |
| FAIL | CSS Animations: property <left> from [calc(50% - 25px)] to [calc(100% - 10px)] at (0.5) should be [20px] assert_equals: expected "20px " but got "calc ( 75 % - 17.5px ) " |
| FAIL | CSS Animations: property <left> from [calc(50% - 25px)] to [calc(100% - 10px)] at (0.75) should be [30px] assert_equals: expected "30px " but got "calc ( 87.5 % - 13.75px ) " |
| FAIL | CSS Animations: property <left> from [calc(50% - 25px)] to [calc(100% - 10px)] at (1) should be [40px] assert_equals: expected "40px " but got "calc ( 100 % - 10px ) " |
| FAIL | CSS Animations: property <left> from [calc(50% - 25px)] to [calc(100% - 10px)] at (1.25) should be [50px] assert_equals: expected "50px " but got "calc ( 112.5 % - 6.25px ) " |
| FAIL | Web Animations: property <left> from [calc(50% - 25px)] to [calc(100% - 10px)] at (-0.25) should be [-10px] assert_equals: expected "- 10px " but got "calc ( 50 % - 25px ) " |
| FAIL | Web Animations: property <left> from [calc(50% - 25px)] to [calc(100% - 10px)] at (0) should be [0px] assert_equals: expected "0px " but got "calc ( 50 % - 25px ) " |
| FAIL | Web Animations: property <left> from [calc(50% - 25px)] to [calc(100% - 10px)] at (0.25) should be [10px] assert_equals: expected "10px " but got "calc ( 62.5 % - 21.25px ) " |
| FAIL | Web Animations: property <left> from [calc(50% - 25px)] to [calc(100% - 10px)] at (0.5) should be [20px] assert_equals: expected "20px " but got "calc ( 75 % - 17.5px ) " |
| FAIL | Web Animations: property <left> from [calc(50% - 25px)] to [calc(100% - 10px)] at (0.75) should be [30px] assert_equals: expected "30px " but got "calc ( 87.5 % - 13.75px ) " |
| FAIL | Web Animations: property <left> from [calc(50% - 25px)] to [calc(100% - 10px)] at (1) should be [40px] assert_equals: expected "40px " but got "calc ( 100 % - 10px ) " |
| FAIL | Web Animations: property <left> from [calc(50% - 25px)] to [calc(100% - 10px)] at (1.25) should be [50px] assert_equals: expected "50px " but got "calc ( 100 % - 10px ) " |
| PASS | CSS Transitions: property <text-indent> from [calc(50% - 25px)] to [calc(100% - 10px)] at (-0.25) should be [calc(((50% - 25px) * 1.25) + ((100% - 10px) * -0.25))] |
| PASS | CSS Transitions: property <text-indent> from [calc(50% - 25px)] to [calc(100% - 10px)] at (0) should be [calc(50% - 25px)] |
| PASS | CSS Transitions: property <text-indent> from [calc(50% - 25px)] to [calc(100% - 10px)] at (0.25) should be [calc(((50% - 25px) * 0.75) + ((100% - 10px) * 0.25))] |
| PASS | CSS Transitions: property <text-indent> from [calc(50% - 25px)] to [calc(100% - 10px)] at (0.5) should be [calc(((50% - 25px) * 0.5) + ((100% - 10px) * 0.5))] |
| PASS | CSS Transitions: property <text-indent> from [calc(50% - 25px)] to [calc(100% - 10px)] at (0.75) should be [calc(((50% - 25px) * 0.25) + ((100% - 10px) * 0.75))] |
| PASS | CSS Transitions: property <text-indent> from [calc(50% - 25px)] to [calc(100% - 10px)] at (1) should be [calc(100% - 10px)] |
| PASS | CSS Transitions: property <text-indent> from [calc(50% - 25px)] to [calc(100% - 10px)] at (1.25) should be [calc(((50% - 25px) * -0.25) + ((100% - 10px) * 1.25))] |
| PASS | CSS Transitions with transition: all: property <text-indent> from [calc(50% - 25px)] to [calc(100% - 10px)] at (-0.25) should be [calc(((50% - 25px) * 1.25) + ((100% - 10px) * -0.25))] |
| PASS | CSS Transitions with transition: all: property <text-indent> from [calc(50% - 25px)] to [calc(100% - 10px)] at (0) should be [calc(50% - 25px)] |
| PASS | CSS Transitions with transition: all: property <text-indent> from [calc(50% - 25px)] to [calc(100% - 10px)] at (0.25) should be [calc(((50% - 25px) * 0.75) + ((100% - 10px) * 0.25))] |
| PASS | CSS Transitions with transition: all: property <text-indent> from [calc(50% - 25px)] to [calc(100% - 10px)] at (0.5) should be [calc(((50% - 25px) * 0.5) + ((100% - 10px) * 0.5))] |
| PASS | CSS Transitions with transition: all: property <text-indent> from [calc(50% - 25px)] to [calc(100% - 10px)] at (0.75) should be [calc(((50% - 25px) * 0.25) + ((100% - 10px) * 0.75))] |
| PASS | CSS Transitions with transition: all: property <text-indent> from [calc(50% - 25px)] to [calc(100% - 10px)] at (1) should be [calc(100% - 10px)] |
| PASS | CSS Transitions with transition: all: property <text-indent> from [calc(50% - 25px)] to [calc(100% - 10px)] at (1.25) should be [calc(((50% - 25px) * -0.25) + ((100% - 10px) * 1.25))] |
| PASS | CSS Animations: property <text-indent> from [calc(50% - 25px)] to [calc(100% - 10px)] at (-0.25) should be [calc(((50% - 25px) * 1.25) + ((100% - 10px) * -0.25))] |
| PASS | CSS Animations: property <text-indent> from [calc(50% - 25px)] to [calc(100% - 10px)] at (0) should be [calc(50% - 25px)] |
| PASS | CSS Animations: property <text-indent> from [calc(50% - 25px)] to [calc(100% - 10px)] at (0.25) should be [calc(((50% - 25px) * 0.75) + ((100% - 10px) * 0.25))] |
| PASS | CSS Animations: property <text-indent> from [calc(50% - 25px)] to [calc(100% - 10px)] at (0.5) should be [calc(((50% - 25px) * 0.5) + ((100% - 10px) * 0.5))] |
| PASS | CSS Animations: property <text-indent> from [calc(50% - 25px)] to [calc(100% - 10px)] at (0.75) should be [calc(((50% - 25px) * 0.25) + ((100% - 10px) * 0.75))] |
| PASS | CSS Animations: property <text-indent> from [calc(50% - 25px)] to [calc(100% - 10px)] at (1) should be [calc(100% - 10px)] |
| PASS | CSS Animations: property <text-indent> from [calc(50% - 25px)] to [calc(100% - 10px)] at (1.25) should be [calc(((50% - 25px) * -0.25) + ((100% - 10px) * 1.25))] |
| FAIL | Web Animations: property <text-indent> from [calc(50% - 25px)] to [calc(100% - 10px)] at (-0.25) should be [calc(((50% - 25px) * 1.25) + ((100% - 10px) * -0.25))] assert_equals: expected "calc ( 37.5 % - 28.75px ) " but got "calc ( 50 % - 25px ) " |
| PASS | Web Animations: property <text-indent> from [calc(50% - 25px)] to [calc(100% - 10px)] at (0) should be [calc(50% - 25px)] |
| PASS | Web Animations: property <text-indent> from [calc(50% - 25px)] to [calc(100% - 10px)] at (0.25) should be [calc(((50% - 25px) * 0.75) + ((100% - 10px) * 0.25))] |
| PASS | Web Animations: property <text-indent> from [calc(50% - 25px)] to [calc(100% - 10px)] at (0.5) should be [calc(((50% - 25px) * 0.5) + ((100% - 10px) * 0.5))] |
| PASS | Web Animations: property <text-indent> from [calc(50% - 25px)] to [calc(100% - 10px)] at (0.75) should be [calc(((50% - 25px) * 0.25) + ((100% - 10px) * 0.75))] |
| PASS | Web Animations: property <text-indent> from [calc(50% - 25px)] to [calc(100% - 10px)] at (1) should be [calc(100% - 10px)] |
| FAIL | Web Animations: property <text-indent> from [calc(50% - 25px)] to [calc(100% - 10px)] at (1.25) should be [calc(((50% - 25px) * -0.25) + ((100% - 10px) * 1.25))] assert_equals: expected "calc ( 112.5 % - 6.25px ) " but got "calc ( 100 % - 10px ) " |
| PASS | CSS Transitions: property <text-indent> from [0em] to [100px] at (-0.25) should be [-25px] |
| PASS | CSS Transitions: property <text-indent> from [0em] to [100px] at (0) should be [0em] |
| PASS | CSS Transitions: property <text-indent> from [0em] to [100px] at (0.25) should be [25px] |
| PASS | CSS Transitions: property <text-indent> from [0em] to [100px] at (0.5) should be [50px] |
| PASS | CSS Transitions: property <text-indent> from [0em] to [100px] at (0.75) should be [75px] |
| PASS | CSS Transitions: property <text-indent> from [0em] to [100px] at (1) should be [100px] |
| PASS | CSS Transitions: property <text-indent> from [0em] to [100px] at (1.25) should be [125px] |
| PASS | CSS Transitions with transition: all: property <text-indent> from [0em] to [100px] at (-0.25) should be [-25px] |
| PASS | CSS Transitions with transition: all: property <text-indent> from [0em] to [100px] at (0) should be [0em] |
| PASS | CSS Transitions with transition: all: property <text-indent> from [0em] to [100px] at (0.25) should be [25px] |
| PASS | CSS Transitions with transition: all: property <text-indent> from [0em] to [100px] at (0.5) should be [50px] |
| PASS | CSS Transitions with transition: all: property <text-indent> from [0em] to [100px] at (0.75) should be [75px] |
| PASS | CSS Transitions with transition: all: property <text-indent> from [0em] to [100px] at (1) should be [100px] |
| PASS | CSS Transitions with transition: all: property <text-indent> from [0em] to [100px] at (1.25) should be [125px] |
| PASS | CSS Animations: property <text-indent> from [0em] to [100px] at (-0.25) should be [-25px] |
| PASS | CSS Animations: property <text-indent> from [0em] to [100px] at (0) should be [0em] |
| PASS | CSS Animations: property <text-indent> from [0em] to [100px] at (0.25) should be [25px] |
| PASS | CSS Animations: property <text-indent> from [0em] to [100px] at (0.5) should be [50px] |
| PASS | CSS Animations: property <text-indent> from [0em] to [100px] at (0.75) should be [75px] |
| PASS | CSS Animations: property <text-indent> from [0em] to [100px] at (1) should be [100px] |
| PASS | CSS Animations: property <text-indent> from [0em] to [100px] at (1.25) should be [125px] |
| FAIL | Web Animations: property <text-indent> from [0em] to [100px] at (-0.25) should be [-25px] assert_equals: expected "- 25px " but got "0px " |
| PASS | Web Animations: property <text-indent> from [0em] to [100px] at (0) should be [0em] |
| PASS | Web Animations: property <text-indent> from [0em] to [100px] at (0.25) should be [25px] |
| PASS | Web Animations: property <text-indent> from [0em] to [100px] at (0.5) should be [50px] |
| PASS | Web Animations: property <text-indent> from [0em] to [100px] at (0.75) should be [75px] |
| PASS | Web Animations: property <text-indent> from [0em] to [100px] at (1) should be [100px] |
| FAIL | Web Animations: property <text-indent> from [0em] to [100px] at (1.25) should be [125px] assert_equals: expected "125px " but got "100px " |
| PASS | CSS Transitions: property <text-indent> from [0%] to [100px] at (-0.25) should be [calc(0% + -25px)] |
| PASS | CSS Transitions: property <text-indent> from [0%] to [100px] at (0) should be [0%] |
| PASS | CSS Transitions: property <text-indent> from [0%] to [100px] at (0.25) should be [calc(0% + 25px)] |
| PASS | CSS Transitions: property <text-indent> from [0%] to [100px] at (0.5) should be [calc(0% + 50px)] |
| PASS | CSS Transitions: property <text-indent> from [0%] to [100px] at (0.75) should be [calc(0% + 75px)] |
| PASS | CSS Transitions: property <text-indent> from [0%] to [100px] at (1) should be [calc(0% + 100px)] |
| PASS | CSS Transitions: property <text-indent> from [0%] to [100px] at (1.25) should be [calc(0% + 125px)] |
| PASS | CSS Transitions with transition: all: property <text-indent> from [0%] to [100px] at (-0.25) should be [calc(0% + -25px)] |
| PASS | CSS Transitions with transition: all: property <text-indent> from [0%] to [100px] at (0) should be [0%] |
| PASS | CSS Transitions with transition: all: property <text-indent> from [0%] to [100px] at (0.25) should be [calc(0% + 25px)] |
| PASS | CSS Transitions with transition: all: property <text-indent> from [0%] to [100px] at (0.5) should be [calc(0% + 50px)] |
| PASS | CSS Transitions with transition: all: property <text-indent> from [0%] to [100px] at (0.75) should be [calc(0% + 75px)] |
| PASS | CSS Transitions with transition: all: property <text-indent> from [0%] to [100px] at (1) should be [calc(0% + 100px)] |
| PASS | CSS Transitions with transition: all: property <text-indent> from [0%] to [100px] at (1.25) should be [calc(0% + 125px)] |
| PASS | CSS Animations: property <text-indent> from [0%] to [100px] at (-0.25) should be [calc(0% + -25px)] |
| PASS | CSS Animations: property <text-indent> from [0%] to [100px] at (0) should be [0%] |
| PASS | CSS Animations: property <text-indent> from [0%] to [100px] at (0.25) should be [calc(0% + 25px)] |
| PASS | CSS Animations: property <text-indent> from [0%] to [100px] at (0.5) should be [calc(0% + 50px)] |
| PASS | CSS Animations: property <text-indent> from [0%] to [100px] at (0.75) should be [calc(0% + 75px)] |
| PASS | CSS Animations: property <text-indent> from [0%] to [100px] at (1) should be [calc(0% + 100px)] |
| PASS | CSS Animations: property <text-indent> from [0%] to [100px] at (1.25) should be [calc(0% + 125px)] |
| FAIL | Web Animations: property <text-indent> from [0%] to [100px] at (-0.25) should be [calc(0% + -25px)] assert_equals: expected "calc ( 0 % - 25px ) " but got "0 % " |
| PASS | Web Animations: property <text-indent> from [0%] to [100px] at (0) should be [0%] |
| PASS | Web Animations: property <text-indent> from [0%] to [100px] at (0.25) should be [calc(0% + 25px)] |
| PASS | Web Animations: property <text-indent> from [0%] to [100px] at (0.5) should be [calc(0% + 50px)] |
| PASS | Web Animations: property <text-indent> from [0%] to [100px] at (0.75) should be [calc(0% + 75px)] |
| FAIL | Web Animations: property <text-indent> from [0%] to [100px] at (1) should be [calc(0% + 100px)] assert_equals: expected "calc ( 0 % + 100px ) " but got "100px " |
| FAIL | Web Animations: property <text-indent> from [0%] to [100px] at (1.25) should be [calc(0% + 125px)] assert_equals: expected "calc ( 0 % + 125px ) " but got "100px " |