position-anchor-basics.html (1518B)
1 <!DOCTYPE html> 2 <title>Tests basics of the 'position-anchor' property</title> 3 <link rel="help" href="https://drafts.csswg.org/css-anchor-1/#propdef-position-anchor"> 4 <link rel="author" href="mailto:xiaochengh@chromium.org"> 5 <script src="/resources/testharness.js"></script> 6 <script src="/resources/testharnessreport.js"></script> 7 <script src="/css/support/parsing-testcommon.js"></script> 8 <script src="/css/support/computed-testcommon.js"></script> 9 <script src="/css/support/inheritance-testcommon.js"></script> 10 <script src="/css/support/interpolation-testcommon.js"></script> 11 12 <div id="container"> 13 <div id="target"></div> 14 </div> 15 16 <script> 17 // position-anchor: <anchor-element> 18 // <anchor-element> = none | auto | <dashed-ident> 19 test_valid_value('position-anchor', 'none'); 20 test_valid_value('position-anchor', 'auto'); 21 test_valid_value('position-anchor', '--foo'); 22 test_invalid_value('position-anchor', 'foo-bar'); 23 test_invalid_value('position-anchor', '--foo --bar') 24 test_invalid_value('position-anchor', '--foo, --bar') 25 test_invalid_value('position-anchor', '100px'); 26 test_invalid_value('position-anchor', '100%'); 27 28 // Computed value: as specified 29 test_computed_value('position-anchor', 'none'); 30 test_computed_value('position-anchor', 'auto'); 31 test_computed_value('position-anchor', '--foo'); 32 33 // Initial: none 34 // Inherited: no 35 assert_not_inherited('position-anchor', 'none', '--foo'); 36 37 // Animation type: discrete 38 test_no_interpolation({ 39 property: 'position-anchor', 40 from: '--foo', 41 to: 'auto', 42 }); 43 </script>