mirror of
https://github.com/HeyPuter/firefox.git
synced 2026-11-15 05:00:02 -10:00
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:
1 parent
1b18c6244d
commit
d925dd9d6c
3 files changed
+92
No files matched your search
+41
@@ -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>
|
||||
+24
@@ -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>
|
||||
+27
@@ -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>
|
||||
Reference in new issue
Block a user