Bug 1896340 [wpt PR 46222] - [carousel] Implement scroll-markers property, a=testonly

Automatic update from web-platform-tests
[carousel] Implement scroll-markers property

The 'scroll-markers' property specifies whether the scroll container
should have a '::scroll-marker-group' pseudo element created, and its
position relative to the scroll container: none, before, after.

Bug: 332396355
Change-Id: I0abbdcfcfa55b9ca038c001a496e13aeddadea4a
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/5527124
Reviewed-by: Rune Lillesveen <[email protected]>
Commit-Queue: Daniil Sakhapov <[email protected]>
Cr-Commit-Position: refs/heads/main@{#1300514}

--

wpt-commits: a34d3de6346be57c878a5b7cc838eb75a126c4ba
wpt-pr: 46222
This commit is contained in:
Daniil Sakhapov authored and moz-wptsync-bot committed 2024-05-21 09:47:21 +00:00
1 parent 1b18c6244d
commit d925dd9d6c
3 files changed
+92

No files matched your search

@@ -0,0 +1,41 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Overflow: scroll-markers computed values</title>
<link rel="help" href="https://github.com/w3c/csswg-drafts/pull/10243">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/css/support/computed-testcommon.js"></script>
</head>
<body>
<style>
#target { scroll-markers: before; }
</style>
<div id="target"></div>
<script>
test_computed_value('scroll-markers', 'initial', 'none');
test_computed_value('scroll-markers', 'inherit', 'none');
test_computed_value('scroll-markers', 'unset', 'none');
test_computed_value('scroll-markers', 'revert', 'none');
test_computed_value('scroll-markers', 'none');
test_computed_value('scroll-markers', 'before');
test_computed_value('scroll-markers', 'after');
test(() => {
let style = getComputedStyle(document.getElementById('target'));
assert_not_equals(Array.from(style).indexOf('scroll-markers'), -1);
}, 'The scroll-markers property shows up in CSSStyleDeclaration enumeration');
test(() => {
let style = document.getElementById('target').style;
assert_not_equals(style.cssText.indexOf('scroll-markers'), -1);
}, 'The scroll-markers property shows up in CSSStyleDeclaration.cssText');
</script>
</body>
</html>
@@ -0,0 +1,24 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Overflow: parsing scroll-markers with invalid values</title>
<link rel="help" href="https://github.com/w3c/csswg-drafts/pull/10243">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/css/support/parsing-testcommon.js"></script>
</head>
<body>
<div id="target"></div>
<script>
test_invalid_value('scroll-markers', '10');
test_invalid_value('scroll-markers', 'true');
test_invalid_value('scroll-markers', 'default');
test_invalid_value('scroll-markers', 'set');
test_invalid_value('scroll-markers', 'before, after');
</script>
</body>
</html>
@@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Overflow: parsing scroll-markers with valid values</title>
<link rel="help" href="https://github.com/w3c/csswg-drafts/pull/10243">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/css/support/parsing-testcommon.js"></script>
</head>
<body>
<div id="target"></div>
<script>
test_valid_value('scroll-markers', 'initial');
test_valid_value('scroll-markers', 'inherit');
test_valid_value('scroll-markers', 'unset');
test_valid_value('scroll-markers', 'revert');
test_valid_value("scroll-markers", "none");
test_valid_value("scroll-markers", "before");
test_valid_value("scroll-markers", "after");
</script>
</body>
</html>