position-try-parsing.html (2493B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Anchor Positioning Test: Parsing of position-try shorthand</title> 4 <link rel="help" href="https://drafts.csswg.org/css-anchor-position-1/#position-try-prop"> 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/shorthand-testcommon.js"></script> 9 <script> 10 test_valid_value("position-try", "flip-inline"); 11 test_valid_value("position-try", "flip-y"); 12 test_valid_value("position-try", "most-height none"); 13 test_valid_value("position-try", "--bar, --baz"); 14 test_valid_value("position-try", "most-inline-size --baz, flip-inline"); 15 test_valid_value("position-try", "most-block-size flip-inline flip-block, --bar, --baz"); 16 test_valid_value("position-try", "most-width flip-y flip-x, --foo, --bar"); 17 test_valid_value("position-try", "normal none", "none"); 18 test_valid_value("position-try", "most-width none"); 19 test_valid_value("position-try", "normal --foo", "--foo"); 20 21 test_invalid_value("position-try", "normal --foo, most-width --bar"); 22 test_invalid_value("position-try", "none normal"); 23 test_invalid_value("position-try", "flip-block most-height"); 24 test_invalid_value("position-try", "most-height, flip-start"); 25 26 test_shorthand_value("position-try", "flip-inline", { 27 "position-try-order": "normal", 28 "position-try-fallbacks": "flip-inline", 29 }); 30 test_shorthand_value("position-try", "flip-y", { 31 "position-try-order": "normal", 32 "position-try-fallbacks": "flip-y", 33 }); 34 test_shorthand_value("position-try", "most-width none", { 35 "position-try-order": "most-width", 36 "position-try-fallbacks": "none", 37 }); 38 test_shorthand_value("position-try", "--foo, --bar", { 39 "position-try-order": "normal", 40 "position-try-fallbacks": "--foo, --bar", 41 }); 42 test_shorthand_value("position-try", "most-inline-size --foo, flip-inline", { 43 "position-try-order": "most-inline-size", 44 "position-try-fallbacks": "--foo, flip-inline", 45 }); 46 test_shorthand_value("position-try", "most-inline-size flip-inline flip-block, --foo, --bar", { 47 "position-try-order": "most-inline-size", 48 "position-try-fallbacks": "flip-inline flip-block, --foo, --bar", 49 }); 50 test_shorthand_value("position-try", "most-width flip-y flip-x, --foo, --bar", { 51 "position-try-order": "most-width", 52 "position-try-fallbacks": "flip-y flip-x, --foo, --bar", 53 }); 54 </script>