LibWeb: Support individual translate CSS property

This commit is contained in:
Andreas Kling 2024-11-22 16:42:20 +01:00 committed by Andreas Kling
commit 66a821e731
Notes: github-actions[bot] 2024-11-22 19:07:48 +00:00
22 changed files with 267 additions and 80 deletions

View file

@ -6,79 +6,80 @@ Rerun
Found 408 tests
408 Fail
50 Pass
358 Fail
Details
Result Test Name MessageFail CSS Transitions: property <translate> from [-100px] to [100px] at (-1) should be [-300px]
Fail CSS Transitions: property <translate> from [-100px] to [100px] at (0) should be [-100px]
Fail CSS Transitions: property <translate> from [-100px] to [100px] at (0.25) should be [-50px]
Fail CSS Transitions: property <translate> from [-100px] to [100px] at (0.75) should be [50px]
Fail CSS Transitions: property <translate> from [-100px] to [100px] at (1) should be [100px]
Pass CSS Transitions: property <translate> from [-100px] to [100px] at (1) should be [100px]
Fail CSS Transitions: property <translate> from [-100px] to [100px] at (2) should be [300px]
Fail CSS Transitions with transition: all: property <translate> from [-100px] to [100px] at (-1) should be [-300px]
Fail CSS Transitions with transition: all: property <translate> from [-100px] to [100px] at (0) should be [-100px]
Fail CSS Transitions with transition: all: property <translate> from [-100px] to [100px] at (0.25) should be [-50px]
Fail CSS Transitions with transition: all: property <translate> from [-100px] to [100px] at (0.75) should be [50px]
Fail CSS Transitions with transition: all: property <translate> from [-100px] to [100px] at (1) should be [100px]
Pass CSS Transitions with transition: all: property <translate> from [-100px] to [100px] at (1) should be [100px]
Fail CSS Transitions with transition: all: property <translate> from [-100px] to [100px] at (2) should be [300px]
Fail CSS Animations: property <translate> from [-100px] to [100px] at (-1) should be [-300px]
Fail CSS Animations: property <translate> from [-100px] to [100px] at (0) should be [-100px]
Pass CSS Animations: property <translate> from [-100px] to [100px] at (0) should be [-100px]
Fail CSS Animations: property <translate> from [-100px] to [100px] at (0.25) should be [-50px]
Fail CSS Animations: property <translate> from [-100px] to [100px] at (0.75) should be [50px]
Fail CSS Animations: property <translate> from [-100px] to [100px] at (1) should be [100px]
Pass CSS Animations: property <translate> from [-100px] to [100px] at (1) should be [100px]
Fail CSS Animations: property <translate> from [-100px] to [100px] at (2) should be [300px]
Fail Web Animations: property <translate> from [-100px] to [100px] at (-1) should be [-300px]
Fail Web Animations: property <translate> from [-100px] to [100px] at (0) should be [-100px]
Pass Web Animations: property <translate> from [-100px] to [100px] at (0) should be [-100px]
Fail Web Animations: property <translate> from [-100px] to [100px] at (0.25) should be [-50px]
Fail Web Animations: property <translate> from [-100px] to [100px] at (0.75) should be [50px]
Fail Web Animations: property <translate> from [-100px] to [100px] at (1) should be [100px]
Pass Web Animations: property <translate> from [-100px] to [100px] at (1) should be [100px]
Fail Web Animations: property <translate> from [-100px] to [100px] at (2) should be [300px]
Fail CSS Transitions: property <translate> from [-100%] to [100%] at (-1) should be [-300%]
Fail CSS Transitions: property <translate> from [-100%] to [100%] at (0) should be [-100%]
Fail CSS Transitions: property <translate> from [-100%] to [100%] at (0.25) should be [-50%]
Fail CSS Transitions: property <translate> from [-100%] to [100%] at (0.75) should be [50%]
Fail CSS Transitions: property <translate> from [-100%] to [100%] at (1) should be [100%]
Pass CSS Transitions: property <translate> from [-100%] to [100%] at (1) should be [100%]
Fail CSS Transitions: property <translate> from [-100%] to [100%] at (2) should be [300%]
Fail CSS Transitions with transition: all: property <translate> from [-100%] to [100%] at (-1) should be [-300%]
Fail CSS Transitions with transition: all: property <translate> from [-100%] to [100%] at (0) should be [-100%]
Fail CSS Transitions with transition: all: property <translate> from [-100%] to [100%] at (0.25) should be [-50%]
Fail CSS Transitions with transition: all: property <translate> from [-100%] to [100%] at (0.75) should be [50%]
Fail CSS Transitions with transition: all: property <translate> from [-100%] to [100%] at (1) should be [100%]
Pass CSS Transitions with transition: all: property <translate> from [-100%] to [100%] at (1) should be [100%]
Fail CSS Transitions with transition: all: property <translate> from [-100%] to [100%] at (2) should be [300%]
Fail CSS Animations: property <translate> from [-100%] to [100%] at (-1) should be [-300%]
Fail CSS Animations: property <translate> from [-100%] to [100%] at (0) should be [-100%]
Pass CSS Animations: property <translate> from [-100%] to [100%] at (0) should be [-100%]
Fail CSS Animations: property <translate> from [-100%] to [100%] at (0.25) should be [-50%]
Fail CSS Animations: property <translate> from [-100%] to [100%] at (0.75) should be [50%]
Fail CSS Animations: property <translate> from [-100%] to [100%] at (1) should be [100%]
Pass CSS Animations: property <translate> from [-100%] to [100%] at (1) should be [100%]
Fail CSS Animations: property <translate> from [-100%] to [100%] at (2) should be [300%]
Fail Web Animations: property <translate> from [-100%] to [100%] at (-1) should be [-300%]
Fail Web Animations: property <translate> from [-100%] to [100%] at (0) should be [-100%]
Pass Web Animations: property <translate> from [-100%] to [100%] at (0) should be [-100%]
Fail Web Animations: property <translate> from [-100%] to [100%] at (0.25) should be [-50%]
Fail Web Animations: property <translate> from [-100%] to [100%] at (0.75) should be [50%]
Fail Web Animations: property <translate> from [-100%] to [100%] at (1) should be [100%]
Pass Web Animations: property <translate> from [-100%] to [100%] at (1) should be [100%]
Fail Web Animations: property <translate> from [-100%] to [100%] at (2) should be [300%]
Fail CSS Transitions: property <translate> from [-100px -50px] to [100px 50px] at (-1) should be [-300px -150px]
Fail CSS Transitions: property <translate> from [-100px -50px] to [100px 50px] at (0) should be [-100px -50px]
Fail CSS Transitions: property <translate> from [-100px -50px] to [100px 50px] at (0.25) should be [-50px -25px]
Fail CSS Transitions: property <translate> from [-100px -50px] to [100px 50px] at (0.75) should be [50px 25px]
Fail CSS Transitions: property <translate> from [-100px -50px] to [100px 50px] at (1) should be [100px 50px]
Pass CSS Transitions: property <translate> from [-100px -50px] to [100px 50px] at (1) should be [100px 50px]
Fail CSS Transitions: property <translate> from [-100px -50px] to [100px 50px] at (2) should be [300px 150px]
Fail CSS Transitions with transition: all: property <translate> from [-100px -50px] to [100px 50px] at (-1) should be [-300px -150px]
Fail CSS Transitions with transition: all: property <translate> from [-100px -50px] to [100px 50px] at (0) should be [-100px -50px]
Fail CSS Transitions with transition: all: property <translate> from [-100px -50px] to [100px 50px] at (0.25) should be [-50px -25px]
Fail CSS Transitions with transition: all: property <translate> from [-100px -50px] to [100px 50px] at (0.75) should be [50px 25px]
Fail CSS Transitions with transition: all: property <translate> from [-100px -50px] to [100px 50px] at (1) should be [100px 50px]
Pass CSS Transitions with transition: all: property <translate> from [-100px -50px] to [100px 50px] at (1) should be [100px 50px]
Fail CSS Transitions with transition: all: property <translate> from [-100px -50px] to [100px 50px] at (2) should be [300px 150px]
Fail CSS Animations: property <translate> from [-100px -50px] to [100px 50px] at (-1) should be [-300px -150px]
Fail CSS Animations: property <translate> from [-100px -50px] to [100px 50px] at (0) should be [-100px -50px]
Pass CSS Animations: property <translate> from [-100px -50px] to [100px 50px] at (0) should be [-100px -50px]
Fail CSS Animations: property <translate> from [-100px -50px] to [100px 50px] at (0.25) should be [-50px -25px]
Fail CSS Animations: property <translate> from [-100px -50px] to [100px 50px] at (0.75) should be [50px 25px]
Fail CSS Animations: property <translate> from [-100px -50px] to [100px 50px] at (1) should be [100px 50px]
Pass CSS Animations: property <translate> from [-100px -50px] to [100px 50px] at (1) should be [100px 50px]
Fail CSS Animations: property <translate> from [-100px -50px] to [100px 50px] at (2) should be [300px 150px]
Fail Web Animations: property <translate> from [-100px -50px] to [100px 50px] at (-1) should be [-300px -150px]
Fail Web Animations: property <translate> from [-100px -50px] to [100px 50px] at (0) should be [-100px -50px]
Pass Web Animations: property <translate> from [-100px -50px] to [100px 50px] at (0) should be [-100px -50px]
Fail Web Animations: property <translate> from [-100px -50px] to [100px 50px] at (0.25) should be [-50px -25px]
Fail Web Animations: property <translate> from [-100px -50px] to [100px 50px] at (0.75) should be [50px 25px]
Fail Web Animations: property <translate> from [-100px -50px] to [100px 50px] at (1) should be [100px 50px]
Pass Web Animations: property <translate> from [-100px -50px] to [100px 50px] at (1) should be [100px 50px]
Fail Web Animations: property <translate> from [-100px -50px] to [100px 50px] at (2) should be [300px 150px]
Fail CSS Transitions: property <translate> from [220px 240px 260px] to [300px 400px 500px] at (-1) should be [140px 80px 20px]
Fail CSS Transitions: property <translate> from [220px 240px 260px] to [300px 400px 500px] at (0) should be [220px 240px 260px]
@ -176,30 +177,30 @@ Fail Web Animations: property <translate> from [480px 400px 320px] to [240% 160%
Fail Web Animations: property <translate> from [480px 400px 320px] to [240% 160%] at (0.875) should be [calc(210% + 60px) calc(140% + 50px) 40px]
Fail Web Animations: property <translate> from [480px 400px 320px] to [240% 160%] at (1) should be [240% 160%]
Fail Web Animations: property <translate> from [480px 400px 320px] to [240% 160%] at (2) should be [calc(480% - 480px) calc(320% - 400px) -320px]
Fail CSS Transitions: property <translate> from [none] to [none] at (-1) should be [none]
Fail CSS Transitions: property <translate> from [none] to [none] at (0) should be [none]
Fail CSS Transitions: property <translate> from [none] to [none] at (0.125) should be [none]
Fail CSS Transitions: property <translate> from [none] to [none] at (0.875) should be [none]
Fail CSS Transitions: property <translate> from [none] to [none] at (1) should be [none]
Fail CSS Transitions: property <translate> from [none] to [none] at (2) should be [none]
Fail CSS Transitions with transition: all: property <translate> from [none] to [none] at (-1) should be [none]
Fail CSS Transitions with transition: all: property <translate> from [none] to [none] at (0) should be [none]
Fail CSS Transitions with transition: all: property <translate> from [none] to [none] at (0.125) should be [none]
Fail CSS Transitions with transition: all: property <translate> from [none] to [none] at (0.875) should be [none]
Fail CSS Transitions with transition: all: property <translate> from [none] to [none] at (1) should be [none]
Fail CSS Transitions with transition: all: property <translate> from [none] to [none] at (2) should be [none]
Fail CSS Animations: property <translate> from [none] to [none] at (-1) should be [none]
Fail CSS Animations: property <translate> from [none] to [none] at (0) should be [none]
Fail CSS Animations: property <translate> from [none] to [none] at (0.125) should be [none]
Fail CSS Animations: property <translate> from [none] to [none] at (0.875) should be [none]
Fail CSS Animations: property <translate> from [none] to [none] at (1) should be [none]
Fail CSS Animations: property <translate> from [none] to [none] at (2) should be [none]
Fail Web Animations: property <translate> from [none] to [none] at (-1) should be [none]
Fail Web Animations: property <translate> from [none] to [none] at (0) should be [none]
Fail Web Animations: property <translate> from [none] to [none] at (0.125) should be [none]
Fail Web Animations: property <translate> from [none] to [none] at (0.875) should be [none]
Fail Web Animations: property <translate> from [none] to [none] at (1) should be [none]
Fail Web Animations: property <translate> from [none] to [none] at (2) should be [none]
Pass CSS Transitions: property <translate> from [none] to [none] at (-1) should be [none]
Pass CSS Transitions: property <translate> from [none] to [none] at (0) should be [none]
Pass CSS Transitions: property <translate> from [none] to [none] at (0.125) should be [none]
Pass CSS Transitions: property <translate> from [none] to [none] at (0.875) should be [none]
Pass CSS Transitions: property <translate> from [none] to [none] at (1) should be [none]
Pass CSS Transitions: property <translate> from [none] to [none] at (2) should be [none]
Pass CSS Transitions with transition: all: property <translate> from [none] to [none] at (-1) should be [none]
Pass CSS Transitions with transition: all: property <translate> from [none] to [none] at (0) should be [none]
Pass CSS Transitions with transition: all: property <translate> from [none] to [none] at (0.125) should be [none]
Pass CSS Transitions with transition: all: property <translate> from [none] to [none] at (0.875) should be [none]
Pass CSS Transitions with transition: all: property <translate> from [none] to [none] at (1) should be [none]
Pass CSS Transitions with transition: all: property <translate> from [none] to [none] at (2) should be [none]
Pass CSS Animations: property <translate> from [none] to [none] at (-1) should be [none]
Pass CSS Animations: property <translate> from [none] to [none] at (0) should be [none]
Pass CSS Animations: property <translate> from [none] to [none] at (0.125) should be [none]
Pass CSS Animations: property <translate> from [none] to [none] at (0.875) should be [none]
Pass CSS Animations: property <translate> from [none] to [none] at (1) should be [none]
Pass CSS Animations: property <translate> from [none] to [none] at (2) should be [none]
Pass Web Animations: property <translate> from [none] to [none] at (-1) should be [none]
Pass Web Animations: property <translate> from [none] to [none] at (0) should be [none]
Pass Web Animations: property <translate> from [none] to [none] at (0.125) should be [none]
Pass Web Animations: property <translate> from [none] to [none] at (0.875) should be [none]
Pass Web Animations: property <translate> from [none] to [none] at (1) should be [none]
Pass Web Animations: property <translate> from [none] to [none] at (2) should be [none]
Fail CSS Transitions: property <translate> from [none] to [8px 80% 800px] at (-1) should be [-8px -80% -800px]
Fail CSS Transitions: property <translate> from [none] to [8px 80% 800px] at (0) should be [0px 0%]
Fail CSS Transitions: property <translate> from [none] to [8px 80% 800px] at (0.125) should be [1px 10% 100px]
@ -228,25 +229,25 @@ Fail CSS Transitions: property <translate> from neutral to [20px] at (-1) should
Fail CSS Transitions: property <translate> from neutral to [20px] at (0) should be [10px]
Fail CSS Transitions: property <translate> from neutral to [20px] at (0.25) should be [12.5px]
Fail CSS Transitions: property <translate> from neutral to [20px] at (0.75) should be [17.5px]
Fail CSS Transitions: property <translate> from neutral to [20px] at (1) should be [20px]
Pass CSS Transitions: property <translate> from neutral to [20px] at (1) should be [20px]
Fail CSS Transitions: property <translate> from neutral to [20px] at (2) should be [30px]
Fail CSS Transitions with transition: all: property <translate> from neutral to [20px] at (-1) should be [0px]
Fail CSS Transitions with transition: all: property <translate> from neutral to [20px] at (0) should be [10px]
Fail CSS Transitions with transition: all: property <translate> from neutral to [20px] at (0.25) should be [12.5px]
Fail CSS Transitions with transition: all: property <translate> from neutral to [20px] at (0.75) should be [17.5px]
Fail CSS Transitions with transition: all: property <translate> from neutral to [20px] at (1) should be [20px]
Pass CSS Transitions with transition: all: property <translate> from neutral to [20px] at (1) should be [20px]
Fail CSS Transitions with transition: all: property <translate> from neutral to [20px] at (2) should be [30px]
Fail CSS Animations: property <translate> from neutral to [20px] at (-1) should be [0px]
Fail CSS Animations: property <translate> from neutral to [20px] at (0) should be [10px]
Fail CSS Animations: property <translate> from neutral to [20px] at (0.25) should be [12.5px]
Fail CSS Animations: property <translate> from neutral to [20px] at (0.75) should be [17.5px]
Fail CSS Animations: property <translate> from neutral to [20px] at (1) should be [20px]
Pass CSS Animations: property <translate> from neutral to [20px] at (1) should be [20px]
Fail CSS Animations: property <translate> from neutral to [20px] at (2) should be [30px]
Fail Web Animations: property <translate> from neutral to [20px] at (-1) should be [0px]
Fail Web Animations: property <translate> from neutral to [20px] at (0) should be [10px]
Fail Web Animations: property <translate> from neutral to [20px] at (0.25) should be [12.5px]
Fail Web Animations: property <translate> from neutral to [20px] at (0.75) should be [17.5px]
Fail Web Animations: property <translate> from neutral to [20px] at (1) should be [20px]
Pass Web Animations: property <translate> from neutral to [20px] at (1) should be [20px]
Fail Web Animations: property <translate> from neutral to [20px] at (2) should be [30px]
Fail CSS Transitions: property <translate> from [initial] to [200px 100px 200px] at (-1) should be [-200px -100px -200px]
Fail CSS Transitions: property <translate> from [initial] to [200px 100px 200px] at (0) should be [0px]
@ -300,25 +301,25 @@ Fail CSS Transitions: property <translate> from [unset] to [20px] at (-1) should
Fail CSS Transitions: property <translate> from [unset] to [20px] at (0) should be [0px]
Fail CSS Transitions: property <translate> from [unset] to [20px] at (0.25) should be [5px]
Fail CSS Transitions: property <translate> from [unset] to [20px] at (0.75) should be [15px]
Fail CSS Transitions: property <translate> from [unset] to [20px] at (1) should be [20px]
Pass CSS Transitions: property <translate> from [unset] to [20px] at (1) should be [20px]
Fail CSS Transitions: property <translate> from [unset] to [20px] at (2) should be [40px]
Fail CSS Transitions with transition: all: property <translate> from [unset] to [20px] at (-1) should be [-20px]
Fail CSS Transitions with transition: all: property <translate> from [unset] to [20px] at (0) should be [0px]
Fail CSS Transitions with transition: all: property <translate> from [unset] to [20px] at (0.25) should be [5px]
Fail CSS Transitions with transition: all: property <translate> from [unset] to [20px] at (0.75) should be [15px]
Fail CSS Transitions with transition: all: property <translate> from [unset] to [20px] at (1) should be [20px]
Pass CSS Transitions with transition: all: property <translate> from [unset] to [20px] at (1) should be [20px]
Fail CSS Transitions with transition: all: property <translate> from [unset] to [20px] at (2) should be [40px]
Fail CSS Animations: property <translate> from [unset] to [20px] at (-1) should be [-20px]
Fail CSS Animations: property <translate> from [unset] to [20px] at (0) should be [0px]
Fail CSS Animations: property <translate> from [unset] to [20px] at (0.25) should be [5px]
Fail CSS Animations: property <translate> from [unset] to [20px] at (0.75) should be [15px]
Fail CSS Animations: property <translate> from [unset] to [20px] at (1) should be [20px]
Pass CSS Animations: property <translate> from [unset] to [20px] at (1) should be [20px]
Fail CSS Animations: property <translate> from [unset] to [20px] at (2) should be [40px]
Fail Web Animations: property <translate> from [unset] to [20px] at (-1) should be [-20px]
Fail Web Animations: property <translate> from [unset] to [20px] at (0) should be [0px]
Fail Web Animations: property <translate> from [unset] to [20px] at (0.25) should be [5px]
Fail Web Animations: property <translate> from [unset] to [20px] at (0.75) should be [15px]
Fail Web Animations: property <translate> from [unset] to [20px] at (1) should be [20px]
Pass Web Animations: property <translate> from [unset] to [20px] at (1) should be [20px]
Fail Web Animations: property <translate> from [unset] to [20px] at (2) should be [40px]
Fail CSS Transitions: property <translate> from [inherit] to [200px 100px 200px] at (-1) should be [0px 300px 400px]
Fail CSS Transitions: property <translate> from [inherit] to [200px 100px 200px] at (0) should be [100px 200px 300px]

View file

@ -6,17 +6,18 @@ Rerun
Found 19 tests
19 Fail
8 Pass
11 Fail
Details
Result Test Name MessageFail Property translate value 'none'
Fail Property translate value '0px'
Fail Property translate value '100%'
Fail Property translate value '100px 0px'
Fail Property translate value '100px 0.1px'
Result Test Name MessagePass Property translate value 'none'
Pass Property translate value '0px'
Pass Property translate value '100%'
Pass Property translate value '100px 0px'
Pass Property translate value '100px 0.1px'
Fail Property translate value '100px 0%'
Fail Property translate value '100px calc(10px - 10%)'
Fail Property translate value '100px 200%'
Fail Property translate value '100% 200px'
Pass Property translate value '100px 200%'
Pass Property translate value '100% 200px'
Fail Property translate value '100px 200px 0px'
Fail Property translate value '100px 0px 300px'
Fail Property translate value '100px 0px 0px'
@ -25,5 +26,5 @@ Fail Property translate value '100% 200% 300px'
Fail Property translate value '100% 0% 200px'
Fail Property translate value '0% 0% 100px'
Fail Property translate value '0em 0em 100px'
Fail Property translate value '0'
Pass Property translate value '0'
Fail Property translate value '1px 2px 0'

View file

@ -6,17 +6,18 @@ Rerun
Found 20 tests
20 Fail
8 Pass
12 Fail
Details
Result Test Name MessageFail e.style['translate'] = "none" should set the property value
Fail e.style['translate'] = "0px" should set the property value
Fail e.style['translate'] = "100%" should set the property value
Fail e.style['translate'] = "100px 0px" should set the property value
Fail e.style['translate'] = "100px 0.1px" should set the property value
Result Test Name MessagePass e.style['translate'] = "none" should set the property value
Pass e.style['translate'] = "0px" should set the property value
Pass e.style['translate'] = "100%" should set the property value
Pass e.style['translate'] = "100px 0px" should set the property value
Pass e.style['translate'] = "100px 0.1px" should set the property value
Fail e.style['translate'] = "100px 0%" should set the property value
Fail e.style['translate'] = "100px calc(10px - 10%)" should set the property value
Fail e.style['translate'] = "100px 200%" should set the property value
Fail e.style['translate'] = "100% 200px" should set the property value
Pass e.style['translate'] = "100px 200%" should set the property value
Pass e.style['translate'] = "100% 200px" should set the property value
Fail e.style['translate'] = "100px 200px 0px" should set the property value
Fail e.style['translate'] = "100px 0px 300px" should set the property value
Fail e.style['translate'] = "100px 0px 0px" should set the property value
@ -26,5 +27,5 @@ Fail e.style['translate'] = "100% 0% 200px" should set the property value
Fail e.style['translate'] = "0% 0% 100px" should set the property value
Fail e.style['translate'] = "0em 0em 100px" should set the property value
Fail e.style['translate'] = "calc(10% + 10px) calc(20% + 20px) calc(30em + 30px)" should set the property value
Fail e.style['translate'] = "0" should set the property value
Pass e.style['translate'] = "0" should set the property value
Fail e.style['translate'] = "1px 2px 0" should set the property value