scroll-markers-computed.html (1373B)
1 <!doctype html> 2 <meta charset="utf-8"> 3 <title>CSS Overflow: scroll-marker-group computed values</title> 4 <link rel="help" href="https://drafts.csswg.org/css-overflow-5/#scroll-marker-group-property"> 5 <script src="/resources/testharness.js"></script> 6 <script src="/resources/testharnessreport.js"></script> 7 <script src="/css/support/computed-testcommon.js"></script> 8 <style> 9 #target { 10 scroll-marker-group: before; 11 } 12 </style> 13 <div id="target"></div> 14 <script> 15 test_computed_value('scroll-marker-group', 'initial', 'none'); 16 test_computed_value('scroll-marker-group', 'inherit', 'none'); 17 test_computed_value('scroll-marker-group', 'unset', 'none'); 18 test_computed_value('scroll-marker-group', 'revert', 'none'); 19 20 test_computed_value('scroll-marker-group', 'none'); 21 test_computed_value('scroll-marker-group', 'before'); 22 test_computed_value('scroll-marker-group', 'after'); 23 24 test(() => { 25 let style = getComputedStyle(document.getElementById('target')); 26 assert_not_equals(Array.from(style).indexOf('scroll-marker-group'), -1); 27 }, 'The scroll-marker-group property shows up in CSSStyleDeclaration enumeration'); 28 29 test(() => { 30 let style = document.getElementById('target').style; 31 assert_not_equals(style.cssText.indexOf('scroll-marker-group'), -1); 32 }, 'The scroll-marker-group property shows up in CSSStyleDeclaration.cssText'); 33 34 </script>