mirror of
https://github.com/LadybirdBrowser/ladybird.git
synced 2025-09-08 18:46:03 +00:00
LibWeb: Interpolate the content-visibility property correctly
This commit is contained in:
Tim Ledbetter
Sam Atkins
parent
882ad4726e
commit
03e34db9f8
Notes:
github-actions[bot]
2025-05-13 10:25:07 +00:00
Author: https://github.com/tcl3
Commit: 03e34db9f8
Pull-request: https://github.com/LadybirdBrowser/ladybird/pull/4705
Reviewed-by: https://github.com/AtkinsSJ ✅
4 changed files with 243 additions and 2 deletions
|
|
@ -0,0 +1,136 @@
|
|||
Harness status: OK
|
||||
|
||||
Found 130 tests
|
||||
|
||||
124 Pass
|
||||
6 Fail
|
||||
Pass CSS Transitions: property <content-visibility> from [visible] to [hidden] at (-1) should be [visible]
|
||||
Pass CSS Transitions: property <content-visibility> from [visible] to [hidden] at (0) should be [visible]
|
||||
Pass CSS Transitions: property <content-visibility> from [visible] to [hidden] at (0.1) should be [visible]
|
||||
Pass CSS Transitions: property <content-visibility> from [visible] to [hidden] at (0.9) should be [visible]
|
||||
Pass CSS Transitions: property <content-visibility> from [visible] to [hidden] at (1) should be [hidden]
|
||||
Pass CSS Transitions: property <content-visibility> from [visible] to [hidden] at (1.5) should be [hidden]
|
||||
Pass CSS Transitions with transition: all: property <content-visibility> from [visible] to [hidden] at (-1) should be [visible]
|
||||
Pass CSS Transitions with transition: all: property <content-visibility> from [visible] to [hidden] at (0) should be [visible]
|
||||
Pass CSS Transitions with transition: all: property <content-visibility> from [visible] to [hidden] at (0.1) should be [visible]
|
||||
Pass CSS Transitions with transition: all: property <content-visibility> from [visible] to [hidden] at (0.9) should be [visible]
|
||||
Pass CSS Transitions with transition: all: property <content-visibility> from [visible] to [hidden] at (1) should be [hidden]
|
||||
Pass CSS Transitions with transition: all: property <content-visibility> from [visible] to [hidden] at (1.5) should be [hidden]
|
||||
Pass CSS Animations: property <content-visibility> from [visible] to [hidden] at (-1) should be [visible]
|
||||
Pass CSS Animations: property <content-visibility> from [visible] to [hidden] at (0) should be [visible]
|
||||
Pass CSS Animations: property <content-visibility> from [visible] to [hidden] at (0.1) should be [visible]
|
||||
Pass CSS Animations: property <content-visibility> from [visible] to [hidden] at (0.9) should be [visible]
|
||||
Pass CSS Animations: property <content-visibility> from [visible] to [hidden] at (1) should be [hidden]
|
||||
Pass CSS Animations: property <content-visibility> from [visible] to [hidden] at (1.5) should be [hidden]
|
||||
Pass Web Animations: property <content-visibility> from [visible] to [hidden] at (-1) should be [visible]
|
||||
Pass Web Animations: property <content-visibility> from [visible] to [hidden] at (0) should be [visible]
|
||||
Pass Web Animations: property <content-visibility> from [visible] to [hidden] at (0.1) should be [visible]
|
||||
Pass Web Animations: property <content-visibility> from [visible] to [hidden] at (0.9) should be [visible]
|
||||
Pass Web Animations: property <content-visibility> from [visible] to [hidden] at (1) should be [hidden]
|
||||
Pass Web Animations: property <content-visibility> from [visible] to [hidden] at (1.5) should be [hidden]
|
||||
Pass CSS Transitions: property <content-visibility> from [hidden] to [visible] at (-1) should be [hidden]
|
||||
Pass CSS Transitions: property <content-visibility> from [hidden] to [visible] at (0) should be [hidden]
|
||||
Pass CSS Transitions: property <content-visibility> from [hidden] to [visible] at (0.1) should be [visible]
|
||||
Pass CSS Transitions: property <content-visibility> from [hidden] to [visible] at (0.9) should be [visible]
|
||||
Pass CSS Transitions: property <content-visibility> from [hidden] to [visible] at (1) should be [visible]
|
||||
Pass CSS Transitions: property <content-visibility> from [hidden] to [visible] at (1.5) should be [visible]
|
||||
Pass CSS Transitions with transition: all: property <content-visibility> from [hidden] to [visible] at (-1) should be [hidden]
|
||||
Pass CSS Transitions with transition: all: property <content-visibility> from [hidden] to [visible] at (0) should be [hidden]
|
||||
Pass CSS Transitions with transition: all: property <content-visibility> from [hidden] to [visible] at (0.1) should be [visible]
|
||||
Pass CSS Transitions with transition: all: property <content-visibility> from [hidden] to [visible] at (0.9) should be [visible]
|
||||
Pass CSS Transitions with transition: all: property <content-visibility> from [hidden] to [visible] at (1) should be [visible]
|
||||
Pass CSS Transitions with transition: all: property <content-visibility> from [hidden] to [visible] at (1.5) should be [visible]
|
||||
Pass CSS Animations: property <content-visibility> from [hidden] to [visible] at (-1) should be [hidden]
|
||||
Pass CSS Animations: property <content-visibility> from [hidden] to [visible] at (0) should be [hidden]
|
||||
Pass CSS Animations: property <content-visibility> from [hidden] to [visible] at (0.1) should be [visible]
|
||||
Pass CSS Animations: property <content-visibility> from [hidden] to [visible] at (0.9) should be [visible]
|
||||
Pass CSS Animations: property <content-visibility> from [hidden] to [visible] at (1) should be [visible]
|
||||
Pass CSS Animations: property <content-visibility> from [hidden] to [visible] at (1.5) should be [visible]
|
||||
Pass Web Animations: property <content-visibility> from [hidden] to [visible] at (-1) should be [hidden]
|
||||
Pass Web Animations: property <content-visibility> from [hidden] to [visible] at (0) should be [hidden]
|
||||
Pass Web Animations: property <content-visibility> from [hidden] to [visible] at (0.1) should be [visible]
|
||||
Pass Web Animations: property <content-visibility> from [hidden] to [visible] at (0.9) should be [visible]
|
||||
Pass Web Animations: property <content-visibility> from [hidden] to [visible] at (1) should be [visible]
|
||||
Pass Web Animations: property <content-visibility> from [hidden] to [visible] at (1.5) should be [visible]
|
||||
Pass CSS Transitions with transition-behavior:allow-discrete: property <content-visibility> from [auto] to [visible] at (-0.3) should be [auto]
|
||||
Pass CSS Transitions with transition-behavior:allow-discrete: property <content-visibility> from [auto] to [visible] at (0) should be [auto]
|
||||
Pass CSS Transitions with transition-behavior:allow-discrete: property <content-visibility> from [auto] to [visible] at (0.3) should be [auto]
|
||||
Pass CSS Transitions with transition-behavior:allow-discrete: property <content-visibility> from [auto] to [visible] at (0.5) should be [visible]
|
||||
Pass CSS Transitions with transition-behavior:allow-discrete: property <content-visibility> from [auto] to [visible] at (0.6) should be [visible]
|
||||
Pass CSS Transitions with transition-behavior:allow-discrete: property <content-visibility> from [auto] to [visible] at (1) should be [visible]
|
||||
Pass CSS Transitions with transition-behavior:allow-discrete: property <content-visibility> from [auto] to [visible] at (1.5) should be [visible]
|
||||
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <content-visibility> from [auto] to [visible] at (-0.3) should be [auto]
|
||||
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <content-visibility> from [auto] to [visible] at (0) should be [auto]
|
||||
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <content-visibility> from [auto] to [visible] at (0.3) should be [auto]
|
||||
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <content-visibility> from [auto] to [visible] at (0.5) should be [visible]
|
||||
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <content-visibility> from [auto] to [visible] at (0.6) should be [visible]
|
||||
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <content-visibility> from [auto] to [visible] at (1) should be [visible]
|
||||
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <content-visibility> from [auto] to [visible] at (1.5) should be [visible]
|
||||
Fail CSS Transitions: property <content-visibility> from [auto] to [visible] at (-0.3) should be [visible]
|
||||
Fail CSS Transitions: property <content-visibility> from [auto] to [visible] at (0) should be [visible]
|
||||
Fail CSS Transitions: property <content-visibility> from [auto] to [visible] at (0.3) should be [visible]
|
||||
Pass CSS Transitions: property <content-visibility> from [auto] to [visible] at (0.5) should be [visible]
|
||||
Pass CSS Transitions: property <content-visibility> from [auto] to [visible] at (0.6) should be [visible]
|
||||
Pass CSS Transitions: property <content-visibility> from [auto] to [visible] at (1) should be [visible]
|
||||
Pass CSS Transitions: property <content-visibility> from [auto] to [visible] at (1.5) should be [visible]
|
||||
Fail CSS Transitions with transition: all: property <content-visibility> from [auto] to [visible] at (-0.3) should be [visible]
|
||||
Fail CSS Transitions with transition: all: property <content-visibility> from [auto] to [visible] at (0) should be [visible]
|
||||
Fail CSS Transitions with transition: all: property <content-visibility> from [auto] to [visible] at (0.3) should be [visible]
|
||||
Pass CSS Transitions with transition: all: property <content-visibility> from [auto] to [visible] at (0.5) should be [visible]
|
||||
Pass CSS Transitions with transition: all: property <content-visibility> from [auto] to [visible] at (0.6) should be [visible]
|
||||
Pass CSS Transitions with transition: all: property <content-visibility> from [auto] to [visible] at (1) should be [visible]
|
||||
Pass CSS Transitions with transition: all: property <content-visibility> from [auto] to [visible] at (1.5) should be [visible]
|
||||
Pass CSS Animations: property <content-visibility> from [auto] to [visible] at (-0.3) should be [auto]
|
||||
Pass CSS Animations: property <content-visibility> from [auto] to [visible] at (0) should be [auto]
|
||||
Pass CSS Animations: property <content-visibility> from [auto] to [visible] at (0.3) should be [auto]
|
||||
Pass CSS Animations: property <content-visibility> from [auto] to [visible] at (0.5) should be [visible]
|
||||
Pass CSS Animations: property <content-visibility> from [auto] to [visible] at (0.6) should be [visible]
|
||||
Pass CSS Animations: property <content-visibility> from [auto] to [visible] at (1) should be [visible]
|
||||
Pass CSS Animations: property <content-visibility> from [auto] to [visible] at (1.5) should be [visible]
|
||||
Pass Web Animations: property <content-visibility> from [auto] to [visible] at (-0.3) should be [auto]
|
||||
Pass Web Animations: property <content-visibility> from [auto] to [visible] at (0) should be [auto]
|
||||
Pass Web Animations: property <content-visibility> from [auto] to [visible] at (0.3) should be [auto]
|
||||
Pass Web Animations: property <content-visibility> from [auto] to [visible] at (0.5) should be [visible]
|
||||
Pass Web Animations: property <content-visibility> from [auto] to [visible] at (0.6) should be [visible]
|
||||
Pass Web Animations: property <content-visibility> from [auto] to [visible] at (1) should be [visible]
|
||||
Pass Web Animations: property <content-visibility> from [auto] to [visible] at (1.5) should be [visible]
|
||||
Pass CSS Transitions: property <content-visibility> from [visible] to [visible] at (-1) should be [visible]
|
||||
Pass CSS Transitions: property <content-visibility> from [visible] to [visible] at (0) should be [visible]
|
||||
Pass CSS Transitions: property <content-visibility> from [visible] to [visible] at (0.5) should be [visible]
|
||||
Pass CSS Transitions: property <content-visibility> from [visible] to [visible] at (1) should be [visible]
|
||||
Pass CSS Transitions: property <content-visibility> from [visible] to [visible] at (1.5) should be [visible]
|
||||
Pass CSS Transitions with transition: all: property <content-visibility> from [visible] to [visible] at (-1) should be [visible]
|
||||
Pass CSS Transitions with transition: all: property <content-visibility> from [visible] to [visible] at (0) should be [visible]
|
||||
Pass CSS Transitions with transition: all: property <content-visibility> from [visible] to [visible] at (0.5) should be [visible]
|
||||
Pass CSS Transitions with transition: all: property <content-visibility> from [visible] to [visible] at (1) should be [visible]
|
||||
Pass CSS Transitions with transition: all: property <content-visibility> from [visible] to [visible] at (1.5) should be [visible]
|
||||
Pass CSS Animations: property <content-visibility> from [visible] to [visible] at (-1) should be [visible]
|
||||
Pass CSS Animations: property <content-visibility> from [visible] to [visible] at (0) should be [visible]
|
||||
Pass CSS Animations: property <content-visibility> from [visible] to [visible] at (0.5) should be [visible]
|
||||
Pass CSS Animations: property <content-visibility> from [visible] to [visible] at (1) should be [visible]
|
||||
Pass CSS Animations: property <content-visibility> from [visible] to [visible] at (1.5) should be [visible]
|
||||
Pass Web Animations: property <content-visibility> from [visible] to [visible] at (-1) should be [visible]
|
||||
Pass Web Animations: property <content-visibility> from [visible] to [visible] at (0) should be [visible]
|
||||
Pass Web Animations: property <content-visibility> from [visible] to [visible] at (0.5) should be [visible]
|
||||
Pass Web Animations: property <content-visibility> from [visible] to [visible] at (1) should be [visible]
|
||||
Pass Web Animations: property <content-visibility> from [visible] to [visible] at (1.5) should be [visible]
|
||||
Pass CSS Transitions: property <content-visibility> from [hidden] to [hidden] at (-1) should be [hidden]
|
||||
Pass CSS Transitions: property <content-visibility> from [hidden] to [hidden] at (0) should be [hidden]
|
||||
Pass CSS Transitions: property <content-visibility> from [hidden] to [hidden] at (0.5) should be [hidden]
|
||||
Pass CSS Transitions: property <content-visibility> from [hidden] to [hidden] at (1) should be [hidden]
|
||||
Pass CSS Transitions: property <content-visibility> from [hidden] to [hidden] at (1.5) should be [hidden]
|
||||
Pass CSS Transitions with transition: all: property <content-visibility> from [hidden] to [hidden] at (-1) should be [hidden]
|
||||
Pass CSS Transitions with transition: all: property <content-visibility> from [hidden] to [hidden] at (0) should be [hidden]
|
||||
Pass CSS Transitions with transition: all: property <content-visibility> from [hidden] to [hidden] at (0.5) should be [hidden]
|
||||
Pass CSS Transitions with transition: all: property <content-visibility> from [hidden] to [hidden] at (1) should be [hidden]
|
||||
Pass CSS Transitions with transition: all: property <content-visibility> from [hidden] to [hidden] at (1.5) should be [hidden]
|
||||
Pass CSS Animations: property <content-visibility> from [hidden] to [hidden] at (-1) should be [hidden]
|
||||
Pass CSS Animations: property <content-visibility> from [hidden] to [hidden] at (0) should be [hidden]
|
||||
Pass CSS Animations: property <content-visibility> from [hidden] to [hidden] at (0.5) should be [hidden]
|
||||
Pass CSS Animations: property <content-visibility> from [hidden] to [hidden] at (1) should be [hidden]
|
||||
Pass CSS Animations: property <content-visibility> from [hidden] to [hidden] at (1.5) should be [hidden]
|
||||
Pass Web Animations: property <content-visibility> from [hidden] to [hidden] at (-1) should be [hidden]
|
||||
Pass Web Animations: property <content-visibility> from [hidden] to [hidden] at (0) should be [hidden]
|
||||
Pass Web Animations: property <content-visibility> from [hidden] to [hidden] at (0.5) should be [hidden]
|
||||
Pass Web Animations: property <content-visibility> from [hidden] to [hidden] at (1) should be [hidden]
|
||||
Pass Web Animations: property <content-visibility> from [hidden] to [hidden] at (1.5) should be [hidden]
|
||||
|
|
@ -0,0 +1,84 @@
|
|||
<!DOCTYPE html>
|
||||
<link rel=author href="mailto:jarhar@chromium.org">
|
||||
<link rel=help href="https://github.com/w3c/csswg-drafts/issues/6429">
|
||||
<script src="../../../resources/testharness.js"></script>
|
||||
<script src="../../../resources/testharnessreport.js"></script>
|
||||
<script src="../../../css/support/interpolation-testcommon.js"></script>
|
||||
|
||||
<body>
|
||||
<script>
|
||||
const alwaysVisible = [
|
||||
{at: -1, expect: 'visible'},
|
||||
{at: 0, expect: 'visible'},
|
||||
{at: 0.1, expect: 'visible'},
|
||||
{at: 0.9, expect: 'visible'},
|
||||
{at: 1, expect: 'visible'},
|
||||
{at: 1.5, expect: 'visible'},
|
||||
];
|
||||
const alwaysHidden = [
|
||||
{at: -1, expect: 'hidden'},
|
||||
{at: 0, expect: 'hidden'},
|
||||
{at: 0.1, expect: 'hidden'},
|
||||
{at: 0.9, expect: 'hidden'},
|
||||
{at: 1, expect: 'hidden'},
|
||||
{at: 1.5, expect: 'hidden'},
|
||||
];
|
||||
|
||||
test_interpolation({
|
||||
property: 'content-visibility',
|
||||
behavior: 'allow-discrete',
|
||||
from: 'visible',
|
||||
to: 'hidden',
|
||||
}, [
|
||||
{at: -1, expect: 'visible'},
|
||||
{at: 0, expect: 'visible'},
|
||||
{at: 0.1, expect: 'visible'},
|
||||
{at: 0.9, expect: 'visible'},
|
||||
{at: 1, expect: 'hidden'},
|
||||
{at: 1.5, expect: 'hidden'},
|
||||
]);
|
||||
|
||||
test_interpolation({
|
||||
property: 'content-visibility',
|
||||
behavior: 'allow-discrete',
|
||||
from: 'hidden',
|
||||
to: 'visible',
|
||||
}, [
|
||||
{at: -1, expect: 'hidden'},
|
||||
{at: 0, expect: 'hidden'},
|
||||
{at: 0.1, expect: 'visible'},
|
||||
{at: 0.9, expect: 'visible'},
|
||||
{at: 1, expect: 'visible'},
|
||||
{at: 1.5, expect: 'visible'},
|
||||
]);
|
||||
|
||||
test_no_interpolation({
|
||||
property: 'content-visibility',
|
||||
from: 'auto',
|
||||
to: 'visible'
|
||||
});
|
||||
|
||||
test_interpolation({
|
||||
property: 'content-visibility',
|
||||
from: 'visible',
|
||||
to: 'visible'
|
||||
}, [
|
||||
{at: -1, expect: 'visible'},
|
||||
{at: 0, expect: 'visible'},
|
||||
{at: 0.5, expect: 'visible'},
|
||||
{at: 1, expect: 'visible'},
|
||||
{at: 1.5, expect: 'visible'},
|
||||
]);
|
||||
|
||||
test_interpolation({
|
||||
property: 'content-visibility',
|
||||
from: 'hidden',
|
||||
to: 'hidden'
|
||||
}, [
|
||||
{at: -1, expect: 'hidden'},
|
||||
{at: 0, expect: 'hidden'},
|
||||
{at: 0.5, expect: 'hidden'},
|
||||
{at: 1, expect: 'hidden'},
|
||||
{at: 1.5, expect: 'hidden'},
|
||||
]);
|
||||
</script>
|
||||
Loading…
Add table
Add a link
Reference in a new issue