ident-function-computed.html (1370B)
1 <!DOCTYPE html> 2 <title>CSS Values: The ident() Function (computed values)</title> 3 <link rel="help" href="https://drafts.csswg.org/css-values-5/#ident"> 4 <script src="/resources/testharness.js"></script> 5 <script src="/resources/testharnessreport.js"></script> 6 <script src="/css/support/computed-testcommon.js"></script> 7 <div id="target"></div> 8 <script> 9 // Any property that accepts <custom-ident> will do. 10 let prop = 'view-transition-name'; 11 12 test_computed_value(prop, 'ident(myident)', 'myident'); 13 test_computed_value(prop, 'ident("myident")', 'myident'); 14 test_computed_value(prop, 'ident("myident" 3)', 'myident3'); 15 test_computed_value(prop, 'ident(3 "myident")', '\\33 myident'); 16 test_computed_value(prop, 'ident("my" "ident")', 'myident'); 17 test_computed_value(prop, 'ident(my "ident")', 'myident'); 18 test_computed_value(prop, 'ident("my" ident)', 'myident'); 19 test_computed_value(prop, 'ident(my ident)', 'myident'); 20 test_computed_value(prop, 'ident(-- myident)', '--myident'); 21 test_computed_value(prop, 'ident(my 3 3 3 3 ident)', 'my3333ident'); 22 23 // Check for support in specific properties (WIP): 24 let actual_ident = 'ident("myident" 42)'; 25 let expected_ident = 'myident42'; 26 27 // https://drafts.csswg.org/css-view-transitions/#view-transition-name-prop 28 test_computed_value('view-transition-name', actual_ident, expected_ident); 29 </script>