inline-style-layout-function.https.html (1127B)
1 <!DOCTYPE html> 2 <link rel="help" href="https://drafts.css-houdini.org/css-layout-api/#valdef-display-layout"> 3 <meta name="assert" content="This test checks that a layout() function is parses and serializes correctly from inline style." /> 4 <script src="/resources/testharness.js"></script> 5 <script src="/resources/testharnessreport.js"></script> 6 7 <div id=test1></div> 8 <div id=test2></div> 9 <div id=test3></div> 10 <script> 11 test(function() { 12 const test1 = document.getElementById('test1'); 13 assert_equals(test1.style.display, ''); 14 15 test1.style.display = 'layout(test1)'; 16 assert_equals(test1.style.display, 'layout(test1)'); 17 }); 18 19 test(function() { 20 const test2 = document.getElementById('test2'); 21 assert_equals(test2.style.display, ''); 22 23 // layout() should fail to parse. 24 test2.style.display = 'layout()'; 25 assert_equals(test2.style.display, ''); 26 }); 27 28 test(function() { 29 const test3 = document.getElementById('test3'); 30 assert_equals(test3.style.display, ''); 31 32 // layout(test3, invalid) should fail to parse. 33 test3.style.display = 'layout(test3, invalid)'; 34 assert_equals(test3.style.display, ''); 35 }); 36 </script>