iframe-frameborder.html (1435B)
1 <!doctype html> 2 <meta charset=utf-8> 3 <title>Presentational hint for iframe frameborder</title> 4 <script src="/resources/testharness.js"></script> 5 <script src="/resources/testharnessreport.js"></script> 6 <div id="log"></div> 7 8 <div data-expect="0px"> 9 <iframe frameborder></iframe> 10 <iframe frameborder=0></iframe> 11 <iframe frameborder=-0></iframe> 12 <iframe frameborder=0.5></iframe> 13 <iframe frameborder=0.5e1></iframe> 14 <iframe frameborder=no></iframe> 15 <iframe frameborder=none></iframe> 16 <iframe frameborder=error></iframe> 17 </div> 18 19 <div data-expect="2px"> 20 <iframe></iframe> 21 <iframe frameborder=1></iframe> 22 <iframe frameborder=-1></iframe> 23 <iframe frameborder=10></iframe> 24 <iframe frameborder=-10></iframe> 25 </div> 26 27 <script> 28 const iframes = document.querySelectorAll('iframe'); 29 const borderWidthProps = ['border-top-width', 'border-right-width', 'border-bottom-width', 'border-left-width']; 30 for (const iframe of iframes) { 31 test(() => { 32 const computed = getComputedStyle(iframe); 33 const expectedBorderWidth = iframe.parentNode.dataset.expect; 34 for (const prop of borderWidthProps) { 35 assert_equals(computed.getPropertyValue(prop), expectedBorderWidth, prop); 36 } 37 assert_equals(computed.getPropertyValue('border-style'), 'inset', 'border-style'); 38 assert_equals(computed.getPropertyValue('border-color'), getComputedStyle(document.documentElement).color, 'border-color'); 39 }, iframe.outerHTML); 40 } 41 </script>