iframe-frameborder.html

Enable keyboard shortcuts

This test has a WPT meta file that expects 6 subtest issues.
This WPT test may be referenced by the following Test IDs:
- /html/rendering/replaced-elements/embedded-content/iframe-frameborder.html - WPT Dashboard Interop Dashboard

<!doctype html>

<meta charset=utf-8>

<title>Presentational hint for iframe frameborder</title>

<script src="/resources/testharness.js"></script>

<script src="/resources/testharnessreport.js"></script>

<div id="log"></div>

<div data-expect="0px">

 <iframe frameborder></iframe>

 <iframe frameborder=0></iframe>

 <iframe frameborder=-0></iframe>

 <iframe frameborder=0.5></iframe>

 <iframe frameborder=0.5e1></iframe>

 <iframe frameborder=no></iframe>

 <iframe frameborder=none></iframe>

 <iframe frameborder=error></iframe>

</div>

<div data-expect="2px">

 <iframe></iframe>

 <iframe frameborder=1></iframe>

 <iframe frameborder=-1></iframe>

 <iframe frameborder=10></iframe>

 <iframe frameborder=-10></iframe>

</div>

<script>

const iframes = document.querySelectorAll('iframe');

const borderWidthProps = ['border-top-width', 'border-right-width', 'border-bottom-width', 'border-left-width'];

for (const iframe of iframes) {

  test(() => {

    const computed = getComputedStyle(iframe);

    const expectedBorderWidth = iframe.parentNode.dataset.expect;

    for (const prop of borderWidthProps) {

      assert_equals(computed.getPropertyValue(prop), expectedBorderWidth, prop);

    assert_equals(computed.getPropertyValue('border-style'), 'inset', 'border-style');

    assert_equals(computed.getPropertyValue('border-color'), getComputedStyle(document.documentElement).color, 'border-color');

  }, iframe.outerHTML);

</script>