Tests: Add filter and backdrop-filter to calc() coverage test

Neither of these currently work correctly. This is just so we keep track
of them.
This commit is contained in:
Sam Atkins 2024-10-29 14:00:50 +00:00 committed by Jelle Raaijmakers
commit ec9d67ae17
Notes: github-actions[bot] 2024-10-29 15:06:19 +00:00
2 changed files with 21 additions and 0 deletions

View file

@ -4,6 +4,10 @@ animation-duration: 'calc(2s)' -> 'calc(2s)'
animation-duration: 'calc(2s * var(--n))' -> '4s'
animation-iteration-count: 'calc(2)' -> 'calc(2)'
animation-iteration-count: 'calc(2 * var(--n))' -> '4'
backdrop-filter: 'grayscale(calc(2%))' -> 'none'
backdrop-filter: 'grayscale(calc(2% * var(--n)))' -> 'none'
backdrop-filter: 'grayscale(calc(0.02))' -> 'none'
backdrop-filter: 'grayscale(calc(0.02 * var(--n)))' -> 'none'
background-position-x: 'calc(2px)' -> 'left calc(2px)'
background-position-x: 'calc(2px * var(--n))' -> 'left calc(2px * 2)'
background-position-y: 'calc(2%)' -> 'top calc(2%)'
@ -48,6 +52,10 @@ cy: 'calc(2%)' -> 'calc(2%)'
cy: 'calc(2% * var(--n))' -> '4%'
fill-opacity: 'calc(2)' -> 'calc(2)'
fill-opacity: 'calc(2 * var(--n))' -> '4'
filter: 'grayscale(calc(2%))' -> 'none'
filter: 'grayscale(calc(2% * var(--n)))' -> 'none'
filter: 'grayscale(calc(0.02))' -> 'none'
filter: 'grayscale(calc(0.02 * var(--n)))' -> 'none'
flex-basis: 'calc(2px)' -> 'calc(2px)'
flex-basis: 'calc(2px * var(--n))' -> 'calc(2px * 2)'
flex-grow: 'calc(2)' -> 'calc(2)'

View file

@ -1,4 +1,5 @@
<!DOCTYPE html>
<!-- Many of these are currently wrong. See https://github.com/LadybirdBrowser/ladybird/issues/1812 -->
<style>
:root {
--n: 2;
@ -21,6 +22,12 @@
"calc(2)",
"calc(2 * var(--n))",
],
"backdrop-filter": [
"grayscale(calc(2%))",
"grayscale(calc(2% * var(--n)))",
"grayscale(calc(0.02))",
"grayscale(calc(0.02 * var(--n)))",
],
"background-position-x": [
"calc(2px)",
"calc(2px * var(--n))",
@ -109,6 +116,12 @@
"calc(2)",
"calc(2 * var(--n))",
],
"filter": [
"grayscale(calc(2%))",
"grayscale(calc(2% * var(--n)))",
"grayscale(calc(0.02))",
"grayscale(calc(0.02 * var(--n)))",
],
"flex-basis": [
"calc(2px)",
"calc(2px * var(--n))",