display-math-on-non-mathml-elements.html (1316B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>display: math display values on non-MathML compute to flow</title> 4 <link rel="help" href="https://drafts.csswg.org/css-display/#the-display-properties"> 5 <script src="/resources/testharness.js"></script> 6 <script src="/resources/testharnessreport.js"></script> 7 8 <div id="container"> 9 10 <div data-expected="inline" style="display: math;"></div> 11 <div data-expected="inline" style="display: inline math;"></div> 12 <div data-expected="inline" style="display: math inline;"></div> 13 <div data-expected="block" style="display: block math;"></div> 14 <div data-expected="block" style="display: math block;"></div> 15 16 <svg data-expected="inline" style="display: math;"></svg> 17 <svg data-expected="inline" style="display: inline math;"></svg> 18 <svg data-expected="inline" style="display: math inline;"></svg> 19 <svg data-expected="block" style="display: block math;"></svg> 20 <svg data-expected="block" style="display: math block;"></svg> 21 22 </div> 23 24 <script> 25 Array.from(container.children).forEach(element => { 26 test(function() { 27 assert_equals(window.getComputedStyle(element).display, 28 element.getAttribute('data-expected')); 29 }, `computed display on <${element.localName} style="${element.getAttribute('style')}">`); 30 }); 31 </script>